@vodafone_de/brix-components 11.1.0 → 11.2.1

package/dist/componentName-C-GbLOt4.js

@@ -0,0 +1,6 @@
+const accordionComponentName = "Accordion";
+const footnoteComponentName = "Footnote";
+export {
+  accordionComponentName as a,
+  footnoteComponentName as f
+};

package/dist/components/Footnote/componentName.d.ts

@@ -0,0 +1 @@
+export declare const footnoteComponentName: "Footnote";

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

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

package/dist/components/{FootnoteAccordion → Footnote}/index.js

@@ -3,7 +3,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import Accordion from "../Accordion/index.js";
 import FootnoteContent from "../FootnoteContent/index.js";
 import RichTextContentful from "../RichTextContentful/index.js";
-const FootnoteAccordion = ({
+const Footnote = ({
   uid,
   heading,
   html,
@@ -12,5 +12,5 @@ const FootnoteAccordion = ({
   ...props
 }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Accordion, { uid: `accordion-${uid}`, heading, expanded: false, children: /* @__PURE__ */ jsx(FootnoteContent, { uid, ...props, children: /* @__PURE__ */ jsx(RichTextContentful, { html }) }) }) });
 export {
-  FootnoteAccordion as default
+  Footnote as default
 };

package/dist/components/{FootnoteAccordion → Footnote}/props.d.ts

@@ -1,16 +1,16 @@
 import { AccordionProps } from '../Accordion/props';
 import { FootnoteContentProps } from '../FootnoteContent/props';
 import { RichTextContentfulProps } from '../RichTextContentful/props';
-import { footnoteAccordionComponentName } from './componentName';
+import { footnoteComponentName } from './componentName';
 /**
  * This component is used in Contentful as a glue component to link an accordion with a matching heading and footnote content.
  * Strictly speaking, it is not a component and belongs in the Contentful directory within a monorepo.
  */
-export interface FootnoteAccordionProps extends Omit<FootnoteContentProps, 'component' | 'children'> {
+export interface FootnoteProps extends Omit<FootnoteContentProps, 'component' | 'children'> {
     /**
      * Pin component's name
      */
-    component?: typeof footnoteAccordionComponentName;
+    component?: typeof footnoteComponentName;
     /**
      * mandatory uid
      */

package/dist/components/{FootnoteAccordion → Footnote}/validate.d.ts

@@ -1,5 +1,5 @@
 import { default as z } from 'zod';
-import { FootnoteAccordionCmsProps } from '../../contentful/props';
+import { FootnoteCmsProps } from '../../contentful/props';
 import { ValidationResult } from '../../utils/validation/Validation';
 export declare const footnoteAccordionSchema: z.ZodObject<{
     sysId: z.ZodString;
@@ -44,7 +44,7 @@ export declare const footnoteAccordionSchema: z.ZodObject<{
         "6Xl": "6Xl";
         "7Xl": "7Xl";
     }>>;
-    component: z.ZodLiteral<"FootnoteAccordion">;
+    component: z.ZodLiteral<"Footnote">;
     uid: z.ZodString;
     screenReaderLabel: z.ZodString;
     heading: z.ZodObject<{
@@ -136,5 +136,5 @@ export declare const footnoteAccordionSchema: z.ZodObject<{
     linkUid: z.ZodString;
     backlinkText: z.ZodString;
 }, z.core.$loose>;
-export declare const validateFootnoteAccordionProps: (props: unknown) => ValidationResult<FootnoteAccordionCmsProps>;
-export declare const isFootnoteAccordionProps: (props: unknown) => props is FootnoteAccordionCmsProps;
+export declare const validateFootnoteProps: (props: unknown) => ValidationResult<FootnoteCmsProps>;
+export declare const isFootnoteAccordionProps: (props: unknown) => props is FootnoteCmsProps;

package/dist/components/FootnoteSection/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import Accordion from "../Accordion/index.js";
-import { a as accordionComponentName, f as footnoteAccordionComponentName } from "../../componentName-BHeK10ah.js";
+import { a as accordionComponentName, f as footnoteComponentName } from "../../componentName-C-GbLOt4.js";
 import { C as Container } from "../../index-C9s7aJQ9.js";
-import FootnoteAccordion from "../FootnoteAccordion/index.js";
+import Footnote from "../Footnote/index.js";
 import Heading from "../Heading/index.js";
 const FootnoteSection = ({
   heading,
@@ -14,8 +14,8 @@ const FootnoteSection = ({
     if (accordionComponentName === accordion.component) {
       return /* @__PURE__ */ jsx(Accordion, { ...accordion }, `${accordion.uid}-${index}`);
     }
-    if (footnoteAccordionComponentName === accordion.component) {
-      return /* @__PURE__ */ jsx(FootnoteAccordion, { ...accordion }, `${accordion.uid}-${index}`);
+    if (footnoteComponentName === accordion.component) {
+      return /* @__PURE__ */ jsx(Footnote, { ...accordion }, `${accordion.uid}-${index}`);
     }
     return null;
   })

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

@@ -1,7 +1,7 @@
 import { HeadingProps } from '../Heading/props';
 import { PatternProps } from '../../foundations/PatternProps';
 import { AccordionProps } from '../Accordion';
-import { FootnoteAccordionProps } from '../FootnoteAccordion';
+import { FootnoteProps } from '../Footnote';
 import { footnoteSectionComponentName } from './componentName';
 /**
  * This component is used in Contentfule
@@ -19,5 +19,5 @@ export interface FootnoteSectionProps extends PatternProps {
     /**
      * combination of accordions and FootnoteAccordion
      */
-    accordions?: (AccordionProps | FootnoteAccordionProps)[];
+    accordions?: (AccordionProps | FootnoteProps)[];
 }

package/dist/components/FootnoteSection/validate.d.ts

@@ -930,7 +930,7 @@ export declare const footnoteSectionSchema: z.ZodObject<{
             "6Xl": "6Xl";
             "7Xl": "7Xl";
         }>>;
-        component: z.ZodLiteral<"FootnoteAccordion">;
+        component: z.ZodLiteral<"Footnote">;
         uid: z.ZodString;
         screenReaderLabel: z.ZodString;
         heading: z.ZodObject<{

package/dist/components/ProductCard/index.js

@@ -3,13 +3,16 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { createElement } from "react";
 import { B as Badge } from "../../index-BaEa_D5X.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
+import "../../index-YejaekcB.js";
+import "../../index-BY3OGN8u.js";
+import { s as spacingMd, b as spacingNone } from "../../Spacing-CwWBV8DU.js";
 import Heading from "../Heading/index.js";
+import { b as headingAlignCenter } from "../../props-B345Pbc8.js";
 import { o as objectFitContain, q as aspectRatio1_1 } from "../../props-BhyhAixN.js";
 import Link from "../Link/index.js";
 import { P as Price } from "../../index-BfQ2X8ye.js";
 import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
 import { j as iconSizeLg } from "../../IconSize-BknHGJXj.js";
-import { s as spacingMd, b as spacingNone } from "../../Spacing-CwWBV8DU.js";
 import EnergySnippet from "../EnergySnippet/index.js";
 import { R as RichText } from "../../index-CXPBOZHH.js";
 import styled from "styled-components";
@@ -19,7 +22,6 @@ import Icon from "../Icon/index.js";
 import Image from "../Image/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { h as priceAlignCenter, a as priceOrientationVertical } from "../../props-BqRtRlbH.js";
-import { b as headingAlignCenter } from "../../props-B345Pbc8.js";
 const ProductCardStyled = styled(Card).withConfig({
   displayName: "ProductCardStyled",
   componentId: "sc-1ps8gys-0"
@@ -50,19 +52,25 @@ const ProductCardUpperContentStyled = styled("div").withConfig({
   position: "relative",
   ...contentCssObject
 });
+const ProductCardHeadingStyled = styled(Heading).withConfig({
+  displayName: "ProductCardHeadingStyled",
+  componentId: "sc-1ps8gys-3"
+})({
+  overflowWrap: "anywhere"
+});
 const ProductCardLowerContentStyled = styled("div").withConfig({
   displayName: "ProductCardLowerContentStyled",
-  componentId: "sc-1ps8gys-3"
+  componentId: "sc-1ps8gys-4"
 })(contentCssObject);
 const ProductCardImageStyled = styled(Image).withConfig({
   displayName: "ProductCardImageStyled",
-  componentId: "sc-1ps8gys-4"
+  componentId: "sc-1ps8gys-5"
 })({
   height: "200px"
 });
 const ProductCardPriceContainerStyled = styled(Flex).withConfig({
   displayName: "ProductCardPriceContainerStyled",
-  componentId: "sc-1ps8gys-5"
+  componentId: "sc-1ps8gys-6"
 })({
   "& > *": {
     alignContent: "end"
@@ -101,7 +109,7 @@ const ProductCard = ({
       tabIndex: -1
     }, aspectRatio: aspectRatio1_1, height: 200, objectFit: objectFitContain, bottomSpacing: spacingNone }),
     icon && /* @__PURE__ */ jsx(ProductCardIconStyled, { ...icon, size: iconSizeLg }),
-    /* @__PURE__ */ jsx(Heading, { ...headingProps }),
+    /* @__PURE__ */ jsx(ProductCardHeadingStyled, { ...headingProps }),
     colorSwatchGroup && /* @__PURE__ */ jsx(ColorSwatchGroup, { ...colorSwatchGroup, bottomSpacing: spacingNone }),
     badges && badges.length > 0 && badges.map((badge) => {
       return /* @__PURE__ */ jsx(Badge, { ...badge, bottomSpacing: spacingNone }, badge.uid);

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

@@ -3,6 +3,7 @@ import { IconProps } from '../Icon/props';
 export declare const ProductCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<CardProps, CardProps>> & string & Omit<import('react').FC<CardProps>, keyof import('react').Component<any, {}, any>>;
 export declare const ProductCardIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../IconLoader').IconLoaderProps | import('../HifiIcon').HifiIconProps | IconProps, IconProps>> & string & Omit<import('react').FC<import('../IconLoader').IconLoaderProps | import('../HifiIcon').HifiIconProps | IconProps>, keyof import('react').Component<any, {}, any>>;
 export declare const ProductCardUpperContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const ProductCardHeadingStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Heading').HeadingProps, never>> & string & Omit<import('react').FC<import('../Heading').HeadingProps>, keyof import('react').Component<any, {}, any>>;
 export declare const ProductCardLowerContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
 export declare const ProductCardImageStyled: 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>>;
 export declare const ProductCardPriceContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Flex').FlexProps, never>> & string & Omit<import('react').FC<import('../Flex').FlexProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/Stepper/index.js

@@ -44,10 +44,9 @@ const StepperItemStyled = styled.li.withConfig({
     }),
     position: "absolute",
     display: "block",
-    background: getBorderColor(next ? colorBorderBrand : colorBorderNeutral),
+    borderTop: next ? `2px solid ${getBorderColor(colorBorderBrand)}` : `1px solid ${getBorderColor(colorBorderNeutral)}`,
     content: "''",
     width: "100%",
-    height: next ? "2px" : "1px",
     top: "-17px",
     ...viewport.md({
       top: "-20px"

package/dist/contentful/props/index.d.ts

@@ -16,7 +16,7 @@ import { DividerProps } from '../../components/Divider/props';
 import { FeatureCardProps } from '../../components/FeatureCardGroup/components/FeatureCard/props';
 import { FeatureCardGroupProps } from '../../components/FeatureCardGroup/props';
 import { FlexProps } from '../../components/Flex/props';
-import { FootnoteAccordionProps } from '../../components/FootnoteAccordion/props';
+import { FootnoteProps } from '../../components/Footnote/props';
 import { FootnoteLinkProps } from '../../components/FootnoteLink/props';
 import { FootnoteSectionProps } from '../../components/FootnoteSection/props';
 import { GridProps } from '../../components/Grid/props';
@@ -69,7 +69,7 @@ export type DividerCmsProps = CmsProps<DividerProps>;
 export type FeatureCardCmsProps = CmsProps<FeatureCardProps>;
 export type FeatureCardGroupCmsProps = CmsProps<FeatureCardGroupProps>;
 export type FlexCmsProps = CmsProps<FlexProps>;
-export type FootnoteAccordionCmsProps = CmsProps<FootnoteAccordionProps>;
+export type FootnoteCmsProps = CmsProps<FootnoteProps>;
 export type FootnoteLinkCmsProps = CmsProps<FootnoteLinkProps>;
 export type FootnoteSectionCmsProps = CmsProps<FootnoteSectionProps>;
 export type GridCmsProps = CmsProps<GridProps>;

package/dist/contentful/registry/ContentFulComponentName.d.ts

@@ -1,2 +1,2 @@
-export declare const contentFulComponentNames: readonly ["Accordion", "AccordionGroup", "ArtDirectedImage", "Badge", "Body", "BottomBar", "Button", "ButtonAsLink", "ButtonGroup", "Card", "Container", "ConsentMessage", "Divider", "DiscoveryCard", "DiscoveryCardGroup", "FeatureCard", "FeatureCardGroup", "Flex", "FootnoteAccordion", "FootnoteLink", "FootnoteSection", "Grid", "GridItem", "Heading", "HifiIcon", "IconButton", "IconLoader", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "InfoBanner", "Link", "LinkAsButton", "LinkList", "LinkListItem", "MarTechPlaceholder", "MediaText", "Notification", "QuickLink", "QuickLinkList", "Price", "TabularPrice", "ToggleButton", "ToggleButtonProvider", "RichTextContentful", "TabGroup", "Tray", "UtilityLink", "YouTubeVideo"];
+export declare const contentFulComponentNames: readonly ["Accordion", "AccordionGroup", "ArtDirectedImage", "Badge", "Body", "BottomBar", "Button", "ButtonAsLink", "ButtonGroup", "Card", "Container", "ConsentMessage", "Divider", "DiscoveryCard", "DiscoveryCardGroup", "FeatureCard", "FeatureCardGroup", "Flex", "Footnote", "FootnoteLink", "FootnoteSection", "Grid", "GridItem", "Heading", "HifiIcon", "IconButton", "IconLoader", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "InfoBanner", "Link", "LinkAsButton", "LinkList", "LinkListItem", "MarTechPlaceholder", "MediaText", "Notification", "QuickLink", "QuickLinkList", "Price", "TabularPrice", "ToggleButton", "ToggleButtonProvider", "RichTextContentful", "TabGroup", "Tray", "UtilityLink", "YouTubeVideo"];
 export type ContentFulComponentName = (typeof contentFulComponentNames)[number];

package/dist/contentful/registry/SupportedBrixProps.d.ts

@@ -1,2 +1,2 @@
-import { AccordionCmsProps, AccordionGroupCmsProps, ArtDirectedImageCmsProps, BadgeCmsProps, BodyCmsProps, BottomBarCmsProps, ButtonAsLinkCmsProps, ButtonCmsProps, ButtonGroupCmsProps, CardCmsProps, ConsentMessageCmsProps, ContainerCmsProps, DiscoveryCardCmsProps, DiscoveryCardGroupCmsProps, DividerCmsProps, FeatureCardCmsProps, FeatureCardGroupCmsProps, FlexCmsProps, FootnoteAccordionCmsProps, FootnoteLinkCmsProps, FootnoteSectionCmsProps, GridCmsProps, GridItemCmsProps, HeadingCmsProps, HifiIconCmsProps, IconButtonCmsProps, IconLoaderCmsProps, IconSnippetCmsProps, IconSnippetListCmsProps, ImageCmsProps, ImageHeaderCmsProps, InfoBannerCmsProps, LinkAsButtonCmsProps, LinkCmsProps, LinkListCmsProps, LinkListItemCmsProps, MarTechPlaceholderCmsProps, MediaTextCmsProps, NotificationCmsProps, PriceCmsProps, QuickLinkCmsProps, QuickLinkListCmsProps, RichTextContentfulCmsProps, TabGroupCmsProps, TabularPriceCmsProps, ToggleButtonCmsProps, ToggleButtonProviderCmsProps, TrayCmsProps, UtilityLinkCmsProps, YouTubeVideoCmsProps } from '../props';
-export type SupportedBrixComponentsProps = AccordionGroupCmsProps | AccordionCmsProps | ArtDirectedImageCmsProps | BadgeCmsProps | BodyCmsProps | BottomBarCmsProps | ButtonGroupCmsProps | ButtonCmsProps | ButtonAsLinkCmsProps | CardCmsProps | ConsentMessageCmsProps | ContainerCmsProps | DiscoveryCardGroupCmsProps | DiscoveryCardCmsProps | DividerCmsProps | FeatureCardCmsProps | FeatureCardGroupCmsProps | FlexCmsProps | FootnoteAccordionCmsProps | FootnoteSectionCmsProps | FootnoteLinkCmsProps | GridItemCmsProps | GridCmsProps | HeadingCmsProps | HifiIconCmsProps | IconButtonCmsProps | IconLoaderCmsProps | IconSnippetListCmsProps | IconSnippetCmsProps | ImageCmsProps | ImageHeaderCmsProps | InfoBannerCmsProps | LinkListItemCmsProps | LinkListCmsProps | LinkCmsProps | LinkAsButtonCmsProps | MarTechPlaceholderCmsProps | MediaTextCmsProps | NotificationCmsProps | PriceCmsProps | QuickLinkCmsProps | QuickLinkListCmsProps | RichTextContentfulCmsProps | TabGroupCmsProps | TabularPriceCmsProps | ToggleButtonCmsProps | ToggleButtonProviderCmsProps | TrayCmsProps | UtilityLinkCmsProps | YouTubeVideoCmsProps;
+import { AccordionCmsProps, AccordionGroupCmsProps, ArtDirectedImageCmsProps, BadgeCmsProps, BodyCmsProps, BottomBarCmsProps, ButtonAsLinkCmsProps, ButtonCmsProps, ButtonGroupCmsProps, CardCmsProps, ConsentMessageCmsProps, ContainerCmsProps, DiscoveryCardCmsProps, DiscoveryCardGroupCmsProps, DividerCmsProps, FeatureCardCmsProps, FeatureCardGroupCmsProps, FlexCmsProps, FootnoteCmsProps, FootnoteLinkCmsProps, FootnoteSectionCmsProps, GridCmsProps, GridItemCmsProps, HeadingCmsProps, HifiIconCmsProps, IconButtonCmsProps, IconLoaderCmsProps, IconSnippetCmsProps, IconSnippetListCmsProps, ImageCmsProps, ImageHeaderCmsProps, InfoBannerCmsProps, LinkAsButtonCmsProps, LinkCmsProps, LinkListCmsProps, LinkListItemCmsProps, MarTechPlaceholderCmsProps, MediaTextCmsProps, NotificationCmsProps, PriceCmsProps, QuickLinkCmsProps, QuickLinkListCmsProps, RichTextContentfulCmsProps, TabGroupCmsProps, TabularPriceCmsProps, ToggleButtonCmsProps, ToggleButtonProviderCmsProps, TrayCmsProps, UtilityLinkCmsProps, YouTubeVideoCmsProps } from '../props';
+export type SupportedBrixComponentsProps = AccordionGroupCmsProps | AccordionCmsProps | ArtDirectedImageCmsProps | BadgeCmsProps | BodyCmsProps | BottomBarCmsProps | ButtonGroupCmsProps | ButtonCmsProps | ButtonAsLinkCmsProps | CardCmsProps | ConsentMessageCmsProps | ContainerCmsProps | DiscoveryCardGroupCmsProps | DiscoveryCardCmsProps | DividerCmsProps | FeatureCardCmsProps | FeatureCardGroupCmsProps | FlexCmsProps | FootnoteCmsProps | FootnoteSectionCmsProps | FootnoteLinkCmsProps | GridItemCmsProps | GridCmsProps | HeadingCmsProps | HifiIconCmsProps | IconButtonCmsProps | IconLoaderCmsProps | IconSnippetListCmsProps | IconSnippetCmsProps | ImageCmsProps | ImageHeaderCmsProps | InfoBannerCmsProps | LinkListItemCmsProps | LinkListCmsProps | LinkCmsProps | LinkAsButtonCmsProps | MarTechPlaceholderCmsProps | MediaTextCmsProps | NotificationCmsProps | PriceCmsProps | QuickLinkCmsProps | QuickLinkListCmsProps | RichTextContentfulCmsProps | TabGroupCmsProps | TabularPriceCmsProps | ToggleButtonCmsProps | ToggleButtonProviderCmsProps | TrayCmsProps | UtilityLinkCmsProps | YouTubeVideoCmsProps;

package/dist/contentful/registry/index.js

@@ -1,4 +1,4 @@
-const contentFulComponentNames = ["Accordion", "AccordionGroup", "ArtDirectedImage", "Badge", "Body", "BottomBar", "Button", "ButtonAsLink", "ButtonGroup", "Card", "Container", "ConsentMessage", "Divider", "DiscoveryCard", "DiscoveryCardGroup", "FeatureCard", "FeatureCardGroup", "Flex", "FootnoteAccordion", "FootnoteLink", "FootnoteSection", "Grid", "GridItem", "Heading", "HifiIcon", "IconButton", "IconLoader", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "InfoBanner", "Link", "LinkAsButton", "LinkList", "LinkListItem", "MarTechPlaceholder", "MediaText", "Notification", "QuickLink", "QuickLinkList", "Price", "TabularPrice", "ToggleButton", "ToggleButtonProvider", "RichTextContentful", "TabGroup", "Tray", "UtilityLink", "YouTubeVideo"];
+const contentFulComponentNames = ["Accordion", "AccordionGroup", "ArtDirectedImage", "Badge", "Body", "BottomBar", "Button", "ButtonAsLink", "ButtonGroup", "Card", "Container", "ConsentMessage", "Divider", "DiscoveryCard", "DiscoveryCardGroup", "FeatureCard", "FeatureCardGroup", "Flex", "Footnote", "FootnoteLink", "FootnoteSection", "Grid", "GridItem", "Heading", "HifiIcon", "IconButton", "IconLoader", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "InfoBanner", "Link", "LinkAsButton", "LinkList", "LinkListItem", "MarTechPlaceholder", "MediaText", "Notification", "QuickLink", "QuickLinkList", "Price", "TabularPrice", "ToggleButton", "ToggleButtonProvider", "RichTextContentful", "TabGroup", "Tray", "UtilityLink", "YouTubeVideo"];
 export {
   contentFulComponentNames
 };

package/dist/contentful/validation/index.d.ts

@@ -16,7 +16,7 @@ export { validateDividerProps } from '../../components/Divider/validate';
 export { validateFeatureCardProps } from '../../components/FeatureCardGroup/components/FeatureCard/validate';
 export { validateFeatureCardGroupProps } from '../../components/FeatureCardGroup/validate';
 export { validateFlexProps } from '../../components/Flex/validate';
-export { validateFootnoteAccordionProps } from '../../components/FootnoteAccordion/validate';
+export { validateFootnoteProps } from '../../components/Footnote/validate';
 export { validateFootnoteLinkProps } from '../../components/FootnoteLink/validate';
 export { validateFootnoteSectionProps } from '../../components/FootnoteSection/validate';
 export { validateGridProps } from '../../components/Grid/validate';

package/dist/contentful/validation/index.js

@@ -1,6 +1,6 @@
 import { g as containerTags, f as containerAppearances, c as containerPaddings } from "../../props-D8u4jguy.js";
 import { h as spacings } from "../../Spacing-CwWBV8DU.js";
-import { a as accordionComponentName, f as footnoteAccordionComponentName } from "../../componentName-BHeK10ah.js";
+import { a as accordionComponentName, f as footnoteComponentName } from "../../componentName-C-GbLOt4.js";
 import { b as bodyComponentName } from "../../componentName-BoJP6JLf.js";
 import { e as buttonComponentName, f as buttonAsLinkComponentName, g as buttonGroupComponentName, h as flexComponentName, d as notificationStatuses } from "../../props-D_GpWiS9.js";
 import { h as headingComponentName } from "../../componentName-C1oXAOj7.js";
@@ -14385,7 +14385,7 @@ const toggleButtonComponentName = "ToggleButton";
 const toggleButtonProviderComponentName = "ToggleButtonProvider";
 const trayComponentName = "Tray";
 const utilityLinkComponentName = "UtilityLink";
-const componentNames = [accordionComponentName, accordionGroupComponentName, artDirectedImageComponentName, badgeComponentName, bodyComponentName, bottomBarComponentName, buttonComponentName, buttonAsLinkComponentName, buttonGroupComponentName, calendarComponentName, cardComponentName, carouselItemComponentName, carouselComponentName, checkboxComponentName, checkboxGroupComponentName, collapsibleComponentName, colorSwatchComponentName, colorSwatchGroupComponentName, consentMessageComponentName, containerComponentName, dateInputComponentName, demoBoxComponentName, dialogComponentName, discoveryCardComponentName, discoveryCardGroupComponentName, dividerComponentName, energySnippetComponentName, featureCardComponentName, featureCardGroupComponentName, fieldsetComponentName, filterGroupComponentName, flexComponentName, flexItemComponentName, footnoteAccordionComponentName, footnoteSectionComponentName, footnoteContentComponentName, footnoteLinkComponentName, formComponentName, formElementComponentName, formHelperMessageComponentName, googleMapComponentName, gridComponentName, gridItemComponentName, headingComponentName, hifiIconComponentName, iconComponentName, iconButtonComponentName, iconLoaderComponentName, iconSnippetComponentName, iconSnippetListComponentName, imageComponentName, imageHeaderComponentName, infoBannerComponentName, inlineIconComponentName, inlineLinkComponentName, inputComponentName, labelComponentName, legendComponentName, linkComponentName, linkAsButtonComponentName, linkListComponentName, linkListItemComponentName, loadingSpinnerComponentName, localStyleComponentName, mediaTextComponentName, marTechPlaceholderComponentName, notificationComponentName, openTextFootnoteAdapterComponentName, overlayComponentName, pickerGroupComponentName, priceComponentName, productCardComponentName, quickLinkComponentName, quickLinkListComponentName, radioComponentName, radioGroupComponentName, ratingComponentName, richTextComponentName, richTextContentfulComponentName, screenreaderOnlyComponentName, searchInputComponentName, selectInputComponentName, smoothScrollAreaComponentName, stepperComponentName, suggestInputComponentName, switchComponentName, tabGroupComponentName, tableComponentName, tabularPriceComponentName, textareaComponentName, textListItemComponentName, textListComponentName, timeInputComponentName, toggleButtonComponentName, toggleButtonProviderComponentName, trayComponentName, utilityLinkComponentName, youTubeVideoComponentName];
+const componentNames = [accordionComponentName, accordionGroupComponentName, artDirectedImageComponentName, badgeComponentName, bodyComponentName, bottomBarComponentName, buttonComponentName, buttonAsLinkComponentName, buttonGroupComponentName, calendarComponentName, cardComponentName, carouselItemComponentName, carouselComponentName, checkboxComponentName, checkboxGroupComponentName, collapsibleComponentName, colorSwatchComponentName, colorSwatchGroupComponentName, consentMessageComponentName, containerComponentName, dateInputComponentName, demoBoxComponentName, dialogComponentName, discoveryCardComponentName, discoveryCardGroupComponentName, dividerComponentName, energySnippetComponentName, featureCardComponentName, featureCardGroupComponentName, fieldsetComponentName, filterGroupComponentName, flexComponentName, flexItemComponentName, footnoteComponentName, footnoteSectionComponentName, footnoteContentComponentName, footnoteLinkComponentName, formComponentName, formElementComponentName, formHelperMessageComponentName, googleMapComponentName, gridComponentName, gridItemComponentName, headingComponentName, hifiIconComponentName, iconComponentName, iconButtonComponentName, iconLoaderComponentName, iconSnippetComponentName, iconSnippetListComponentName, imageComponentName, imageHeaderComponentName, infoBannerComponentName, inlineIconComponentName, inlineLinkComponentName, inputComponentName, labelComponentName, legendComponentName, linkComponentName, linkAsButtonComponentName, linkListComponentName, linkListItemComponentName, loadingSpinnerComponentName, localStyleComponentName, mediaTextComponentName, marTechPlaceholderComponentName, notificationComponentName, openTextFootnoteAdapterComponentName, overlayComponentName, pickerGroupComponentName, priceComponentName, productCardComponentName, quickLinkComponentName, quickLinkListComponentName, radioComponentName, radioGroupComponentName, ratingComponentName, richTextComponentName, richTextContentfulComponentName, screenreaderOnlyComponentName, searchInputComponentName, selectInputComponentName, smoothScrollAreaComponentName, stepperComponentName, suggestInputComponentName, switchComponentName, tabGroupComponentName, tableComponentName, tabularPriceComponentName, textareaComponentName, textListItemComponentName, textListComponentName, timeInputComponentName, toggleButtonComponentName, toggleButtonProviderComponentName, trayComponentName, utilityLinkComponentName, youTubeVideoComponentName];
 const minimalPropsSchema = looseObject({
   component: _enum(componentNames),
   uid: string$1().trim().nonempty()
@@ -15166,7 +15166,7 @@ const validateFlexProps = (props) => {
   };
 };
 const footnoteAccordionSchema = cmsPatternPropsSchema.extend({
-  component: z.literal(footnoteAccordionComponentName),
+  component: z.literal(footnoteComponentName),
   uid: z.string().trim().nonempty(),
   screenReaderLabel: z.string().trim().nonempty(),
   heading: headingSchema.omit({
@@ -15176,7 +15176,7 @@ const footnoteAccordionSchema = cmsPatternPropsSchema.extend({
   linkUid: z.string().trim().nonempty(),
   backlinkText: z.string().trim().nonempty()
 });
-const validateFootnoteAccordionProps = (props) => {
+const validateFootnoteProps = (props) => {
   const result = footnoteAccordionSchema.safeParse(props);
   if (!result.success) {
     return {
@@ -15762,8 +15762,8 @@ export {
   validateFeatureCardGroupProps,
   validateFeatureCardProps,
   validateFlexProps,
-  validateFootnoteAccordionProps,
   validateFootnoteLinkProps,
+  validateFootnoteProps,
   validateFootnoteSectionProps,
   validateGridConfig,
   validateGridItemProps,

package/dist/foundations/PatternProps/componentNames.d.ts

@@ -1,2 +1,2 @@
-export declare const componentNames: readonly ["Accordion", "AccordionGroup", "ArtDirectedImage", "Badge", "Body", "BottomBar", "Button", "ButtonAsLink", "ButtonGroup", "Calendar", "Card", "CarouselItem", "Carousel", "Checkbox", "CheckboxGroup", "Collapsible", "ColorSwatch", "ColorSwatchGroup", "ConsentMessage", "Container", "DateInput", "DemoBox", "Dialog", "DiscoveryCard", "DiscoveryCardGroup", "Divider", "EnergySnippet", "FeatureCard", "FeatureCardGroup", "Fieldset", "FilterGroup", "Flex", "FlexItem", "FootnoteAccordion", "FootnoteSection", "FootnoteContent", "FootnoteLink", "Form", "FormElement", "FormHelperMessage", "GoogleMap", "Grid", "GridItem", "Heading", "HifiIcon", "Icon", "IconButton", "IconLoader", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "InfoBanner", "InlineIcon", "InlineLink", "Input", "Label", "Legend", "Link", "LinkAsButton", "LinkList", "LinkListItem", "LoadingSpinner", "LocalStyle", "MediaText", "MarTechPlaceholder", "Notification", "OpenTextFootnoteAdapter", "Overlay", "PickerGroup", "Price", "ProductCard", "QuickLink", "QuickLinkList", "Radio", "RadioGroup", "Rating", "RichText", "RichTextContentful", "ScreenreaderOnly", "SearchInput", "SelectInput", "SmoothScrollArea", "Stepper", "SuggestInput", "Switch", "TabGroup", "Table", "TabularPrice", "Textarea", "TextListItem;", "TextList", "TimeInput", "ToggleButton", "ToggleButtonProvider", "Tray", "UtilityLink", "YouTubeVideo"];
+export declare const componentNames: readonly ["Accordion", "AccordionGroup", "ArtDirectedImage", "Badge", "Body", "BottomBar", "Button", "ButtonAsLink", "ButtonGroup", "Calendar", "Card", "CarouselItem", "Carousel", "Checkbox", "CheckboxGroup", "Collapsible", "ColorSwatch", "ColorSwatchGroup", "ConsentMessage", "Container", "DateInput", "DemoBox", "Dialog", "DiscoveryCard", "DiscoveryCardGroup", "Divider", "EnergySnippet", "FeatureCard", "FeatureCardGroup", "Fieldset", "FilterGroup", "Flex", "FlexItem", "Footnote", "FootnoteSection", "FootnoteContent", "FootnoteLink", "Form", "FormElement", "FormHelperMessage", "GoogleMap", "Grid", "GridItem", "Heading", "HifiIcon", "Icon", "IconButton", "IconLoader", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "InfoBanner", "InlineIcon", "InlineLink", "Input", "Label", "Legend", "Link", "LinkAsButton", "LinkList", "LinkListItem", "LoadingSpinner", "LocalStyle", "MediaText", "MarTechPlaceholder", "Notification", "OpenTextFootnoteAdapter", "Overlay", "PickerGroup", "Price", "ProductCard", "QuickLink", "QuickLinkList", "Radio", "RadioGroup", "Rating", "RichText", "RichTextContentful", "ScreenreaderOnly", "SearchInput", "SelectInput", "SmoothScrollArea", "Stepper", "SuggestInput", "Switch", "TabGroup", "Table", "TabularPrice", "Textarea", "TextListItem;", "TextList", "TimeInput", "ToggleButton", "ToggleButtonProvider", "Tray", "UtilityLink", "YouTubeVideo"];
 export type ComponentName = (typeof componentNames)[number];

package/dist/foundations/PatternProps/validate.d.ts

@@ -37,7 +37,7 @@ export declare const minimalPropsSchema: z.ZodObject<{
         FilterGroup: "FilterGroup";
         Flex: "Flex";
         FlexItem: "FlexItem";
-        FootnoteAccordion: "FootnoteAccordion";
+        Footnote: "Footnote";
         FootnoteContent: "FootnoteContent";
         FootnoteLink: "FootnoteLink";
         FootnoteSection: "FootnoteSection";
@@ -140,7 +140,7 @@ export declare const cmsPatternPropsSchema: z.ZodObject<{
         FilterGroup: "FilterGroup";
         Flex: "Flex";
         FlexItem: "FlexItem";
-        FootnoteAccordion: "FootnoteAccordion";
+        Footnote: "Footnote";
         FootnoteContent: "FootnoteContent";
         FootnoteLink: "FootnoteLink";
         FootnoteSection: "FootnoteSection";

package/dist/index.d.ts

@@ -126,8 +126,8 @@ export * from './components/FootnoteLink';
 export { default as FootnoteLink } from './components/FootnoteLink';
 export * from './components/FootnoteContent';
 export { default as FootnoteContent } from './components/FootnoteContent';
-export * from './components/FootnoteAccordion';
-export { default as FootnoteAccordion } from './components/FootnoteAccordion';
+export * from './components/Footnote';
+export { default as Footnote } from './components/Footnote';
 export * from './components/FlexItem';
 export { default as FlexItem } from './components/FlexItem';
 export * from './components/Flex';

package/dist/index.js

@@ -59,7 +59,7 @@ import { default as default53 } from "./components/Form/index.js";
 import { default as default54 } from "./components/FootnoteSection/index.js";
 import { F } from "./index-BY3OGN8u.js";
 import { default as default55 } from "./components/FootnoteContent/index.js";
-import { default as default56 } from "./components/FootnoteAccordion/index.js";
+import { default as default56 } from "./components/Footnote/index.js";
 import { default as default57, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
 import { default as default58 } from "./components/Flex/index.js";
 import { default as default59 } from "./components/FilterGroup/index.js";
@@ -123,7 +123,7 @@ import { DefaultLink, LinkContext, LinkProvider, useLinkComponent } from "./hook
 import { DefaultImage, ImageContext, ImageProvider, filterImagePropsToImageComponentProps, useImageComponent } from "./hooks/useImageComponent/index.js";
 import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
-import { validateAccordionGroupProps, validateAccordionProps, validateArtDirectedImageProps, validateBadgeProps, validateBodyProps, validateBottomBarProps, validateButtonAsLinkProps, validateButtonGroupProps, validateButtonProps, validateCardProps, validateConsentMessageProps, validateContainerProps, validateDiscoveryCardGroupProps, validateDiscoveryCardProps, validateDividerProps, validateFeatureCardGroupProps, validateFeatureCardProps, validateFlexProps, validateFootnoteAccordionProps, validateFootnoteLinkProps, validateFootnoteSectionProps, validateGridConfig, validateGridItemProps, validateGridProps, validateHeadingProps, validateHifiIconProps, validateIconButtonProps, validateIconLoaderProps, validateIconSnippetListProps, validateIconSnippetProps, validateImageHeaderProps, validateImageProps, validateInfoBannerProps, validateLinkAsButtonProps, validateLinkListItemProps, validateLinkListProps, validateLinkProps, validateMarTechPlaceholderProps, validateMediaTextProps, validateMinimalCmsProps, validateNotificationProps, validatePatternProps, validatePriceProps, validateQuickLinkListProps, validateQuickLinkProps, validateRichTextContentfulProps, validateTabGroupProps, validateTabularPriceProps, validateToggleButtonProps, validateToggleButtonProviderProps, validateTrayProps, validateUtilityLinkProps, validateYouTubeVideoProps } from "./contentful/validation/index.js";
+import { validateAccordionGroupProps, validateAccordionProps, validateArtDirectedImageProps, validateBadgeProps, validateBodyProps, validateBottomBarProps, validateButtonAsLinkProps, validateButtonGroupProps, validateButtonProps, validateCardProps, validateConsentMessageProps, validateContainerProps, validateDiscoveryCardGroupProps, validateDiscoveryCardProps, validateDividerProps, validateFeatureCardGroupProps, validateFeatureCardProps, validateFlexProps, validateFootnoteLinkProps, validateFootnoteProps, validateFootnoteSectionProps, validateGridConfig, validateGridItemProps, validateGridProps, validateHeadingProps, validateHifiIconProps, validateIconButtonProps, validateIconLoaderProps, validateIconSnippetListProps, validateIconSnippetProps, validateImageHeaderProps, validateImageProps, validateInfoBannerProps, validateLinkAsButtonProps, validateLinkListItemProps, validateLinkListProps, validateLinkProps, validateMarTechPlaceholderProps, validateMediaTextProps, validateMinimalCmsProps, validateNotificationProps, validatePatternProps, validatePriceProps, validateQuickLinkListProps, validateQuickLinkProps, validateRichTextContentfulProps, validateTabGroupProps, validateTabularPriceProps, validateToggleButtonProps, validateToggleButtonProviderProps, validateTrayProps, validateUtilityLinkProps, validateYouTubeVideoProps } from "./contentful/validation/index.js";
 import { contentFulComponentNames } from "./contentful/registry/index.js";
 import { h, g, i as i2, p, a as a6, b as b4, e, d as d2, c as c5, f, t } from "./props-BqRtRlbH.js";
 import { b as b5, a as a7, t as t2, c as c6 } from "./props-Cc-0xX_P.js";
@@ -191,7 +191,7 @@ export {
   default59 as FilterGroup,
   default58 as Flex,
   default57 as FlexItem,
-  default56 as FootnoteAccordion,
+  default56 as Footnote,
   default55 as FootnoteContent,
   F as FootnoteLink,
   default54 as FootnoteSection,
@@ -493,8 +493,8 @@ export {
   validateFeatureCardGroupProps,
   validateFeatureCardProps,
   validateFlexProps,
-  validateFootnoteAccordionProps,
   validateFootnoteLinkProps,
+  validateFootnoteProps,
   validateFootnoteSectionProps,
   validateGridConfig,
   validateGridItemProps,

package/package.json

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

package/dist/componentName-BHeK10ah.js

@@ -1,6 +0,0 @@
-const accordionComponentName = "Accordion";
-const footnoteAccordionComponentName = "FootnoteAccordion";
-export {
-  accordionComponentName as a,
-  footnoteAccordionComponentName as f
-};

package/dist/components/FootnoteAccordion/componentName.d.ts

@@ -1 +0,0 @@
-export declare const footnoteAccordionComponentName: "FootnoteAccordion";

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

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