@vodafone_de/brix-components 7.0.8 → 7.0.9

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

@@ -1,11 +1,17 @@
 import { HTMLAttributes, ReactNode } from 'react';
+import { PatternProps } from '../../foundations/PatternProps';
+import { articleTagName, asideTagName, divTagName, mainTagName, navTagName, sectionTagName } from '../../foundations/tags';
 import { BackgroundColor } from '../../foundations/token/types/BackgroundColor';
 import { spacing5Xl, spacingNone, spacingXl } from '../../foundations/token/types/Spacing';
 import { Theme } from '../../foundations/types/Theme';
 export type Padding = typeof spacingNone | typeof spacingXl | typeof spacing5Xl;
 export type ContainerAppearance = 'primary' | 'secondary' | 'tertiary' | 'alternative';
 export declare const ContainerAppearanceColor: Record<ContainerAppearance, BackgroundColor>;
-export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+export type ContainerTag = typeof divTagName | typeof sectionTagName | typeof articleTagName | typeof asideTagName | typeof mainTagName | typeof navTagName;
+export interface ContainerProps extends Omit<PatternProps, 'bottomSpacing'>, HTMLAttributes<HTMLDivElement> {
+    /**
+     * children is mandatory
+     */
     children: ReactNode;
     /**
      * Pin component's name from string to the concrete name
@@ -24,4 +30,9 @@ export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
      */
     padding?: Padding;
     theme?: Theme;
+    /**
+     * use a different html tag to render Container
+     * ```div``` is default
+     */
+    tag?: ContainerTag;
 }

package/dist/components/DateInput/index.js

@@ -1,14 +1,16 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { aW as CalendarMonthIcon, iv as iconSizeSm } from "../../index-Cbojl4_Q.js";
 import { forwardRef, useRef, useImperativeHandle } from "react";
 import FormElement from "../FormElement/index.js";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
+import { b as iconSizeSm } from "../../styled-DPHfwWsx.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled-03irSJOQ.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-Cep52hpR.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
+import "../../NotificationErrorIcon-DMnAJgPN.js";
+import { aW as CalendarMonthIcon } from "../../_5gPlusIcon-B_69VW4X.js";
 import styled from "styled-components";
 const CalendarMonthIconStyled = styled(CalendarMonthIcon).withConfig({
   displayName: "CalendarMonthIconStyled",

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

@@ -1,4 +1,3 @@
-import { InlineIconProps } from '@vfde-react/inline-icon-library';
 import { InputHTMLAttributes } from 'react';
-export declare const CalendarMonthIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<InlineIconProps, InlineIconProps>> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
+export declare const CalendarMonthIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", any> & string & Omit<import('react').FC<InlineIconProps>, keyof import('react').Component<any, {}, any>>;
 export declare const DateInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof InputHTMLAttributes<HTMLInputElement>> & InputHTMLAttributes<HTMLInputElement>, InputHTMLAttributes<HTMLInputElement>>> & string;

package/dist/components/DemoBox/index.js

@@ -2,8 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import IconSnippet from "../IconSnippet/index.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
-import { g as getUid } from "../../index-BeSd-V81.js";
-import { D as DemoBoxStyled } from "../../styled-ODPFCF1a.js";
+import { g as getUid } from "../../index-9io8adeQ.js";
+import { D as DemoBoxStyled } from "../../styled-Cq-UMAjp.js";
 const heading = {
   component: "Heading",
   children: "Child component",
@@ -15,7 +15,9 @@ const richText = {
   html: "<p>This is a placeholder.</p>",
   uid: getUid()
 };
-const DemoBox = (props) => /* @__PURE__ */ jsx(DemoBoxStyled, { ...props, children: /* @__PURE__ */ jsx(IconSnippet, { size: "small", icon: "Sync", bottomSpacing: "None", contents: [heading, richText] }) });
+const DemoBox = (props) => /* @__PURE__ */ jsx(DemoBoxStyled, { ...props, children: /* @__PURE__ */ jsx(IconSnippet, { size: "sm", icon: {
+  name: "Sync"
+}, bottomSpacing: "None", contents: [heading, richText] }) });
 export {
   DemoBox as default
 };

package/dist/components/Dialog/index.js

@@ -2,21 +2,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
-import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import Heading from "../Heading/index.js";
+import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import Heading from "../Heading/index.js";
 import styled from "styled-components";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Card from "../Card/index.js";
+import Flex from "../Flex/index.js";
 import IconButton from "../IconButton/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { d as colorBackgroundOverlayStatic } from "../../BackgroundColor-e0N9tdDR.js";
 import { a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
-import Flex from "../Flex/index.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const DialogOverlayStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DialogOverlayStyled",

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

@@ -1,5 +1,5 @@
 import { DialogProps } from './props';
-export declare const DialogOverlayStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<DialogProps, "heading" | "buttons"> & {
+export declare const DialogOverlayStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<DialogProps, "buttons" | "heading"> & {
     open: boolean;
 }>> & string;
 export declare const DialogCardStyled: 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>>;

package/dist/components/DiscoveryCard/components/DiscoveryCardLinkedImage.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { DiscoveryCardProps } from '../props';
+import { DiscoveryCardProps } from '..';
 declare const DiscoveryCardLinkedImage: FC<Pick<DiscoveryCardProps, 'uid' | 'image' | 'link' | 'orientation' | 'bottomSpacing'>>;
 export default DiscoveryCardLinkedImage;

package/dist/components/DiscoveryCard/index.js

@@ -1,24 +1,33 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { R as RichText } from "../../index-BeSd-V81.js";
-import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
-import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
-import { s as spacingMd, b as spacingNone, a as spacingXs, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
-import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { b as BadgeStyled, B as Badge } from "../../index-ZHkR70j3.js";
+import { b as BadgeStyled, B as Badge } from "../../index-BdPmdY9v.js";
 import Body, { bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-aUJfXBUI.js";
-import Image, { aspectRatio16_9, aspectRatio1_1 } from "../Image/index.js";
-import { a as cornerRounded } from "../../CornerStyle-JEbGNArR.js";
+import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-TImInHXt.js";
+import { R as RichText } from "../../index-9io8adeQ.js";
+import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
+import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
+import { s as spacingMd, b as spacingNone, a as spacingXs, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
+import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
+import "../../NotificationErrorIcon-DMnAJgPN.js";
+import "../../styled-DPHfwWsx.js";
+import "html-react-parser";
+import "../../index-GwyCjtti.js";
+import "../FootnoteLink/index.js";
+import "../../styled-C4eI47I1.js";
+import { a as LinkStyled } from "../../index-Cqh8IRpl.js";
+import "../../hooks/useLinkComponent/index.js";
+import "../InlineLink/index.js";
+import "uuid";
 import styled from "styled-components";
+import Card from "../Card/index.js";
+import Image, { aspectRatio16_9, aspectRatio1_1 } from "../Image/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
-import Card from "../Card/index.js";
-import { a as LinkStyled } from "../../index-C5GzK6_0.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
+import { a as cornerRounded } from "../../CornerStyle-JEbGNArR.js";
 const discoveryCardOrientationVertical = "vertical";
 const discoveryCardOrientationHorizontal = "horizontal";
 const DiscoveryCardStyled = styled(Card).withConfig({

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

@@ -1,12 +1,12 @@
 import { HTMLAttributes } from 'react';
 import { BadgeProps } from '../Badge/props';
+import { BodyProps } from '../Body';
+import { HeadingProps } from '../Heading';
 import { ImageProps } from '../Image/props';
 import { LinkProps } from '../Link/props';
 import { PriceProps } from '../Price/props';
-import { PatternProps } from '../../foundations/PatternProps';
-import { BodyProps } from '../Body';
-import { HeadingProps } from '../Heading';
 import { RichTextProps } from '../RichText';
+import { PatternProps } from '../../foundations/PatternProps';
 export declare const discoveryCardOrientationVertical = "vertical";
 export declare const discoveryCardOrientationHorizontal = "horizontal";
 export type DiscoveryCardOrientation = typeof discoveryCardOrientationVertical | typeof discoveryCardOrientationHorizontal;

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

@@ -1,6 +1,6 @@
 import { AnchorHTMLAttributes } from 'react';
 import { DiscoveryCardProps } from './props';
-export declare const DiscoveryCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Card').CardProps, Omit<DiscoveryCardProps, "heading" | "body" | "uid" | "badge" | "price" | "link" | "image">>> & string & Omit<import('react').FC<import('../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DiscoveryCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Card').CardProps, Omit<DiscoveryCardProps, "badge" | "heading" | "price" | "uid" | "body" | "link" | "image">>> & string & Omit<import('react').FC<import('../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
 export declare const DiscoveryCardContentyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DiscoveryCardImageLinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, Pick<DiscoveryCardProps, "orientation" | "bottomSpacing"> & AnchorHTMLAttributes<HTMLAnchorElement>>> & string;
+export declare const DiscoveryCardImageLinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, Pick<DiscoveryCardProps, "bottomSpacing" | "orientation"> & AnchorHTMLAttributes<HTMLAnchorElement>>> & string;
 export declare const DiscoveryCardImageStyled: 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/DiscoveryCardGroup/index.js

@@ -4,9 +4,9 @@ import styled from "styled-components";
 import DiscoveryCard, { discoveryCardOrientationVertical } from "../DiscoveryCard/index.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
+import { a as LinkStyled } from "../../index-Cqh8IRpl.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { a as LinkStyled } from "../../index-C5GzK6_0.js";
 const DiscoveryCardGroupGridStyled = styled(Grid).withConfig({
   displayName: "DiscoveryCardGroupGridStyled",
   componentId: "sc-6axszn-0"

package/dist/components/Divider/index.js

@@ -7,7 +7,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const DividerLineStyled = styled.hr.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DividerLineStyled",

package/dist/components/Fieldset/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { eB as NotificationErrorIcon } from "../../index-Cbojl4_Q.js";
+import { N as NotificationErrorIcon } from "../../NotificationErrorIcon-DMnAJgPN.js";
 import { forwardRef } from "react";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
@@ -8,7 +8,7 @@ import Legend from "../Legend/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const FieldsetStyled = styled.fieldset.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FieldsetStyled",

package/dist/components/FilterGroup/index.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { df as IconLoader, iv as iconSizeSm } from "../../index-Cbojl4_Q.js";
 import { useState } from "react";
 import Fieldset from "../Fieldset/index.js";
+import { b as iconSizeSm } from "../../styled-DPHfwWsx.js";
 import styled from "styled-components";
-import { s as screenreaderOnly } from "../../index-DQhtQZ85.js";
+import IconLoader from "../IconLoader/index.js";
+import { s as screenreaderOnly } from "../../index-GwyCjtti.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
@@ -23,7 +24,7 @@ import { b as colorObjectSelected } from "../../ObjectColor-BZDBuV8H.js";
 import { a as spacingXs, b as spacingNone, e as spacing2Xs, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
 import { a as colorTextNeutral, b as colorTextInverseStatic } from "../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const FilterGroupStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FilterGroupStyled",

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

@@ -1,4 +1,4 @@
-import { IconName } from '@vfde-react/inline-icon-library';
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
 import { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 import { FieldsetSharedProps } from '../Fieldset/props';
 export interface FilterProps extends InputHTMLAttributes<HTMLInputElement> {

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

@@ -3,5 +3,5 @@ export declare const FilterGroupStyled: import('styled-components/dist/types').I
 export declare const FilterStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, HTMLAttributes<HTMLLabelElement> & {
     checked?: boolean;
 }>> & string;
-export declare const FilterIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('@vfde-react/inline-icon-library').IconLoaderProps, never>> & string & Omit<import('react').FC<import('@vfde-react/inline-icon-library').IconLoaderProps>, keyof import('react').Component<any, {}, any>>;
+export declare const FilterIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../IconLoader').IconLoaderProps, never>> & string & Omit<import('react').FC<import('../IconLoader').IconLoaderProps>, keyof import('react').Component<any, {}, any>>;
 export declare const FilterInputStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/components/Flex/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { F as FlexStyled } from "../../styled-B0YKfXTz.js";
-import { e, d, c, b, f, a } from "../../styled-B0YKfXTz.js";
+import { F as FlexStyled } from "../../styled-CPUu8mvT.js";
+import { e, d, c, b, f, a } from "../../styled-CPUu8mvT.js";
 const Flex = ({
   children,
   ...props

package/dist/components/FlexItem/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { cloneElement } from "react";
 import { b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const flexItemFullGrow = "full";
 const flexItemAutoGrow = "auto";
 const FlexItemStyled = styled.div.withConfig({

package/dist/components/FootnoteContent/index.js

@@ -7,7 +7,7 @@ import { getBorderColor } from "../../foundations/token/getBorderColor/index.js"
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
 import { a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const rotate = keyframes(["0%{box-shadow:transparent 0px 0px 0px 0px;}50%{box-shadow:", " 0px 0px 2px ", ";}100%{box-shadow:transparent 0px 0px 0px 0px;}}"], getBorderColor(colorBorderFocus), getBorderWidth(borderWidthFocus));
 const FootnoteContentStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/FootnoteLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as ScreenreaderOnly } from "../../index-DQhtQZ85.js";
+import { S as ScreenreaderOnly } from "../../index-GwyCjtti.js";
 import styled from "styled-components";
 import InlineLink from "../InlineLink/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
@@ -12,7 +12,15 @@ const FootnoteLinkStyled = styled(InlineLink).withConfig({
   verticalAlign: "super",
   fontSize: "smaller",
   paddingLeft: getSpacing(spacing2Xs),
-  paddingRight: getSpacing(spacing2Xs)
+  paddingRight: getSpacing(spacing2Xs),
+  textDecoration: "none",
+  display: "inline-block",
+  "& a": {
+    textDecoration: "underline",
+    padding: 0,
+    verticalAlign: "baseline",
+    fontSize: "inherit"
+  }
 });
 const FootnoteLink = ({
   uid,

package/dist/components/Form/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const FormStyled = styled.form.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FormStyled",

package/dist/components/FormElement/index.js

@@ -5,7 +5,7 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const FormElementStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FormElementStyled",

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

@@ -1,4 +1,4 @@
-import { IconName } from '@vfde-react/inline-icon-library';
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
 import { FC } from 'react';
 import { InputStatus } from '../Input/props';
 import { FormHelperStatusIconProps } from './props';

package/dist/components/FormHelperStatusIcon/index.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { df as IconLoader, iv as iconSizeSm } from "../../index-Cbojl4_Q.js";
+import { b as iconSizeSm } from "../../styled-DPHfwWsx.js";
 import styled from "styled-components";
+import IconLoader from "../IconLoader/index.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/FormHelperStatusIcon/styled.d.ts

@@ -1,3 +1,3 @@
-import { IconLoaderProps } from '@vfde-react/inline-icon-library';
+import { IconLoaderProps } from '../IconLoader';
 import { FormHelperStatusIconProps } from './props';
 export declare const FormHelperStatusIconStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<IconLoaderProps, IconLoaderProps & FormHelperStatusIconProps>> & string & Omit<import('react').FC<IconLoaderProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/GoogleMap/components/Map/props.d.ts

@@ -1,4 +1,4 @@
-import { GoogleMapProps } from '../../props';
+import { GoogleMapProps } from '../..';
 export interface MapProviderProps extends Pick<GoogleMapProps, 'apiKey' | 'children'> {
     setMap: (map: google.maps.Map | null) => void;
 }

package/dist/components/GoogleMap/index.js

@@ -2,9 +2,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useMap, APIProvider, Map } from "@vis.gl/react-google-maps";
 import { useEffect, useState } from "react";
+import ConsentMessage from "../ConsentMessage/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js";
-import ConsentMessage from "../ConsentMessage/index.js";
 import styled from "styled-components";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
@@ -15,7 +15,7 @@ import { j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
 import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
 import { c as borderWidthSm } from "../../BorderWidth-DfOlyKK7.js";
 import { c as cornerStraight } from "../../CornerStyle-JEbGNArR.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const MapInner = ({
   setMap,
   children

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

@@ -1,2 +1,2 @@
 import { GoogleMapProps } from './props';
-export declare const GoogleMapStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<GoogleMapProps, "consentMessage" | "apiKey">>> & string;
+export declare const GoogleMapStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<GoogleMapProps, "apiKey" | "consentMessage">>> & string;

package/dist/components/Grid/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { l as liTagName, d as divTagName } from "../../tags-DI6H1biK.js";
+import { l as liTagName, d as divTagName } from "../../tags-D0ExIPLD.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { Children, cloneElement } from "react";
-import { G as GridStyled } from "../../styled-ZpQohvyx.js";
+import { G as GridStyled } from "../../styled-BIc9Gu0G.js";
 const autoLayout = (props) => {
   if (!props.autoLayout) {
     return props.children;

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

@@ -1,11 +1,11 @@
 import { HTMLAttributes, ReactElement } from 'react';
+import { GridItemProps } from '../GridItem/props';
 import { PatternProps } from '../../foundations/PatternProps';
-import { divTagName, olTagName, ulTagName } from '../../foundations/tags';
+import { articleTagName, asideTagName, divTagName, mainTagName, navTagName, olTagName, sectionTagName, ulTagName } from '../../foundations/tags';
 import { Spacing } from '../../foundations/token/types/Spacing';
 import { ViewportName } from '../../foundations/token/types/Viewport';
-import { GridItemProps } from '../GridItem/props';
 export type GridColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export type GridTag = typeof divTagName | typeof ulTagName | typeof olTagName;
+export type GridTag = typeof divTagName | typeof ulTagName | typeof olTagName | typeof navTagName | typeof mainTagName | typeof sectionTagName | typeof asideTagName | typeof articleTagName;
 export type GridSpacing = Extract<Spacing, 'None' | 'Md'>;
 /**
  * type GridConfig defines an object that can contain colspans

package/dist/components/GridItem/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { d as divTagName } from "../../tags-DI6H1biK.js";
-import { G as GridItemStyled } from "../../styled-Cqp2oSjW.js";
+import { d as divTagName } from "../../tags-D0ExIPLD.js";
+import { G as GridItemStyled } from "../../styled-a-XazLSM.js";
 const GridItem = ({
   sm = 12,
   tag = divTagName,

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

@@ -1,8 +1,8 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { GridConfig, GridProps } from '../Grid/props';
 import { PatternProps } from '../../foundations/PatternProps';
-import { divTagName, liTagName } from '../../foundations/tags';
-export type GridItemTag = typeof divTagName | typeof liTagName;
+import { articleTagName, asideTagName, divTagName, liTagName, mainTagName, navTagName, sectionTagName } from '../../foundations/tags';
+export type GridItemTag = typeof divTagName | typeof liTagName | typeof navTagName | typeof mainTagName | typeof sectionTagName | typeof asideTagName | typeof articleTagName;
 export type GridItemAlign = 'left' | 'center' | 'right';
 export interface GridItemProps extends GridConfig, Omit<PatternProps, 'bottomSpacing'>, Pick<GridProps, 'spacing'>, HTMLAttributes<HTMLDivElement> {
     children: ReactNode;

package/dist/components/Heading/index.js

@@ -4,14 +4,14 @@ import FootnoteLink from "../FootnoteLink/index.js";
 import { a as spacingXs, c as spacingSm, s as spacingMd, f as spacingLg, d as spacingXl } from "../../Spacing-D0HQH9YJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
-import { h as h5TagName, a as h4TagName, b as h3TagName, c as h2TagName, e as h1TagName, f as headingHtmlTags } from "../../tags-DI6H1biK.js";
+import { h as h5TagName, a as h4TagName, b as h3TagName, c as h2TagName, e as h1TagName } from "../../tags-D0ExIPLD.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { f as fontWeightBold, a as fontWeightLight } from "../../FontWeight-CR22KTex.js";
+import { f as fontWeightBold, b as fontWeightLight } from "../../FontWeight-DEBGHbtO.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 const headingAlignLeft = "left";
 const headingAlignCenter = "center";
 const mapHeadingSizeToFontWeight = {
@@ -38,13 +38,6 @@ const mapSizeToBottomSpacing = {
 const attributes = (props) => {
   const attrs = {};
   attrs.as = props.tag ? props.tag : mapSizeToTag[props.size];
-  if (attrs.as && false === headingHtmlTags.includes(attrs.as)) {
-    attrs.role = "heading";
-    if (!props["aria-level"]) {
-      const level = parseInt(mapSizeToTag[props.size].replace("h", ""));
-      attrs["aria-level"] = level;
-    }
-  }
   return attrs;
 };
 const HeadingStyled = styled.h1.withConfig({

package/dist/components/HifiIcon/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const IconStyled = styled.img.withConfig({
   shouldForwardProp: filterProps(),

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

@@ -1,5 +1,6 @@
 import { ImgHTMLAttributes } from 'react';
-import { iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from '../Icon/props';
+import { iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from '../Icon';
+import { iconSize5xl } from '../InlineIcon';
 import { PatternProps } from '../../foundations/PatternProps';
 export type HifiIconSize = typeof iconSize5xl | typeof iconSize6xl | typeof iconSize7xl | typeof iconSize8xl | typeof iconSize9xl;
 export interface HifiIconProps extends PatternProps, ImgHTMLAttributes<HTMLImageElement> {

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

@@ -1,7 +1,7 @@
-import { IconLoaderProps } from '@vfde-react/inline-icon-library';
 import { FC } from 'react';
+import { HifiIconProps } from '../HifiIcon';
+import { IconLoaderProps } from '../IconLoader';
 import { IconProps } from './props';
-import { HifiIconProps } from '../HifiIcon/props';
 /**
  * The Icon component exposes the three options to render an icon:
  *

package/dist/components/Icon/index.js

@@ -1,8 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { df as IconLoader } from "../../index-Cbojl4_Q.js";
 import HifiIcon from "../HifiIcon/index.js";
-const iconSize5xl = "iconSize5xl";
+import IconLoader from "../IconLoader/index.js";
 const iconSize6xl = "iconSize6xl";
 const iconSize7xl = "iconSize7xl";
 const iconSize8xl = "iconSize8xl";
@@ -30,7 +29,6 @@ const Icon = (props) => {
 };
 export {
   Icon as default,
-  iconSize5xl,
   iconSize6xl,
   iconSize7xl,
   iconSize8xl,

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

@@ -1,8 +1,7 @@
-import { IconSize, InlineIconProps } from '@vfde-react/inline-icon-library';
 import { ReactElement, SVGAttributes } from 'react';
 import { HifiIconSize } from '../HifiIcon/props';
+import { IconSize, InlineIconProps } from '../InlineIcon';
 import { PatternProps } from '../../foundations/PatternProps';
-export declare const iconSize5xl = "iconSize5xl";
 export declare const iconSize6xl = "iconSize6xl";
 export declare const iconSize7xl = "iconSize7xl";
 export declare const iconSize8xl = "iconSize8xl";

package/dist/components/IconButton/index.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { df as IconLoader, iv as iconSizeSm } from "../../index-Cbojl4_Q.js";
+import IconLoader from "../IconLoader/index.js";
+import { b as iconSizeSm } from "../../styled-DPHfwWsx.js";
 import styled from "styled-components";
 import { s as shadow28 } from "../../shadow-u158mzuN.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
@@ -13,8 +14,8 @@ import { b as borderRadiusMd, c as borderRadiusFull } from "../../BorderRadius-C
 import { d as borderWidthSelected } from "../../BorderWidth-DfOlyKK7.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { b as buttonHeight, g as getButtonAppearance, p as primaryAppearance, a as ButtonAppearanceColor } from "../../styled-BSqC5P9h.js";
-import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { b as buttonHeight, g as getButtonAppearance, p as primaryAppearance, a as ButtonAppearanceColor } from "../../styled-C4eI47I1.js";
+import { a as filterProps } from "../../filterProps-CBnuV0LI.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const iconButtonShapeSquare = "square";
 const iconButtonShapeCircle = "circle";

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

@@ -1,4 +1,4 @@
-import { IconName } from '@vfde-react/inline-icon-library';
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
 import { ButtonHTMLAttributes } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
 import { ButtonAppearances } from '../../foundations/types/ButtonAppearances';