@vodafone_de/brix-components 7.0.6 → 7.0.7

package/dist/components/Card/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { d as divTagName } from "../../tags-DI6H1biK.js";
+import { d as divTagName } from "../../tags-Bz98Tkqt.js";
 import { a as CardStyled } from "../../styled-CYugcGtx.js";
 import { C } from "../../styled-CYugcGtx.js";
 const Card = ({

package/dist/components/Carousel/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "@af-utils/scrollend-polyfill";
 import { createContext, useRef, useState, useEffect, useContext, createElement } from "react";
 import { useFocusWithin } from "../../hooks/useFocusWithin/index.js";
-import { l as liTagName, u as ulTagName } from "../../tags-DI6H1biK.js";
+import { l as liTagName, u as ulTagName } from "../../tags-Bz98Tkqt.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 import { a as CardStyled } from "../../styled-CYugcGtx.js";

package/dist/components/DemoBox/index.js

@@ -2,7 +2,7 @@
 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-BRs8j3Vq.js";
+import { g as getUid } from "../../index-D2J2U7wz.js";
 import { D as DemoBoxStyled } from "../../styled-ODPFCF1a.js";
 const heading = {
   component: "Heading",
@@ -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/DiscoveryCard/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { R as RichText } from "../../index-BRs8j3Vq.js";
+import { R as RichText } from "../../index-D2J2U7wz.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";

package/dist/components/Grid/index.js

@@ -1,6 +1,6 @@
 "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-Bz98Tkqt.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { Children, cloneElement } from "react";
 import { G as GridStyled } from "../../styled-ZpQohvyx.js";

package/dist/components/GridItem/index.js

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

package/dist/components/Heading/index.js

@@ -4,7 +4,7 @@ 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, f as headingHtmlTags } from "../../tags-Bz98Tkqt.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";

package/dist/components/IconSnippet/index.js

@@ -4,8 +4,8 @@ import { df as IconLoader, it as iconSizeLg, iq as iconSize3xl, iv as iconSizeSm
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { R as RichText } from "../../index-BRs8j3Vq.js";
-import { d as divTagName } from "../../tags-DI6H1biK.js";
+import { R as RichText } from "../../index-D2J2U7wz.js";
+import { d as divTagName } from "../../tags-Bz98Tkqt.js";
 import { a as spacingXs, s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import Link from "../Link/index.js";
 import styled from "styled-components";

package/dist/components/IconSnippetList/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
 import IconSnippet from "../IconSnippet/index.js";
-import { u as ulTagName, l as liTagName } from "../../tags-DI6H1biK.js";
+import { u as ulTagName, l as liTagName } from "../../tags-Bz98Tkqt.js";
 import { b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 const IconSnippetList = ({
   component: _component,

package/dist/components/ImageHeader/index.js

@@ -4,7 +4,7 @@ import Body from "../Body/index.js";
 import { b as fontWeightLight } from "../../FontWeight-DEBGHbtO.js";
 import { s as spacingMd, c as spacingSm, d as spacingXl, a as spacingXs, e as spacing2Xs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { g as getUid, R as RichText } from "../../index-BRs8j3Vq.js";
+import { g as getUid, R as RichText } from "../../index-D2J2U7wz.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.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-BRs8j3Vq.js";
+import { R as RichText } from "../../index-D2J2U7wz.js";
 import styled from "styled-components";
 const LegendStyled = styled.legend.withConfig({
   displayName: "LegendStyled",

package/dist/components/LinkList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { u as ulTagName, l as liTagName } from "../../tags-DI6H1biK.js";
+import { u as ulTagName, l as liTagName } from "../../tags-Bz98Tkqt.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import LinkListItem, { linkListItemVariantVertical, linkListItemVariantHorizontal } from "../LinkListItem/index.js";
 import styled from "styled-components";

package/dist/components/LinkListItem/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { iu as iconSizeMd, df as IconLoader } from "../../index-Cbojl4_Q.js";
-import { s as spanTagName } from "../../tags-DI6H1biK.js";
+import { s as spanTagName } from "../../tags-Bz98Tkqt.js";
 import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { B as Badge } from "../../index-CKvLGUdD.js";

package/dist/components/MediaText/index.js

@@ -6,9 +6,9 @@ import FlexItem from "../FlexItem/index.js";
 import Heading, { headingAlignLeft } from "../Heading/index.js";
 import Image, { aspectRatio16_9 } from "../Image/index.js";
 import Link from "../Link/index.js";
-import { g as getUid, R as RichText } from "../../index-BRs8j3Vq.js";
+import { g as getUid, R as RichText } from "../../index-D2J2U7wz.js";
 import YoutubeVideo from "../YoutubeVideo/index.js";
-import { u as ulTagName, d as divTagName, l as liTagName } from "../../tags-DI6H1biK.js";
+import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-Bz98Tkqt.js";
 import { a as fontWeightRegular } from "../../FontWeight-DEBGHbtO.js";
 import { b as textHeadingSm, t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, e as spacing2Xs, c as spacingSm, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
@@ -19,21 +19,21 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import { a as flexOrientationVertical, f as flexOrientationHorizontal, b as flexJustifyStart } from "../../styled-B0YKfXTz.js";
-const mediaTextOrientationTop = "top";
-const mediaTextOrientationLeft = "left";
-const mediaTextOrientationRight = "right";
+const mediaTextPositionTop = "top";
+const mediaTextPositionLeft = "left";
+const mediaTextPositionRight = "right";
 const MediaTextStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "MediaTextStyled",
   componentId: "sc-zs2pry-0"
 })(({
-  orientation,
+  position,
   bottomSpacing = spacingMd
 }) => ({
   display: "flex",
   flexDirection: "column",
   ...viewport.md({
-    flexDirection: orientation === "top" ? "column" : orientation === "left" ? "row" : "row-reverse"
+    flexDirection: position === "top" ? "column" : position === "left" ? "row" : "row-reverse"
   }),
   ...getBottomSpacing({
     bottomSpacing
@@ -44,7 +44,7 @@ const MediaTextMediaStyled = styled.div.withConfig({
   displayName: "MediaTextMediaStyled",
   componentId: "sc-zs2pry-1"
 })(({
-  orientation,
+  position,
   bottomSpacing = spacingMd
 }) => ({
   flex: 1,
@@ -52,7 +52,7 @@ const MediaTextMediaStyled = styled.div.withConfig({
     bottomSpacing
   }),
   ...viewport.md({
-    ...orientation != mediaTextOrientationTop ? {
+    ...position != mediaTextPositionTop ? {
       marginBottom: 0
     } : {}
   })
@@ -62,21 +62,21 @@ const MediaTextContentStyled = styled.div.withConfig({
   displayName: "MediaTextContentStyled",
   componentId: "sc-zs2pry-2"
 })(({
-  orientation
+  position
 }) => ({
   flex: 1,
   ...viewport.md({
-    ...orientation === "left" && {
+    ...position === "left" && {
       paddingLeft: getSpacing(spacingMd)
     },
-    ...orientation === "right" && {
+    ...position === "right" && {
       paddingRight: getSpacing(spacingMd)
     }
   })
 }));
 const MediaText = ({
   media,
-  orientation = mediaTextOrientationLeft,
+  position = mediaTextPositionLeft,
   heading,
   subline,
   richText,
@@ -94,7 +94,7 @@ const MediaText = ({
     if (!media2) return null;
     switch (media2.component) {
       case "Image":
-        return /* @__PURE__ */ jsx(Image, { ...media2, aspectRatio: aspectRatio16_9, bottomSpacing: spacingNone });
+        return /* @__PURE__ */ jsx(Image, { ...media2, aspectRatio: media2.aspectRatio ?? aspectRatio16_9, bottomSpacing: spacingNone });
       case "YoutubeVideo":
         return /* @__PURE__ */ jsx(YoutubeVideo, { ...media2, bottomSpacing: spacingNone });
       default:
@@ -103,11 +103,11 @@ const MediaText = ({
     }
   };
   const mediaContent = useMemo(() => renderMedia(media), [media]);
-  return /* @__PURE__ */ jsxs(MediaTextStyled, { orientation, ...props, children: [
-    /* @__PURE__ */ jsx(MediaTextMediaStyled, { orientation, children: mediaContent }),
-    /* @__PURE__ */ jsxs(MediaTextContentStyled, { orientation, children: [
+  return /* @__PURE__ */ jsxs(MediaTextStyled, { position, ...props, children: [
+    /* @__PURE__ */ jsx(MediaTextMediaStyled, { position, children: mediaContent }),
+    /* @__PURE__ */ jsxs(MediaTextContentStyled, { position, children: [
       /* @__PURE__ */ jsx(Heading, { ...heading, id: headingId, align: headingAlignLeft, size: textHeadingSm, bottomSpacing: headingSpacing }),
-      subline && /* @__PURE__ */ jsx(Heading, { ...subline, id: sublineId, align: headingAlignLeft, size: textHeadingXs, weight: fontWeightRegular, bottomSpacing: spacingMd }),
+      subline && /* @__PURE__ */ jsx(Heading, { ...subline, id: sublineId, align: headingAlignLeft, size: textHeadingXs, weight: fontWeightRegular, tag: pTagName, bottomSpacing: spacingMd }),
       /* @__PURE__ */ jsx(RichText, { ...richText, bottomSpacing: spacingMd }),
       /* @__PURE__ */ jsx(Flex, { bottomSpacing: spacingMd, gapSpacing: spacingSm, justify: flexJustifyStart, orientation: "sm" === viewport2 ? flexOrientationVertical : flexOrientationHorizontal, as: actionFlexAs, children: action && action.map((action2) => /* @__PURE__ */ jsx(FlexItem, { as: linkFlexItemAs, bottomSpacing: spacingNone, children: /* @__PURE__ */ jsx(Link, { ...action2 }) }, action2.uid)) })
     ] })
@@ -115,7 +115,7 @@ const MediaText = ({
 };
 export {
   MediaText as default,
-  mediaTextOrientationLeft,
-  mediaTextOrientationRight,
-  mediaTextOrientationTop
+  mediaTextPositionLeft,
+  mediaTextPositionRight,
+  mediaTextPositionTop
 };

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

@@ -5,10 +5,10 @@ import { LinkProps } from '../Link';
 import { RichTextProps } from '../RichText';
 import { YoutubeVideoProps } from '../YoutubeVideo';
 import { PatternProps } from '../../foundations/PatternProps';
-export declare const mediaTextOrientationTop = "top";
-export declare const mediaTextOrientationLeft = "left";
-export declare const mediaTextOrientationRight = "right";
-export type MediaTextOrientation = typeof mediaTextOrientationTop | typeof mediaTextOrientationLeft | typeof mediaTextOrientationRight;
+export declare const mediaTextPositionTop = "top";
+export declare const mediaTextPositionLeft = "left";
+export declare const mediaTextPositionRight = "right";
+export type MediaTextPosition = typeof mediaTextPositionTop | typeof mediaTextPositionLeft | typeof mediaTextPositionRight;
 export interface MediaTextProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
     /**
      * Pin component's name from string to the concrete name
@@ -16,13 +16,13 @@ export interface MediaTextProps extends PatternProps, HTMLAttributes<HTMLDivElem
     component?: 'MediaText';
     /**
      * media prop can be either an Image or a YoutubeVideo
-     * The aspect ratio is always 16 to 1. This must be taken into account when selecting the asset.
+     * The aspect ratio is by default 16 to 9.
      */
     media: Omit<ImageProps, 'bottomSpacing'> | Omit<YoutubeVideoProps, 'bottomSpacing'>;
     /**
-     * MediaText media can be orientated top, left or right.
+     * MediaText media can be positioned on top, left or right.
      */
-    orientation?: MediaTextOrientation;
+    position?: MediaTextPosition;
     /**
      * Heading
      */
@@ -30,7 +30,7 @@ export interface MediaTextProps extends PatternProps, HTMLAttributes<HTMLDivElem
     /**
      * Subline
      */
-    subline?: Omit<HeadingProps, 'size' | 'weight' | 'bottomSpacing'>;
+    subline?: Omit<HeadingProps, 'size' | 'weight' | 'tag' | 'bottomSpacing'>;
     /**
      * Body
      */

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

@@ -1,4 +1,4 @@
 import { MediaTextProps } from './props';
-export declare const MediaTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "orientation" | "bottomSpacing">>> & string;
-export declare const MediaTextMediaStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "orientation" | "bottomSpacing">>> & string;
-export declare const MediaTextContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "orientation">>> & string;
+export declare const MediaTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "bottomSpacing" | "position">>> & string;
+export declare const MediaTextMediaStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "bottomSpacing" | "position">>> & string;
+export declare const MediaTextContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "position">>> & string;

package/dist/components/Notification/index.js

@@ -7,7 +7,7 @@ import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-BRs8j3Vq.js";
+import { R as RichText } from "../../index-D2J2U7wz.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, f as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-BummoQ1-.js";

package/dist/components/RichText/index.js

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

package/dist/components/SuggestInput/index.js

@@ -11,7 +11,7 @@ import { I as InputWrapperStyled, a as InputStyled } from "../../styled-03irSJOQ
 import { c as spacingSm, a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Body from "../Body/index.js";
-import { g as strongTagName } from "../../tags-DI6H1biK.js";
+import { g as strongTagName } from "../../tags-Bz98Tkqt.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/TextList/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-BRs8j3Vq.js";
-import "../../tags-DI6H1biK.js";
+import { a, T } from "../../index-D2J2U7wz.js";
+import "../../tags-Bz98Tkqt.js";
 import "../../Spacing-D0HQH9YJ.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {

package/dist/{index-BRs8j3Vq.js → index-D2J2U7wz.js}

@@ -5,7 +5,7 @@ import Body from "./components/Body/index.js";
 import FootnoteLink from "./components/FootnoteLink/index.js";
 import Heading from "./components/Heading/index.js";
 import InlineLink from "./components/InlineLink/index.js";
-import { f as headingHtmlTags, o as olTagName, g as strongTagName, i as supTagName, u as ulTagName } from "./tags-DI6H1biK.js";
+import { f as headingHtmlTags, o as olTagName, g as strongTagName, i as supTagName, u as ulTagName } from "./tags-Bz98Tkqt.js";
 import { s as spacingMd, b as spacingNone } from "./Spacing-D0HQH9YJ.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";

package/dist/index.js

@@ -2,7 +2,7 @@ import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } fro
 import { default as default3 } from "./components/Tray/index.js";
 import { default as default4 } from "./components/TimeInput/index.js";
 import { default as default5 } from "./components/Textarea/index.js";
-import { R, T, a } from "./index-BRs8j3Vq.js";
+import { R, T, a } from "./index-D2J2U7wz.js";
 import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-WLBo71sp.js";
 import { default as default6 } from "./components/Switch/index.js";
 import { default as default7 } from "./components/SuggestInput/index.js";
@@ -17,7 +17,7 @@ import { default as default14 } from "./components/ProductCard/index.js";
 import { default as default15 } from "./components/PickerGroup/index.js";
 import { default as default16, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
 import { default as default17, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
-import { default as default18, mediaTextOrientationLeft, mediaTextOrientationRight, mediaTextOrientationTop } from "./components/MediaText/index.js";
+import { default as default18, mediaTextPositionLeft, mediaTextPositionRight, mediaTextPositionTop } from "./components/MediaText/index.js";
 import { default as default19 } from "./components/LoadingSpinner/index.js";
 import { default as default20, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
 import { default as default21, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
@@ -268,9 +268,9 @@ export {
   linkListItemVariantVertical,
   linkListVariantColumn,
   linkListVariantRow,
-  mediaTextOrientationLeft,
-  mediaTextOrientationRight,
-  mediaTextOrientationTop,
+  mediaTextPositionLeft,
+  mediaTextPositionRight,
+  mediaTextPositionTop,
   m as mediumMediaQuery,
   noReducedMotion,
   notificationStatusError,

package/dist/{tags-DI6H1biK.js → tags-Bz98Tkqt.js}

@@ -5,6 +5,7 @@ const h4TagName = "h4";
 const h5TagName = "h5";
 const h6TagName = "h6";
 const headingHtmlTags = [h1TagName, h2TagName, h3TagName, h4TagName, h5TagName, h6TagName];
+const pTagName = "p";
 const divTagName = "div";
 const spanTagName = "span";
 const strongTagName = "strong";
@@ -24,6 +25,7 @@ export {
   supTagName as i,
   liTagName as l,
   olTagName as o,
+  pTagName as p,
   spanTagName as s,
   ulTagName as u
 };

package/package.json

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