@vodafone_de/brix-components 7.1.6 → 7.1.7

package/dist/TableHead-C9Nyap9H.js

@@ -0,0 +1,109 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import styled from "styled-components";
+import { v as viewport } from "./index-Ck2bCrhT.js";
+import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { f as colorBorderSubtle, a as colorBorderNeutral } from "./BorderColor-CYdSW9dg.js";
+import { a as fontWeightBold, f as fontWeightRegular } from "./FontWeight-C2pGs7aR.js";
+import { c as spacingSm } from "./Spacing-BMQelJYr.js";
+import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
+const TableWrapperDiv = styled.div.withConfig({
+  displayName: "TableWrapperDiv",
+  componentId: "sc-wxnzfr-0"
+})({
+  overflowX: "auto"
+});
+const TableStyled = styled.table.withConfig({
+  displayName: "TableStyled",
+  componentId: "sc-wxnzfr-1"
+})({
+  width: "100%",
+  overflow: "auto"
+});
+const cellAlign = {
+  left: "left",
+  right: "right"
+};
+const TableCellStyled = styled.td.withConfig({
+  displayName: "TableCellStyled",
+  componentId: "sc-wxnzfr-2"
+})(({
+  align,
+  as
+}) => ({
+  padding: `${getSpacing(spacingSm)}`,
+  textAlign: cellAlign[align],
+  color: getTextColor(colorTextNeutral),
+  borderBottom: `1px solid ${as === "th" ? getBorderColor(colorBorderNeutral) : getBorderColor(colorBorderSubtle)}`,
+  fontWeight: as === "th" ? getFontWeight(fontWeightBold) : getFontWeight(fontWeightRegular),
+  minWidth: 180,
+  wordBreak: "break-word",
+  whiteSpace: "normal",
+  overflowWrap: "break-word",
+  ...viewport.lg({
+    minWidth: 248
+  }),
+  // Style for tfoot cells
+  "tfoot &": {
+    borderBottom: `1px solid ${getBorderColor(colorBorderSubtle)}`,
+    fontWeight: getFontWeight(fontWeightBold)
+  }
+}));
+const TableCell = ({
+  children,
+  align = "left",
+  colSpan,
+  as = "td",
+  scope,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(TableCellStyled, { as, align, colSpan, scope, ...rest, children });
+};
+const TableContext = createContext({});
+const TableProvider = ({
+  columns,
+  children
+}) => /* @__PURE__ */ jsx(TableContext.Provider, { value: {
+  columns
+}, children });
+const TableBody = ({
+  rows,
+  sideHeader
+}) => {
+  const {
+    columns
+  } = useContext(TableContext);
+  return /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsx("tr", { children: row.cells.map((cell, i) => {
+    var _a;
+    const align = ((_a = columns == null ? void 0 : columns[i]) == null ? void 0 : _a.align) || "left";
+    if (sideHeader && i === 0) {
+      return /* @__PURE__ */ jsx(TableCell, { as: "th", scope: "row", align, children: cell.children }, row.key + "-" + i);
+    }
+    return /* @__PURE__ */ jsx(TableCell, { align, children: cell.children }, row.key + "-" + i);
+  }) }, row.key)) });
+};
+TableBody.displayName = "TableBody";
+const TableFoot = ({
+  cells
+}) => /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx("tr", { children: cells.map((cell, i) => /* @__PURE__ */ jsx(TableCell, { ...cell, as: "td", children: cell.children }, "foot-" + i)) }) });
+TableFoot.displayName = "TableFoot";
+const TableHead = ({
+  columns
+}) => {
+  if (!columns) return null;
+  return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align, as: "th", scope: "col", children: col.label }, col.key)) }) });
+};
+TableHead.displayName = "TableHead";
+export {
+  TableHead as T,
+  TableBody as a,
+  TableFoot as b,
+  TableCell as c,
+  TableContext as d,
+  TableProvider as e,
+  TableWrapperDiv as f,
+  TableStyled as g
+};

package/dist/TableWrapper-BlScbDc6.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Children, isValidElement } from "react";
+import { e as TableProvider, f as TableWrapperDiv, g as TableStyled } from "./TableHead-C9Nyap9H.js";
+const allowedTypes = ["TableHead", "TableBody", "TableFoot"];
+const TableWrapper = ({
+  children,
+  ...rest
+}) => {
+  let columns = void 0;
+  Children.forEach(children, (child) => {
+    if (isValidElement(child) && typeof child.type === "function" && child.type.displayName === "TableHead") {
+      const head = child;
+      columns = head.props.columns;
+    }
+  });
+  const filteredChildren = Children.map(children, (child) => {
+    if (!isValidElement(child)) return null;
+    const typeName = typeof child.type === "function" && child.type.displayName;
+    return allowedTypes.includes(typeName || "") ? child : null;
+  });
+  return /* @__PURE__ */ jsx(TableProvider, { columns, children: /* @__PURE__ */ jsx(TableWrapperDiv, { ...rest, children: /* @__PURE__ */ jsx(TableStyled, { role: "table", children: filteredChildren }) }) });
+};
+export {
+  TableWrapper as T
+};

package/dist/components/Carousel/index.js

@@ -18,7 +18,7 @@ import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
 import { a as colorObjectBrand, g as colorObjectUnselected } from "../../ObjectColor-0RAzLGI5.js";
 import { a as filterProps } from "../../filterProps-CTn92eZw.js";
 import IconButton from "../IconButton/index.js";
-import { S as ScreenreaderOnly } from "../../index-B2VrT4fo.js";
+import ScreenreaderOnly from "../ScreenreaderOnly/index.js";
 const getItems = (items, loop) => {
   const normalizedItems = [...items].map((item, index) => ({
     ...item,

package/dist/components/DiscoveryCard/index.js

@@ -5,8 +5,8 @@ import Badge from "../Badge/index.js";
 import Body, { bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-BjtnAuPr.js";
-import { R as RichText } from "../../index-7A9g1r9L.js";
+import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-C69TqGKE.js";
+import { R as RichText } from "../../index-B5p4bosD.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
@@ -15,13 +15,14 @@ import "../../NotificationErrorIcon-DMnAJgPN.js";
 import "../../styled-RnVr222F.js";
 import "html-react-parser";
 import { b as BadgeStyled } from "../../styled-B-_SmQSA.js";
-import "../../index-B2VrT4fo.js";
+import "../ScreenreaderOnly/index.js";
 import "../FootnoteLink/index.js";
 import "../../styled-VAsSnb5y.js";
 import "../../styled-q7r_5eaz.js";
 import { a as LinkStyled } from "../../index-M27FMM9r.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../InlineLink/index.js";
+import "../../TableHead-C9Nyap9H.js";
 import "../../styled-DJWrbsIZ.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";

package/dist/components/FilterGroup/index.js

@@ -6,7 +6,7 @@ import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
 import "../../styled-RnVr222F.js";
 import styled from "styled-components";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
-import { s as screenreaderOnly } from "../../index-B2VrT4fo.js";
+import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";

package/dist/components/FootnoteLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as ScreenreaderOnly } from "../../index-B2VrT4fo.js";
+import ScreenreaderOnly from "../ScreenreaderOnly/index.js";
 import styled from "styled-components";
 import InlineLink from "../InlineLink/index.js";
 import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";

package/dist/components/IconSnippet/index.js

@@ -6,7 +6,7 @@ import { d as iconSizeLg, g as iconSize3xl, b as iconSizeSm } from "../../props-
 import "../../styled-RnVr222F.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-7A9g1r9L.js";
+import { R as RichText } from "../../index-B5p4bosD.js";
 import { d as divTagName } from "../../tags-38kBhOn6.js";
 import { c as spacingSm, a as spacingMd, s as spacingNone, b as spacingXs } from "../../Spacing-BMQelJYr.js";
 import styled from "styled-components";

package/dist/components/ImageHeader/index.js

@@ -4,8 +4,8 @@ import Body from "../Body/index.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading from "../Heading/index.js";
-import { P as Price, b as priceSizeSm } from "../../index-BjtnAuPr.js";
-import { R as RichText } from "../../index-7A9g1r9L.js";
+import { P as Price, b as priceSizeSm } from "../../index-C69TqGKE.js";
+import { R as RichText } from "../../index-B5p4bosD.js";
 import { b as fontWeightLight } from "../../FontWeight-C2pGs7aR.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { a as spacingMd, c as spacingSm, d as spacingXl, b as spacingXs, e as spacing2Xs, s as spacingNone } from "../../Spacing-BMQelJYr.js";

package/dist/components/Legend/index.js

@@ -3,18 +3,8 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet, { iconSnippetAlignCenter } from "../IconSnippet/index.js";
-import { R as RichText } from "../../index-7A9g1r9L.js";
-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%"
-});
+import { R as RichText } from "../../index-B5p4bosD.js";
+import { L as LegendStyled } from "../../styled-CH1kr8ZR.js";
 const Legend = ({
   contents,
   ...props

package/dist/components/LoadingSpinner/index.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
-import { S as ScreenreaderOnly } from "../../index-B2VrT4fo.js";
+import ScreenreaderOnly from "../ScreenreaderOnly/index.js";
 import { L as LoadingSpinnerSVGStyled, a as LoadingSpinnerPathXsStyled, b as LoadingSpinnerPathOuter3Styled, c as LoadingSpinnerPathOuter2Styled, d as LoadingSpinnerPathOuter1Styled, e as LoadingSpinnerPathCenterStyled, f as LoadingSpinnerContainerStyled, g as LoadingSpinnerContentStyled, h as LoadingSpinnerLabelStyled, i as LoadingSpinnerChildrenStyled } from "../../styled-U9du2n1i.js";
 const LoadingSpinnerSVG = ({
   size = "lg",

package/dist/components/MediaText/index.js

@@ -6,7 +6,7 @@ import FlexItem from "../FlexItem/index.js";
 import Heading from "../Heading/index.js";
 import Image, { aspectRatio16_9 } from "../Image/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-7A9g1r9L.js";
+import { R as RichText } from "../../index-B5p4bosD.js";
 import YoutubeVideo from "../YoutubeVideo/index.js";
 import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-38kBhOn6.js";
 import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";

package/dist/components/Notification/index.js

@@ -9,7 +9,7 @@ import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
 import "../../styled-RnVr222F.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-7A9g1r9L.js";
+import { R as RichText } from "../../index-B5p4bosD.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, g as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-CYdSW9dg.js";

package/dist/components/OpenTextFootnoteAdapter/index.js

@@ -5,7 +5,7 @@ import AccordionGroup from "../AccordionGroup/index.js";
 import Container from "../Container/index.js";
 import FootnoteContent from "../FootnoteContent/index.js";
 import Heading from "../Heading/index.js";
-import { R as RichText } from "../../index-7A9g1r9L.js";
+import { R as RichText } from "../../index-B5p4bosD.js";
 import { b as textHeadingSm, c as textHeadingLg } from "../../HeadingSize-CfCRn3Lh.js";
 import { h as h3TagName } from "../../tags-38kBhOn6.js";
 const getFootnoteContent = (content, footnoteContentBacklinkText) => {

package/dist/components/PickerGroup/index.js

@@ -15,7 +15,7 @@ import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import GridItem from "../GridItem/index.js";
-import { s as screenreaderOnly } from "../../index-B2VrT4fo.js";
+import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";

package/dist/components/Price/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import "../../index-B2VrT4fo.js";
-import { c, P, g, f, p, a, e, d, b } from "../../index-BjtnAuPr.js";
+import "../ScreenreaderOnly/index.js";
+import { c, P, g, f, p, a, e, d, b } from "../../index-C69TqGKE.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   c as createScreenReaderText,

package/dist/components/ProductCard/index.js

@@ -9,7 +9,7 @@ import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { d as iconSizeLg } from "../../props-7dcsjRUx.js";
 import "../../styled-RnVr222F.js";
 import Link from "../Link/index.js";
-import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-BjtnAuPr.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-C69TqGKE.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";

package/dist/components/Rating/index.js

@@ -1,11 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
-import Legend from "../Legend/index.js";
 import styled from "styled-components";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { a as filterProps } from "../../filterProps-CTn92eZw.js";
-import { s as screenreaderOnly } from "../../index-B2VrT4fo.js";
+import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -17,10 +16,14 @@ import { c as colorBorderFocus, j as colorBorderSelected, a as colorBorderNeutra
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { d as colorObjectSelected } from "../../ObjectColor-0RAzLGI5.js";
 import { b as spacingXs } from "../../Spacing-BMQelJYr.js";
-const StarStyled = styled.svg.withConfig({
+import { L as LegendStyled } from "../../styled-CH1kr8ZR.js";
+const StarSvg = () => {
+  return /* @__PURE__ */ jsx(StarSvgStyled, { viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1 9.95223L9.26911 8.58599L12.8296 1L16.6847 8.44108L25 9.48408L19.1147 15.449L20.6911 23.6799L13.199 19.9252L5.85987 23.9682L7.11465 15.6831L1 9.95223Z", fill: "white", stroke: "#7E7E7E", strokeLinecap: "round", strokeLinejoin: "round" }) });
+};
+const StarSvgStyled = styled.svg.withConfig({
   shouldForwardProp: filterProps(),
-  displayName: "StarStyled",
-  componentId: "sc-joexcb-0"
+  displayName: "StarSvgStyled",
+  componentId: "sc-iheyat-0"
 })({
   display: "inline-block",
   width: "24px",
@@ -30,7 +33,6 @@ const StarStyled = styled.svg.withConfig({
     height: "30.624px"
   })
 });
-const Star = () => /* @__PURE__ */ jsx(StarStyled, { viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M1 9.95223L9.26911 8.58599L12.8296 1L16.6847 8.44108L25 9.48408L19.1147 15.449L20.6911 23.6799L13.199 19.9252L5.85987 23.9682L7.11465 15.6831L1 9.95223Z", fill: "white", stroke: "#7E7E7E", strokeLinecap: "round", strokeLinejoin: "round" }) });
 const RatingFieldsetStyled = styled.fieldset.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "RatingFieldsetStyled",
@@ -107,7 +109,6 @@ const Rating = ({
   groupName,
   uid,
   component: _component,
-  legend,
   ...props
 }) => {
   const [internalValue, setInternalValue] = useState(value ?? 0);
@@ -140,13 +141,13 @@ const Rating = ({
   };
   const ref = useRef(null);
   return /* @__PURE__ */ jsxs(RatingFieldsetStyled, { ...props, uid, ref, children: [
-    legend && /* @__PURE__ */ jsx(Legend, { ...legend }),
+    /* @__PURE__ */ jsx(LegendStyled, { ...props.legend }),
     /* @__PURE__ */ jsx(StarsWrapperStyled, { className, role: "radiogroup", children: [...Array(5)].map((_, index) => {
       const starValue = index + 1;
       const isInHoverRange = hoverValue !== null && starValue <= hoverValue;
       return /* @__PURE__ */ jsxs(StarLabelStyled, { selected: starValue <= internalValue, isInHoverRange, htmlFor: `${uid}-star-${starValue}`, onMouseEnter: () => handleMouseEnter(index), onMouseLeave: handleMouseLeave, "aria-label": `${starValue} von 5 Sternen`, children: [
         /* @__PURE__ */ jsx(HiddenRadioStyled, { type: "radio", id: `${uid}-star-${starValue}`, name: groupName || uid, value: starValue, checked: starValue === internalValue, onChange: handleChange, onClick: () => handleClick(starValue) }),
-        /* @__PURE__ */ jsx(Star, {})
+        /* @__PURE__ */ jsx(StarSvg, {})
       ] }, `star-${starValue}-${uid}`);
     }) })
   ] });

package/dist/components/RichText/index.js

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

package/dist/components/RichtTextContentful/index.js

@@ -5,7 +5,7 @@ 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-B5p4bosD.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-CTn92eZw.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/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-C9Nyap9H.js";
+import { T as TableWrapper } from "../../TableWrapper-BlScbDc6.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,6 @@
+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 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-C69TqGKE.js";
+import "../ScreenreaderOnly/index.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   T as default

package/dist/components/TextList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-7A9g1r9L.js";
+import { a, T } from "../../index-B5p4bosD.js";
 import "../../tags-38kBhOn6.js";
 import "../../Spacing-BMQelJYr.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/contentful/index.js

@@ -1,7 +1,7 @@
 "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";
@@ -19,4 +19,5 @@ import "../styled-BlHKbHF4.js";
 import "../styled-DOK4C5Ml.js";
 import "../styled-D8a-ap4J.js";
 import "../components/InlineLink/index.js";
+import "../TableHead-C9Nyap9H.js";
 import "../styled-DJWrbsIZ.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-DRp1r1ht.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-DRp1r1ht.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-DRp1r1ht.js";
 const Renderer = ({
   content,
   isDraftMode