@vodafone_de/brix-components 7.1.5 → 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-C69FNo1a.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/DiscoveryCardGroup/index.js

@@ -4,7 +4,7 @@ import styled from "styled-components";
 import DiscoveryCard, { discoveryCardOrientationVertical } from "../DiscoveryCard/index.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
-import { a as LinkStyled } from "../../index-C69FNo1a.js";
+import { a as LinkStyled } from "../../index-M27FMM9r.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
 const DiscoveryCardGroupGridStyled = styled(Grid).withConfig({

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";
@@ -13,13 +13,12 @@ const FootnoteLinkStyled = styled(InlineLink).withConfig({
   verticalAlign: "top",
   fontSize: "0.7em",
   fontWeight: getFontWeight("bold"),
-  paddingLeft: getSpacing(spacing2Xs),
-  paddingRight: getSpacing(spacing2Xs),
   textDecoration: "none",
   display: "inline-block",
   "& a": {
     textDecoration: "underline",
-    padding: 0,
+    paddingLeft: getSpacing(spacing2Xs),
+    paddingRight: getSpacing(spacing2Xs),
     verticalAlign: "baseline",
     fontSize: "inherit"
   }

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/Link/getLinkIcon.d.ts

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
-import { default as PositionedIconInterface } from '../../foundations/types/PositionedIconInterface';
-export declare const getLinkIcon: (icon: PositionedIconInterface) => ReactNode;
+import { LinkProps } from './props';
+export declare const getLinkIcon: (icon: LinkProps["icon"], iconPosition: LinkProps["iconPosition"]) => ReactNode;

package/dist/components/Link/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-C69FNo1a.js";
+import { L as LinkAsButton, p as primaryAppearance, a as LinkStyled, g as getLinkIcon } from "../../index-M27FMM9r.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
 import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -11,15 +11,16 @@ const isLinkAsButtonProp = (props) => {
 const Link = ({
   className,
   bottomSpacing,
+  appearance = primaryAppearance,
   ...props
 }) => {
   if (isLinkAsButtonProp(props)) {
-    return /* @__PURE__ */ jsx(LinkAsButton, { className, bottomSpacing, ...props, children: props.children });
+    return /* @__PURE__ */ jsx(LinkAsButton, { className, bottomSpacing, appearance, ...props, children: props.children });
   }
   const LinkComponent = useLinkComponent();
-  return /* @__PURE__ */ jsx(LinkStyled, { className, bottomSpacing, children: /* @__PURE__ */ jsxs(LinkComponent, { ...sanitizeLinkProps(filterPropsForUnstyledComponent(props)), children: [
+  return /* @__PURE__ */ jsx(LinkStyled, { className, bottomSpacing, appearance, children: /* @__PURE__ */ jsxs(LinkComponent, { ...sanitizeLinkProps(filterPropsForUnstyledComponent(props)), children: [
     renderInlineRichTextFromOpenText(props.children),
-    getLinkIcon(props.icon)
+    getLinkIcon(props.icon, props.iconPosition)
   ] }) });
 };
 export {

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

@@ -1,17 +1,29 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
 import { AnchorHTMLAttributes, ReactNode } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
-import { default as PositionedIconInterface } from '../../foundations/types/PositionedIconInterface';
-export interface LinkedSharedProps {
+import { primaryAppearance, secondaryAppearance } from '../../foundations/types/Appearance';
+import { leftPosition, rightPosition } from '../../foundations/types/PositionType';
+export type LinkAppearance = typeof primaryAppearance | typeof secondaryAppearance;
+export type LinkIconPosition = typeof leftPosition | typeof rightPosition;
+export interface LinkSharedProps {
     /**
-     * icon object contain name and position, object is optional and name and position is mandatory.
+     * Name of the icon to be used
      */
-    icon: PositionedIconInterface;
+    icon: IconName;
+    /**
+     * Position of the icon in relation to text
+     */
+    iconPosition: LinkIconPosition;
+    /**
+     * Different appearances for emphasis
+     */
+    appearance?: LinkAppearance;
     /**
      * Pin component's name from string to the concrete name
      */
     component?: 'Link' | 'LinkAsButton';
 }
-export interface LinkProps extends LinkedSharedProps, PatternProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+export interface LinkProps extends LinkSharedProps, PatternProps, AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Link has mandatory children
      */
@@ -21,8 +33,8 @@ export interface LinkProps extends LinkedSharedProps, PatternProps, AnchorHTMLAt
      */
     component?: 'Link';
     /**
-     * As long as href is given, this pattern is rendered as a link and
-     * if it is left out, then a button is rendered
+     * As long as href is given, this pattern is rendered as an <a> and
+     * if it is left out, then a <button> is rendered
      */
     href: string;
 }

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

@@ -1,4 +1,4 @@
 import { CSSObject } from 'styled-components';
-import { LinkProps } from './props';
-export declare const linkBaseCssObject: CSSObject;
-export declare const LinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<LinkProps, "bottomSpacing">>> & string;
+import { LinkProps, LinkSharedProps } from './props';
+export declare const getLinkStyles: (appearance: LinkSharedProps["appearance"]) => CSSObject;
+export declare const LinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<LinkProps, "appearance" | "bottomSpacing">>> & string;

package/dist/components/LinkAsButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { L } from "../../index-C69FNo1a.js";
+import { L } from "../../index-M27FMM9r.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   L as default

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

@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { LinkedSharedProps } from '../Link/props';
+import { LinkSharedProps } from '../Link/props';
 import { PatternProps } from '../../foundations/PatternProps';
-export interface LinkAsButtonProps extends LinkedSharedProps, PatternProps, ButtonHTMLAttributes<HTMLButtonElement> {
+export interface LinkAsButtonProps extends LinkSharedProps, PatternProps, ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Pin component's name from string to the concrete name
      */

package/dist/components/LinkList/index.js

@@ -5,7 +5,7 @@ import { u as ulTagName, l as liTagName } from "../../tags-38kBhOn6.js";
 import { s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import { L as LinkListStyled, b as LinkListLiStyled, l as linkListVariantRow } from "../../styled-BlHKbHF4.js";
 import { a } from "../../styled-BlHKbHF4.js";
-import { l as linkListItemVariantVertical, a as linkListItemVariantHorizontal } from "../../styled-BM1Yo9eD.js";
+import { l as linkListItemVariantVertical, a as linkListItemVariantHorizontal } from "../../styled-SllFJc7o.js";
 const LinkList = ({
   items,
   variant,

package/dist/components/LinkListItem/index.js

@@ -10,8 +10,8 @@ import { s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
 import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
-import { L as LinkListItemElevatedStyled, b as LinkListItemStyled, c as LinkListItemButtonStyled, d as LinkListItemAnchorStyled, e as LinkListItemContentWrapperStyled, a as linkListItemVariantHorizontal, f as LinkListItemContentStyled, g as LinkListItemLabelWrapperStyled, h as LinkListItemVerticalContentStyled, i as LinkListItemChevronStyled, j as LinkListLabelStyled, k as LinkListSuffixStyled } from "../../styled-BM1Yo9eD.js";
-import { l } from "../../styled-BM1Yo9eD.js";
+import { L as LinkListItemElevatedStyled, b as LinkListItemStyled, c as LinkListItemButtonStyled, d as LinkListItemAnchorStyled, e as LinkListItemContentWrapperStyled, a as linkListItemVariantHorizontal, f as LinkListItemContentStyled, g as LinkListItemLabelWrapperStyled, h as LinkListItemVerticalContentStyled, i as LinkListItemChevronStyled, j as LinkListLabelStyled, k as LinkListSuffixStyled } from "../../styled-SllFJc7o.js";
+import { l } from "../../styled-SllFJc7o.js";
 const isLinkListItemAsButtonProp = (props) => {
   return props.href === void 0;
 };

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;