@vodafone_de/brix-components 7.1.9 → 7.1.11

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-DUsRG1Xh.js";
-import { p as primaryAppearance } from "../../styled-Dk6VS_Sg.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-CWusLu5R.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-CPul3CC8.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-DUsRG1Xh.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";
@@ -21,9 +21,9 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 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-2LdggXbQ.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-CPul3CC8.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const SelectInputWrapperStyled = styled.div.withConfig({
   displayName: "SelectInputWrapperStyled",
@@ -157,6 +157,7 @@ const SelectInput = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });
 });
+SelectInput.displayName = "SelectInput";
 export {
   SelectInput as default
 };

package/dist/components/Stepper/index.js

@@ -1,12 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { u as useViewport } from "../../index-DKCzYjXw.js";
+import { u as useViewport } from "../../index-G2mpsxF7.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
-import viewport from "../../foundations/media-query/viewport/index.js";
-import { c as breakpoint_medium_number } from "../../breakpoint-CzBSbbY7.js";
+import { v as viewport, b as breakpoint_medium_number } from "../../index-Ck2bCrhT.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -17,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-CPul3CC8.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-DUsRG1Xh.js";
+import "../../styled-B1bxWqtW.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CWusLu5R.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-CPul3CC8.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;
@@ -134,7 +135,7 @@ const SuggestInputList = ({
     const isSelected = index === selectedOption;
     return /* @__PURE__ */ jsx(SuggestInputListItemStyled, { ref: (el) => {
       listItemsRef.current[index] = el;
-    }, onMouseDown: () => pickOption(listItem.label), "aria-selected": isSelected ? "true" : void 0, isSelected, role: "option", id: `${uid}-item-${index}`, children: highlightQuery(listItem.label, query) }, listItem.label);
+    }, onMouseDown: () => pickOption(listItem.value), "aria-selected": isSelected ? "true" : void 0, isSelected, role: "option", id: `${uid}-item-${index}`, "data-value": listItem.value, children: highlightQuery(listItem.label, query) }, listItem.label);
   }) }) });
 };
 const SuggestInputFormElementStyled = styled.div.withConfig({
@@ -208,6 +209,7 @@ const SuggestInputFormElement = forwardRef(({
 }, ref) => {
   return /* @__PURE__ */ jsx(SuggestInputFormElementStyled, { ...props, ref, children });
 });
+SuggestInputFormElement.displayName = "SuggestInputFormElement";
 const SuggestInput = forwardRef(({
   bottomSpacing = spacingMd,
   isLoading = false,
@@ -224,6 +226,7 @@ const SuggestInput = forwardRef(({
   placeholder,
   ...props
 }, outerRef) => {
+  var _a;
   const initialValueState = !props.value ? "" : props.value;
   const [buttonIcon, setButtonIcon] = useState("ChevronDown");
   const [selectedOption, setSelectedOption] = useState(-1);
@@ -257,13 +260,13 @@ const SuggestInput = forwardRef(({
     setConfirmedValue(props.value);
   }, [props.value]);
   useEffect(() => {
-    var _a;
+    var _a2;
     document.addEventListener("click", onClick);
-    (_a = formElementRef.current) == null ? void 0 : _a.addEventListener("keydown", onKeyDown);
+    (_a2 = formElementRef.current) == null ? void 0 : _a2.addEventListener("keydown", onKeyDown);
     return () => {
-      var _a2;
+      var _a3;
       document.removeEventListener("click", onClick);
-      (_a2 = formElementRef.current) == null ? void 0 : _a2.removeEventListener("keydown", onKeyDown);
+      (_a3 = formElementRef.current) == null ? void 0 : _a3.removeEventListener("keydown", onKeyDown);
     };
   });
   const closeList = () => {
@@ -299,16 +302,17 @@ const SuggestInput = forwardRef(({
     onUpdate && onUpdate(userInput);
   };
   const pickOption = (value2) => {
-    var _a;
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
+    var _a2;
+    const pickedListItem = listItems == null ? void 0 : listItems.find((listItem) => listItem.value === value2);
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
     setShowList(false);
     setValue(value2);
     setConfirmedValue(value2);
-    onPick && onPick(value2);
+    onPick && pickedListItem && onPick(pickedListItem);
     onClose && onClose();
   };
   const onClick = (event) => {
-    if (formElementRef.current && !formElementRef.current.contains(event.target)) {
+    if (formElementRef.current && !formElementRef.current.contains(event.target) && showList && !formElementRef.current.contains(document.activeElement)) {
       formElementRef.current.blur();
       closeList();
     }
@@ -321,7 +325,7 @@ const SuggestInput = forwardRef(({
     });
   };
   const onKeyDown = (event) => {
-    var _a;
+    var _a2;
     switch (event.key) {
       case "ArrowDown":
         if (!showList) setShowList(true);
@@ -345,8 +349,8 @@ const SuggestInput = forwardRef(({
         break;
       case "Enter":
         if (showList) {
-          pickOption(listItemsRef.current[selectedOption].innerText);
-          (_a = inputRef.current) == null ? void 0 : _a.setSelectionRange(value.length, value.length);
+          pickOption(listItemsRef.current[selectedOption].dataset.value);
+          (_a2 = inputRef.current) == null ? void 0 : _a2.setSelectionRange(value.length, value.length);
         }
         break;
       case "Escape":
@@ -362,7 +366,7 @@ const SuggestInput = forwardRef(({
       /* @__PURE__ */ jsx(InputStyled, { ...inputProps, ref: inputRef, onChange: (e) => handleChange(e.target.value), onClick: () => {
         if (disabled) return;
         setShowList(true);
-      }, role: "combobox", value, ...{
+      }, role: "combobox", value: (_a = listItems == null ? void 0 : listItems.find((listItem) => listItem.value === value)) == null ? void 0 : _a.label, ...{
         "aria-expanded": showList,
         "aria-controls": "listbox",
         "aria-activedescendant": selectedOption > -1 ? `${uid}-item-${selectedOption}` : void 0,
@@ -385,6 +389,7 @@ const SuggestInput = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });
 });
+SuggestInput.displayName = "SuggestInput";
 export {
   SuggestInput as default
 };

package/dist/components/SuggestInput/props.d.ts

@@ -5,6 +5,7 @@ export interface SuggestInputItemProps {
     icon?: IconName;
     image?: string;
     label: string;
+    value: string;
 }
 export interface SuggestInputProps extends InputSharedProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'accept' | 'alt' | 'capture' | 'checked' | 'formEncType' | 'formTarget' | 'height' | 'max' | 'min' | 'multiple' | 'size' | 'step' | 'type' | 'width' | 'readOnly'> {
     value?: string;
@@ -19,7 +20,7 @@ export interface SuggestInputProps extends InputSharedProps, Omit<InputHTMLAttri
     /**
      * function that is called when an option from the list is picked
      */
-    onPick?: (value: string) => void;
+    onPick?: (value: SuggestInputItemProps) => void;
     /**
      * function that is called when the input or the list is closed (either by clicking the close button or escape key)
      */

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-DUsRG1Xh.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";
@@ -16,12 +16,12 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-CYdSW9dg.js";
-import { a as borderRadiusFull } from "../../BorderRadius-2LdggXbQ.js";
+import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
 import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-eg_mz82k.js";
 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-CPul3CC8.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 });

package/dist/components/TabGroup/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { b as iconSizeSm, d as iconSizeLg } from "../../props-7dcsjRUx.js";
-import "../../styled-DUsRG1Xh.js";
+import "../../styled-B1bxWqtW.js";
 import styled from "styled-components";
 import Flex from "../Flex/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -17,12 +17,12 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-DSOSZvNi.js";
 import { f as colorBorderSubtle, c as colorBorderFocus } from "../../BorderColor-CYdSW9dg.js";
-import { d as borderRadiusSm } from "../../BorderRadius-2LdggXbQ.js";
+import { d as borderRadiusSm } from "../../BorderRadius-ClUShVLu.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { a as colorObjectBrand } from "../../ObjectColor-0RAzLGI5.js";
 import { a as spacingMd, c as spacingSm, b as spacingXs, e as spacing2Xs, d as spacingXl } from "../../Spacing-BMQelJYr.js";
-import { a as filterProps } from "../../filterProps-CPul3CC8.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const iconPositionLeft = "left";
 const iconPositionTop = "top";
 const tabGroupWidthFull = "full";

package/dist/components/Table/index.d.ts

@@ -4,5 +4,5 @@ import { default as TableFoot } from './components/TableFoot';
 import { default as TableHead } from './components/TableHead';
 import { default as TableWrapper } from './components/TableWrapper';
 import { TableContext, TableProvider } from './TableContext';
-export { TableWrapper, TableHead, TableBody, TableFoot, TableCell, TableContext, TableProvider };
+export { TableBody, TableCell, TableContext, TableFoot, TableHead, TableProvider, TableWrapper };
 export default TableWrapper;

package/dist/components/Table/index.js

@@ -1,12 +1,12 @@
 "use client";
-import { a, c, d, b, T, e } from "../../TableHead-Cfn2iQRg.js";
-import { T as TableWrapper } from "../../TableWrapper-BrnjxwJz.js";
+import { T, a, b, c, d, e } from "../../TableHead-ogeZ901P.js";
+import { T as TableWrapper } from "../../TableWrapper-Og83COGw.js";
 export {
-  a as TableBody,
-  c as TableCell,
-  d as TableContext,
-  b as TableFoot,
-  T as TableHead,
+  T as TableBody,
+  a as TableCell,
+  b as TableContext,
+  c as TableFoot,
+  d as TableHead,
   e as TableProvider,
   TableWrapper,
   TableWrapper as default

package/dist/components/Table/props.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode, ReactElement } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
 export type TableColumn = {
     key: string;

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

@@ -1,5 +1,7 @@
 export declare const TableWrapperDiv: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const TableHeadStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>> & string;
+export declare const TableRowStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
 export declare const TableCellStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
     align: "left" | "right";
     as: "td" | "th";

package/dist/components/TabularPrice/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { T } from "../../index-Vub90geg.js";
-import "../ScreenreaderOnly/index.js";
+import { T } from "../../index-tT4JzApY.js";
+import "../../index-DSF1zGyd.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   T as default

package/dist/components/TextList/index.js

@@ -1,10 +1,10 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-rbdl_kyF.js";
+import { a, T } from "../../index-Cmrx-D-0.js";
 import "../../tags-38kBhOn6.js";
 import "../../Spacing-BMQelJYr.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import "../../styled-DoOOutJj.js";
+import "../../styled-BYYivuzh.js";
 export {
   a as TextListItem,
   T as default

package/dist/components/Textarea/index.js

@@ -19,10 +19,10 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { a as colorBackgroundSubtle } from "../../BackgroundColor-DSOSZvNi.js";
 import { a as colorBorderNeutral, c as colorBorderFocus, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-CYdSW9dg.js";
-import { b as borderRadiusMd } from "../../BorderRadius-2LdggXbQ.js";
-import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { a as textHeadingXs } from "../../HeadingSize-CqqUYZWV.js";
 import { c as colorTextPlaceholder, a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-CPul3CC8.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const TextareaWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "TextareaWrapperStyled",
@@ -159,6 +159,7 @@ const Textarea = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });
 });
+Textarea.displayName = "Textarea";
 export {
   Textarea as default
 };

package/dist/components/TimeInput/index.js

@@ -6,9 +6,9 @@ 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-DUsRG1Xh.js";
+import "../../styled-B1bxWqtW.js";
 import "../Input/index.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled-CWusLu5R.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-BQGCfF-s.js";
 import { a as spacingMd, b as spacingXs } from "../../Spacing-BMQelJYr.js";
 import { bm as ClockIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
 import styled from "styled-components";
@@ -101,6 +101,7 @@ const TimeInput = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status: internalStatus, message: inputStateError === internalStatus ? errorMessage : helperText })
   ] });
 });
+TimeInput.displayName = "TimeInput";
 export {
   TimeInput as default
 };

package/dist/components/Tray/index.js

@@ -5,13 +5,13 @@ import { createPortal } from "react-dom";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.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 Flex from "../Flex/index.js";
 import IconButton from "../IconButton/index.js";
-import viewport from "../../foundations/media-query/viewport/index.js";
+import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { s as shadow28 } from "../../shadow-u158mzuN.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
@@ -19,7 +19,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { d as colorBackgroundOverlayStatic } from "../../BackgroundColor-DSOSZvNi.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
-import { a as flexOrientationVertical } from "../../styled-DG6HSLPJ.js";
+import { a as flexOrientationVertical } from "../../styled-O5mL4jlL.js";
 const TrayOverlayStyled = styled("div").withConfig({
   displayName: "TrayOverlayStyled",
   componentId: "sc-os3mq3-0"

package/dist/components/YoutubeVideo/index.js

@@ -5,7 +5,7 @@ import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/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-2LdggXbQ.js";
+import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
 const YoutubeVideoStyled = styled.div.withConfig({
   displayName: "YoutubeVideoStyled",

package/dist/contentful/index.js

@@ -1,23 +1,23 @@
 "use client";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import "../components/ScreenreaderOnly/index.js";
-import "../components/FootnoteLink/index.js";
+import "../index-DSF1zGyd.js";
+import "../index-UJLGt4uV.js";
 import "html-react-parser";
 import "../components/Body/index.js";
-import "../styled-C6Wms75x.js";
+import "../styled-BXtzJJFu.js";
 import "../components/Grid/index.js";
 import "react";
-import "../styled-D57p2ktn.js";
-import "../styled-Csv7V9ez.js";
+import "../styled-Cz2kpbgE.js";
+import "../styled-Dmb8-99g.js";
 import "../NotificationErrorIcon-DMnAJgPN.js";
-import "../styled-DUsRG1Xh.js";
-import "../styled-13a_Vk0D.js";
+import "../styled-B1bxWqtW.js";
+import "../styled-CIwf9Ebu.js";
 import "../hooks/useLinkComponent/index.js";
-import "../styled-CKK_LUlC.js";
+import "../styled-BBG87P4U.js";
 import "../styled-BlHKbHF4.js";
-import "../styled-QLVvcMdB.js";
-import "../styled-B_ihuvyB.js";
+import "../styled-VuUKI7PE.js";
+import "../styled-BKWEE3dx.js";
 import "../components/InlineLink/index.js";
-import "../TableHead-Cfn2iQRg.js";
-import "../styled-DoOOutJj.js";
+import "../TableHead-ogeZ901P.js";
+import "../styled-BYYivuzh.js";

package/dist/contentful/live-preview-inspector/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L } from "../../mapContentToComponents-bL4ms1AC.js";
+import { L } from "../../mapContentToComponents-CbN3OD_t.js";
 export {
   L as LivePreviewInspector
 };

package/dist/contentful/live-preview-renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useContentfulLiveUpdates, ContentfulLivePreviewProvider } from "@contentful/live-preview/react";
-import { m as mapContentToComponents } from "../../mapContentToComponents-bL4ms1AC.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-CbN3OD_t.js";
 const BrixLiveRendererComponents = ({
   data
 }) => {

package/dist/contentful/renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import LivePreviewRenderer from "../live-preview-renderer/index.js";
-import { m as mapContentToComponents } from "../../mapContentToComponents-bL4ms1AC.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-CbN3OD_t.js";
 const Renderer = ({
   content,
   isDraftMode

package/dist/{cssVars-_wntC-Ac.js → cssVars-CR3xqdPx.js}

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
-import { l as loadingSpinnerOverlayCssVar, j as loadingSpinnerOverlays } from "./styled-D_F38PuI.js";
-import { b as breakpoint_medium, a as breakpoint_large } from "./breakpoint-CzBSbbY7.js";
+import { l as loadingSpinnerOverlayCssVar, j as loadingSpinnerOverlays } from "./styled-Du4LgXoA.js";
+import { c as breakpoint_medium, a as breakpoint_large } from "./index-Ck2bCrhT.js";
 const colorVodafoneRed = "colorVodafoneRed";
 const colorVodafoneRedTint = "colorVodafoneRedTint";
 const colorRed = "colorRed";

package/dist/filterProps-BWnAPYBL.js

@@ -0,0 +1,17 @@
+const propsNotPassToDomDefault = ["accordionType", "activeId", "activeIndex", "setActiveId", "align", "animated", "appearance", "aspectRatio", "autoLayout", "apiKey", "badge", "border", "borderBottom", "bottomSpacing", "buttonLink", "buttons", "coloringMode", "colorSwatch", "component", "contentGridDesktopColumns", "corners", "coversFullPage", "description", "elevation", "expanded", "filterItems", "footnote", "gapSpacing", "grow", "handleOnClick", "handleOnToogle", "hasOverlay", "heading", "heightSm", "heightMd", "heightLg", "horizontalAlignment", "icon", "iconAlign", "iconName", "iconPosition", "images", "internal", "isActive", "isChecked", "isDisabled", "isFullscreen", "isInHoverRange", "isLastItemInList", "isOpen", "isOrdered", "isSelected", "isTransparentBackground", "items", "jumpToClickedItem", "justify", "justifyHorizontal", "label", "lg", "loadingSpinnerChild", "mapId", "md", "message", "more", "needsBorder", "nextAriaLabel", "notificationType", "objectFit", "objectPosition", "offset", "onUpdate", "openMultiple", "orientation", "padding", "prefix", "prefixWeight", "prevAriaLabel", "price", "productId", "promoPrice", "screenReaderInstruction", "showList", "size", "sm", "spacing", "spinnerType", "status", "stretch", "strikePrice", "suffix", "tag", "textContent", "uid", "variant", "verticalPadding", "viewportHeight", "weight", "width"];
+const filterProps = (propsNotPassToDom = []) => {
+  const shouldForwardProp = (prop) => {
+    if ("string" !== typeof prop) {
+      return false;
+    }
+    return ![...propsNotPassToDom, ...propsNotPassToDomDefault].includes(prop);
+  };
+  return shouldForwardProp;
+};
+const filterPropsForUnstyledComponent = (props) => {
+  return Object.fromEntries(Object.entries(props).filter(([key]) => !propsNotPassToDomDefault.includes(key)));
+};
+export {
+  filterProps as a,
+  filterPropsForUnstyledComponent as f
+};

package/dist/foundations/GlobalStyle/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { createGlobalStyle } from "styled-components";
-import { c as cssVars } from "../../cssVars-_wntC-Ac.js";
+import { c as cssVars } from "../../cssVars-CR3xqdPx.js";
 const cssReset = `
   /**
    * @TODO Das gehört nicht in global style

package/dist/foundations/media-query/viewport/index.js

@@ -1,26 +1,6 @@
-import { b as breakpoint_medium, a as breakpoint_large } from "../../../breakpoint-CzBSbbY7.js";
-const mediumMediaQuery = `screen and (min-width: ${breakpoint_medium})`;
-const largeMediaQuery = `screen and (min-width: ${breakpoint_large})`;
-const md = (stylesInViewport) => {
-  return {
-    [`@media ${mediumMediaQuery}`]: {
-      ...stylesInViewport
-    }
-  };
-};
-const lg = (stylesInViewport) => {
-  return {
-    [`@media ${largeMediaQuery}`]: {
-      ...stylesInViewport
-    }
-  };
-};
-const viewport = {
-  md,
-  lg
-};
+import { v, l, m } from "../../../index-Ck2bCrhT.js";
 export {
-  viewport as default,
-  largeMediaQuery,
-  mediumMediaQuery
+  v as default,
+  l as largeMediaQuery,
+  m as mediumMediaQuery
 };

package/dist/hooks/useViewport/index.js

@@ -1,6 +1,6 @@
 import "react";
-import "../../foundations/media-query/viewport/index.js";
-import { u } from "../../index-DKCzYjXw.js";
+import "../../index-Ck2bCrhT.js";
+import { u } from "../../index-G2mpsxF7.js";
 import "../useMediaQuery/index.js";
 export {
   u as useViewport

package/dist/{index-tpq3BGwZ.js → index-ByPSWRQ0.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as ButtonIconStyled } from "./styled-Dk6VS_Sg.js";
+import { a as ButtonIconStyled } from "./styled-Dgv3RBlg.js";
 import { b as iconSizeSm } from "./props-7dcsjRUx.js";
-import "./styled-DUsRG1Xh.js";
+import "./styled-B1bxWqtW.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { s as spacingNone, b as spacingXs, a as spacingMd } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBorderColor } from "./foundations/token/getBorderColor/index.js";