@vodafone_de/brix-components 7.1.6 → 7.1.8

package/dist/components/RichtTextContentful/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { d as distExports, r as richTextReactRenderer_es5Exports, R as RichTextContentfulStyled } from "../../styled-DOK4C5Ml.js";
+import { d as distExports, r as richTextReactRenderer_es5Exports, R as RichTextContentfulStyled } from "../../styled-VuUKI7PE.js";
 import Body from "../Body/index.js";
 import Divider from "../Divider/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { a as TextListItem, T as TextList } from "../../index-7A9g1r9L.js";
+import { a as TextListItem, T as TextList } from "../../index-CifS-Z_9.js";
 const getOptions = (paragraphSpacing = void 0) => {
   const options = {
     renderMark: {

package/dist/components/ScreenreaderOnly/index.js

@@ -1,6 +1,17 @@
 "use client";
-import "react/jsx-runtime";
-import { S } from "../../index-B2VrT4fo.js";
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
+import { a as filterProps } from "../../filterProps-BWnAPYBL.js";
+const ScreenReaderOnlyStyled = styled.span.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "ScreenReaderOnlyStyled",
+  componentId: "sc-1r7az4k-0"
+})(screenreaderOnly);
+const ScreenreaderOnly = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(ScreenReaderOnlyStyled, { ...props, children });
 export {
-  S as default
+  ScreenreaderOnly as default
 };

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-RnVr222F.js";
-import { p as primaryAppearance } from "../../styled-q7r_5eaz.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-BTBLpB_G.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-CTn92eZw.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-RnVr222F.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";
@@ -23,7 +23,7 @@ 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-ClUShVLu.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";
 const SelectInputWrapperStyled = styled.div.withConfig({
   displayName: "SelectInputWrapperStyled",

package/dist/components/Stepper/index.js

@@ -16,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-CTn92eZw.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-RnVr222F.js";
+import "../../styled-B1bxWqtW.js";
 import { a as inputStateError } 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";
 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-CTn92eZw.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;

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-RnVr222F.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";
@@ -21,7 +21,7 @@ import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-eg_
 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-CTn92eZw.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-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/TableContext.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { TableColumn } from './props';
+export type TableContextType = {
+    columns?: TableColumn[];
+};
+export declare const TableContext: import('react').Context<TableContextType>;
+interface TableProviderProps {
+    columns?: TableColumn[];
+    children: ReactNode;
+}
+export declare const TableProvider: FC<TableProviderProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableBodyProps } from '../props';
+declare const TableBody: FC<TableBodyProps>;
+export default TableBody;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableCellProps } from '../props';
+declare const TableCell: FC<TableCellProps>;
+export default TableCell;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableFootProps } from '../props';
+declare const TableFoot: FC<TableFootProps>;
+export default TableFoot;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { TableColumn } from '../props';
+type TableHeadProps = {
+    columns?: TableColumn[];
+};
+declare const TableHead: FC<TableHeadProps>;
+export default TableHead;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TableWrapperProps } from '../props';
+declare const TableWrapper: FC<TableWrapperProps>;
+export default TableWrapper;

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

@@ -0,0 +1,8 @@
+import { default as TableBody } from './components/TableBody';
+import { default as TableCell } from './components/TableCell';
+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 default TableWrapper;

package/dist/components/Table/index.js

@@ -0,0 +1,13 @@
+"use client";
+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,
+  d as TableContext,
+  b as TableFoot,
+  T as TableHead,
+  e as TableProvider,
+  TableWrapper,
+  TableWrapper as default
+};

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

@@ -0,0 +1,30 @@
+import { HTMLAttributes, ReactNode, ReactElement } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+export type TableColumn = {
+    key: string;
+    label: ReactNode;
+    align?: 'left' | 'right';
+};
+export interface TableCellProps extends PatternProps, HTMLAttributes<HTMLTableCellElement> {
+    children: ReactNode;
+    align?: 'left' | 'right';
+    colSpan?: number;
+    as?: 'td' | 'th';
+    scope?: string;
+}
+export interface TableHeadProps {
+    columns: TableColumn[];
+}
+export interface TableBodyProps {
+    rows: Array<{
+        key: string;
+        cells: TableCellProps[];
+    }>;
+    sideHeader?: boolean;
+}
+export interface TableFootProps {
+    cells: TableCellProps[];
+}
+export interface TableWrapperProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    children?: ReactElement | ReactElement[];
+}

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

@@ -0,0 +1,8 @@
+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";
+}>> & string;

package/dist/components/TabularPrice/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { T } from "../../index-BjtnAuPr.js";
-import "../../index-B2VrT4fo.js";
+import { T } from "../../index-DLvMM1Dq.js";
+import "../ScreenreaderOnly/index.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-7A9g1r9L.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

@@ -1,22 +1,23 @@
 "use client";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import "../index-B2VrT4fo.js";
+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 "../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-BobPnbKM.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-BobPnbKM.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-BobPnbKM.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-7A9g1r9L.js → index-CifS-Z_9.js}

@@ -1,15 +1,17 @@
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { cloneElement } from "react";
 import parse, { Element, domToReact } from "html-react-parser";
 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-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,
@@ -36,6 +38,75 @@ const getOptions = (paragraphSpacing, additionalProps = {}) => {
         if ("ul" === domNode.name) {
           return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: domToReact(domNode.children, options) });
         }
+        if (domNode.name === "table") {
+          const thead = domNode.children.find((child) => child instanceof Element && child.name === "thead");
+          const tbody = domNode.children.find((child) => child instanceof Element && child.name === "tbody");
+          const tfoot = domNode.children.find((child) => child instanceof Element && child.name === "tfoot");
+          let columns = [];
+          if (thead) {
+            const tr = thead.children.find((child) => child instanceof Element && child.name === "tr");
+            if (tr) {
+              columns = tr.children.filter((child) => child instanceof Element && child.name === "th").map((th, i) => {
+                const attribs = th.attribs || {};
+                const align = attribs.align === "right" ? "right" : attribs.align === "left" ? "left" : void 0;
+                return {
+                  key: attribs.key || `col${i}`,
+                  label: domToReact(th.children, options),
+                  align
+                };
+              });
+            }
+          }
+          let rows = [];
+          let sideHeader = false;
+          if (tbody) {
+            if (tbody.attribs && typeof tbody.attribs.sideheader !== "undefined") {
+              sideHeader = tbody.attribs.sideheader === "" || tbody.attribs.sideheader === "true";
+            }
+            rows = tbody.children.filter((child) => child instanceof Element && child.name === "tr").map((tr, i) => ({
+              key: `row${i}`,
+              cells: tr.children.filter((cell) => cell instanceof Element && (cell.name === "td" || cell.name === "th")).map((cell) => {
+                const attribs = cell.attribs || {};
+                const align = attribs.align === "right" ? "right" : attribs.align === "left" ? "left" : void 0;
+                const as = cell.name === "th" ? "th" : "td";
+                const colSpan = attribs.colspan ? parseInt(attribs.colspan, 10) : void 0;
+                const scope = attribs.scope;
+                return {
+                  children: domToReact(cell.children, options),
+                  align,
+                  as,
+                  colSpan,
+                  scope
+                };
+              })
+            }));
+          }
+          let footCells = [];
+          if (tfoot) {
+            const tr = tfoot.children.find((child) => child instanceof Element && child.name === "tr");
+            if (tr) {
+              footCells = tr.children.filter((cell) => cell instanceof Element && (cell.name === "td" || cell.name === "th")).map((cell) => {
+                const attribs = cell.attribs || {};
+                const align = attribs.align === "right" ? "right" : attribs.align === "left" ? "left" : void 0;
+                const as = cell.name === "th" ? "th" : "td";
+                const colSpan = attribs.colspan ? parseInt(attribs.colspan, 10) : void 0;
+                const scope = attribs.scope;
+                return {
+                  children: domToReact(cell.children, options),
+                  align,
+                  as,
+                  colSpan,
+                  scope
+                };
+              });
+            }
+          }
+          return /* @__PURE__ */ jsxs(TableWrapper, { children: [
+            /* @__PURE__ */ jsx(TableHead, { columns }),
+            /* @__PURE__ */ jsx(TableBody, { rows, sideHeader }),
+            footCells.length ? /* @__PURE__ */ jsx(TableFoot, { cells: footCells }) : void 0
+          ] });
+        }
         if ("strong" === domNode.name) {
           return /* @__PURE__ */ jsx(Body, { ...additionalProps.strong, tag: strongTagName, children: domToReact(domNode.children, options) });
         }

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { S as ScreenreaderOnly } from "./index-B2VrT4fo.js";
+import ScreenreaderOnly from "./components/ScreenreaderOnly/index.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "./foundations/token/getFontWeight/index.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.d.ts

@@ -10,6 +10,8 @@ export * from './components/TextList';
 export { default as TextList } from './components/TextList';
 export * from './components/TabularPrice';
 export { default as TabularPrice } from './components/TabularPrice';
+export * from './components/Table';
+export { default as Table } from './components/Table';
 export * from './components/TabGroup';
 export { default as TabGroup } from './components/TabGroup';
 export * from './components/Switch';