@vodafone_de/brix-components 7.1.6 → 7.1.8

package/dist/components/Form/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import styled from "styled-components";
 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 FormStyled = styled.form.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FormStyled",

package/dist/components/FormElement/index.js

@@ -5,7 +5,7 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/index.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 FormElementStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FormElementStyled",

package/dist/components/FormHelperStatusIcon/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import styled from "styled-components";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/GoogleMap/index.js

@@ -15,7 +15,7 @@ import { f as colorBorderSubtle } from "../../BorderColor-CYdSW9dg.js";
 import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
 import { d as borderWidthSm } from "../../BorderWidth-eg_mz82k.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 MapInner = ({
   setMap,
   children

package/dist/components/Grid/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { createContext } from "react";
 import { d as divTagName, u as ulTagName, o as olTagName } from "../../tags-38kBhOn6.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
-import { G as GridStyled } from "../../styled-CPNO3vN5.js";
+import { G as GridStyled } from "../../styled-DGMsuBML.js";
 import { i as isObject, h as hasMatchingComponentName, a as isBottomSpacing } from "../../isObject-cuWKq2kY.js";
 const gridTags = [divTagName, ulTagName, olTagName];
 const gridAligns = ["left", "center", "right"];

package/dist/components/GridItem/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
-import { d as divTagName, l as liTagName, n as navTagName, m as mainTagName, g as sectionTagName, i as asideTagName, j as articleTagName, u as ulTagName } from "../../tags-38kBhOn6.js";
+import { d as divTagName, l as liTagName, n as navTagName, m as mainTagName, g as sectionTagName, i as asideTagName, j as articleTagName, u as ulTagName, o as olTagName } from "../../tags-38kBhOn6.js";
 import { validateGridColSpan, GridContext } from "../Grid/index.js";
-import { G as GridItemStyled } from "../../styled-Djetw1lK.js";
+import { G as GridItemStyled } from "../../styled-Cz2kpbgE.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-cuWKq2kY.js";
 const gridItemTags = [divTagName, liTagName, navTagName, mainTagName, sectionTagName, asideTagName, articleTagName];
 const gridItemAligns = ["left", "center", "right"];
@@ -40,12 +40,13 @@ const isGridItemProps = (props) => {
 };
 const GridItem = ({
   sm = 12,
+  tag = divTagName,
   ...props
 }) => {
   const gridTag = useContext(GridContext).tag;
   const gridSpacing = useContext(GridContext).spacing;
   const gridAutoLayout = useContext(GridContext).autoLayout;
-  return /* @__PURE__ */ jsx(GridItemStyled, { ...props, as: gridTag === ulTagName ? liTagName : divTagName, spacing: gridSpacing, sm, ...gridAutoLayout, children: props.children });
+  return /* @__PURE__ */ jsx(GridItemStyled, { ...props, as: gridTag === ulTagName || gridTag === olTagName ? liTagName : tag, spacing: gridSpacing, sm, ...gridAutoLayout, children: props.children });
 };
 export {
   GridItem as default,

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-7A9g1r9L.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-BjtnAuPr.js";
-import { R as RichText } from "../../index-7A9g1r9L.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,18 +3,8 @@ 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-7A9g1r9L.js";
-import styled from "styled-components";
-const LegendStyled = styled.legend.withConfig({
-  displayName: "LegendStyled",
-  componentId: "sc-1vyrzt5-0"
-})({
-  /**
-   * minimal hack to disable the wired position of a legend in a fieldset
-   */
-  all: "unset",
-  width: "100%"
-});
+import { R as RichText } from "../../index-CifS-Z_9.js";
+import { L as LegendStyled } from "../../styled-CH1kr8ZR.js";
 const Legend = ({
   contents,
   ...props

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

@@ -2,8 +2,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
-import { S as ScreenreaderOnly } from "../../index-B2VrT4fo.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 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-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-7A9g1r9L.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-7A9g1r9L.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-7A9g1r9L.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,14 +8,14 @@ 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";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import GridItem from "../GridItem/index.js";
-import { s as screenreaderOnly } from "../../index-B2VrT4fo.js";
+import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.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";
@@ -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 "../../index-B2VrT4fo.js";
-import { c, P, g, f, p, a, e, d, b } from "../../index-BjtnAuPr.js";
+import "../ScreenreaderOnly/index.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-BjtnAuPr.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

@@ -1,11 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
-import Legend from "../Legend/index.js";
 import styled from "styled-components";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
-import { s as screenreaderOnly } from "../../index-B2VrT4fo.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";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -17,10 +16,14 @@ import { c as colorBorderFocus, j as colorBorderSelected, a as colorBorderNeutra
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { d as colorObjectSelected } from "../../ObjectColor-0RAzLGI5.js";
 import { b as spacingXs } from "../../Spacing-BMQelJYr.js";
-const StarStyled = styled.svg.withConfig({
+import { L as LegendStyled } from "../../styled-CH1kr8ZR.js";
+const StarSvg = () => {
+  return /* @__PURE__ */ jsx(StarSvgStyled, { viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1 9.95223L9.26911 8.58599L12.8296 1L16.6847 8.44108L25 9.48408L19.1147 15.449L20.6911 23.6799L13.199 19.9252L5.85987 23.9682L7.11465 15.6831L1 9.95223Z", fill: "white", stroke: "#7E7E7E", strokeLinecap: "round", strokeLinejoin: "round" }) });
+};
+const StarSvgStyled = styled.svg.withConfig({
   shouldForwardProp: filterProps(),
-  displayName: "StarStyled",
-  componentId: "sc-joexcb-0"
+  displayName: "StarSvgStyled",
+  componentId: "sc-iheyat-0"
 })({
   display: "inline-block",
   width: "24px",
@@ -30,7 +33,6 @@ const StarStyled = styled.svg.withConfig({
     height: "30.624px"
   })
 });
-const Star = () => /* @__PURE__ */ jsx(StarStyled, { viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1 9.95223L9.26911 8.58599L12.8296 1L16.6847 8.44108L25 9.48408L19.1147 15.449L20.6911 23.6799L13.199 19.9252L5.85987 23.9682L7.11465 15.6831L1 9.95223Z", fill: "white", stroke: "#7E7E7E", strokeLinecap: "round", strokeLinejoin: "round" }) });
 const RatingFieldsetStyled = styled.fieldset.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "RatingFieldsetStyled",
@@ -107,7 +109,6 @@ const Rating = ({
   groupName,
   uid,
   component: _component,
-  legend,
   ...props
 }) => {
   const [internalValue, setInternalValue] = useState(value ?? 0);
@@ -140,13 +141,13 @@ const Rating = ({
   };
   const ref = useRef(null);
   return /* @__PURE__ */ jsxs(RatingFieldsetStyled, { ...props, uid, ref, children: [
-    legend && /* @__PURE__ */ jsx(Legend, { ...legend }),
+    /* @__PURE__ */ jsx(LegendStyled, { ...props.legend }),
     /* @__PURE__ */ jsx(StarsWrapperStyled, { className, role: "radiogroup", children: [...Array(5)].map((_, index) => {
       const starValue = index + 1;
       const isInHoverRange = hoverValue !== null && starValue <= hoverValue;
       return /* @__PURE__ */ jsxs(StarLabelStyled, { selected: starValue <= internalValue, isInHoverRange, htmlFor: `${uid}-star-${starValue}`, onMouseEnter: () => handleMouseEnter(index), onMouseLeave: handleMouseLeave, "aria-label": `${starValue} von 5 Sternen`, children: [
         /* @__PURE__ */ jsx(HiddenRadioStyled, { type: "radio", id: `${uid}-star-${starValue}`, name: groupName || uid, value: starValue, checked: starValue === internalValue, onChange: handleChange, onClick: () => handleClick(starValue) }),
-        /* @__PURE__ */ jsx(Star, {})
+        /* @__PURE__ */ jsx(StarSvg, {})
       ] }, `star-${starValue}-${uid}`);
     }) })
   ] });

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-7A9g1r9L.js";
+import { R } from "../../index-CifS-Z_9.js";
 export {
   R as default
 };