@vodafone_de/brix-components 7.1.6 → 7.1.7

package/dist/{index-7A9g1r9L.js → index-B5p4bosD.js}

@@ -1,10 +1,12 @@
-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-C9Nyap9H.js";
+import { T as TableWrapper } from "./TableWrapper-BlScbDc6.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";
@@ -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-C69TqGKE.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";

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';

package/dist/index.js

@@ -2,8 +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-7A9g1r9L.js";
-import { P, T as T2, c, g, f, p, a as a2, e, d, b } from "./index-BjtnAuPr.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 { 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";
@@ -11,76 +13,76 @@ import { default as default9 } from "./components/Stepper/index.js";
 import { default as default10 } from "./components/SmoothScrollArea/index.js";
 import { default as default11 } from "./components/SelectInput/index.js";
 import { default as default12 } from "./components/SearchInput/index.js";
-import { S } from "./index-B2VrT4fo.js";
-import { default as default13 } from "./components/RichtTextContentful/index.js";
-import { default as default14 } from "./components/ResponsiveImage/index.js";
-import { HiddenRadioStyled, default as default15, RatingFieldsetStyled, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
-import { default as default16 } from "./components/RadioGroup/index.js";
-import { default as default17 } from "./components/QuickLinkList/index.js";
-import { default as default18 } from "./components/ProductCard/index.js";
-import { default as default19 } from "./components/PickerGroup/index.js";
-import { default as default20, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
-import { default as default21 } from "./components/OpenTextFootnoteAdapter/index.js";
-import { default as default22, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
-import { default as default23, mediaTextPositionLeft, mediaTextPositionRight, mediaTextPositionTop } from "./components/MediaText/index.js";
-import { default as default24 } from "./components/LocalStyle/index.js";
-import { default as default25 } from "./components/LoadingSpinner/index.js";
-import { default as default26 } from "./components/LinkListItem/index.js";
-import { default as default27 } from "./components/LinkList/index.js";
+import { default as default13 } from "./components/ScreenreaderOnly/index.js";
+import { default as default14 } from "./components/RichtTextContentful/index.js";
+import { default as default15 } from "./components/ResponsiveImage/index.js";
+import { HiddenRadioStyled, default as default16, RatingFieldsetStyled, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
+import { default as default17 } from "./components/RadioGroup/index.js";
+import { default as default18 } from "./components/QuickLinkList/index.js";
+import { default as default19 } from "./components/ProductCard/index.js";
+import { default as default20 } from "./components/PickerGroup/index.js";
+import { default as default21, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
+import { default as default22 } from "./components/OpenTextFootnoteAdapter/index.js";
+import { default as default23, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
+import { default as default24, mediaTextPositionLeft, mediaTextPositionRight, mediaTextPositionTop } from "./components/MediaText/index.js";
+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 { default as default28 } from "./components/Link/index.js";
-import { default as default29 } from "./components/Legend/index.js";
-import { default as default30 } from "./components/Label/index.js";
-import { default as default31 } from "./components/Input/index.js";
-import { default as default32 } from "./components/InlineLink/index.js";
-import { default as default33 } from "./components/InlineIcon/index.js";
-import { default as default34, infoBannerAppearancePrimary, infoBannerAppearanceSecondary, infoBannerAppearanceTertiary } from "./components/InfoBanner/index.js";
-import { default as default35, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
-import { default as default36, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio48_9, aspectRatio4_3, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
-import { default as default37 } from "./components/IconSnippetList/index.js";
-import { default as default38, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
-import { I, i, a as a3, v } from "./index-C3dW-7e_.js";
-import { default as default39, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
-import { default as default40, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
-import { default as default41 } from "./components/HifiIcon/index.js";
-import { default as default42, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
-import { default as default43, gridItemAligns, gridItemTags, isGridItemProps, validateGridItemProps } from "./components/GridItem/index.js";
-import { default as default44, GridContext, gridAligns, gridSpacings, gridTags, isGridConfig, isGridProps, validateGridColSpan, validateGridConfig, validateGridProps } from "./components/Grid/index.js";
-import { default as default45 } from "./components/GoogleMap/index.js";
-import { default as default46, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
-import { default as default47 } from "./components/FormHelperMessage/index.js";
-import { default as default48 } from "./components/FormHelperLabel/index.js";
-import { default as default49 } from "./components/FormElement/index.js";
-import { default as default50 } from "./components/Form/index.js";
-import { default as default51 } from "./components/FootnoteLink/index.js";
-import { default as default52 } from "./components/FootnoteContent/index.js";
-import { default as default53, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
-import { default as default54 } from "./components/Flex/index.js";
-import { default as default55 } from "./components/FilterGroup/index.js";
-import { default as default56 } from "./components/Fieldset/index.js";
-import { default as default57 } from "./components/Divider/index.js";
-import { default as default58 } from "./components/DiscoveryCardGroup/index.js";
-import { default as default59, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
-import { default as default60 } from "./components/Dialog/index.js";
-import { default as default61 } from "./components/DemoBox/index.js";
-import { default as default62 } from "./components/DateInput/index.js";
-import { default as default63, containerAppearances, containerPaddings, isContainerProps, validateContainerProps } from "./components/Container/index.js";
-import { default as default64 } from "./components/ConsentMessage/index.js";
-import { default as default65 } from "./components/ColorSwatchGroup/index.js";
-import { default as default66, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
-import { default as default67 } from "./components/Collapsible/index.js";
-import { default as default68 } from "./components/CheckboxGroup/index.js";
-import { default as default69 } from "./components/Checkbox/index.js";
-import { default as default70 } from "./components/Carousel/index.js";
-import { default as default71 } from "./components/Card/index.js";
-import { default as default72 } from "./components/ButtonGroup/index.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";
+import { default as default32 } from "./components/Input/index.js";
+import { default as default33 } from "./components/InlineLink/index.js";
+import { default as default34 } from "./components/InlineIcon/index.js";
+import { default as default35, infoBannerAppearancePrimary, infoBannerAppearanceSecondary, infoBannerAppearanceTertiary } from "./components/InfoBanner/index.js";
+import { default as default36, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
+import { default as default37, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio48_9, aspectRatio4_3, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
+import { default as default38 } from "./components/IconSnippetList/index.js";
+import { default as default39, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
+import { I, i, a as a4, v } from "./index-C3dW-7e_.js";
+import { default as default40, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
+import { default as default41, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
+import { default as default42 } from "./components/HifiIcon/index.js";
+import { default as default43, headingSizes, headingTags, headingWeights, headlingAligns, isHeadingProps, validateHeadingProps } from "./components/Heading/index.js";
+import { default as default44, gridItemAligns, gridItemTags, isGridItemProps, validateGridItemProps } from "./components/GridItem/index.js";
+import { default as default45, GridContext, gridAligns, gridSpacings, gridTags, isGridConfig, isGridProps, validateGridColSpan, validateGridConfig, validateGridProps } from "./components/Grid/index.js";
+import { default as default46 } from "./components/GoogleMap/index.js";
+import { default as default47, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
+import { default as default48 } from "./components/FormHelperMessage/index.js";
+import { default as default49 } from "./components/FormHelperLabel/index.js";
+import { default as default50 } from "./components/FormElement/index.js";
+import { default as default51 } from "./components/Form/index.js";
+import { default as default52 } from "./components/FootnoteLink/index.js";
+import { default as default53 } from "./components/FootnoteContent/index.js";
+import { default as default54, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
+import { default as default55 } from "./components/Flex/index.js";
+import { default as default56 } from "./components/FilterGroup/index.js";
+import { default as default57 } from "./components/Fieldset/index.js";
+import { default as default58 } from "./components/Divider/index.js";
+import { default as default59 } from "./components/DiscoveryCardGroup/index.js";
+import { default as default60, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
+import { default as default61 } from "./components/Dialog/index.js";
+import { default as default62 } from "./components/DemoBox/index.js";
+import { default as default63 } from "./components/DateInput/index.js";
+import { default as default64, containerAppearances, containerPaddings, isContainerProps, validateContainerProps } from "./components/Container/index.js";
+import { default as default65 } from "./components/ConsentMessage/index.js";
+import { default as default66 } from "./components/ColorSwatchGroup/index.js";
+import { default as default67, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
+import { default as default68 } from "./components/Collapsible/index.js";
+import { default as default69 } from "./components/CheckboxGroup/index.js";
+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 { default as default73, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
-import { default as default74 } from "./components/BottomBar/index.js";
-import { default as default75, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
-import { default as default76, badgeAppearances, badgeSizes, isBadgeProps, validateBadgeProps } from "./components/Badge/index.js";
-import { default as default77 } from "./components/AccordionGroup/index.js";
-import { default as default78, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.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";
+import { default as default77, badgeAppearances, badgeSizes, isBadgeProps, validateBadgeProps } from "./components/Badge/index.js";
+import { default as default78 } from "./components/AccordionGroup/index.js";
+import { default as default79, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
 import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -110,104 +112,104 @@ 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-BobPnbKM.js";
-import { a as a4, l as l2 } from "./styled-BlHKbHF4.js";
-import { a as a5, l as l3 } from "./styled-SllFJc7o.js";
-import { a as a6, i as i2 } from "./props-DDpgcryb.js";
-import { I as I2, f as f2, i as i3, g as g2, h, j, d as d2, c as c2, b as b2, e as e2, a as a7, k, l as l4 } from "./props-7dcsjRUx.js";
+import { L as L2 } from "./mapContentToComponents-DRp1r1ht.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 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 a8, h as h2 } from "./styled-VAsSnb5y.js";
-import { e as e3, d as d3, c as c3, b as b3, f as f3, a as a9 } from "./styled-CyZvsdJs.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 a10, t } from "./styled-B-_SmQSA.js";
+import { B as B2, p as p2, s, a as a11, t } from "./styled-B-_SmQSA.js";
 export {
-  default78 as Accordion,
-  default77 as AccordionGroup,
-  default76 as Badge,
+  default79 as Accordion,
+  default78 as AccordionGroup,
+  default77 as Badge,
   B2 as BadgeAppearanceColor,
-  default75 as Body,
-  default74 as BottomBar,
-  default73 as Button,
+  default76 as Body,
+  default75 as BottomBar,
+  default74 as Button,
   B as ButtonAsLink,
-  default72 as ButtonGroup,
-  default71 as Card,
+  default73 as ButtonGroup,
+  default72 as Card,
   C2 as CardAppearanceColor,
-  default70 as Carousel,
-  default69 as Checkbox,
-  default68 as CheckboxGroup,
-  default67 as Collapsible,
-  default66 as ColorSwatch,
-  default65 as ColorSwatchGroup,
-  default64 as ConsentMessage,
-  default63 as Container,
+  default71 as Carousel,
+  default70 as Checkbox,
+  default69 as CheckboxGroup,
+  default68 as Collapsible,
+  default67 as ColorSwatch,
+  default66 as ColorSwatchGroup,
+  default65 as ConsentMessage,
+  default64 as Container,
   C as ContainerAppearanceColor,
-  default62 as DateInput,
+  default63 as DateInput,
   DefaultLink,
-  default61 as DemoBox,
-  default60 as Dialog,
-  default59 as DiscoveryCard,
-  default58 as DiscoveryCardGroup,
-  default57 as Divider,
-  default56 as Fieldset,
-  default55 as FilterGroup,
-  default54 as Flex,
-  default53 as FlexItem,
-  default52 as FootnoteContent,
-  default51 as FootnoteLink,
-  default50 as Form,
-  default49 as FormElement,
-  default48 as FormHelperLabel,
-  default47 as FormHelperMessage,
-  default46 as FormHelperStatusIcon,
+  default62 as DemoBox,
+  default61 as Dialog,
+  default60 as DiscoveryCard,
+  default59 as DiscoveryCardGroup,
+  default58 as Divider,
+  default57 as Fieldset,
+  default56 as FilterGroup,
+  default55 as Flex,
+  default54 as FlexItem,
+  default53 as FootnoteContent,
+  default52 as FootnoteLink,
+  default51 as Form,
+  default50 as FormElement,
+  default49 as FormHelperLabel,
+  default48 as FormHelperMessage,
+  default47 as FormHelperStatusIcon,
   GlobalStyle,
-  default45 as GoogleMap,
-  default44 as Grid,
+  default46 as GoogleMap,
+  default45 as Grid,
   GridContext,
-  default43 as GridItem,
-  default42 as Heading,
+  default44 as GridItem,
+  default43 as Heading,
   HiddenRadioStyled,
-  default41 as HifiIcon,
-  default40 as Icon,
-  default39 as IconButton,
+  default42 as HifiIcon,
+  default41 as Icon,
+  default40 as IconButton,
   I as IconLoader,
-  default38 as IconSnippet,
-  default37 as IconSnippetList,
+  default39 as IconSnippet,
+  default38 as IconSnippetList,
   I2 as IconWithAccent,
-  default36 as Image,
-  default35 as ImageHeader,
-  default34 as InfoBanner,
-  default33 as InlineIcon,
+  default37 as Image,
+  default36 as ImageHeader,
+  default35 as InfoBanner,
+  default34 as InlineIcon,
   I3 as InlineIconStyled,
-  default32 as InlineLink,
-  default31 as Input,
-  default30 as Label,
-  default29 as Legend,
-  default28 as Link,
+  default33 as InlineLink,
+  default32 as Input,
+  default31 as Label,
+  default30 as Legend,
+  default29 as Link,
   L as LinkAsButton,
   LinkContext,
-  default27 as LinkList,
-  default26 as LinkListItem,
+  default28 as LinkList,
+  default27 as LinkListItem,
   LinkProvider,
   L2 as LivePreviewInspector,
-  default25 as LoadingSpinner,
-  default24 as LocalStyle,
-  default23 as MediaText,
-  default22 as Notification,
-  default21 as OpenTextFootnoteAdapter,
-  default20 as Overlay,
+  default26 as LoadingSpinner,
+  default25 as LocalStyle,
+  default24 as MediaText,
+  default23 as Notification,
+  default22 as OpenTextFootnoteAdapter,
+  default21 as Overlay,
   PanelStyled,
-  default19 as PickerGroup,
+  default20 as PickerGroup,
   P as Price,
-  default18 as ProductCard,
-  default17 as QuickLinkList,
-  default16 as RadioGroup,
-  default15 as Rating,
+  default19 as ProductCard,
+  default18 as QuickLinkList,
+  default17 as RadioGroup,
+  default16 as Rating,
   RatingFieldsetStyled,
-  default14 as ResponsiveImage,
+  default15 as ResponsiveImage,
   R as RichText,
-  default13 as RichtTextContentful,
-  S as ScreenreaderOnly,
+  default14 as RichtTextContentful,
+  default13 as ScreenreaderOnly,
   default12 as SearchInput,
   default11 as SelectInput,
   default10 as SmoothScrollArea,
@@ -223,6 +225,14 @@ export {
   TabGroupTabsStyled,
   TabLabelStyled,
   TabStyled,
+  T4 as Table,
+  a3 as TableBody,
+  c2 as TableCell,
+  d2 as TableContext,
+  b2 as TableFoot,
+  T3 as TableHead,
+  e2 as TableProvider,
+  T5 as TableWrapper,
   T2 as TabularPrice,
   T as TextList,
   a as TextListItem,
@@ -266,12 +276,12 @@ export {
   discoveryCardOrientationVertical,
   flexItemAutoGrow,
   flexItemFullGrow,
-  e3 as flexJustifyBetween,
-  d3 as flexJustifyCenter,
-  c3 as flexJustifyEnd,
-  b3 as flexJustifyStart,
+  e4 as flexJustifyBetween,
+  d4 as flexJustifyCenter,
+  c4 as flexJustifyEnd,
+  b4 as flexJustifyStart,
   f3 as flexOrientationHorizontal,
-  a9 as flexOrientationVertical,
+  a10 as flexOrientationVertical,
   forcedColorsQuery,
   getBackgroundColor,
   getBodySize,
@@ -294,7 +304,7 @@ export {
   gridItemTags,
   gridSpacings,
   gridTags,
-  a8 as headingAlignCenter,
+  a9 as headingAlignCenter,
   h2 as headingAlignLeft,
   headingSizes,
   headingTags,
@@ -316,11 +326,11 @@ export {
   iconSize7xl,
   iconSize8xl,
   iconSize9xl,
-  d2 as iconSizeLg,
-  c2 as iconSizeMd,
-  b2 as iconSizeSm,
-  e2 as iconSizeXl,
-  a7 as iconSizeXs,
+  d3 as iconSizeLg,
+  c3 as iconSizeMd,
+  b3 as iconSizeSm,
+  e3 as iconSizeXl,
+  a8 as iconSizeXs,
   i as iconSizes,
   iconSnippetAlignCenter,
   iconSnippetAlignTop,
@@ -338,7 +348,7 @@ export {
   infoBannerAppearanceTertiary,
   k as inlineIconModeFill,
   l4 as inlineIconModeStroke,
-  a6 as inputStateError,
+  a7 as inputStateError,
   i2 as inputStateSuccess,
   inputStatusIcons,
   isBadgeProps,
@@ -348,11 +358,11 @@ export {
   isGridItemProps,
   isGridProps,
   isHeadingProps,
-  a3 as isIconLoaderProps,
+  a4 as isIconLoaderProps,
   l as largeMediaQuery,
-  a5 as linkListItemVariantHorizontal,
+  a6 as linkListItemVariantHorizontal,
   l3 as linkListItemVariantVertical,
-  a4 as linkListVariantColumn,
+  a5 as linkListVariantColumn,
   l2 as linkListVariantRow,
   mediaTextPositionLeft,
   mediaTextPositionRight,
@@ -385,7 +395,7 @@ export {
   p2 as primaryBadgeAppearance,
   reducedMotionQuery,
   s as secondaryBadgeAppearance,
-  a10 as successBadgeAppearance,
+  a11 as successBadgeAppearance,
   tabGroupWidthAuto,
   tabGroupWidthFull,
   t as tertiaryBadgeAppearance,

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

@@ -14,7 +14,7 @@ import "./styled-B-_SmQSA.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 "./index-B2VrT4fo.js";
+import "./components/ScreenreaderOnly/index.js";
 import "./components/FootnoteLink/index.js";
 import "./styled-jl0239KS.js";
 import "react";
@@ -26,6 +26,7 @@ import { l as linkListVariantRow, a as linkListVariantColumn } from "./styled-Bl
 import "./styled-DOK4C5Ml.js";
 import "./styled-D8a-ap4J.js";
 import "./components/InlineLink/index.js";
+import "./TableHead-C9Nyap9H.js";
 import "./styled-DJWrbsIZ.js";
 const validateLegibleContent = (check) => {
   var _a, _b, _c, _d;

package/dist/screenreaderOnly-Dv2v6MAr.js

@@ -0,0 +1,11 @@
+const screenreaderOnly = {
+  position: "absolute",
+  left: "-10000px",
+  top: "auto",
+  width: "1px",
+  height: "1px",
+  overflow: "hidden"
+};
+export {
+  screenreaderOnly as s
+};

package/dist/styled-CH1kr8ZR.js

@@ -0,0 +1,14 @@
+import styled from "styled-components";
+const LegendStyled = styled.legend.withConfig({
+  displayName: "LegendStyled",
+  componentId: "sc-1vyrzt5-0"
+})({
+  /**
+   * minimal hack to disable the wired position of a legend in a fieldset
+   */
+  all: "unset",
+  width: "100%"
+});
+export {
+  LegendStyled as L
+};

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.6",
+  "version": "7.1.7",
   "exports": {
     "./package.json": "./package.json",
     ".": {

package/dist/index-B2VrT4fo.js

@@ -1,24 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { a as filterProps } from "./filterProps-CTn92eZw.js";
-const screenreaderOnly = {
-  position: "absolute",
-  left: "-10000px",
-  top: "auto",
-  width: "1px",
-  height: "1px",
-  overflow: "hidden"
-};
-const ScreenReaderOnlyStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "ScreenReaderOnlyStyled",
-  componentId: "sc-1r7az4k-0"
-})(screenreaderOnly);
-const ScreenreaderOnly = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx(ScreenReaderOnlyStyled, { ...props, children });
-export {
-  ScreenreaderOnly as S,
-  screenreaderOnly as s
-};