@vodafone_de/brix-components 7.1.1 → 7.1.3

package/dist/components/DemoBox/index.js

@@ -2,18 +2,15 @@
 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-DR3e19BE.js";
 import { D as DemoBoxStyled } from "../../styled-CW4e5Qa3.js";
 const heading = {
   component: "Heading",
   children: "Child component",
-  size: textHeadingXs,
-  uid: getUid()
+  size: textHeadingXs
 };
 const richText = {
   component: "RichText",
-  html: "<p>This is a placeholder.</p>",
-  uid: getUid()
+  html: "<p>This is a placeholder.</p>"
 };
 const DemoBox = (props) => /* @__PURE__ */ jsx(DemoBoxStyled, { ...props, children: /* @__PURE__ */ jsx(IconSnippet, { size: "sm", icon: {
   name: "Sync"

package/dist/components/DiscoveryCard/index.js

@@ -6,7 +6,7 @@ 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-C8lpS44n.js";
-import { R as RichText } from "../../index-CVHmFLr5.js";
+import { R as RichText } from "../../index-7A9g1r9L.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
@@ -23,7 +23,6 @@ import { a as LinkStyled } from "../../index-R87ALCWk.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../InlineLink/index.js";
 import "../../styled-DJWrbsIZ.js";
-import "uuid";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import Image, { aspectRatio16_9, aspectRatio1_1 } from "../Image/index.js";

package/dist/components/IconSnippet/index.js

@@ -6,7 +6,7 @@ import { d as iconSizeLg, g as iconSize3xl, b as iconSizeSm } from "../../props-
 import "../../styled-RnVr222F.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CVHmFLr5.js";
+import { R as RichText } from "../../index-7A9g1r9L.js";
 import { d as divTagName } from "../../tags-38kBhOn6.js";
 import { c as spacingSm, a as spacingMd, s as spacingNone, b as spacingXs } from "../../Spacing-BMQelJYr.js";
 import styled from "styled-components";

package/dist/components/ImageHeader/index.js

@@ -5,11 +5,10 @@ import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading from "../Heading/index.js";
 import { P as Price, b as priceSizeSm } from "../../index-C8lpS44n.js";
-import { R as RichText } from "../../index-CVHmFLr5.js";
+import { R as RichText } from "../../index-7A9g1r9L.js";
 import { b as fontWeightLight } from "../../FontWeight-C2pGs7aR.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { a as spacingMd, c as spacingSm, d as spacingXl, b as spacingXs, e as spacing2Xs, s as spacingNone } from "../../Spacing-BMQelJYr.js";
-import { g as getUid } from "../../index-DR3e19BE.js";
 import styled from "styled-components";
 import Badge from "../Badge/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
@@ -214,7 +213,7 @@ const ImageHeader = ({
   theme,
   ...props
 }) => {
-  const headingId = `heading-${getUid()}`;
+  const headingId = `heading-${props.uid}`;
   const getSubline = (subline2) => {
     if (!subline2) return null;
     const bottomSpacing = {

package/dist/components/InfoBanner/index.js

@@ -8,7 +8,6 @@ import "../../styled-RnVr222F.js";
 import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
-import { g as getUid } from "../../index-DR3e19BE.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
@@ -69,7 +68,7 @@ const InfoBanner = ({
   button,
   ...props
 }) => {
-  const headingId = `heading-${getUid()}`;
+  const headingId = `heading-${props.uid}`;
   return /* @__PURE__ */ jsxs(InfoBannerContainerStyled, { ...props, appearance, "aria-labelledby": headingId, role: "group", children: [
     icon && /* @__PURE__ */ jsx(Icon, { name: icon, size: iconSizeLg, "aria-hidden": true }),
     /* @__PURE__ */ jsx(Heading, { ...heading, id: headingId, size: textHeadingXs, weight: fontWeightRegular, style: {

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

package/dist/components/MediaText/index.js

@@ -6,14 +6,13 @@ import FlexItem from "../FlexItem/index.js";
 import Heading from "../Heading/index.js";
 import Image, { aspectRatio16_9 } from "../Image/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CVHmFLr5.js";
+import { R as RichText } from "../../index-7A9g1r9L.js";
 import YoutubeVideo from "../YoutubeVideo/index.js";
 import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-38kBhOn6.js";
 import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";
 import { b as textHeadingSm, t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { a as spacingMd, e as spacing2Xs, c as spacingSm, s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import { u as useViewport } from "../../index-G2mpsxF7.js";
-import { g as getUid } from "../../index-DR3e19BE.js";
 import styled from "styled-components";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -85,8 +84,8 @@ const MediaText = ({
   action,
   ...props
 }) => {
-  const headingId = `heading-${getUid()}`;
-  const sublineId = `subline-${getUid()}`;
+  const headingId = `heading-${props.uid}`;
+  const sublineId = `subline-${props.uid}`;
   const viewport2 = useViewport();
   const headingSpacing = subline ? spacing2Xs : spacingMd;
   const hasMultipleActions = Array.isArray(action) && action.length > 1;

package/dist/components/Notification/index.js

@@ -9,7 +9,7 @@ import { I as IconLoader } from "../../index-BdUFiKHr.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
 import "../../styled-RnVr222F.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CVHmFLr5.js";
+import { R as RichText } from "../../index-7A9g1r9L.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, g as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-CYdSW9dg.js";

package/dist/components/OpenTextFootnoteAdapter/index.js

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

package/dist/components/RichText/index.js

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

package/dist/components/RichtTextContentful/index.js

@@ -5,7 +5,7 @@ import Body from "../Body/index.js";
 import Divider from "../Divider/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { a as TextListItem, T as TextList } from "../../index-CVHmFLr5.js";
+import { a as TextListItem, T as TextList } from "../../index-7A9g1r9L.js";
 const getOptions = (paragraphSpacing = void 0) => {
   const options = {
     renderMark: {

package/dist/components/TextList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-CVHmFLr5.js";
+import { a, T } from "../../index-7A9g1r9L.js";
 import "../../tags-38kBhOn6.js";
 import "../../Spacing-BMQelJYr.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/contentful/index.js

@@ -19,5 +19,4 @@ import "../styled-BlHKbHF4.js";
 import "../styled-DOK4C5Ml.js";
 import "../styled-D8a-ap4J.js";
 import "../components/InlineLink/index.js";
-import "uuid";
 import "../styled-DJWrbsIZ.js";

package/dist/contentful/live-preview-inspector/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L } from "../../mapContentToComponents-CbXgjoiV.js";
+import { L } from "../../mapContentToComponents-CnKuM6pW.js";
 export {
   L as LivePreviewInspector
 };

package/dist/contentful/live-preview-renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useContentfulLiveUpdates, ContentfulLivePreviewProvider } from "@contentful/live-preview/react";
-import { m as mapContentToComponents } from "../../mapContentToComponents-CbXgjoiV.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-CnKuM6pW.js";
 const BrixLiveRendererComponents = ({
   data
 }) => {

package/dist/contentful/renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import LivePreviewRenderer from "../live-preview-renderer/index.js";
-import { m as mapContentToComponents } from "../../mapContentToComponents-CbXgjoiV.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-CnKuM6pW.js";
 const Renderer = ({
   content,
   isDraftMode

package/dist/{index-CVHmFLr5.js → index-7A9g1r9L.js}

@@ -11,7 +11,6 @@ import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFro
 import { T as TextListItemStyled, a as TextListStyled } from "./styled-DJWrbsIZ.js";
 import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";
 import { a as textBodySm } from "./TextBodySize-BcZR9mh2.js";
-import { g as getUid } from "./index-DR3e19BE.js";
 const mapSizeToTag = {
   h1: textHeadingXl,
   h2: textHeadingLg,
@@ -60,7 +59,7 @@ const getOptions = (paragraphSpacing, additionalProps = {}) => {
           const href = domNode.attribs.href;
           const isAnchor = href.indexOf("#") === 0;
           if (!isNaN(isNumber) && isAnchor) {
-            return /* @__PURE__ */ jsx(FootnoteLink, { uid: getUid(), contentUid: href.replace("#", ""), screenReaderLabel: "Details zur Fußnote", children: linkLabel });
+            return /* @__PURE__ */ jsx(FootnoteLink, { uid: `${uid}`, contentUid: href.replace("#", ""), screenReaderLabel: "Details zur Fußnote", children: linkLabel });
           }
           return /* @__PURE__ */ jsx(InlineLink, { ...additionalProps.a, href: domNode.attribs.href, children: domToReact(domNode.children, options) });
         }

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-CVHmFLr5.js";
+import { R, T, a } from "./index-7A9g1r9L.js";
 import { P, T as T2, c, g, f, p, a as a2, e, d, b } from "./index-C8lpS44n.js";
 import { PanelStyled, default as default6, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
 import { default as default7 } from "./components/Switch/index.js";
@@ -110,7 +110,7 @@ import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L as L2 } from "./mapContentToComponents-CbXgjoiV.js";
+import { L as L2 } from "./mapContentToComponents-CnKuM6pW.js";
 import { a as a4, l as l2 } from "./styled-BlHKbHF4.js";
 import { a as a5, l as l3 } from "./styled-BM1Yo9eD.js";
 import { a as a6, i as i2 } from "./props-DDpgcryb.js";

package/dist/{mapContentToComponents-CbXgjoiV.js → mapContentToComponents-CnKuM6pW.js}

@@ -26,7 +26,6 @@ import { l as linkListVariantRow, a as linkListVariantColumn } from "./styled-Bl
 import "./styled-DOK4C5Ml.js";
 import "./styled-D8a-ap4J.js";
 import "./components/InlineLink/index.js";
-import "uuid";
 import "./styled-DJWrbsIZ.js";
 const validateLegibleContent = (check) => {
   var _a, _b, _c, _d;

package/package.json

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

package/dist/index-DR3e19BE.js

@@ -1,7 +0,0 @@
-import { v4 } from "uuid";
-const getUid = () => {
-  return v4();
-};
-export {
-  getUid as g
-};