@vodafone_de/brix-components 7.1.7 → 7.1.8

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-RnVr222F.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";
@@ -22,7 +22,7 @@ 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-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const iconPositionLeft = "left";
 const iconPositionTop = "top";
 const tabGroupWidthFull = "full";

package/dist/components/Table/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { a, c, d, b, T, e } from "../../TableHead-C9Nyap9H.js";
-import { T as TableWrapper } from "../../TableWrapper-BlScbDc6.js";
+import { a, c, d, b, T, e } from "../../TableHead-C2zQ4jce.js";
+import { T as TableWrapper } from "../../TableWrapper-C8SpplcL.js";
 export {
   a as TableBody,
   c as TableCell,

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,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { T } from "../../index-C69TqGKE.js";
+import { T } from "../../index-DLvMM1Dq.js";
 import "../ScreenreaderOnly/index.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {

package/dist/components/TextList/index.js

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

package/dist/components/Textarea/index.js

@@ -20,9 +20,9 @@ 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-ClUShVLu.js";
-import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.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-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
 const TextareaWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "TextareaWrapperStyled",

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-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import "../Input/index.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled-BTBLpB_G.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";

package/dist/components/Tray/index.js

@@ -5,7 +5,7 @@ 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";
@@ -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-CyZvsdJs.js";
+import { a as flexOrientationVertical } from "../../styled-O5mL4jlL.js";
 const TrayOverlayStyled = styled("div").withConfig({
   displayName: "TrayOverlayStyled",
   componentId: "sc-os3mq3-0"

package/dist/contentful/index.js

@@ -5,19 +5,19 @@ import "../components/ScreenreaderOnly/index.js";
 import "../components/FootnoteLink/index.js";
 import "html-react-parser";
 import "../components/Body/index.js";
-import "../styled-jl0239KS.js";
+import "../styled-BXtzJJFu.js";
 import "../components/Grid/index.js";
 import "react";
-import "../styled-Djetw1lK.js";
-import "../styled-VAsSnb5y.js";
+import "../styled-Cz2kpbgE.js";
+import "../styled-Dmb8-99g.js";
 import "../NotificationErrorIcon-DMnAJgPN.js";
-import "../styled-RnVr222F.js";
-import "../styled-B-_SmQSA.js";
+import "../styled-B1bxWqtW.js";
+import "../styled-BBO2jrba.js";
 import "../hooks/useLinkComponent/index.js";
-import "../styled-SllFJc7o.js";
+import "../styled-BBG87P4U.js";
 import "../styled-BlHKbHF4.js";
-import "../styled-DOK4C5Ml.js";
-import "../styled-D8a-ap4J.js";
+import "../styled-VuUKI7PE.js";
+import "../styled-BKWEE3dx.js";
 import "../components/InlineLink/index.js";
-import "../TableHead-C9Nyap9H.js";
-import "../styled-DJWrbsIZ.js";
+import "../TableHead-C2zQ4jce.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-DRp1r1ht.js";
+import { L } from "../../mapContentToComponents-DLxIwtHo.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-DRp1r1ht.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-DLxIwtHo.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-DRp1r1ht.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-DLxIwtHo.js";
 const Renderer = ({
   content,
   isDraftMode

package/dist/{cssVars-C3-c3zhv.js → cssVars-CR3xqdPx.js}

@@ -1,5 +1,5 @@
 import { css } from "styled-components";
-import { l as loadingSpinnerOverlayCssVar, j as loadingSpinnerOverlays } from "./styled-U9du2n1i.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";

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-C3-c3zhv.js";
+import { c as cssVars } from "../../cssVars-CR3xqdPx.js";
 const cssReset = `
   /**
    * @TODO Das gehört nicht in global style

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as ButtonIconStyled } from "./styled-q7r_5eaz.js";
+import { a as ButtonIconStyled } from "./styled-Dgv3RBlg.js";
 import { b as iconSizeSm } 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 { 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-CTn92eZw.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";

package/dist/{index-DXRuQeDl.js → index-CHzok6W_.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { b as iconSizeSm } from "./props-7dcsjRUx.js";
-import "./styled-RnVr222F.js";
-import { l as leftPosition, a as ButtonIconStyled, b as buttonHeight, p as primaryAppearance } from "./styled-q7r_5eaz.js";
+import "./styled-B1bxWqtW.js";
+import { l as leftPosition, a as ButtonIconStyled, b as buttonHeight, p as primaryAppearance } from "./styled-Dgv3RBlg.js";
 import { useLinkComponent } from "./hooks/useLinkComponent/index.js";
-import { a as filterProps, f as filterPropsForUnstyledComponent } from "./filterProps-CTn92eZw.js";
+import { a as filterProps, f as filterPropsForUnstyledComponent } from "./filterProps-BWnAPYBL.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { s as sanitizeLinkProps } from "./sanitizeLinkProps-D2Kkovy1.js";
 import styled from "styled-components";

package/dist/{index-B5p4bosD.js → index-CifS-Z_9.js}

@@ -5,13 +5,13 @@ 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 { T as TableHead, a as TableBody, b as TableFoot } from "./TableHead-C9Nyap9H.js";
-import { T as TableWrapper } from "./TableWrapper-BlScbDc6.js";
+import { T as TableHead, a as TableBody, b as TableFoot } from "./TableHead-C2zQ4jce.js";
+import { T as TableWrapper } from "./TableWrapper-C8SpplcL.js";
 import { k as headingHtmlTags, o as olTagName, q as strongTagName, r as supTagName, u as ulTagName } from "./tags-38kBhOn6.js";
 import { s as spacingNone } from "./Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { T as TextListItemStyled, a as TextListStyled } from "./styled-DJWrbsIZ.js";
-import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";
+import { T as TextListItemStyled, a as TextListStyled } from "./styled-BYYivuzh.js";
+import { a as textHeadingXs, b as textHeadingSm, t as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CqqUYZWV.js";
 import { a as textBodySm } from "./TextBodySize-BcZR9mh2.js";
 const mapSizeToTag = {
   h1: textHeadingXl,

package/dist/{index-C69TqGKE.js → index-DLvMM1Dq.js}

@@ -10,7 +10,7 @@ import { getTextDecoration } from "./foundations/token/getTextDecoration/index.j
 import { a as fontWeightBold, f as fontWeightRegular } from "./FontWeight-C2pGs7aR.js";
 import { a as spacingMd, s as spacingNone, b as spacingXs } from "./Spacing-BMQelJYr.js";
 import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 const priceOrientationHorizontal = "horizontal";
 const priceOrientationVertical = "vertical";

package/dist/index.js

@@ -2,10 +2,10 @@ 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-B5p4bosD.js";
-import { P, T as T2, c, g, f, p, a as a2, e, d, b } from "./index-C69TqGKE.js";
-import { a as a3, c as c2, d as d2, b as b2, T as T3, e as e2 } from "./TableHead-C9Nyap9H.js";
-import { T as T4, T as T5 } from "./TableWrapper-BlScbDc6.js";
+import { R, T, a } from "./index-CifS-Z_9.js";
+import { P, T as T2, c, g, f, p, a as a2, e, d, b } from "./index-DLvMM1Dq.js";
+import { a as a3, c as c2, d as d2, b as b2, T as T3, e as e2 } from "./TableHead-C2zQ4jce.js";
+import { T as T4, T as T5 } from "./TableWrapper-C8SpplcL.js";
 import { PanelStyled, default as default6, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
 import { default as default7 } from "./components/Switch/index.js";
 import { default as default8 } from "./components/SuggestInput/index.js";
@@ -29,7 +29,7 @@ import { default as default25 } from "./components/LocalStyle/index.js";
 import { default as default26 } from "./components/LoadingSpinner/index.js";
 import { default as default27 } from "./components/LinkListItem/index.js";
 import { default as default28 } from "./components/LinkList/index.js";
-import { L } from "./index-M27FMM9r.js";
+import { L } from "./index-ByPSWRQ0.js";
 import { default as default29 } from "./components/Link/index.js";
 import { default as default30 } from "./components/Legend/index.js";
 import { default as default31 } from "./components/Label/index.js";
@@ -76,7 +76,7 @@ import { default as default70 } from "./components/Checkbox/index.js";
 import { default as default71 } from "./components/Carousel/index.js";
 import { default as default72 } from "./components/Card/index.js";
 import { default as default73 } from "./components/ButtonGroup/index.js";
-import { B } from "./index-DXRuQeDl.js";
+import { B } from "./index-CHzok6W_.js";
 import { default as default74, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
 import { default as default75 } from "./components/BottomBar/index.js";
 import { default as default76, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
@@ -112,17 +112,17 @@ import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L as L2 } from "./mapContentToComponents-DRp1r1ht.js";
+import { L as L2 } from "./mapContentToComponents-DLxIwtHo.js";
 import { a as a5, l as l2 } from "./styled-BlHKbHF4.js";
-import { a as a6, l as l3 } from "./styled-SllFJc7o.js";
+import { a as a6, l as l3 } from "./styled-BBG87P4U.js";
 import { a as a7, i as i2 } from "./props-DDpgcryb.js";
 import { I as I2, f as f2, i as i3, g as g2, h, j, d as d3, c as c3, b as b3, e as e3, a as a8, k, l as l4 } from "./props-7dcsjRUx.js";
-import { I as I3 } from "./styled-RnVr222F.js";
-import { a as a9, h as h2 } from "./styled-VAsSnb5y.js";
-import { e as e4, d as d4, c as c4, b as b4, f as f3, a as a10 } from "./styled-CyZvsdJs.js";
-import { C } from "./styled-jl0239KS.js";
-import { C as C2 } from "./styled-1OrCdMDT.js";
-import { B as B2, p as p2, s, a as a11, t } from "./styled-B-_SmQSA.js";
+import { I as I3 } from "./styled-B1bxWqtW.js";
+import { a as a9, h as h2 } from "./styled-Dmb8-99g.js";
+import { e as e4, d as d4, c as c4, b as b4, f as f3, a as a10 } from "./styled-O5mL4jlL.js";
+import { C } from "./styled-BXtzJJFu.js";
+import { C as C2 } from "./styled-CE_Y6O4R.js";
+import { B as B2, p as p2, s, a as a11, t } from "./styled-BBO2jrba.js";
 export {
   default79 as Accordion,
   default78 as AccordionGroup,

package/dist/{mapContentToComponents-DRp1r1ht.js → mapContentToComponents-DLxIwtHo.js}

@@ -8,26 +8,26 @@ import LinkList from "./components/LinkList/index.js";
 import RichTextContentful from "./components/RichtTextContentful/index.js";
 import { jsx } from "react/jsx-runtime";
 import "./NotificationErrorIcon-DMnAJgPN.js";
-import "./styled-RnVr222F.js";
+import "./styled-B1bxWqtW.js";
 import "html-react-parser";
-import "./styled-B-_SmQSA.js";
+import "./styled-BBO2jrba.js";
 import { isBadgeProps } from "./components/Badge/index.js";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-cuWKq2kY.js";
 import { useContentfulInspectorMode } from "@contentful/live-preview/react";
 import "./components/ScreenreaderOnly/index.js";
 import "./components/FootnoteLink/index.js";
-import "./styled-jl0239KS.js";
+import "./styled-BXtzJJFu.js";
 import "react";
-import "./styled-Djetw1lK.js";
-import "./styled-VAsSnb5y.js";
+import "./styled-Cz2kpbgE.js";
+import "./styled-Dmb8-99g.js";
 import "./hooks/useLinkComponent/index.js";
-import { l as linkListItemVariantVertical, a as linkListItemVariantHorizontal } from "./styled-SllFJc7o.js";
+import { l as linkListItemVariantVertical, a as linkListItemVariantHorizontal } from "./styled-BBG87P4U.js";
 import { l as linkListVariantRow, a as linkListVariantColumn } from "./styled-BlHKbHF4.js";
-import "./styled-DOK4C5Ml.js";
-import "./styled-D8a-ap4J.js";
+import "./styled-VuUKI7PE.js";
+import "./styled-BKWEE3dx.js";
 import "./components/InlineLink/index.js";
-import "./TableHead-C9Nyap9H.js";
-import "./styled-DJWrbsIZ.js";
+import "./TableHead-C2zQ4jce.js";
+import "./styled-BYYivuzh.js";
 const validateLegibleContent = (check) => {
   var _a, _b, _c, _d;
   if (null === check) {

package/dist/{styled-RnVr222F.js → styled-B1bxWqtW.js}

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 import { l as inlineIconModeStroke, I as IconWithAccent } from "./props-7dcsjRUx.js";
 const InlineIconStyled = styled.svg.withConfig({
   shouldForwardProp: filterProps(),

package/dist/{styled-SllFJc7o.js → styled-BBG87P4U.js}

@@ -16,12 +16,12 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { c as colorBorderFocus, f as colorBorderSubtle } from "./BorderColor-CYdSW9dg.js";
 import { b as borderRadiusMd, a as borderRadiusNone } from "./BorderRadius-ClUShVLu.js";
 import { a as borderWidthFocus, d as borderWidthSm } from "./BorderWidth-eg_mz82k.js";
-import { t as textHeadingXs } from "./HeadingSize-CfCRn3Lh.js";
+import { a as textHeadingXs } from "./HeadingSize-CqqUYZWV.js";
 import { b as colorIconBrand } from "./IconColor-CtC9WUgr.js";
 import { a as spacingMd, b as spacingXs, s as spacingNone } from "./Spacing-BMQelJYr.js";
 import { a as colorTextNeutral, f as colorTextBrand } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
-import { C as CardAppearanceColor } from "./styled-1OrCdMDT.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
+import { C as CardAppearanceColor } from "./styled-CE_Y6O4R.js";
 const linkListItemVariantVertical = "vertical";
 const linkListItemVariantHorizontal = "horizontal";
 const focusStyles = {

package/dist/{styled-B-_SmQSA.js → styled-BBO2jrba.js}

@@ -12,7 +12,7 @@ import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
 import { b as spacingXs, e as spacing2Xs, c as spacingSm, a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.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";
 import { e as colorObjectSuccess, c as colorObjectNeutral, f as colorObjectAccent, a as colorObjectBrand } from "./ObjectColor-0RAzLGI5.js";
 const primaryBadgeAppearance = "primary";
 const secondaryBadgeAppearance = "secondary";

package/dist/{styled-D8a-ap4J.js → styled-BKWEE3dx.js}

@@ -5,7 +5,7 @@ import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { f as colorBorderSubtle } from "./BorderColor-CYdSW9dg.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";
 const DividerLineStyled = styled.hr.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DividerLineStyled",

package/dist/{styled-BTBLpB_G.js → styled-BQGCfF-s.js}

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

package/dist/{styled-jl0239KS.js → styled-BXtzJJFu.js}

@@ -8,7 +8,7 @@ import { f as colorBorderSubtle } from "./BorderColor-CYdSW9dg.js";
 import { e as borderWidthDivider } from "./BorderWidth-eg_mz82k.js";
 import { d as spacingXl, a as spacingMd } from "./Spacing-BMQelJYr.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 { e as colorBackgroundBrand, f as colorBackgroundBrandGradient, a as colorBackgroundSubtle, c as colorBackgroundNeutral } from "./BackgroundColor-DSOSZvNi.js";
 const ContainerAppearanceColor = {
   primary: colorBackgroundNeutral,

package/dist/{styled-DJWrbsIZ.js → styled-BYYivuzh.js}

@@ -7,7 +7,7 @@ import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { f as fontWeightRegular } from "./FontWeight-C2pGs7aR.js";
 import { a as spacingMd, s as spacingNone } from "./Spacing-BMQelJYr.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const TextListItemStyled = styled.li.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "TextListItemStyled",

package/dist/{styled-1OrCdMDT.js → styled-CE_Y6O4R.js}

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

package/dist/{styled-Djetw1lK.js → styled-Cz2kpbgE.js}

@@ -1,11 +1,11 @@
 import styled from "styled-components";
-import { a as CardStyled } from "./styled-1OrCdMDT.js";
-import { D as DemoBoxStyled } from "./styled-CW4e5Qa3.js";
+import { a as CardStyled } from "./styled-CE_Y6O4R.js";
+import { D as DemoBoxStyled } from "./styled-Dr-tPBqx.js";
 import { v as viewport } from "./index-Ck2bCrhT.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { a as spacingMd } from "./Spacing-BMQelJYr.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 getColumnWidth = ({
   sm,
   md,

package/dist/{styled-CPNO3vN5.js → styled-DGMsuBML.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 { a as spacingMd } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const GridStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "GridStyled",

package/dist/{styled-q7r_5eaz.js → styled-Dgv3RBlg.js}

@@ -13,7 +13,7 @@ import { f as fontWeightRegular } from "./FontWeight-C2pGs7aR.js";
 import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
 import { b as spacingXs, d as spacingXl, s as spacingNone, a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const leftPosition = "left";
 const primaryAppearance = "primary";
 const tertiaryAppearance = "tertiary";

package/dist/{styled-VAsSnb5y.js → styled-Dmb8-99g.js}

@@ -7,7 +7,7 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { a as fontWeightBold, b as fontWeightLight } from "./FontWeight-C2pGs7aR.js";
 import { b as spacingXs, c as spacingSm, a as spacingMd, g as spacingLg, d as spacingXl } from "./Spacing-BMQelJYr.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";
 const headingAlignLeft = "left";
 const headingAlignCenter = "center";
 const mapHeadingSizeToFontWeight = {

package/dist/{styled-CW4e5Qa3.js → styled-Dr-tPBqx.js}

@@ -6,7 +6,7 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { g as colorBorderWarning } from "./BorderColor-CYdSW9dg.js";
 import { c as spacingSm, a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { b as colorTextInverseStatic } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const DemoBoxStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DemoBoxStyled",

package/dist/{styled-U9du2n1i.js → styled-Du4LgXoA.js}

@@ -14,7 +14,7 @@ import { b as colorBackgroundOverlay } from "./BackgroundColor-DSOSZvNi.js";
 import { o as opacityOverlay } from "./Opacity-smkGiwsf.js";
 import { l as largeSize } from "./SizeTypes-Ck_RdzIf.js";
 import { s as spacingNone } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const loadingSpinnerOverlays = {
   Light: `rgba(255, 255, 255, ${getOpacity(opacityOverlay)})`,
   Dark: `rgba(38, 38, 38, ${getOpacity(opacityOverlay)})`

package/dist/{styled-CyZvsdJs.js → styled-O5mL4jlL.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 { a as spacingMd, s as spacingNone } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const flexOrientationHorizontal = "horizontal";
 const flexOrientationVertical = "vertical";
 const flexJustifyStart = "start";

package/dist/{styled-DOK4C5Ml.js → styled-VuUKI7PE.js}

@@ -1,6 +1,6 @@
 import require$$0 from "react";
 import styled from "styled-components";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 var richTextReactRenderer_es5 = {};
 var dist = {};
 var isPlainObj;

package/package.json

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

package/dist/filterProps-CTn92eZw.js

@@ -1,17 +0,0 @@
-const propsNotPassToDomDefault = ["accordionType", "activeId", "activeIndex", "setActiveId", "align", "animated", "appearance", "aspectRatio", "autoLayout", "apiKey", "badge", "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
-};