@vodafone_de/brix-components 7.1.7 → 7.1.8

package/dist/components/Heading/index.js

@@ -3,11 +3,11 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import FootnoteLink from "../FootnoteLink/index.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { H as HeadingStyled } from "../../styled-VAsSnb5y.js";
-import { a, h } from "../../styled-VAsSnb5y.js";
+import { H as HeadingStyled } from "../../styled-Dmb8-99g.js";
+import { a, h } from "../../styled-Dmb8-99g.js";
 import { a as h1TagName, b as h2TagName, h as h3TagName, c as h4TagName, e as h5TagName, f as h6TagName, d as divTagName, s as spanTagName, p as pTagName } from "../../tags-38kBhOn6.js";
 import { b as fontWeightLight, f as fontWeightRegular, a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
-import { d as textHeadingXl, c as textHeadingLg, a as textHeadingMd, b as textHeadingSm, t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { d as textHeadingXl, c as textHeadingLg, t as textHeadingMd, b as textHeadingSm, a as textHeadingXs } from "../../HeadingSize-CqqUYZWV.js";
 import { i as isObject, h as hasMatchingComponentName, a as isBottomSpacing } from "../../isObject-cuWKq2kY.js";
 const headingSizes = [textHeadingXl, textHeadingLg, textHeadingMd, textHeadingSm, textHeadingXs];
 const headlingAligns = ["left", "center"];

package/dist/components/HifiIcon/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const IconStyled = styled.img.withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/IconButton/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import styled from "styled-components";
 import { s as shadow28 } from "../../shadow-u158mzuN.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
@@ -13,10 +13,10 @@ import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { b as borderRadiusMd, c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
 import { c as borderWidthSelected } from "../../BorderWidth-eg_mz82k.js";
-import { b as buttonHeight, p as primaryAppearance } from "../../styled-q7r_5eaz.js";
+import { b as buttonHeight, p as primaryAppearance } from "../../styled-Dgv3RBlg.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-BWnAPYBL.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 import { g as getButtonAppearance, B as ButtonAppearanceColor } from "../../ButtonAppearanceHelper-D2SlSoU8.js";
 const iconButtonShapeSquare = "square";

package/dist/components/IconSnippet/index.js

@@ -3,17 +3,17 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import { d as iconSizeLg, g as iconSize3xl, b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-B5p4bosD.js";
+import { R as RichText } from "../../index-CifS-Z_9.js";
 import { d as divTagName } from "../../tags-38kBhOn6.js";
 import { c as spacingSm, a as spacingMd, s as spacingNone, b as spacingXs } from "../../Spacing-BMQelJYr.js";
 import styled from "styled-components";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const iconSnippetSizeSmall = "sm";
 const iconSnippetSizeLarge = "lg";
 const iconSnippetSize3Xl = "3xl";

package/dist/components/Image/index.js

@@ -5,7 +5,7 @@ import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.j
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
 import { c as cornerStraight } from "../../CornerStyle-JEbGNArR.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const objectFitContain = "contain";
 const objectFitCover = "cover";
 const objectFitNone = "none";

package/dist/components/ImageHeader/index.js

@@ -4,8 +4,8 @@ import Body from "../Body/index.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading from "../Heading/index.js";
-import { P as Price, b as priceSizeSm } from "../../index-C69TqGKE.js";
-import { R as RichText } from "../../index-B5p4bosD.js";
+import { P as Price, b as priceSizeSm } from "../../index-DLvMM1Dq.js";
+import { R as RichText } from "../../index-CifS-Z_9.js";
 import { b as fontWeightLight } from "../../FontWeight-C2pGs7aR.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { a as spacingMd, c as spacingSm, d as spacingXl, b as spacingXs, e as spacing2Xs, s as spacingNone } from "../../Spacing-BMQelJYr.js";
@@ -21,8 +21,8 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { b as colorBackgroundOverlay } from "../../BackgroundColor-DSOSZvNi.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
-import { a as flexOrientationVertical } from "../../styled-CyZvsdJs.js";
-import { a as headingAlignCenter } from "../../styled-VAsSnb5y.js";
+import { a as flexOrientationVertical } from "../../styled-O5mL4jlL.js";
+import { a as headingAlignCenter } from "../../styled-Dmb8-99g.js";
 const imageHeaderVariantFull = "full";
 const imageHeaderVariantSplit = "split";
 const imageHeaderPositionRight = "right";

package/dist/components/InfoBanner/index.js

@@ -4,9 +4,9 @@ import Button from "../Button/index.js";
 import Heading from "../Heading/index.js";
 import Icon from "../Icon/index.js";
 import { d as iconSizeLg } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";
-import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { a as textHeadingXs } from "../../HeadingSize-CqqUYZWV.js";
 import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -17,7 +17,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as colorBackgroundSubtle, e as colorBackgroundBrand } from "../../BackgroundColor-DSOSZvNi.js";
 import { c as colorObjectNeutral } from "../../ObjectColor-0RAzLGI5.js";
 import { g as getForegroundColor } from "../../colorUtils-lb0oJttx.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const InfoBannerContainerStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "InfoBannerContainerStyled",

package/dist/components/InlineIcon/index.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { l as inlineIconModeStroke } from "../../props-7dcsjRUx.js";
 import { I, f, i, g, h, j, d, c, b, e, a, k } from "../../props-7dcsjRUx.js";
-import { I as InlineIconStyled } from "../../styled-RnVr222F.js";
+import { I as InlineIconStyled } from "../../styled-B1bxWqtW.js";
 const InlineIcon = ({
   className,
   alt = "",

package/dist/components/InlineLink/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
-import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
+import { f as filterPropsForUnstyledComponent } from "../../filterProps-BWnAPYBL.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/Input/index.js

@@ -9,7 +9,7 @@ import { a as spacingMd, b as spacingXs } from "../../Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { i } 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-BQGCfF-s.js";
 const Input = forwardRef(({
   uid,
   status,

package/dist/components/Label/index.js

@@ -4,7 +4,7 @@ import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTex
 import styled from "styled-components";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const LabelStyled = styled.label.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "LabelStyled",

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-B5p4bosD.js";
+import { R as RichText } from "../../index-CifS-Z_9.js";
 import { L as LegendStyled } from "../../styled-CH1kr8ZR.js";
 const Legend = ({
   contents,

package/dist/components/Link/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, p as primaryAppearance, a as LinkStyled, g as getLinkIcon } from "../../index-M27FMM9r.js";
+import { L as LinkAsButton, p as primaryAppearance, a as LinkStyled, g as getLinkIcon } from "../../index-ByPSWRQ0.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
-import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
+import { f as filterPropsForUnstyledComponent } from "../../filterProps-BWnAPYBL.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
 const isLinkAsButtonProp = (props) => {

package/dist/components/LinkAsButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { L } from "../../index-M27FMM9r.js";
+import { L } from "../../index-ByPSWRQ0.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   L as default

package/dist/components/LinkList/index.js

@@ -5,7 +5,7 @@ import { u as ulTagName, l as liTagName } from "../../tags-38kBhOn6.js";
 import { s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import { L as LinkListStyled, b as LinkListLiStyled, l as linkListVariantRow } from "../../styled-BlHKbHF4.js";
 import { a } from "../../styled-BlHKbHF4.js";
-import { l as linkListItemVariantVertical, a as linkListItemVariantHorizontal } from "../../styled-SllFJc7o.js";
+import { l as linkListItemVariantVertical, a as linkListItemVariantHorizontal } from "../../styled-BBG87P4U.js";
 const LinkList = ({
   items,
   variant,

package/dist/components/LinkListItem/index.js

@@ -3,15 +3,15 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import Badge from "../Badge/index.js";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { c as iconSizeMd } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import { s as spanTagName } from "../../tags-38kBhOn6.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
-import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
+import { f as filterPropsForUnstyledComponent } from "../../filterProps-BWnAPYBL.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
-import { L as LinkListItemElevatedStyled, b as LinkListItemStyled, c as LinkListItemButtonStyled, d as LinkListItemAnchorStyled, e as LinkListItemContentWrapperStyled, a as linkListItemVariantHorizontal, f as LinkListItemContentStyled, g as LinkListItemLabelWrapperStyled, h as LinkListItemVerticalContentStyled, i as LinkListItemChevronStyled, j as LinkListLabelStyled, k as LinkListSuffixStyled } from "../../styled-SllFJc7o.js";
-import { l } from "../../styled-SllFJc7o.js";
+import { L as LinkListItemElevatedStyled, b as LinkListItemStyled, c as LinkListItemButtonStyled, d as LinkListItemAnchorStyled, e as LinkListItemContentWrapperStyled, a as linkListItemVariantHorizontal, f as LinkListItemContentStyled, g as LinkListItemLabelWrapperStyled, h as LinkListItemVerticalContentStyled, i as LinkListItemChevronStyled, j as LinkListLabelStyled, k as LinkListSuffixStyled } from "../../styled-BBG87P4U.js";
+import { l } from "../../styled-BBG87P4U.js";
 const isLinkListItemAsButtonProp = (props) => {
   return props.href === void 0;
 };

package/dist/components/LoadingSpinner/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 import ScreenreaderOnly from "../ScreenreaderOnly/index.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-U9du2n1i.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-Du4LgXoA.js";
 const LoadingSpinnerSVG = ({
   size = "lg",
   ...props

package/dist/components/LocalStyle/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
-import { a as cssVarsString } from "../../cssVars-C3-c3zhv.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as cssVarsString } from "../../cssVars-CR3xqdPx.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const LocalStyleStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "LocalStyleStyled",

package/dist/components/MediaText/index.js

@@ -6,20 +6,20 @@ import FlexItem from "../FlexItem/index.js";
 import Heading from "../Heading/index.js";
 import Image, { aspectRatio16_9 } from "../Image/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-B5p4bosD.js";
+import { R as RichText } from "../../index-CifS-Z_9.js";
 import YoutubeVideo from "../YoutubeVideo/index.js";
 import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-38kBhOn6.js";
 import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";
-import { b as textHeadingSm, t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { b as textHeadingSm, a as textHeadingXs } from "../../HeadingSize-CqqUYZWV.js";
 import { a as spacingMd, e as spacing2Xs, c as spacingSm, s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import { u as useViewport } from "../../index-G2mpsxF7.js";
 import styled from "styled-components";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
-import { h as headingAlignLeft } from "../../styled-VAsSnb5y.js";
-import { a as flexOrientationVertical, f as flexOrientationHorizontal, b as flexJustifyStart } from "../../styled-CyZvsdJs.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
+import { h as headingAlignLeft } from "../../styled-Dmb8-99g.js";
+import { a as flexOrientationVertical, f as flexOrientationHorizontal, b as flexJustifyStart } from "../../styled-O5mL4jlL.js";
 const mediaTextPositionTop = "top";
 const mediaTextPositionLeft = "left";
 const mediaTextPositionRight = "right";

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-B1bxWqtW.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-B5p4bosD.js";
+import { R as RichText } from "../../index-CifS-Z_9.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";
@@ -27,7 +27,7 @@ import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.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-BWnAPYBL.js";
 const notificationStatusVariants = {
   info: {
     borderColor: getBorderColor(colorBorderInformation),

package/dist/components/OpenTextFootnoteAdapter/index.js

@@ -5,8 +5,8 @@ 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 { b as textHeadingSm, c as textHeadingLg } from "../../HeadingSize-CfCRn3Lh.js";
+import { R as RichText } from "../../index-CifS-Z_9.js";
+import { b as textHeadingSm, c as textHeadingLg } from "../../HeadingSize-CqqUYZWV.js";
 import { h as h3TagName } from "../../tags-38kBhOn6.js";
 const getFootnoteContent = (content, footnoteContentBacklinkText) => {
   const result = [];

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-BWnAPYBL.js";
 const overlayAppearancePrimary = "primary";
 const overlayAppearanceSecondary = "secondary";
 const OverlayStyled = styled.div.withConfig({

package/dist/components/PickerGroup/index.js

@@ -8,7 +8,7 @@ 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-B1bxWqtW.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
@@ -32,9 +32,9 @@ import { a as borderWidthFocus, c as borderWidthSelected } from "../../BorderWid
 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-BWnAPYBL.js";
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
-import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { a as textHeadingXs } from "../../HeadingSize-CqqUYZWV.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
 const PickerElementIconStyled = styled(IconLoader).withConfig({

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-DLvMM1Dq.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   c as createScreenReaderText,

package/dist/components/ProductCard/index.js

@@ -7,17 +7,17 @@ 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-B1bxWqtW.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-DLvMM1Dq.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
-import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
+import { t as textHeadingMd } from "../../HeadingSize-CqqUYZWV.js";
 import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
 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-Dmb8-99g.js";
 const ProductCardStyled = styled(Card).withConfig({
   displayName: "ProductCardStyled",
   componentId: "sc-1ps8gys-0"

package/dist/components/QuickLinkList/index.js

@@ -5,9 +5,9 @@ import GridItem from "../GridItem/index.js";
 import { u as useViewport, v as viewportLg } from "../../index-G2mpsxF7.js";
 import Icon from "../Icon/index.js";
 import { d as iconSizeLg } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
-import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
+import { f as filterPropsForUnstyledComponent } from "../../filterProps-BWnAPYBL.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
 import styled from "styled-components";
 import { B as ButtonAppearanceColor } from "../../ButtonAppearanceHelper-D2SlSoU8.js";
@@ -21,7 +21,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBorderFocus, a as colorBorderNeutral } from "../../BorderColor-CYdSW9dg.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
-import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { a as textHeadingXs } from "../../HeadingSize-CqqUYZWV.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 const QuickLinkAnchorStyled = styled.span.withConfig({
   displayName: "QuickLinkAnchorStyled",

package/dist/components/RadioGroup/index.js

@@ -20,7 +20,7 @@ import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.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-BWnAPYBL.js";
 const RadioContainer = styled(Flex).withConfig({
   shouldForwardProp: filterProps(["disabled"]),
   displayName: "RadioContainer",

package/dist/components/Rating/index.js

@@ -3,7 +3,7 @@ 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 { a as filterProps } from "../../filterProps-BWnAPYBL.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/ResponsiveImage/index.js

@@ -6,7 +6,7 @@ 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, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const ResponsiveImagePictureStyled = styled.picture.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "ResponsiveImagePictureStyled",

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-CifS-Z_9.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-VuUKI7PE.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-CifS-Z_9.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-BWnAPYBL.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-B1bxWqtW.js";
+import { p as primaryAppearance } from "../../styled-Dgv3RBlg.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-BQGCfF-s.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-BWnAPYBL.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-B1bxWqtW.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";
@@ -23,7 +23,7 @@ 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 { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const SelectInputWrapperStyled = styled.div.withConfig({
   displayName: "SelectInputWrapperStyled",

package/dist/components/Stepper/index.js

@@ -16,7 +16,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-BWnAPYBL.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-B1bxWqtW.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-BQGCfF-s.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";
@@ -24,6 +24,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-DSOSZvNi.js";
 import { c as colorBorderFocus } from "../../BorderColor-CYdSW9dg.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 import Flex from "../Flex/index.js";
 import LoadingSpinner from "../LoadingSpinner/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -31,7 +32,6 @@ 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";
 const calculateListMaxHeight = (numberOfVisibleItems) => {
   return `calc((${getSpacing(spacingSm)} * 2 + ${getBodySize(textBodyMd).fontSize} * ${getBodySize(textBodyMd).lineHeight}) * ${numberOfVisibleItems})`;
 };
@@ -72,6 +72,7 @@ const SuggestInputListStyled = styled.ul.withConfig({
   maxHeight: calculateListMaxHeight(5)
 });
 const SuggestInputListItemStyled = styled.li.withConfig({
+  shouldForwardProp: filterProps(),
   displayName: "SuggestInputListItemStyled",
   componentId: "sc-5e6nao-2"
 })({
@@ -108,7 +109,7 @@ const highlightQuery = (label, query) => {
   if (query.length > 0 && index !== -1) {
     const beforeQuery = label.slice(0, index);
     const afterQuery = label.slice(index + lowerQuery.length);
-    const boldQuery = /* @__PURE__ */ jsx(Body, { tag: strongTagName, children: label.slice(index, index + lowerQuery.length) });
+    const boldQuery = /* @__PURE__ */ jsx(Body, { tag: strongTagName, children: label.slice(index, index + lowerQuery.length) }, label);
     return [beforeQuery, boldQuery, afterQuery];
   }
   return label;

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-B1bxWqtW.js";
 import styled from "styled-components";
 import Label from "../Label/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -21,7 +21,7 @@ import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-eg_
 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-BWnAPYBL.js";
 const getHandleIcon = (checked) => {
   const iconName = checked ? "Tick" : "Close";
   return /* @__PURE__ */ jsx(IconLoader, { size: iconSize2xs, name: iconName });