@vodafone_de/brix-components 7.0.7 → 7.0.8

package/dist/components/Link/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-DrySIh-D.js";
+import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-C5GzK6_0.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 const isLinkAsButtonProp = (props) => {
   return props.href === void 0;

package/dist/components/LinkAsButton/index.js

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

package/dist/components/LinkList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { u as ulTagName, l as liTagName } from "../../tags-Bz98Tkqt.js";
+import { u as ulTagName, l as liTagName } from "../../tags-DI6H1biK.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import LinkListItem, { linkListItemVariantVertical, linkListItemVariantHorizontal } from "../LinkListItem/index.js";
 import styled from "styled-components";

package/dist/components/LinkListItem/index.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { iu as iconSizeMd, df as IconLoader } from "../../index-Cbojl4_Q.js";
-import { s as spanTagName } from "../../tags-Bz98Tkqt.js";
+import { s as spanTagName } from "../../tags-DI6H1biK.js";
 import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { B as Badge } from "../../index-CKvLGUdD.js";
+import { B as Badge } from "../../index-ZHkR70j3.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";

package/dist/components/Notification/index.js

@@ -7,7 +7,7 @@ import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-D2J2U7wz.js";
+import { R as RichText } from "../../index-BeSd-V81.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, f as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-BummoQ1-.js";

package/dist/components/PickerGroup/index.js

@@ -6,7 +6,7 @@ import { e as spacing2Xs, s as spacingMd, c as spacingSm, b as spacingNone } fro
 import { useState, useEffect } from "react";
 import Grid from "../Grid/index.js";
 import { df as IconLoader, iu as iconSizeMd } from "../../index-Cbojl4_Q.js";
-import { B as Badge } from "../../index-CKvLGUdD.js";
+import { B as Badge } from "../../index-ZHkR70j3.js";
 import ColorSwatch from "../ColorSwatch/index.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
@@ -27,7 +27,7 @@ import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-e0N9tdDR.js";
 import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
 import { a as borderWidthFocus, d as borderWidthSelected } from "../../BorderWidth-DfOlyKK7.js";
-import { a as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
+import { b as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";

package/dist/components/Price/index.js

@@ -2,7 +2,7 @@
 import "react/jsx-runtime";
 import "../../index-DQhtQZ85.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { c, P, i, g, f, h, p, a, e, d, b } from "../../index-WLBo71sp.js";
+import { c, P, i, g, f, h, p, a, e, d, b } from "../../index-aUJfXBUI.js";
 export {
   c as createScreenReaderText,
   P as default,

package/dist/components/ProductCard/index.js

@@ -2,15 +2,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { it as iconSizeLg } from "../../index-Cbojl4_Q.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
-import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
+import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import { B as Badge } from "../../index-CKvLGUdD.js";
+import { B as Badge } from "../../index-ZHkR70j3.js";
 import Body from "../Body/index.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-WLBo71sp.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-aUJfXBUI.js";
 import styled from "styled-components";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import Card from "../Card/index.js";

package/dist/components/RichText/index.js

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

package/dist/components/SearchInput/index.js

@@ -5,7 +5,7 @@ import { forwardRef, useState, useRef, useImperativeHandle } from "react";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
 import { b as spacingNone, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { p as primaryAppearance } from "../../styled-DLS1p_AJ.js";
+import { p as primaryAppearance } from "../../styled-BSqC5P9h.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Form from "../Form/index.js";
 import styled from "styled-components";

package/dist/components/SearchInput/styled.d.ts

@@ -10,4 +10,4 @@ export declare const CloseIconStyled: import('styled-components/dist/types').ISt
     value: string;
 }>> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
 export declare const SearchInputCloseButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Pick<SearchInputProps, "disabled">>> & string;
-export declare const SearchInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').InputHTMLAttributes<HTMLInputElement>> & import('react').InputHTMLAttributes<HTMLInputElement>, Omit<SearchInputProps, "uid" | "label" | "onReset" | "searchButtonLabel" | "onSearch">>> & string;
+export declare const SearchInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').InputHTMLAttributes<HTMLInputElement>> & import('react').InputHTMLAttributes<HTMLInputElement>, Omit<SearchInputProps, "uid" | "onReset" | "label" | "searchButtonLabel" | "onSearch">>> & string;

package/dist/components/Stepper/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { u as useViewport } from "../../index-Cs0Hw0dj.js";
+import { useViewport } from "../../hooks/useViewport/index.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -12,7 +12,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { g as colorBorderBrand, a as colorBorderNeutral, h as colorBorderInverse } from "../../BorderColor-BummoQ1-.js";
-import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
+import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { c as colorObjectBrand, a as colorObjectInverse } from "../../ObjectColor-BZDBuV8H.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";

package/dist/components/SuggestInput/index.js

@@ -11,7 +11,7 @@ import { I as InputWrapperStyled, a as InputStyled } from "../../styled-03irSJOQ
 import { c as spacingSm, a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Body from "../Body/index.js";
-import { g as strongTagName } from "../../tags-Bz98Tkqt.js";
+import { g as strongTagName } from "../../tags-DI6H1biK.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/TabularPrice/index.js

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

package/dist/components/TextList/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-D2J2U7wz.js";
-import "../../tags-Bz98Tkqt.js";
+import { a, T } from "../../index-BeSd-V81.js";
+import "../../tags-DI6H1biK.js";
 import "../../Spacing-D0HQH9YJ.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {

package/dist/components/Tray/index.js

@@ -4,7 +4,7 @@ import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.js";
-import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
+import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";

package/dist/components/YoutubeVideo/index.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js";
-import ConsentMessage from "../ConsentMessage/index.js";
 import styled from "styled-components";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
+import ConsentMessage from "../ConsentMessage/index.js";
 const YoutubeVideoStyled = styled.div.withConfig({
   displayName: "YoutubeVideoStyled",
   componentId: "sc-1q2uytw-0"
@@ -17,6 +17,7 @@ const YoutubeVideoStyled = styled.div.withConfig({
   position: "relative",
   width: "100%",
   paddingBottom: "56.25%",
+  /* 16:9 aspect ratio */
   height: 0,
   overflow: "hidden",
   ...roundedCorner && {

package/dist/hooks/useViewport/index.js

@@ -1,7 +1,24 @@
-import "react";
-import "../../index-Ck2bCrhT.js";
-import { u } from "../../index-Cs0Hw0dj.js";
-import "../useMediaQuery/index.js";
+import { useState, useEffect } from "react";
+import { l as largeMediaQuery, m as mediumMediaQuery } from "../../index-Ck2bCrhT.js";
+import { useMediaQuery } from "../useMediaQuery/index.js";
+const viewportSm = "sm";
+const viewportMd = "md";
+const viewportLg = "lg";
+const useViewport = () => {
+  const tablet = useMediaQuery(mediumMediaQuery);
+  const desktop = useMediaQuery(largeMediaQuery);
+  const [viewportState, setViewportState] = useState(viewportSm);
+  useEffect(() => {
+    if (desktop) {
+      setViewportState(viewportLg);
+    } else if (tablet) {
+      setViewportState(viewportMd);
+    } else {
+      setViewportState(viewportSm);
+    }
+  }, [tablet, desktop]);
+  return viewportState;
+};
 export {
-  u as useViewport
+  useViewport
 };

package/dist/{index-D2J2U7wz.js → index-BeSd-V81.js}

@@ -5,7 +5,7 @@ import Body from "./components/Body/index.js";
 import FootnoteLink from "./components/FootnoteLink/index.js";
 import Heading from "./components/Heading/index.js";
 import InlineLink from "./components/InlineLink/index.js";
-import { f as headingHtmlTags, o as olTagName, g as strongTagName, i as supTagName, u as ulTagName } from "./tags-Bz98Tkqt.js";
+import { f as headingHtmlTags, o as olTagName, g as strongTagName, i as supTagName, u as ulTagName } from "./tags-DI6H1biK.js";
 import { s as spacingMd, b as spacingNone } from "./Spacing-D0HQH9YJ.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
@@ -13,7 +13,7 @@ import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
-import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
+import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
 import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";
 import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";

package/dist/{index-DrySIh-D.js → index-C5GzK6_0.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { c as ButtonIconStyled } from "./styled-DLS1p_AJ.js";
+import { c as ButtonIconStyled } from "./styled-BSqC5P9h.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";

package/dist/{index-57IF0yrd.js → index-C7meHOM4.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-DLS1p_AJ.js";
+import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-BSqC5P9h.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
@@ -9,7 +9,7 @@ import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js"
 import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
-import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
+import { b as fontWeightRegular } from "./FontWeight-CR22KTex.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";

package/dist/{index-CKvLGUdD.js → index-ZHkR70j3.js}

@@ -12,7 +12,7 @@ import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
 import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { c as borderRadiusFull } from "./BorderRadius-ClUShVLu.js";
-import { f as fontWeightBold } from "./FontWeight-DEBGHbtO.js";
+import { f as fontWeightBold } from "./FontWeight-CR22KTex.js";
 import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
 import { b as getForegroundColor } from "./colorUtils-BSfFfgbi.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";

package/dist/{index-WLBo71sp.js → index-aUJfXBUI.js}

@@ -8,7 +8,7 @@ import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
-import { f as fontWeightBold, a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
+import { f as fontWeightBold, b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
 import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
 import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";

package/dist/index.d.ts

@@ -26,8 +26,6 @@ export * from './components/RichText';
 export { default as RichText } from './components/RichText';
 export * from './components/ResponsiveImage';
 export { default as ResponsiveImage } from './components/ResponsiveImage';
-export * from './components/Rating';
-export { default as Rating } from './components/Rating';
 export * from './components/RadioGroup';
 export { default as RadioGroup } from './components/RadioGroup';
 export * from './components/ProductCard';
@@ -40,8 +38,6 @@ export * from './components/Overlay';
 export { default as Overlay } from './components/Overlay';
 export * from './components/Notification';
 export { default as Notification } from './components/Notification';
-export * from './components/MediaText';
-export { default as MediaText } from './components/MediaText';
 export * from './components/LoadingSpinner';
 export { default as LoadingSpinner } from './components/LoadingSpinner';
 export * from './components/LinkListItem';