@vodafone_de/brix-components 10.0.1 → 10.0.2

package/dist/components/Accordion/index.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import Collapsible from "../Collapsible/index.js";
-import { b as iconNames, I as IconLoader } from "../../index--RjkzZm0.js";
+import { b as iconNames, I as IconLoader } from "../../index-B3v10poy.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import { bf as ChevronDownIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
 import styled from "styled-components";

package/dist/components/Badge/index.js

@@ -4,7 +4,7 @@ import "../../index-BsykXBqC.js";
 import "../../IconSize-AJp7xdJi.js";
 import "../../SizeTypes-Ck_RdzIf.js";
 import "../../Spacing-8v6hcO2x.js";
-import { b, c, d, B, i, p, s, a, t, v } from "../../index-DwGcrvTh.js";
+import { b, c, d, B, i, p, s, a, t, v } from "../../index-sJClnrzW.js";
 export {
   b as BadgeAppearanceColor,
   c as badgeAppearances,

package/dist/components/Button/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { B as ButtonAsLink, g as getButtonIcon } from "../../validate-CLBUbscx.js";
-import { c, a, b, d, f, e } from "../../validate-CLBUbscx.js";
-import { B as ButtonStyled } from "../../styled-BKH3egch.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../validate-BxqNSkch.js";
+import { c, a, b, d, f, e } from "../../validate-BxqNSkch.js";
+import { B as ButtonStyled } from "../../styled-CepQAcdi.js";
 const isButtonAsLinkProp = (props) => {
   return props.href !== void 0;
 };

package/dist/components/ButtonAsLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { B, i, v } from "../../validate-CLBUbscx.js";
+import { B, i, v } from "../../validate-BxqNSkch.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../filterProps-CxkibNnG.js";
 import "../../sanitizeLinkProps-D2Kkovy1.js";

package/dist/components/ButtonGroup/index.js

@@ -6,7 +6,7 @@ import { b as flexJustifyStart, c as flexJustifyEnd, d as flexJustifyCenter, e a
 import FlexItem from "../FlexItem/index.js";
 import { b as spacingSm, s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import { u as useViewport } from "../../index-DKCzYjXw.js";
-import { e as validateButtonProps, v as validateButtonAsLinkProps } from "../../validate-CLBUbscx.js";
+import { e as validateButtonProps, v as validateButtonAsLinkProps } from "../../validate-BxqNSkch.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "../../isBottomSpacing-BxfreCZU.js";
 const flexJustifyBehaviours = [flexJustifyStart, flexJustifyEnd, flexJustifyCenter, flexJustifyBetween];

package/dist/components/ConsentMessage/index.js

@@ -3,9 +3,9 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import Body, { bodyAlignCenter } from "../Body/index.js";
 import Button from "../Button/index.js";
-import { a as buttonAutoWidth } from "../../validate-CLBUbscx.js";
+import { a as buttonAutoWidth } from "../../validate-BxqNSkch.js";
 import styled from "styled-components";
-import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-BKH3egch.js";
+import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-CepQAcdi.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";

package/dist/components/DiscoveryCard/index.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { e as BadgeStyled, i as isBadgeProps, B as Badge } from "../../index-DwGcrvTh.js";
+import { e as BadgeStyled, i as isBadgeProps, B as Badge } from "../../index-sJClnrzW.js";
 import Body, { isBodyProps, bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading, { isHeadingProps } from "../Heading/index.js";
 import Link, { isLinkProps } from "../Link/index.js";
 import { k as isPriceProps, b as priceSizeSm, P as Price, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-DCXRnuHz.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { s as spacingMd, c as spacingNone, a as spacingXs, b as spacingSm } from "../../Spacing-8v6hcO2x.js";
 import "../../index-C2E3JrhF.js";
 import "../../index-BsykXBqC.js";
-import "../../styled-BKH3egch.js";
-import { a as LinkStyled } from "../../index-Dd-A7i9Y.js";
+import "../../styled-CepQAcdi.js";
+import { a as LinkStyled } from "../../index-r-dbrZxA.js";
 import "../../hooks/useLinkComponent/index.js";
 import "html-react-parser";
 import "../InlineLink/index.js";
@@ -25,7 +25,6 @@ import Image, { aspectRatio16_9, aspectRatio1_1, isImageProps } from "../Image/i
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";
-import { a as cornerRounded } from "../../CornerStyle-JEbGNArR.js";
 import "../../index-DbG0QL9D.js";
 import "../../index-Bu-7sSif.js";
 import "../UtilityLink/index.js";
@@ -110,7 +109,7 @@ const DiscoveryCardLinkedImage = ({
   },
   orientation = discoveryCardOrientationVertical,
   bottomSpacing
-}) => /* @__PURE__ */ jsx(DiscoveryCardImageLinkStyled, { ...linkProps, tabIndex: -1, "aria-describedby": `headingId-${uid}`, orientation, bottomSpacing, children: /* @__PURE__ */ jsx(Image, { ...image, aspectRatio: orientation === discoveryCardOrientationVertical ? aspectRatio16_9 : aspectRatio1_1, corners: cornerRounded }) });
+}) => /* @__PURE__ */ jsx(DiscoveryCardImageLinkStyled, { ...linkProps, tabIndex: -1, "aria-describedby": `headingId-${uid}`, orientation, bottomSpacing, children: /* @__PURE__ */ jsx(Image, { ...image, aspectRatio: orientation === discoveryCardOrientationVertical ? aspectRatio16_9 : aspectRatio1_1, roundedCorners: true, bottomSpacing: spacingNone }) });
 const validateDiscoveryCardProps = (props) => {
   if (!isObject(props)) {
     return false;

package/dist/components/DiscoveryCardGroup/index.js

@@ -3,23 +3,23 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import DiscoveryCard, { discoveryCardOrientationVertical, validateDiscoveryCardProps, discoveryCardOrientationHorizontal } from "../DiscoveryCard/index.js";
 import { a as Grid, G as GridItem } from "../../index-Bu-7sSif.js";
-import { a as LinkStyled } from "../../index-Dd-A7i9Y.js";
+import { a as LinkStyled } from "../../index-r-dbrZxA.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import "react";
 import "../../index-C2E3JrhF.js";
 import "../../index-BsykXBqC.js";
-import "../../index-DwGcrvTh.js";
+import "../../index-sJClnrzW.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 import "../Body/index.js";
 import "../Heading/index.js";
-import "../../styled-BKH3egch.js";
+import "../../styled-CepQAcdi.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../index-DCXRnuHz.js";
 import "html-react-parser";
 import "../InlineLink/index.js";
 import "../../TableWrapper-Do9KCTGV.js";
-import "../../index-DP6Nlg-a.js";
+import "../../index-BXt1ptbH.js";
 import "../../index-DbG0QL9D.js";
 import "../UtilityLink/index.js";
 import "../../hooks/useImageComponent/index.js";

package/dist/components/FeatureCardGroup/components/FeatureCard/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FeatureCardProps } from './props';
+declare const FeatureCard: FC<FeatureCardProps>;
+export default FeatureCard;
+export * from './props';

package/dist/components/FeatureCardGroup/components/FeatureCard/props.d.ts

@@ -0,0 +1,55 @@
+import { HTMLAttributes } from 'react';
+import { BadgeProps } from '../../../Badge';
+import { HeadingProps } from '../../../Heading';
+import { ImageProps } from '../../../Image';
+import { LinkProps } from '../../../Link';
+import { PriceProps } from '../../../Price';
+import { RichTextProps } from '../../../RichText';
+import { ToggleButtonProps } from '../../../ToggleButton';
+import { PatternProps } from '../../../../foundations/PatternProps';
+export interface FeatureCardProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FeatureCard';
+    /**
+     * Unique feature id.
+     */
+    featureId: string;
+    /**
+     * Optional visual representation of the feature.
+     * Aspect ratio is controlled by the FeatureCard layout
+     * and therefore cannot be overridden.
+     */
+    image?: Omit<ImageProps, 'aspectRatio'>;
+    /**
+     * Primary heading of the card.
+     */
+    heading: Omit<HeadingProps, 'size' | 'weight' | 'bottomSpacing' | 'align'> & {
+        size?: HeadingProps['size'];
+        weight?: HeadingProps['weight'];
+    };
+    /**
+     * Optional badge shown near the heading.
+     */
+    badge?: BadgeProps;
+    /**
+     * Pricing information for the feature.
+     */
+    price: Omit<PriceProps, 'size' | 'orientation' | 'align' | 'bottomSpacing'> & {
+        size?: PriceProps['size'];
+    };
+    /**
+     * Optional descriptive content for the feature.
+     */
+    richText?: RichTextProps;
+    /**
+     * Optional URL of page that opens when the link in the card is clicked
+     */
+    link?: LinkProps;
+    /**
+     * Optional toggle control used to select or activate the feature.
+     * Typically part of a comparison or multi-select flow.
+     */
+    toggleButton?: ToggleButtonProps;
+}

package/dist/components/FeatureCardGroup/components/FeatureCard/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const FeatureCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../Card').CardProps, never>> & string & Omit<import('react').FC<import('../../../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const FeatureCardUpperContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const FeatureCardLowerContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const FeatureCardImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../Image').ImageProps, never>> & string & Omit<import('react').FC<import('../../../Image').ImageProps>, keyof import('react').Component<any, {}, any>>;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FeatureCardGroupProps } from './props';
+declare const FeatureCardGroup: FC<FeatureCardGroupProps>;
+export default FeatureCardGroup;
+export * from './props';

package/dist/components/FeatureCardGroup/index.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { a as Grid, G as GridItem } from "../../index-Bu-7sSif.js";
+import ToggleButtonProvider from "../ToggleButtonProvider/index.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
+import Heading, { headingAlignCenter } from "../Heading/index.js";
+import "react";
+import "../../index-DbG0QL9D.js";
+import "../../hooks/useLinkComponent/index.js";
+import "../UtilityLink/index.js";
+import "../../hooks/useImageComponent/index.js";
+import Image, { aspectRatio1_1 } from "../Image/index.js";
+import Link from "../Link/index.js";
+import { d as priceSizeMd, P as Price, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-DCXRnuHz.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
+import ToggleButton from "../ToggleButton/index.js";
+import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
+import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
+import { s as spacingMd, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
+import styled from "styled-components";
+import Card from "../Card/index.js";
+import { getSpacing } from "../../foundations/token/getSpacing/index.js";
+const FeatureCardStyled = styled(Card).withConfig({
+  displayName: "FeatureCardStyled",
+  componentId: "sc-1dad94e-0"
+})({
+  gap: getSpacing(spacingMd),
+  alignItems: "center",
+  justifyContent: "space-between"
+});
+const contentCssObject = {
+  gap: getSpacing(spacingMd),
+  alignItems: "center",
+  display: "flex",
+  flexDirection: "column",
+  width: "100%"
+};
+const FeatureCardUpperContentStyled = styled("div").withConfig({
+  displayName: "FeatureCardUpperContentStyled",
+  componentId: "sc-1dad94e-1"
+})({
+  ...contentCssObject
+});
+const FeatureCardLowerContentStyled = styled("div").withConfig({
+  displayName: "FeatureCardLowerContentStyled",
+  componentId: "sc-1dad94e-2"
+})(contentCssObject);
+const FeatureCardImageStyled = styled(Image).withConfig({
+  displayName: "FeatureCardImageStyled",
+  componentId: "sc-1dad94e-3"
+})({
+  height: "200px"
+});
+const FeatureCard = ({
+  featureId,
+  image,
+  heading,
+  badge,
+  price,
+  richText,
+  link,
+  toggleButton,
+  ...props
+}) => {
+  const headingId = `heading-${featureId == null ? void 0 : featureId.replace(/\s/g, "")}`;
+  const headingProps = {
+    ...heading,
+    id: headingId,
+    size: heading.size || textHeadingMd,
+    weight: heading.weight || fontWeightBold,
+    bottomSpacing: spacingNone,
+    align: headingAlignCenter
+  };
+  const priceProps = {
+    ...price,
+    orientation: priceOrientationVertical,
+    align: priceAlignCenter,
+    size: price.size || priceSizeMd,
+    bottomSpacing: spacingNone
+  };
+  return /* @__PURE__ */ jsxs(FeatureCardStyled, { ...props, children: [
+    /* @__PURE__ */ jsxs(FeatureCardUpperContentStyled, { children: [
+      image && /* @__PURE__ */ jsx(FeatureCardImageStyled, { ...image, aspectRatio: aspectRatio1_1 }),
+      /* @__PURE__ */ jsx(Heading, { ...headingProps }),
+      badge && /* @__PURE__ */ jsx(Badge, { ...badge, bottomSpacing: spacingNone })
+    ] }),
+    /* @__PURE__ */ jsxs(FeatureCardLowerContentStyled, { children: [
+      price && /* @__PURE__ */ jsx(Price, { ...priceProps }),
+      richText && /* @__PURE__ */ jsx(RichText, { ...richText, bottomSpacing: spacingNone }),
+      link && /* @__PURE__ */ jsx(Link, { ...link, bottomSpacing: spacingNone, "aria-describedby": headingId }),
+      toggleButton && /* @__PURE__ */ jsx(ToggleButton, { ...toggleButton })
+    ] })
+  ] });
+};
+const FeatureCardGroupStyled = styled(Grid).withConfig({
+  displayName: "FeatureCardGroupStyled",
+  componentId: "sc-12niz1k-0"
+})(({
+  gapSpacing = spacingMd
+}) => ({
+  gap: getSpacing(gapSpacing)
+}));
+const FeatureCardGroup = ({
+  featureCardList,
+  toggleButtonProvider,
+  gridConfig = {
+    sm: 12,
+    md: 6,
+    lg: 4
+  },
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(ToggleButtonProvider, { ...toggleButtonProvider, children: /* @__PURE__ */ jsx(FeatureCardGroupStyled, { ...props, autoLayout: gridConfig, stretch: true, component: "Grid", children: featureCardList.map((featureCard) => {
+    return /* @__PURE__ */ jsx(GridItem, { ...gridConfig, children: /* @__PURE__ */ jsx(FeatureCard, { ...featureCard }) }, featureCard.featureId);
+  }) }) });
+};
+export {
+  FeatureCardGroup as default
+};

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

@@ -0,0 +1,31 @@
+import { HTMLAttributes } from 'react';
+import { GridConfig } from '../Grid';
+import { ToggleButtonProviderProps } from '../ToggleButtonProvider';
+import { PatternProps } from '../../foundations/PatternProps';
+import { Spacing } from '../../foundations/types/Spacing';
+import { FeatureCardProps } from './components/FeatureCard/props';
+export interface FeatureCardGroupProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FeatureCardGroup';
+    /**
+     * Config of grid to align Feature Cards
+     */
+    gridConfig?: GridConfig;
+    /**
+     * Spacing between Feature Cards.
+     */
+    gapSpacing?: Spacing;
+    /**
+     * List of feature cards to be rendered in the group.
+     * Order matters and defines the visual/layout order.
+     */
+    featureCardList: FeatureCardProps[];
+    /**
+     * Shared toggle state provider for all cards in the group.
+     * Ensures toggle buttons behave consistently
+     * (e.g. single-select vs multi-select).
+     */
+    toggleButtonProvider: ToggleButtonProviderProps;
+}

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

@@ -0,0 +1,2 @@
+import { FeatureCardGroupProps } from './props';
+export declare const FeatureCardGroupStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Grid').GridProps, Pick<FeatureCardGroupProps, "gapSpacing">>> & string & Omit<import('react').FC<import('../Grid').GridProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/FilterGroup/index.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import Fieldset from "../Fieldset/index.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { s as screenreaderOnly } from "../../index-C2E3JrhF.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";

package/dist/components/Form/index.js

@@ -4,7 +4,7 @@ import Body from "../Body/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet from "../IconSnippet/index.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/FormHelperStatusIcon/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { c as colorIconSuccess, a as colorIconCritical } from "../../IconColor-CtC9WUgr.js";

package/dist/components/Icon/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import HifiIcon from "../HifiIcon/index.js";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 const isIconProp = (props) => {
   return props.icon !== void 0;
 };

package/dist/components/IconButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
 import { s as shadow28 } from "../../shadow-u158mzuN.js";
@@ -12,7 +12,7 @@ import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { b as borderRadiusMd, a as borderRadiusFull } from "../../BorderRadius-2LdggXbQ.js";
 import { c as borderWidthSelected } from "../../BorderWidth-BjXpOdM5.js";
-import { b as buttonHeight, p as primaryAppearance } from "../../styled-BKH3egch.js";
+import { b as buttonHeight, p as primaryAppearance } from "../../styled-CepQAcdi.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";

package/dist/components/IconLoader/index.js

@@ -1,6 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { I, i, a, v } from "../../index--RjkzZm0.js";
+import { I, i, a, v } from "../../index-B3v10poy.js";
+import "../../foundations/token/getBottomSpacing/index.js";
 export {
   I as default,
   i as iconSizes,

package/dist/components/IconSnippet/index.js

@@ -4,12 +4,12 @@ import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { d as divTagName, c as spanTagName } from "../../tags-Cwgg3Gx2.js";
 import { a as iconSizeLg, f as iconSize3xl, i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { b as spacingSm, s as spacingMd, c as spacingNone, a as spacingXs } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";

package/dist/components/ImageHeader/index.js

@@ -5,13 +5,13 @@ import Button from "../Button/index.js";
 import { C as Container } from "../../index-DbG0QL9D.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
 import { P as Price, b as priceSizeSm } from "../../index-DCXRnuHz.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { b as fontWeightLight } from "../../FontWeight-DEBGHbtO.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { s as spacingMd, b as spacingSm, e as spacingXl, a as spacingXs, f as spacing2Xs, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
 import ArtDirectedImage from "../ArtDirectedImage/index.js";
-import { B as Badge } from "../../index-DwGcrvTh.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import { a as flexOrientationVertical } from "../../styled-BY19C9EO.js";
 import { a as Grid, G as GridItem } from "../../index-Bu-7sSif.js";

package/dist/components/Legend/index.js

@@ -3,7 +3,7 @@ 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-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import styled from "styled-components";
 const LegendStyled = styled.legend.withConfig({
   displayName: "LegendStyled",

package/dist/components/Link/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, p as primaryAppearance, a as LinkStyled, g as getLinkIcon } from "../../index-Dd-A7i9Y.js";
+import { L as LinkAsButton, p as primaryAppearance, a as LinkStyled, g as getLinkIcon } from "../../index-r-dbrZxA.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
 import { f as filterPropsForUnstyledComponent } from "../../filterProps-CxkibNnG.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
-import { b as iconNames } from "../../index--RjkzZm0.js";
-import { l as leftPosition, r as rightPosition } from "../../styled-BKH3egch.js";
+import { b as iconNames } from "../../index-B3v10poy.js";
+import { l as leftPosition, r as rightPosition } from "../../styled-CepQAcdi.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 const validateLinkProps = (props) => {
   if (!isObject(props)) {

package/dist/components/LinkAsButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { L, i, v } from "../../index-Dd-A7i9Y.js";
+import { L, i, v } from "../../index-r-dbrZxA.js";
 export {
   L as default,
   i as isLinkAsButtonProps,

package/dist/components/LinkListItem/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { B as Badge } from "../../index-DwGcrvTh.js";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { c as spanTagName } from "../../tags-Cwgg3Gx2.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";

package/dist/components/MediaText/index.js

@@ -6,7 +6,7 @@ import "../FlexItem/index.js";
 import "../Heading/index.js";
 import "../Image/index.js";
 import "../Link/index.js";
-import "../../index-DP6Nlg-a.js";
+import "../../index-BXt1ptbH.js";
 import "../RichtTextContentful/index.js";
 import "../YoutubeVideo/index.js";
 import "../../tags-Cwgg3Gx2.js";
@@ -14,7 +14,7 @@ import "../../FontWeight-DEBGHbtO.js";
 import "../../HeadingSize-CfCRn3Lh.js";
 import "../../Spacing-8v6hcO2x.js";
 import "../../index-DKCzYjXw.js";
-import { M, i, a, b, m, c, v } from "../../index-IA76oabp.js";
+import { M, i, a, b, m, c, v } from "../../index-CflWbzuv.js";
 import "../../styled-BY19C9EO.js";
 export {
   M as default,

package/dist/components/Notification/index.js

@@ -5,9 +5,9 @@ import Button from "../Button/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";

package/dist/components/OpenTextFootnoteAdapter/index.js

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

package/dist/components/PickerGroup/index.js

@@ -5,11 +5,11 @@ import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { f as spacing2Xs, s as spacingMd, b as spacingSm, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import { useState, useEffect } from "react";
 import { G as GridItem, a as Grid } from "../../index-Bu-7sSif.js";
-import { B as Badge } from "../../index-DwGcrvTh.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
 import ColorSwatch from "../ColorSwatch/index.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { s as screenreaderOnly } from "../../index-C2E3JrhF.js";

package/dist/components/ProductCard/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-import { B as Badge } from "../../index-DwGcrvTh.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
@@ -11,7 +11,7 @@ import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { a as iconSizeLg } from "../../IconSize-AJp7xdJi.js";
 import { s as spacingMd, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import EnergySnippet from "../EnergySnippet/index.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import Flex from "../Flex/index.js";
@@ -96,7 +96,7 @@ const ProductCard = ({
     image && /* @__PURE__ */ jsx(ProductCardImageStyled, { ...image, link: {
       href: link.href,
       tabIndex: -1
-    }, aspectRatio: aspectRatio1_1, height: 200 }),
+    }, aspectRatio: aspectRatio1_1, height: 200, bottomSpacing: spacingNone }),
     icon && /* @__PURE__ */ jsx(ProductCardIconStyled, { ...icon, size: iconSizeLg }),
     /* @__PURE__ */ jsx(Heading, { ...headingProps }),
     colorSwatchGroup && /* @__PURE__ */ jsx(ColorSwatchGroup, { ...colorSwatchGroup, bottomSpacing: spacingNone }),

package/dist/components/RichText/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "react";
-import { R } from "../../index-DP6Nlg-a.js";
+import { R } from "../../index-BXt1ptbH.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-DP6Nlg-a.js";
+import { a as TextListItem, T as TextList } from "../../index-BXt1ptbH.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";

package/dist/components/SearchInput/index.js

@@ -3,7 +3,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
-import { p as primaryAppearance } from "../../styled-BKH3egch.js";
+import { p as primaryAppearance } from "../../styled-CepQAcdi.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { s as spacingMd, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import { bn as CloseIcon } from "../../_5gPlusIcon-CnxmOo1u.js";

package/dist/components/SuggestInput/index.js

@@ -5,7 +5,7 @@ import FlexItem from "../FlexItem/index.js";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { I as InputWrapperStyled, a as InputStyled } from "../../styled-DmMk0W0J.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";

package/dist/components/Switch/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { b as iconSize2xs } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
 import Label from "../Label/index.js";

package/dist/components/TabGroup/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { i as iconSizeSm, a as iconSizeLg } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
 import Flex from "../Flex/index.js";

package/dist/components/TextList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-DP6Nlg-a.js";
+import { a, T } from "../../index-BXt1ptbH.js";
 import "../../tags-Cwgg3Gx2.js";
 import "../../Spacing-8v6hcO2x.js";
 export {

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-DWVykPoW.js";
+import { L } from "../../mapContentToComponents-D215P4kM.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-DWVykPoW.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-D215P4kM.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-DWVykPoW.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-D215P4kM.js";
 const Renderer = ({
   content,
   isDraftMode

package/dist/{index--RjkzZm0.js → index-B3v10poy.js}

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { ii as _5gPlusIcon, ih as _5GIcon, ig as _4gPlusplusIcon, ie as _4gPlusIcon, id as _4GIcon, ic as _3GIcon, ib as _360ViewIcon, ia as _2gIcon, i9 as _1stMonthFreeIcon, i8 as ZoomOutIcon, i7 as ZoomInIcon, i6 as WizardIcon, i5 as WithdrawCashIcon, i4 as WifiGoodIcon, i3 as WifiAlwaysOnIcon, i2 as WeightIcon, i1 as WebsiteIcon, i0 as WebProtectionIcon, h$ as WaterproofIcon, h_ as WatchIcon, hZ as WarningIcon, hY as VoicemailIcon, hX as VodafoneTvIcon, hW as VodafoneTogetherIcon, hV as VodafoneStoreIcon, hU as VocSensorIcon, hT as VirusProtectionIcon, hS as VirtuosoIcon, hR as VideoIcon, hQ as VideoFrameIcon, hP as VfHappyIcon, hO as VfHappyHelpfulIcon, hN as VSimAndDeviceIcon, hM as VRHeadsetIcon, hL as VPetIcon, hK as VKidsIcon, hJ as VCarIcon, hI as VCarDongleIcon, hH as UsersIcon, hG as UserScanIcon, hF as UserLogInIcon, hE as UsbModemIcon, hD as UploadIcon, hC as UpgradeMobilesIcon, hB as UpgradeIcon, hA as UpcomingIcon, hz as UnlockedRewardsIcon, hy as UnlimitedMobileIcon, hx as UnlimitedIcon, hw as UnifiedCommunicationsIcon, hv as UnderlinedIcon, hu as Under28Icon, ht as TvVodIcon, hs as TvUhdIcon, hr as TvTvIcon, hq as TvTimeFlexibleIcon, hp as TvRemoteIcon, ho as TvPrimetimeIcon, hn as TvKidsIcon, hm as TvIcon, hl as TvHdIcon, hk as TvEverywhereIcon, hj as TvEverywhereHomeIcon, hi as TvEpgIcon, hh as TvEntertainmentIcon, hg as TvDiscoveryIcon, hf as TvChannelVarietyIcon, he as TvBluetoothAndRemoteIcon, hd as TvAnytimeIcon, hc as TrophyIcon, hb as TreeIcon, ha as TranslateIcon, h9 as TransferProjectIcon, h8 as TrainersIcon, h7 as TradeInIcon, h6 as TrackisafeIcon, h5 as TouchScreenIcon, h4 as TopicsIcon, h3 as TopUpIcon, h2 as ToggleSimpleIcon, h1 as ToggleIcon, h0 as TobiIcon, g$ as ToDoListIcon, g_ as TicketsIcon, gZ as TickOutlineIcon, gY as TickIcon, gX as TickCircleIcon, gW as ThickTickIcon, gV as TheftIcon, gU as TetheringIcon, gT as TemperatureIcon, gS as TechnicIcon, gR as TalkIcon, gQ as TabletMobileIcon, gP as TabletIcon, gO as SyncIcon, gN as SwitchCameraIcon, gM as SwitchCallIcon, gL as SuperwifiIcon, gK as SuperstarIcon, gJ as StudentIcon, gI as StrikeThroughIcon, gH as StoreOfferIcon, gG as StopIcon, gF as StopCircleIcon, gE as SteeringWheelIcon, gD as SplitBillingIcon, gC as SpellCheckIcon, gB as SpeedingIcon, gA as SoundOffIcon, gz as SoundIcon, gy as SoundActiveIcon, gx as SosIcon, gw as SosEmergencyIcon, gv as SosCreditIcon, gu as SortIcon, gt as SohoIcon, gs as SocialYoutubeIcon, gr as SocialTwitterIcon, gq as SocialPinterestIcon, gp as SocialPaypalIcon, go as SocialLinkedinIcon, gn as SocialInstaIcon, gm as SocialFacebookIcon, gl as SnowIcon, gk as SmsTextIcon, gj as SmsIcon, gi as SmeIcon, gh as SmartPlugIcon, gg as SmartKeyboardIcon, gf as SmartHomeIcon, ge as SmartCameraIcon, gd as SmallAndLightweightIcon, gc as SinglePalletIcon, gb as SimSwapIcon, ga as SimIcon, g9 as SignedInIcon, g8 as SignLanguageIcon, g7 as ShowPasswordIcon, g6 as ShoppingTrolleyIcon, g5 as ShoppingCheckoutIcon, g4 as ShareYourMinsIcon, g3 as ShareIcon, g2 as ShakeIcon, g1 as SetupIcon, g0 as SettingsIcon, f$ as SeniorIcon, f_ as SendTobiIcon, fZ as SecurityCameraIcon, fY as SecurityAssessmentIcon, fX as SecureGripIcon, fW as SearchIcon, fV as SearchDeviceIcon, fU as ScreenSizeIcon, fT as ScreenRepairIcon, fS as ScanCreditCardIcon, fR as SavingsIcon, fQ as SaveTemporarilyIcon, fP as SaveIcon, fO as SatisfactionGuaranteeIcon, fN as SafeZoneIcon, fM as RulerIcon, fL as RoutinesIcon, fK as RouterIcon, fJ as RocketIcon, fI as RobotIcon, fH as RoamingIcon, fG as RewardsIcon, fF as ReturnProductIcon, fE as RetakePhotoIcon, fD as ResearchIcon, fC as ReplyIcon, fB as RenewableEnergyIcon, fA as RemainingTimeIcon, fz as RefreshIcon, fy as RecordTvIcon, fx as RearrangeIcon, fw as RankScoutIcon, fv as RankProfessorIcon, fu as RafflesIcon, ft as QrCodeIcon, fs as PuzzleIcon, fr as PublicWifiIcon, fq as PublicSectorIcon, fp as ProximitySensorIcon, fo as ProfileIcon, fn as ProIcon, fm as PrivacyIcon, fl as PrintIcon, fk as PriceTagIcon, fj as PricePromiseIcon, fi as PrepareIcon, fh as PrepaidIcon, fg as PowerIcon, ff as PortalsForVideosIcon, fe as PopOutIcon, fd as PopInIcon, fc as PlusIcon, fb as PlayCircleIcon, fa as PlayArrowIcon, f9 as PlaceholderIcon, f8 as PingIcon, f7 as PinIcon, f6 as PieChartIcon, f5 as PhotosIcon, f4 as PetrolStationIcon, f3 as PetCollarIcon, f2 as PaymentIcon, f1 as PaymentCvvIcon, f0 as PaygIcon, e$ as PauseIcon, e_ as PauseCircleIcon, eZ as PatrolStationIcon, eY as PasswordKeyIcon, eX as ParkingTicketIcon, eW as ParentalControlIcon, eV as PadlockOpenIcon, eU as PadlockCloseIcon, eT as OutgoingCallIcon, eS as OnlineIcon, eR as OnlineFormIcon, eQ as OneNumberIcon, eP as OfferBadgePrecentIcon, eO as OfferBadgeIcon, eN as NumberedViewIcon, eM as Number9Icon, eL as Number8Icon, eK as Number7Icon, eJ as Number6Icon, eI as Number5Icon, eH as Number4Icon, eG as Number3Icon, eF as Number2Icon, eE as Number1Icon, eD as Number0Icon, eC as NotificationTickThickIcon, eB as NotificationTickIcon, eA as NotificationMuteIcon, ez as NotificationInfoIcon, ey as NotificationIcon, ex as NoWifiIcon, ew as NightVisionIcon, ev as NfcIcon, eu as NewsIcon, et as NewIcon, es as NetworkerIcon, er as NetworkTowerIcon, eq as NetworkPatchPanelIcon, ep as NeedHelpIcon, eo as MyTripsIcon, en as MuteIcon, em as MusicAndMoviesIcon, el as MultiscreenIcon, ek as MultiroomIcon, ej as MultimediaPortIcon, ei as MoveMoneyIcon, eh as MouseIcon, eg as MountainIcon, ef as MotionSensorIcon, ee as MotionIcon, ed as MotionAlertIcon, ec as MoreIcon, eb as MoreAndroidIcon, ea as MonitorBrightnessIcon, e9 as MobilesIcon, e8 as MobileTradeInIcon, e7 as MobileInfoIcon, e6 as MobileIcon, e5 as MinutesSmsIcon, e4 as MinusIcon, e3 as MinusCircleIcon, e2 as MinimizeImageIcon, e1 as MicrophoneIcon, e0 as MeshWifiAndRepeaterIcon, d$ as MergeCallIcon, d_ as MenuIcon, dZ as MediaIcon, dY as MaximizeImageIcon, dX as MasterIcon, dW as MapIcon, dV as MapGpsIcon, dU as MakePaymentIcon, dT as MailReadIcon, dS as MailIcon, dR as MailFormsIcon, dQ as LogOutIcon, dP as LogInIcon, dO as LocationPinIcon, dN as LocationIcon, dM as LocationAlertIcon, dL as LocateMeIcon, dK as LoanIcon, dJ as ListViewIcon, dI as LinkInsterEditIcon, dH as LikeIcon, dG as LayersIcon, dF as LateralMovementIcon, dE as LaptopIcon, dD as LandlineInternetIcon, dC as LandlineIcon, dB as LabIcon, dA as KippyLightIcon, dz as KippyDeviceIcon, dy as KidsWatchIcon, dx as ItalicIcon, dw as IrisScannerIcon, dv as IotIcon, du as InventoryMonitoringIcon, dt as InternetMovingServiceIcon, ds as InternationalIcon, dr as InterchangeableBatteriesIcon, dq as IntelligenceScanIcon, dp as IntegratedSimIcon, dn as InsuranceIcon, dm as InsertCodeIcon, dl as InfraredSensorIcon, dk as InfoCircleIcon, dj as IndustryIcon, di as IncomingCallIcon, dh as ImpactAlertIcon, dg as IdeaIcon, df as HumidityIcon, de as HomeMonitorIcon, dd as HomeIcon, dc as HomeGardenIcon, db as HomeAlarmIcon, da as HidePasswordIcon, d9 as HelpFaqIcon, d8 as HelpCircleIcon, d7 as HelpAnswerIcon, d6 as HeartIcon, d5 as HappySmileyIcon, d4 as GyroscopeIcon, d3 as GuruIcon, d2 as GuestWifiIcon, d1 as GridIcon, d0 as GravityIcon, c$ as GpsCoverageIcon, c_ as GigacubeIcon, cZ as GigaTvBIcon, cY as GigaTvAIcon, cX as GigaKombiIcon, cW as GigaDepotIcon, cV as GeniusIcon, cU as GenericDeviceIotIcon, cT as GameConsoleIcon, cS as FoxIcon, cR as ForwardIcon, cQ as FolderIcon, cP as FocusIcon, cO as FitnessTrackerIcon, cN as FitnessHealthIcon, cM as FirmwareUpdateIcon, cL as FindMyCarIcon, cK as FindAndRingMyDeviceIcon, cJ as FilterIcon, cI as FeatherIcon, cH as FavoriteIcon, cG as FashionIcon, cF as FamilyIcon, cE as FallDetectionIcon, cD as FailedIcon, cC as FaceRecognitionIcon, cB as ExtenderIcon, cA as ExtendContractIcon, cz as EuroCurrencyIcon, cy as EthernetIcon, cx as EssentialsBroadbandIcon, cw as EsimLogoIcon, cv as ErrorIcon, cu as ErrorCircleIcon, ct as EnvironmentIcon, cs as EntertainmentIcon, cr as EnterpriseIcon, cq as EngineerIcon, cp as EndCallIcon, co as EditIcon, cn as EasyUsageIcon, cm as ESimIcon, cl as DwdmIcon, ck as DslIcon, cj as DroneIcon, ci as DrinksIcon, ch as DownloadIcon, cg as DoubleStackedPalletIcon, cf as DoorbellCameraIcon, ce as DocumentZipIcon, cd as DocumentXlsIcon, cc as DocumentRtfIcon, cb as DocumentPptIcon, ca as DocumentPngIcon, c9 as DocumentPdfIcon, c8 as DocumentJpgIcon, c7 as DocumentIcon, c6 as DocumentDocIcon, c5 as DislikeIcon, c4 as DishIcon, c3 as DisconnectIcon, c2 as DialPadIcon, c1 as DiagnosticsIcon, c0 as DeviceThicknessIcon, b$ as DeviceOverviewIcon, b_ as DeviceGuideIcon, bZ as DeviceDiagnosticsIcon, bY as DesignSprintIcon, bX as DeliveryIcon, bW as DeleteIcon, bV as DealsIcon, bU as DataMobileIcon, bT as DataIcon, bS as DashboardIcon, bR as DarkModeIcon, bQ as CpuIcon, bP as CopyIcon, bO as ConvertCurrencyIcon, bN as ConvergedPropositionIcon, bM as ControlPanelIcon, bL as ContactsIcon, bK as ContactlessPaymentIcon, bJ as ConsultantIcon, bI as ConnectivityIcon, bH as ConnectedIcon, bG as ConnectedDevicesIcon, bF as ConnectedCarIcon, bE as ConfidentialIcon, bD as CompletedIcon, bC as ComplaintsIcon, bB as CompassIcon, bA as CommunityIcon, bz as CommentsIcon, by as CommentIcon, bx as CommentClosedProjectIcon, bw as ColumnsIcon, bv as ColourPaletteIcon, bu as CoffeeIcon, bt as CoaxialcableIcon, bs as Co2SensorIcon, br as ClusterOfEventsIcon, bq as CloudUploadIcon, bp as CloudDownloadIcon, bo as CloseProjectWithCommentIcon, bn as CloseIcon, bm as ClockIcon, bl as ClappingIcon, bk as ChromecastIcon, bj as ChildTrackerIcon, bi as ChevronUpIcon, bh as ChevronRightIcon, bg as ChevronLeftIcon, bf as ChevronDownIcon, be as CherriesPointsIcon, bd as CheckContractIcon, bc as ChatIcon, bb as ChartLineIcon, ba as ChartBarIcon, b9 as CharityGivingIcon, b8 as ChargeToBillIcon, b7 as ChangeContractIcon, b6 as CelebrateIcon, b5 as CaseStudyIcon, b4 as CarerIcon, b3 as CarKeyIcon, b2 as CancelIcon, b1 as CancelContractIcon, b0 as CameraInactiveIcon, a$ as CameraIcon, a_ as CallLogIcon, aZ as CallIcon, aY as CallBackIcon, aX as CallBackFailedIcon, aW as CalendarMonthIcon, aV as CalendarItemIcon, aU as CalendarIcon, aT as Calendar3Icon, aS as Calendar30Icon, aR as Calendar14Icon, aQ as Calendar12Icon, aP as CalculatorIcon, aO as CableFibreIcon, aN as CableErrorIcon, aM as BusinessPhoneFixedLineIcon, aL as BusinessIcon, aK as BundlesIcon, aJ as BulletListIcon, aI as BroadbandUpgradeIcon, aH as BroadbandIcon, aG as BriefcaseIcon, aF as BrakingIcon, aE as BraceletRemoveIcon, aD as BraceletPutOnIcon, aC as BraceletOnIcon, aB as BraceletOffIcon, aA as BraceletNotFoundIcon, az as BraceletGenericIcon, ay as BraceletDisabledIcon, ax as BraceletActiveIcon, aw as BoxIcon, av as BoostingPauseIcon, au as BoostingIcon, at as BookmarkIcon, as as BookIcon, ar as BoltIcon, aq as BoldIcon, ap as BluetoothIcon, ao as BlogIcon, an as BlockIcon, am as BirthdayGreetingIcon, al as BiometricAuthenticationIcon, ak as BillPayPhoneIcon, aj as BillIcon, ai as BikeIcon, ah as BatteryReallyLowIcon, ag as BatteryOnChargeIcon, af as BatteryLowIcon, ae as BatteryIcon, ad as BatteryEmptyIcon, ac as BarcodeIcon, ab as BagIcon, aa as BadSmileyIcon, a9 as BackspaceIcon, a8 as AutoTopupIcon, a7 as AttachmentIcon, a6 as ArrowUpIcon, a5 as ArrowRightIcon, a4 as ArrowLeftIcon, a3 as ArrowDownIcon, a2 as ArIcon, a1 as AppsIcon, a0 as AppVodIcon, $ as AppVideostoreIcon, _ as AppUhdIcon, Z as AppTvIcon, Y as AppTvForYouIcon, X as AppSwipeToTvIcon, W as AppSideloadIcon, V as AppRestartIcon, U as AppMultiscreenIcon, T as AppMobileEntertainmentIcon, S as AppMediathekenIcon, R as AppKidsIcon, Q as AppHdIcon, P as AppEpgIcon, O as AppEpgBackwardsIcon, N as AppDiscoveryIcon, M as AppCloudDvrIcon, L as AppChannelVarietyIcon, K as AppChannelManagementIcon, J as AppAnytimeIcon, I as AntiShockIcon, H as AndroidIcon, G as AmbulanceIcon, F as AllRewardsIcon, E as AlexaIcon, D as AlarmIcon, C as AlarmAssistantLeakageIcon, B as AlarmAssistantIcon, z as AlarmAssistantFireIcon, y as AgbIcon, x as AdultIcon, w as AdminIcon, v as AddSimIcon, u as AddPlusIcon, t as AddOnsIcon, s as AddFriendIcon, r as AddDocumentIcon, q as AddBusinessUserIcon, p as ActivityIcon, o as AceIcon, n as AccountsReuniteIcon, m as AccountabilityIcon, l as AccessoriesIcon, k as AccessibilityIcon, j as AccelerometerdleMidIcon, i as AccelerometerMiddleIcon, h as AccelerometerLowIcon, g as AccelerometerIcon, f as AccelerometerHighIcon, e as AccelerationMiddleIcon, d as AccelerationLowIcon, c as AccelerationHighIcon, b as AbruptCorneringIcon, a as Above28Icon, A as AbTestIcon } from "./_5gPlusIcon-CnxmOo1u.js";
 import { I as InlineIcon, N as NotificationErrorIcon } from "./NotificationErrorIcon-DMnAJgPN.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { b as iconSize2xs, n as iconSizeXs, i as iconSizeSm, c as iconSizeMd, a as iconSizeLg, d as iconSizeXl, e as iconSize2xl, f as iconSize3xl, g as iconSize4xl, h as iconSize5xl } from "./IconSize-AJp7xdJi.js";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "./isBottomSpacing-BxfreCZU.js";
@@ -1266,12 +1267,16 @@ const IconLoader = ({
   className,
   component: _component,
   iconPosition: _iconPosition,
-  bottomSpacing: _bottomSpacing,
+  bottomSpacing,
   ...props
 }) => {
   const MappedIcon = mapNameToInlineIcons[name];
   if (!MappedIcon) return null;
-  return /* @__PURE__ */ jsx(MappedIcon, { ...props, className });
+  return /* @__PURE__ */ jsx(MappedIcon, { ...props, className, style: {
+    ...getBottomSpacing({
+      bottomSpacing
+    })
+  } });
 };
 export {
   IconLoader as I,

package/dist/{index-DP6Nlg-a.js → index-BXt1ptbH.js}

@@ -28,19 +28,20 @@ const mapSizeToTag = {
 const getOptions = (paragraphSpacing, additionalProps = {}) => {
   let uid = 0;
   const options = {
-    replace(domNode) {
+    replace(domNode, index) {
       if (domNode instanceof Element) {
+        const key = `rt-${domNode.name}-${index}`;
         if (headingHtmlTags.includes(domNode.name)) {
-          return /* @__PURE__ */ jsx(Heading, { ...additionalProps.heading, size: mapSizeToTag[domNode.name], bottomSpacing: paragraphSpacing, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(Heading, { ...additionalProps.heading, size: mapSizeToTag[domNode.name], bottomSpacing: paragraphSpacing, children: domToReact(domNode.children, options) }, key);
         }
         if ("li" === domNode.name) {
-          return /* @__PURE__ */ jsx(TextListItem, { ...additionalProps.li, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(TextListItem, { ...additionalProps.li, children: domToReact(domNode.children, options) }, key);
         }
         if ("ol" === domNode.name) {
-          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ol, tag: olTagName, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ol, tag: olTagName, children: domToReact(domNode.children, options) }, key);
         }
         if ("ul" === domNode.name) {
-          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: domToReact(domNode.children, options) }, key);
         }
         if (domNode.name === "table") {
           const thead = domNode.children.find((child) => child instanceof Element && child.name === "thead");
@@ -109,24 +110,24 @@ const getOptions = (paragraphSpacing, additionalProps = {}) => {
             /* @__PURE__ */ jsx(TableHead, { columns }),
             /* @__PURE__ */ jsx(TableBody, { rows, sideHeader }),
             footCells.length ? /* @__PURE__ */ jsx(TableFoot, { cells: footCells }) : void 0
-          ] });
+          ] }, key);
         }
         if ("strong" === domNode.name) {
-          return /* @__PURE__ */ jsx(Body, { ...additionalProps.strong, tag: strongTagName, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.strong, tag: strongTagName, children: domToReact(domNode.children, options) }, key);
         }
         if ("small" === domNode.name) {
-          return /* @__PURE__ */ jsx(Body, { ...additionalProps.small, size: textBodySm, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.small, size: textBodySm, children: domToReact(domNode.children, options) }, key);
         }
         if ("sup" === domNode.name) {
           const children = domToReact(domNode.children, options);
           if (Number.isInteger(parseInt(children))) {
             uid += 1;
-            return /* @__PURE__ */ jsx(FootnoteLink, { uid: `footnote-link-${uid}-${children})`, contentUid: `footnote-content-${children}`, screenReaderLabel: "Details zur Fußnote", children });
+            return /* @__PURE__ */ jsx(FootnoteLink, { uid: `footnote-link-${uid}-${children}`, contentUid: `footnote-content-${children}`, screenReaderLabel: "Details zur Fußnote", children }, key);
           }
-          return /* @__PURE__ */ jsx(Body, { ...additionalProps.sup, tag: supTagName, children });
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.sup, tag: supTagName, children }, key);
         }
         if ("p" === domNode.name) {
-          return /* @__PURE__ */ jsx(Body, { ...additionalProps.p, bottomSpacing: paragraphSpacing, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.p, bottomSpacing: paragraphSpacing, children: domToReact(domNode.children, options) }, key);
         }
         if ("a" === domNode.name) {
           const linkLabel = domToReact(domNode.children, options);
@@ -134,9 +135,9 @@ const getOptions = (paragraphSpacing, additionalProps = {}) => {
           const href = domNode.attribs.href;
           const isAnchor = href.indexOf("#") === 0;
           if (!isNaN(isNumber) && isAnchor) {
-            return /* @__PURE__ */ jsx(FootnoteLink, { uid: `${uid}`, contentUid: href.replace("#", ""), screenReaderLabel: "Details zur Fußnote", children: linkLabel });
+            return /* @__PURE__ */ jsx(FootnoteLink, { uid: `${uid}`, contentUid: href.replace("#", ""), screenReaderLabel: "Details zur Fußnote", children: linkLabel }, key);
           }
-          return /* @__PURE__ */ jsx(InlineLink, { ...additionalProps.a, href: domNode.attribs.href, children: domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(InlineLink, { ...additionalProps.a, href: domNode.attribs.href, children: domToReact(domNode.children, options) }, key);
         }
       }
     }

package/dist/{index-IA76oabp.js → index-CflWbzuv.js}

@@ -5,7 +5,7 @@ import FlexItem from "./components/FlexItem/index.js";
 import Heading, { isHeadingProps, headingAlignLeft } from "./components/Heading/index.js";
 import Image, { isImageProps, aspectRatio16_9 } from "./components/Image/index.js";
 import Link, { isLinkProps } from "./components/Link/index.js";
-import { R as RichText } from "./index-DP6Nlg-a.js";
+import { R as RichText } from "./index-BXt1ptbH.js";
 import RichTextContentful from "./components/RichtTextContentful/index.js";
 import YoutubeVideo from "./components/YoutubeVideo/index.js";
 import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "./tags-Cwgg3Gx2.js";
@@ -25,8 +25,8 @@ import "./index-Bu-7sSif.js";
 import "./hooks/useLinkComponent/index.js";
 import "./components/UtilityLink/index.js";
 import "./hooks/useImageComponent/index.js";
-import "./styled-BKH3egch.js";
-import "./index-Dd-A7i9Y.js";
+import "./styled-CepQAcdi.js";
+import "./index-r-dbrZxA.js";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "./isBottomSpacing-BxfreCZU.js";
 import { a as flexOrientationVertical, f as flexOrientationHorizontal, b as flexJustifyStart } from "./styled-BY19C9EO.js";

package/dist/{index-Dd-A7i9Y.js → index-r-dbrZxA.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as ButtonIconStyled, l as leftPosition, r as rightPosition } from "./styled-BKH3egch.js";
+import { a as ButtonIconStyled, l as leftPosition, r as rightPosition } from "./styled-CepQAcdi.js";
 import { i as iconSizeSm } from "./IconSize-AJp7xdJi.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
@@ -15,7 +15,7 @@ import { c as colorBorderFocus } from "./BorderColor-BummoQ1-.js";
 import { a as borderWidthFocus } from "./BorderWidth-BjXpOdM5.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
 import { g as colorTextBrand, a as colorTextNeutral } from "./TextColor-BXVMXUVE.js";
-import { b as iconNames } from "./index--RjkzZm0.js";
+import { b as iconNames } from "./index-B3v10poy.js";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
 const getLinkIcon = (icon, iconPosition) => /* @__PURE__ */ jsx(ButtonIconStyled, { name: icon, iconPosition, size: iconSizeSm });
 const primaryAppearance = "primary";

package/dist/{index-DwGcrvTh.js → index-sJClnrzW.js}

@@ -4,7 +4,7 @@ import { n as iconSizeXs, i as iconSizeSm } from "./IconSize-AJp7xdJi.js";
 import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
 import { f as spacing2Xs, b as spacingSm, s as spacingMd, a as spacingXs } from "./Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { I as IconLoader, b as iconNames } from "./index--RjkzZm0.js";
+import { I as IconLoader, b as iconNames } from "./index-B3v10poy.js";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";

package/dist/index.d.ts

@@ -128,6 +128,8 @@ export * from './components/FilterGroup';
 export { default as FilterGroup } from './components/FilterGroup';
 export * from './components/Fieldset';
 export { default as Fieldset } from './components/Fieldset';
+export * from './components/FeatureCardGroup';
+export { default as FeatureCardGroup } from './components/FeatureCardGroup';
 export * from './components/EnergySnippet';
 export { default as EnergySnippet } from './components/EnergySnippet';
 export * from './components/Divider';

package/dist/index.js

@@ -5,7 +5,7 @@ import { default as default5 } from "./components/ToggleButtonProvider/index.js"
 import { default as default6 } from "./components/ToggleButton/index.js";
 import { default as default7 } from "./components/TimeInput/index.js";
 import { default as default8 } from "./components/Textarea/index.js";
-import { R, T, a } from "./index-DP6Nlg-a.js";
+import { R, T, a } from "./index-BXt1ptbH.js";
 import { P, T as T2, c, k, g, f, j, p, a as a2, i, e, d, b, h, v } from "./index-DCXRnuHz.js";
 import { T as T3, a as a3, b as b2, c as c2, d as d2, e as e2, f as f2, T as T4 } from "./TableWrapper-Do9KCTGV.js";
 import { PanelStyled, default as default9, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
@@ -25,12 +25,12 @@ import { default as default21 } from "./components/PickerGroup/index.js";
 import { default as default22, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
 import { default as default23 } from "./components/OpenTextFootnoteAdapter/index.js";
 import { default as default24, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
-import { M, i as i2, a as a4, b as b3, m, c as c3, v as v2 } from "./index-IA76oabp.js";
+import { M, i as i2, a as a4, b as b3, m, c as c3, v as v2 } from "./index-CflWbzuv.js";
 import { default as default25 } from "./components/LocalStyle/index.js";
 import { default as default26 } from "./components/LoadingSpinner/index.js";
 import { default as default27, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
 import { default as default28, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
-import { L, i as i3, v as v3 } from "./index-Dd-A7i9Y.js";
+import { L, i as i3, v as v3 } from "./index-r-dbrZxA.js";
 import { default as default29, isLinkProps, validateLinkProps } from "./components/Link/index.js";
 import { default as default30 } from "./components/Legend/index.js";
 import { default as default31 } from "./components/Label/index.js";
@@ -42,7 +42,7 @@ import { default as default36, imageHeaderPositionLeft, imageHeaderPositionRight
 import { default as default37, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, aspectRatios, isImageProps, objectFitContain, objectFitCover, objectFitNone, objectFits, validateImageProps } from "./components/Image/index.js";
 import { default as default38, isIconSnippetListProps, validateIconSnippetListProps } from "./components/IconSnippetList/index.js";
 import { default as default39, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetAligns, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetPositions, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall, iconSnippetSizes, iconSnippetTags, isIconSnippetProps, validateIconSnippetProps } from "./components/IconSnippet/index.js";
-import { I, i as i4, a as a5, v as v4 } from "./index--RjkzZm0.js";
+import { I, i as i4, a as a5, v as v4 } from "./index-B3v10poy.js";
 import { default as default40, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
 import { default as default41 } from "./components/Icon/index.js";
 import { default as default42, hifiIconSizes, isHifiIconProps, validateHifiIconProps } from "./components/HifiIcon/index.js";
@@ -60,32 +60,33 @@ import { default as default51, flexItemAutoGrow, flexItemFullGrow } from "./comp
 import { default as default52 } from "./components/Flex/index.js";
 import { default as default53 } from "./components/FilterGroup/index.js";
 import { default as default54 } from "./components/Fieldset/index.js";
-import { default as default55 } from "./components/EnergySnippet/index.js";
-import { default as default56, isDividerProps, validateDividerProps } from "./components/Divider/index.js";
-import { default as default57, isDiscoveryCardGroupProps, validateDiscoveryCardGroupProps } from "./components/DiscoveryCardGroup/index.js";
-import { default as default58, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical, isDiscoveryCardProps, validateDiscoveryCardProps } from "./components/DiscoveryCard/index.js";
-import { default as default59 } from "./components/Dialog/index.js";
-import { default as default60 } from "./components/DemoBox/index.js";
-import { default as default61 } from "./components/DateInput/index.js";
+import { default as default55 } from "./components/FeatureCardGroup/index.js";
+import { default as default56 } from "./components/EnergySnippet/index.js";
+import { default as default57, isDividerProps, validateDividerProps } from "./components/Divider/index.js";
+import { default as default58, isDiscoveryCardGroupProps, validateDiscoveryCardGroupProps } from "./components/DiscoveryCardGroup/index.js";
+import { default as default59, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical, isDiscoveryCardProps, validateDiscoveryCardProps } 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 { C, b as b5, a as a7, c as c5, d as d4, i as i6, v as v6 } from "./index-DbG0QL9D.js";
-import { default as default62 } from "./components/ConsentMessage/index.js";
-import { default as default63, isColorSwatchGroupProps, validateColorSwatchGroupProps } from "./components/ColorSwatchGroup/index.js";
-import { default as default64, colorSwatchSizeMedium, colorSwatchSizeSmall, colorSwatchSizes, isColorSwatchProps, validateColorSwatchProps } from "./components/ColorSwatch/index.js";
-import { default as default65 } from "./components/Collapsible/index.js";
-import { default as default66 } from "./components/CheckboxGroup/index.js";
-import { default as default67 } from "./components/Checkbox/index.js";
-import { default as default68 } from "./components/Carousel/index.js";
-import { default as default69, cardAppearances, cardTags, isCardProps, validateCardProps } from "./components/Card/index.js";
-import { default as default70 } from "./components/Calendar/index.js";
-import { default as default71, flexJustifyBehaviours, flexOrientations, isButtonGroupProps, validateButtonGroupProps } from "./components/ButtonGroup/index.js";
-import { B, c as c6, a as a8, b as b6, d as d5, i as i7, f as f4, v as v7, e as e4 } from "./validate-CLBUbscx.js";
-import { default as default72 } from "./components/Button/index.js";
-import { default as default73 } from "./components/BottomBar/index.js";
-import { default as default74, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
-import { B as B2, b as b7, c as c7, d as d6, i as i8, p as p2, s, a as a9, t, v as v8 } from "./index-DwGcrvTh.js";
-import { default as default75 } from "./components/ArtDirectedImage/index.js";
-import { default as default76, isAccordionGroupProps, validateAccordionGroupProps } from "./components/AccordionGroup/index.js";
-import { default as default77, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded, isAccordionProps, validateAccordionProps } from "./components/Accordion/index.js";
+import { default as default63 } from "./components/ConsentMessage/index.js";
+import { default as default64, isColorSwatchGroupProps, validateColorSwatchGroupProps } from "./components/ColorSwatchGroup/index.js";
+import { default as default65, colorSwatchSizeMedium, colorSwatchSizeSmall, colorSwatchSizes, isColorSwatchProps, validateColorSwatchProps } from "./components/ColorSwatch/index.js";
+import { default as default66 } from "./components/Collapsible/index.js";
+import { default as default67 } from "./components/CheckboxGroup/index.js";
+import { default as default68 } from "./components/Checkbox/index.js";
+import { default as default69 } from "./components/Carousel/index.js";
+import { default as default70, cardAppearances, cardTags, isCardProps, validateCardProps } from "./components/Card/index.js";
+import { default as default71 } from "./components/Calendar/index.js";
+import { default as default72, flexJustifyBehaviours, flexOrientations, isButtonGroupProps, validateButtonGroupProps } from "./components/ButtonGroup/index.js";
+import { B, c as c6, a as a8, b as b6, d as d5, i as i7, f as f4, v as v7, e as e4 } from "./validate-BxqNSkch.js";
+import { default as default73 } 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 { B as B2, b as b7, c as c7, d as d6, i as i8, p as p2, s, a as a9, t, v as v8 } from "./index-sJClnrzW.js";
+import { default as default76 } from "./components/ArtDirectedImage/index.js";
+import { default as default77, isAccordionGroupProps, validateAccordionGroupProps } from "./components/AccordionGroup/index.js";
+import { default as default78, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded, isAccordionProps, validateAccordionProps } 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";
@@ -117,44 +118,45 @@ 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-DWVykPoW.js";
+import { L as L2 } from "./mapContentToComponents-D215P4kM.js";
 import { a as a10, i as i9 } from "./props-DDpgcryb.js";
 import { i as i10, h as h3, g as g3, e as e5, d as d7, c as c8, b as b8, f as f5, a as a11 } from "./styled-BY19C9EO.js";
 import { C as C2 } from "./styled-rsUoUFyl.js";
 export {
-  default77 as Accordion,
-  default76 as AccordionGroup,
-  default75 as ArtDirectedImage,
+  default78 as Accordion,
+  default77 as AccordionGroup,
+  default76 as ArtDirectedImage,
   B2 as Badge,
   b7 as BadgeAppearanceColor,
-  default74 as Body,
-  default73 as BottomBar,
-  default72 as Button,
+  default75 as Body,
+  default74 as BottomBar,
+  default73 as Button,
   B as ButtonAsLink,
-  default71 as ButtonGroup,
-  default70 as Calendar,
-  default69 as Card,
+  default72 as ButtonGroup,
+  default71 as Calendar,
+  default70 as Card,
   C2 as CardAppearanceColor,
-  default68 as Carousel,
-  default67 as Checkbox,
-  default66 as CheckboxGroup,
-  default65 as Collapsible,
-  default64 as ColorSwatch,
-  default63 as ColorSwatchGroup,
-  default62 as ConsentMessage,
+  default69 as Carousel,
+  default68 as Checkbox,
+  default67 as CheckboxGroup,
+  default66 as Collapsible,
+  default65 as ColorSwatch,
+  default64 as ColorSwatchGroup,
+  default63 as ConsentMessage,
   C as Container,
   b5 as ContainerAppearanceColor,
   a7 as ContainerContext,
-  default61 as DateInput,
+  default62 as DateInput,
   DefaultImage,
   DefaultLink,
   DefaultPicture,
-  default60 as DemoBox,
-  default59 as Dialog,
-  default58 as DiscoveryCard,
-  default57 as DiscoveryCardGroup,
-  default56 as Divider,
-  default55 as EnergySnippet,
+  default61 as DemoBox,
+  default60 as Dialog,
+  default59 as DiscoveryCard,
+  default58 as DiscoveryCardGroup,
+  default57 as Divider,
+  default56 as EnergySnippet,
+  default55 as FeatureCardGroup,
   default54 as Fieldset,
   default53 as FilterGroup,
   default52 as Flex,

package/dist/{mapContentToComponents-DWVykPoW.js → mapContentToComponents-D215P4kM.js}

@@ -1,10 +1,10 @@
 import Accordion, { isAccordionProps } from "./components/Accordion/index.js";
 import AccordionGroup, { isAccordionGroupProps } from "./components/AccordionGroup/index.js";
 import ArtDirectedImage from "./components/ArtDirectedImage/index.js";
-import { i as isBadgeProps, B as Badge } from "./index-DwGcrvTh.js";
+import { i as isBadgeProps, B as Badge } from "./index-sJClnrzW.js";
 import Body, { isBodyProps } from "./components/Body/index.js";
 import Button from "./components/Button/index.js";
-import { i as isButtonAsLinkProps, f as isButtonProps, B as ButtonAsLink } from "./validate-CLBUbscx.js";
+import { i as isButtonAsLinkProps, f as isButtonProps, B as ButtonAsLink } from "./validate-BxqNSkch.js";
 import ButtonGroup, { isButtonGroupProps } from "./components/ButtonGroup/index.js";
 import Card, { isCardProps } from "./components/Card/index.js";
 import ConsentMessage from "./components/ConsentMessage/index.js";
@@ -15,15 +15,15 @@ import Divider, { isDividerProps } from "./components/Divider/index.js";
 import { n as isGridProps, l as isGridConfig, a as Grid, i as isGridItemProps, G as GridItem } from "./index-Bu-7sSif.js";
 import Heading, { isHeadingProps } from "./components/Heading/index.js";
 import HifiIcon, { isHifiIconProps } from "./components/HifiIcon/index.js";
-import { a as isIconLoaderProps, I as IconLoader, b as iconNames } from "./index--RjkzZm0.js";
+import { a as isIconLoaderProps, I as IconLoader, b as iconNames } from "./index-B3v10poy.js";
 import IconSnippet, { isIconSnippetProps } from "./components/IconSnippet/index.js";
 import IconSnippetList, { isIconSnippetListProps } from "./components/IconSnippetList/index.js";
 import Image, { isImageProps } from "./components/Image/index.js";
 import ImageHeader, { isImageHeaderProps } from "./components/ImageHeader/index.js";
 import Link, { isLinkProps } from "./components/Link/index.js";
-import { i as isLinkAsButtonProps, L as LinkAsButton } from "./index-Dd-A7i9Y.js";
+import { i as isLinkAsButtonProps, L as LinkAsButton } from "./index-r-dbrZxA.js";
 import LinkList, { linkListVariantRow, linkListVariantColumn } from "./components/LinkList/index.js";
-import { d as isConsentMessageProps, e as isRichTextContentfulProps, f as isYoutubeVideoProps, i as isMediaTextProps, M as MediaText } from "./index-IA76oabp.js";
+import { d as isConsentMessageProps, e as isRichTextContentfulProps, f as isYoutubeVideoProps, i as isMediaTextProps, M as MediaText } from "./index-CflWbzuv.js";
 import { k as isPriceProps, P as Price } from "./index-DCXRnuHz.js";
 import RichTextContentful from "./components/RichtTextContentful/index.js";
 import YoutubeVideo from "./components/YoutubeVideo/index.js";
@@ -36,7 +36,7 @@ import "./hooks/useLinkComponent/index.js";
 import "./components/UtilityLink/index.js";
 import "./hooks/useImageComponent/index.js";
 import { a as cornerRounded, c as cornerStraight } from "./CornerStyle-JEbGNArR.js";
-import "./styled-BKH3egch.js";
+import "./styled-CepQAcdi.js";
 import { linkListItemVariantVertical, linkListItemVariantHorizontal } from "./components/LinkListItem/index.js";
 import "./index-C2E3JrhF.js";
 import "./index-BsykXBqC.js";
@@ -49,7 +49,7 @@ import "./styled-rsUoUFyl.js";
 import "html-react-parser";
 import "./components/InlineLink/index.js";
 import "./TableWrapper-Do9KCTGV.js";
-import "./index-DP6Nlg-a.js";
+import "./index-BXt1ptbH.js";
 const validateLegibleContent = (check) => {
   var _a, _b, _c, _d;
   if (null === check) {

package/dist/{styled-BKH3egch.js → styled-CepQAcdi.js}

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import { g as getButtonAppearance } from "./ButtonAppearanceHelper-DBCLijF0.js";
-import { I as IconLoader } from "./index--RjkzZm0.js";
+import { I as IconLoader } from "./index-B3v10poy.js";
 import viewport from "./foundations/media-query/viewport/index.js";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";

package/dist/{validate-CLBUbscx.js → validate-BxqNSkch.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { i as iconSizeSm } from "./IconSize-AJp7xdJi.js";
-import { a as ButtonIconStyled, l as leftPosition, b as buttonHeight, p as primaryAppearance, s as secondaryAppearance, t as tertiaryAppearance, r as rightPosition } from "./styled-BKH3egch.js";
+import { a as ButtonIconStyled, l as leftPosition, b as buttonHeight, p as primaryAppearance, s as secondaryAppearance, t as tertiaryAppearance, r as rightPosition } from "./styled-CepQAcdi.js";
 import { useLinkComponent } from "./hooks/useLinkComponent/index.js";
 import { a as filterProps, f as filterPropsForUnstyledComponent } from "./filterProps-CxkibNnG.js";
 import { s as sanitizeLinkProps } from "./sanitizeLinkProps-D2Kkovy1.js";
@@ -18,7 +18,7 @@ import { c as spacingNone, a as spacingXs, e as spacingXl, s as spacingMd } from
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "./isBottomSpacing-BxfreCZU.js";
-import { b as iconNames } from "./index--RjkzZm0.js";
+import { b as iconNames } from "./index-B3v10poy.js";
 const getButtonIcon = (icon, iconPosition) => {
   if (!icon) {
     return null;

package/package.json

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