@vodafone_de/brix-components 7.0.8 → 7.0.9

package/dist/index.js

@@ -2,74 +2,78 @@ import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } fro
 import { default as default3 } from "./components/Tray/index.js";
 import { default as default4 } from "./components/TimeInput/index.js";
 import { default as default5 } from "./components/Textarea/index.js";
-import { R, T, a } from "./index-BeSd-V81.js";
-import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-aUJfXBUI.js";
+import { R, T, a } from "./index-9io8adeQ.js";
+import { P, T as T2, c, g, f, p, a as a2, e, d, b } from "./index-TImInHXt.js";
 import { default as default6 } from "./components/Switch/index.js";
 import { default as default7 } from "./components/SuggestInput/index.js";
 import { default as default8 } from "./components/Stepper/index.js";
 import { default as default9 } from "./components/SelectInput/index.js";
 import { default as default10 } from "./components/SearchInput/index.js";
-import { S } from "./index-DQhtQZ85.js";
+import { S } from "./index-GwyCjtti.js";
 import { default as default11 } from "./components/ResponsiveImage/index.js";
-import { default as default12 } from "./components/RadioGroup/index.js";
-import { default as default13 } from "./components/ProductCard/index.js";
-import { default as default14 } from "./components/PickerGroup/index.js";
-import { default as default15, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
-import { default as default16, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
-import { default as default17 } from "./components/LoadingSpinner/index.js";
-import { default as default18, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
-import { default as default19, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
-import { L } from "./index-C5GzK6_0.js";
-import { default as default20 } from "./components/Link/index.js";
-import { default as default21 } from "./components/Legend/index.js";
-import { default as default22 } from "./components/Label/index.js";
-import { default as default23 } from "./components/Input/index.js";
-import { default as default24 } from "./components/InlineLink/index.js";
-import { default as default25, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
-import { default as default26, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
-import { default as default27 } from "./components/IconSnippetList/index.js";
-import { default as default28, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
-import { default as default29, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
-import { default as default30, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
-import { default as default31 } from "./components/HifiIcon/index.js";
-import { default as default32, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
-import { default as default33 } from "./components/GridItem/index.js";
-import { default as default34 } from "./components/Grid/index.js";
-import { default as default35 } from "./components/GoogleMap/index.js";
-import { default as default36, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
-import { default as default37 } from "./components/FormHelperMessage/index.js";
-import { default as default38 } from "./components/FormHelperLabel/index.js";
-import { default as default39 } from "./components/FormElement/index.js";
-import { default as default40 } from "./components/Form/index.js";
-import { default as default41 } from "./components/FootnoteLink/index.js";
-import { default as default42 } from "./components/FootnoteContent/index.js";
-import { default as default43, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
-import { default as default44 } from "./components/Flex/index.js";
-import { default as default45 } from "./components/FilterGroup/index.js";
-import { default as default46 } from "./components/Fieldset/index.js";
-import { default as default47 } from "./components/Divider/index.js";
-import { default as default48 } from "./components/DiscoveryCardGroup/index.js";
-import { default as default49, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
-import { default as default50 } from "./components/Dialog/index.js";
-import { default as default51 } from "./components/DemoBox/index.js";
-import { default as default52 } from "./components/DateInput/index.js";
-import { default as default53, ContainerAppearanceColor } from "./components/Container/index.js";
-import { default as default54 } from "./components/ConsentMessage/index.js";
-import { default as default55 } from "./components/ColorSwatchGroup/index.js";
-import { default as default56, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
-import { default as default57 } from "./components/Collapsible/index.js";
-import { default as default58 } from "./components/CheckboxGroup/index.js";
-import { default as default59 } from "./components/Checkbox/index.js";
-import { default as default60 } from "./components/Carousel/index.js";
-import { default as default61 } from "./components/Card/index.js";
-import { default as default62 } from "./components/ButtonGroup/index.js";
-import { B } from "./index-C7meHOM4.js";
-import { default as default63, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
-import { default as default64 } from "./components/BottomBar/index.js";
-import { default as default65, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
-import { B as B2, a as a3 } from "./index-ZHkR70j3.js";
-import { default as default66 } from "./components/AccordionGroup/index.js";
-import { default as default67, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
+import { HiddenRadioStyled, default as default12, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
+import { default as default13 } from "./components/RadioGroup/index.js";
+import { default as default14 } from "./components/ProductCard/index.js";
+import { default as default15 } from "./components/PickerGroup/index.js";
+import { default as default16, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
+import { default as default17, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
+import { default as default18, mediaTextPositionLeft, mediaTextPositionRight, mediaTextPositionTop } from "./components/MediaText/index.js";
+import { default as default19 } from "./components/LoadingSpinner/index.js";
+import { default as default20, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
+import { default as default21, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
+import { L } from "./index-Cqh8IRpl.js";
+import { default as default22 } from "./components/Link/index.js";
+import { default as default23 } from "./components/Legend/index.js";
+import { default as default24 } from "./components/Label/index.js";
+import { default as default25 } from "./components/Input/index.js";
+import { default as default26 } from "./components/InlineLink/index.js";
+import { default as default27 } from "./components/InlineIcon/index.js";
+import { default as default28, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
+import { default as default29, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
+import { default as default30 } from "./components/IconSnippetList/index.js";
+import { default as default31, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
+import { default as default32 } from "./components/IconLoader/index.js";
+import { default as default33, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
+import { default as default34, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
+import { default as default35 } from "./components/HifiIcon/index.js";
+import { default as default36, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
+import { default as default37 } from "./components/GridItem/index.js";
+import { default as default38 } from "./components/Grid/index.js";
+import { default as default39 } from "./components/GoogleMap/index.js";
+import { default as default40, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
+import { default as default41 } from "./components/FormHelperMessage/index.js";
+import { default as default42 } from "./components/FormHelperLabel/index.js";
+import { default as default43 } from "./components/FormElement/index.js";
+import { default as default44 } from "./components/Form/index.js";
+import { default as default45 } from "./components/FootnoteLink/index.js";
+import { default as default46 } from "./components/FootnoteContent/index.js";
+import { default as default47, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
+import { default as default48 } from "./components/Flex/index.js";
+import { default as default49 } from "./components/FilterGroup/index.js";
+import { default as default50 } from "./components/Fieldset/index.js";
+import { default as default51 } from "./components/Divider/index.js";
+import { default as default52 } from "./components/DiscoveryCardGroup/index.js";
+import { default as default53, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
+import { default as default54 } from "./components/Dialog/index.js";
+import { default as default55 } from "./components/DemoBox/index.js";
+import { default as default56 } from "./components/DateInput/index.js";
+import { default as default57, ContainerAppearanceColor } from "./components/Container/index.js";
+import { default as default58 } from "./components/ConsentMessage/index.js";
+import { default as default59 } from "./components/ColorSwatchGroup/index.js";
+import { default as default60, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
+import { default as default61 } from "./components/Collapsible/index.js";
+import { default as default62 } from "./components/CheckboxGroup/index.js";
+import { default as default63 } from "./components/Checkbox/index.js";
+import { default as default64 } from "./components/Carousel/index.js";
+import { default as default65 } from "./components/Card/index.js";
+import { default as default66 } from "./components/ButtonGroup/index.js";
+import { B } from "./index-hMlQuoyx.js";
+import { default as default67, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
+import { default as default68 } from "./components/BottomBar/index.js";
+import { default as default69, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
+import { B as B2, a as a3 } from "./index-BdPmdY9v.js";
+import { default as default70 } from "./components/AccordionGroup/index.js";
+import { default as default71, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
 import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -90,85 +94,97 @@ import { l, m } from "./index-Ck2bCrhT.js";
 import { noReducedMotion, reducedMotionQuery } from "./foundations/media-query/reducedMotion/index.js";
 import { forcedColorsQuery } from "./foundations/media-query/forcedColors/index.js";
 import { GlobalStyle } from "./foundations/GlobalStyle/index.js";
-import { useViewport } from "./hooks/useViewport/index.js";
+import { u } from "./index-Cs0Hw0dj.js";
 import { checkThirdPartyConsentStorage, consentStorageFeature, consentStorageItemName, consentStorageKey, useThirdPartyConsent } from "./hooks/useThirdPartyConsent/index.js";
 import { useReducedMotion } from "./hooks/useReducedMotion/index.js";
 import { useMediaQuery } from "./hooks/useMediaQuery/index.js";
+import { LinkContext, useLinkComponent } from "./hooks/useLinkComponent/index.js";
 import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
-import { a as a4, i as i2 } from "./props-DDpgcryb.js";
-import { e as e2, d as d2, c as c2, b as b2, f as f2, a as a5 } from "./styled-B0YKfXTz.js";
-import { C } from "./styled-CYugcGtx.js";
+import { a as a4, i } from "./props-DDpgcryb.js";
+import { I, m as m2, f as f2, i as i2, g as g2, h, j, d as d2, c as c2, b as b2, e as e2, a as a5, k, l as l2 } from "./styled-DPHfwWsx.js";
+import { e as e3, d as d3, c as c3, b as b3, f as f3, a as a6 } from "./styled-CPUu8mvT.js";
+import { C } from "./styled-DINwm57V.js";
 export {
-  default67 as Accordion,
-  default66 as AccordionGroup,
+  default71 as Accordion,
+  default70 as AccordionGroup,
   B2 as Badge,
   a3 as BadgeAppearanceColor,
-  default65 as Body,
-  default64 as BottomBar,
-  default63 as Button,
+  default69 as Body,
+  default68 as BottomBar,
+  default67 as Button,
   B as ButtonAsLink,
-  default62 as ButtonGroup,
-  default61 as Card,
+  default66 as ButtonGroup,
+  default65 as Card,
   C as CardAppearanceColor,
-  default60 as Carousel,
-  default59 as Checkbox,
-  default58 as CheckboxGroup,
-  default57 as Collapsible,
-  default56 as ColorSwatch,
-  default55 as ColorSwatchGroup,
-  default54 as ConsentMessage,
-  default53 as Container,
+  default64 as Carousel,
+  default63 as Checkbox,
+  default62 as CheckboxGroup,
+  default61 as Collapsible,
+  default60 as ColorSwatch,
+  default59 as ColorSwatchGroup,
+  default58 as ConsentMessage,
+  default57 as Container,
   ContainerAppearanceColor,
-  default52 as DateInput,
-  default51 as DemoBox,
-  default50 as Dialog,
-  default49 as DiscoveryCard,
-  default48 as DiscoveryCardGroup,
-  default47 as Divider,
-  default46 as Fieldset,
-  default45 as FilterGroup,
-  default44 as Flex,
-  default43 as FlexItem,
-  default42 as FootnoteContent,
-  default41 as FootnoteLink,
-  default40 as Form,
-  default39 as FormElement,
-  default38 as FormHelperLabel,
-  default37 as FormHelperMessage,
-  default36 as FormHelperStatusIcon,
+  default56 as DateInput,
+  default55 as DemoBox,
+  default54 as Dialog,
+  default53 as DiscoveryCard,
+  default52 as DiscoveryCardGroup,
+  default51 as Divider,
+  default50 as Fieldset,
+  default49 as FilterGroup,
+  default48 as Flex,
+  default47 as FlexItem,
+  default46 as FootnoteContent,
+  default45 as FootnoteLink,
+  default44 as Form,
+  default43 as FormElement,
+  default42 as FormHelperLabel,
+  default41 as FormHelperMessage,
+  default40 as FormHelperStatusIcon,
   GlobalStyle,
-  default35 as GoogleMap,
-  default34 as Grid,
-  default33 as GridItem,
-  default32 as Heading,
-  default31 as HifiIcon,
-  default30 as Icon,
-  default29 as IconButton,
-  default28 as IconSnippet,
-  default27 as IconSnippetList,
-  default26 as Image,
-  default25 as ImageHeader,
-  default24 as InlineLink,
-  default23 as Input,
-  default22 as Label,
-  default21 as Legend,
-  default20 as Link,
+  default39 as GoogleMap,
+  default38 as Grid,
+  default37 as GridItem,
+  default36 as Heading,
+  HiddenRadioStyled,
+  default35 as HifiIcon,
+  default34 as Icon,
+  default33 as IconButton,
+  default32 as IconLoader,
+  default31 as IconSnippet,
+  default30 as IconSnippetList,
+  I as IconWithAccent,
+  default29 as Image,
+  default28 as ImageHeader,
+  default27 as InlineIcon,
+  m2 as InlineIconStyled,
+  default26 as InlineLink,
+  default25 as Input,
+  default24 as Label,
+  default23 as Legend,
+  default22 as Link,
   L as LinkAsButton,
-  default19 as LinkList,
-  default18 as LinkListItem,
-  default17 as LoadingSpinner,
-  default16 as Notification,
-  default15 as Overlay,
-  default14 as PickerGroup,
+  LinkContext,
+  default21 as LinkList,
+  default20 as LinkListItem,
+  default19 as LoadingSpinner,
+  default18 as MediaText,
+  default17 as Notification,
+  default16 as Overlay,
+  default15 as PickerGroup,
   P as Price,
-  default13 as ProductCard,
-  default12 as RadioGroup,
+  default14 as ProductCard,
+  default13 as RadioGroup,
+  default12 as Rating,
   default11 as ResponsiveImage,
   R as RichText,
   S as ScreenreaderOnly,
   default10 as SearchInput,
   default9 as SelectInput,
+  StarLabelStyled,
+  StarsWrapperStyled,
   default8 as Stepper,
   default7 as SuggestInput,
   default6 as Switch,
@@ -206,12 +222,12 @@ export {
   discoveryCardOrientationVertical,
   flexItemAutoGrow,
   flexItemFullGrow,
-  e2 as flexJustifyBetween,
-  d2 as flexJustifyCenter,
-  c2 as flexJustifyEnd,
-  b2 as flexJustifyStart,
-  f2 as flexOrientationHorizontal,
-  a5 as flexOrientationVertical,
+  e3 as flexJustifyBetween,
+  d3 as flexJustifyCenter,
+  c3 as flexJustifyEnd,
+  b3 as flexJustifyStart,
+  f3 as flexOrientationHorizontal,
+  a6 as flexOrientationVertical,
   forcedColorsQuery,
   getBackgroundColor,
   getBodySize,
@@ -236,11 +252,20 @@ export {
   horizontalAlignmentRight,
   iconButtonShapeCircle,
   iconButtonShapeSquare,
-  iconSize5xl,
+  f2 as iconSize2xl,
+  i2 as iconSize2xs,
+  g2 as iconSize3xl,
+  h as iconSize4xl,
+  j as iconSize5xl,
   iconSize6xl,
   iconSize7xl,
   iconSize8xl,
   iconSize9xl,
+  d2 as iconSizeLg,
+  c2 as iconSizeMd,
+  b2 as iconSizeSm,
+  e2 as iconSizeXl,
+  a5 as iconSizeXs,
   iconSnippetAlignCenter,
   iconSnippetAlignTop,
   iconSnippetPositionCenter,
@@ -252,15 +277,19 @@ export {
   imageHeaderPositionRight,
   imageHeaderVariantFull,
   imageHeaderVariantSplit,
+  k as inlineIconModeFill,
+  l2 as inlineIconModeStroke,
   a4 as inputStateError,
-  i2 as inputStateSuccess,
+  i as inputStateSuccess,
   inputStatusIcons,
-  i as internalizePriceProps,
   l as largeMediaQuery,
   linkListItemVariantHorizontal,
   linkListItemVariantVertical,
   linkListVariantColumn,
   linkListVariantRow,
+  mediaTextPositionLeft,
+  mediaTextPositionRight,
+  mediaTextPositionTop,
   m as mediumMediaQuery,
   noReducedMotion,
   notificationStatusError,
@@ -281,7 +310,6 @@ export {
   overlayAppearanceSecondary,
   g as priceAlignCenter,
   f as priceAlignLeft,
-  h as priceDefaultProps,
   p as priceOrientationHorizontal,
   a2 as priceOrientationVertical,
   e as priceSizeLg,
@@ -290,8 +318,9 @@ export {
   reducedMotionQuery,
   useFocusWithin,
   useForcedColors,
+  useLinkComponent,
   useMediaQuery,
   useReducedMotion,
   useThirdPartyConsent,
-  useViewport
+  u as useViewport
 };

package/dist/{styled-ZpQohvyx.js → styled-BIc9Gu0G.js}

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "./Spacing-D0HQH9YJ.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 const GridStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "GridStyled",

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

@@ -1,4 +1,3 @@
-import { df as IconLoader } from "./index-Cbojl4_Q.js";
 import styled from "styled-components";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import { e as ease_in_sine } from "./easing-Dm-pO8SY.js";
@@ -11,6 +10,7 @@ import { c as colorBorderFocus } from "./BorderColor-BummoQ1-.js";
 import { a as borderWidthFocus, d as borderWidthSelected } from "./BorderWidth-DfOlyKK7.js";
 import { f as colorObjectNeutral, c as colorObjectBrand, a as colorObjectInverse } from "./ObjectColor-BZDBuV8H.js";
 import { b as getForegroundColor } from "./colorUtils-BSfFfgbi.js";
+import IconLoader from "./components/IconLoader/index.js";
 import { v as viewport } from "./index-Ck2bCrhT.js";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
@@ -19,11 +19,11 @@ import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
 import { getOpacity } from "./foundations/token/getOpacity/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
-import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
 import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
 import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 const leftPosition = "left";
 const ButtonAppearanceColor = {
   primary: colorObjectBrand,
@@ -75,7 +75,7 @@ const getButtonAppearance = (appearance) => {
       color,
       backgroundColor: pressedBackgroundColor
     },
-    "&:focus-visible": {
+    "&:focus-visible, &:focus-within": {
       ...forcedColors({
         outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`,
         background: "ButtonFace",

package/dist/{styled-DMUiOi24.js → styled-CFTspqJH.js}

@@ -1,4 +1,5 @@
 import styled, { keyframes, css } from "styled-components";
+import Body from "./components/Body/index.js";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import reducedMotion from "./foundations/media-query/reducedMotion/index.js";
 import { v as viewport } from "./index-Ck2bCrhT.js";
@@ -13,8 +14,7 @@ import { b as colorBackgroundOverlay } from "./BackgroundColor-e0N9tdDR.js";
 import { o as opacityOverlay } from "./Opacity-smkGiwsf.js";
 import { b as spacingNone } from "./Spacing-D0HQH9YJ.js";
 import { l as largeSize } from "./SizeTypes-Ck_RdzIf.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
-import Body from "./components/Body/index.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 const loadingSpinnerOverlays = {
   Light: `rgba(255, 255, 255, ${getOpacity(opacityOverlay)})`,
   Dark: `rgba(38, 38, 38, ${getOpacity(opacityOverlay)})`

package/dist/{styled-B0YKfXTz.js → styled-CPUu8mvT.js}

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { s as spacingMd, b as spacingNone } from "./Spacing-D0HQH9YJ.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 const flexOrientationHorizontal = "horizontal";
 const flexOrientationVertical = "vertical";
 const flexJustifyStart = "start";

package/dist/{styled-03irSJOQ.js → styled-Cep52hpR.js}

@@ -14,7 +14,7 @@ import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
 import { b as borderWidthUnselected } from "./BorderWidth-DfOlyKK7.js";
 import { c as spacingSm, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
 import { c as colorTextPlaceholder, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 const InputWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(["readOnly"]),
   displayName: "InputWrapperStyled",

package/dist/{styled-ODPFCF1a.js → styled-Cq-UMAjp.js}

@@ -6,7 +6,7 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { f as colorBorderWarning } from "./BorderColor-BummoQ1-.js";
 import { c as spacingSm, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
 import { b as colorTextInverseStatic } from "./TextColor-DsntmDNw.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 const DemoBoxStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DemoBoxStyled",

package/dist/{styled-CYugcGtx.js → styled-DINwm57V.js}

@@ -9,7 +9,7 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
 import { s as spacingMd } from "./Spacing-D0HQH9YJ.js";
 import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 import { g as getCssVar } from "./getCssVar-BP6T9pFM.js";
 import { e as colorBackgroundBrandGradient, c as colorBackgroundNeutral } from "./BackgroundColor-e0N9tdDR.js";
 const CardAppearanceColor = {

package/dist/styled-DPHfwWsx.js

@@ -0,0 +1,78 @@
+import styled from "styled-components";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
+const iconSize2xs = "iconSize2xs";
+const iconSizeXs = "iconSizeXs";
+const iconSizeSm = "iconSizeSm";
+const iconSizeMd = "iconSizeMd";
+const iconSizeLg = "iconSizeLg";
+const iconSizeXl = "iconSizeXl";
+const iconSize2xl = "iconSize2xl";
+const iconSize3xl = "iconSize3xl";
+const iconSize4xl = "iconSize4xl";
+const iconSize5xl = "iconSize5xl";
+const IconWithAccent = [iconSizeXl, iconSize2xl, iconSize3xl, iconSize4xl, iconSize5xl];
+const inlineIconModeFill = "fill";
+const inlineIconModeStroke = "stroke";
+const InlineIconStyled = styled.svg.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "InlineIconStyled",
+  componentId: "sc-1yvjncn-0"
+})({
+  display: "flex"
+}, ({
+  $coloringMode = inlineIconModeStroke
+}) => {
+  const complimentaryColoringMode = "fill" === $coloringMode ? "stroke" : "fill";
+  const svgChildrenCss = {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "8"
+  };
+  svgChildrenCss[`${complimentaryColoringMode}`] = "none";
+  const cssObject = {
+    "& path, & line, & polyline, & circle, & ellipse, & polygon, & rect": svgChildrenCss
+  };
+  cssObject[`${$coloringMode}`] = "currentcolor";
+  return cssObject;
+}, ({
+  size
+}) => {
+  if (!IconWithAccent.includes(size)) {
+    return {};
+  }
+  return {
+    "& .accent": {
+      stroke: "var(--colorIconBrand)"
+    }
+  };
+}, ({
+  size
+}) => ({
+  width: `var(--${size})`,
+  height: `var(--${size})`
+}), ({
+  bottomSpacing
+}) => {
+  if (!bottomSpacing) {
+    return {};
+  }
+  return {
+    marginBottom: `var(--spacing${bottomSpacing})`
+  };
+});
+export {
+  IconWithAccent as I,
+  iconSizeXs as a,
+  iconSizeSm as b,
+  iconSizeMd as c,
+  iconSizeLg as d,
+  iconSizeXl as e,
+  iconSize2xl as f,
+  iconSize3xl as g,
+  iconSize4xl as h,
+  iconSize2xs as i,
+  iconSize5xl as j,
+  inlineIconModeFill as k,
+  inlineIconModeStroke as l,
+  InlineIconStyled as m
+};

package/dist/{styled-Cqp2oSjW.js → styled-a-XazLSM.js}

@@ -1,11 +1,11 @@
 import styled from "styled-components";
-import { a as CardStyled } from "./styled-CYugcGtx.js";
-import { D as DemoBoxStyled } from "./styled-ODPFCF1a.js";
+import { a as CardStyled } from "./styled-DINwm57V.js";
+import { D as DemoBoxStyled } from "./styled-Cq-UMAjp.js";
 import { v as viewport } from "./index-Ck2bCrhT.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "./Spacing-D0HQH9YJ.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
-import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { a as filterProps } from "./filterProps-CBnuV0LI.js";
 const getColumnWidth = ({
   sm,
   md,

package/dist/{tags-DI6H1biK.js → tags-D0ExIPLD.js}

@@ -5,6 +5,7 @@ const h4TagName = "h4";
 const h5TagName = "h5";
 const h6TagName = "h6";
 const headingHtmlTags = [h1TagName, h2TagName, h3TagName, h4TagName, h5TagName, h6TagName];
+const pTagName = "p";
 const divTagName = "div";
 const spanTagName = "span";
 const strongTagName = "strong";
@@ -18,12 +19,13 @@ export {
   h2TagName as c,
   divTagName as d,
   h1TagName as e,
-  headingHtmlTags as f,
-  strongTagName as g,
+  strongTagName as f,
+  headingHtmlTags as g,
   h5TagName as h,
   supTagName as i,
   liTagName as l,
   olTagName as o,
+  pTagName as p,
   spanTagName as s,
   ulTagName as u
 };

package/package.json

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

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

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