@vodafone_de/brix-components 7.1.2 → 7.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/{_5gPlusIcon-B_69VW4X.js → _5gPlusIcon-CnxmOo1u.js} +448 -380
  2. package/dist/components/Accordion/index.js +2 -2
  3. package/dist/components/Badge/index.js +1 -1
  4. package/dist/components/BottomBar/index.js +2 -1
  5. package/dist/components/Button/index.js +2 -2
  6. package/dist/components/ButtonAsLink/index.js +1 -1
  7. package/dist/components/Carousel/index.js +1 -1
  8. package/dist/components/ConsentMessage/index.js +1 -1
  9. package/dist/components/DateInput/index.js +1 -1
  10. package/dist/components/DemoBox/index.js +2 -5
  11. package/dist/components/DiscoveryCard/index.js +5 -6
  12. package/dist/components/DiscoveryCardGroup/index.js +1 -1
  13. package/dist/components/FilterGroup/index.js +2 -2
  14. package/dist/components/FootnoteLink/index.js +1 -1
  15. package/dist/components/FormHelperStatusIcon/index.js +1 -1
  16. package/dist/components/Icon/index.js +1 -1
  17. package/dist/components/IconButton/index.js +2 -2
  18. package/dist/components/IconLoader/index.js +1 -1
  19. package/dist/components/IconSnippet/index.js +2 -2
  20. package/dist/components/ImageHeader/index.js +3 -4
  21. package/dist/components/InfoBanner/index.js +1 -2
  22. package/dist/components/Legend/index.js +1 -1
  23. package/dist/components/Link/index.js +1 -1
  24. package/dist/components/LinkAsButton/index.js +1 -1
  25. package/dist/components/LinkListItem/index.js +1 -1
  26. package/dist/components/LoadingSpinner/index.js +1 -1
  27. package/dist/components/MediaText/index.js +3 -4
  28. package/dist/components/Notification/index.js +2 -2
  29. package/dist/components/OpenTextFootnoteAdapter/index.js +1 -1
  30. package/dist/components/PickerGroup/index.js +2 -2
  31. package/dist/components/Price/index.js +2 -2
  32. package/dist/components/ProductCard/index.js +1 -1
  33. package/dist/components/Rating/index.js +1 -1
  34. package/dist/components/RichText/index.js +1 -1
  35. package/dist/components/RichtTextContentful/index.js +1 -1
  36. package/dist/components/ScreenreaderOnly/index.js +1 -1
  37. package/dist/components/ScreenreaderOnly/styled.d.ts +1 -1
  38. package/dist/components/SearchInput/index.js +2 -2
  39. package/dist/components/SelectInput/index.js +1 -1
  40. package/dist/components/SuggestInput/index.js +1 -1
  41. package/dist/components/Switch/index.js +1 -1
  42. package/dist/components/TabGroup/index.js +1 -1
  43. package/dist/components/TabularPrice/index.js +2 -2
  44. package/dist/components/TextList/index.js +1 -1
  45. package/dist/components/TimeInput/index.js +1 -1
  46. package/dist/contentful/index.js +1 -2
  47. package/dist/contentful/live-preview-inspector/index.js +1 -1
  48. package/dist/contentful/live-preview-renderer/index.js +1 -1
  49. package/dist/contentful/renderer/index.js +1 -1
  50. package/dist/icons/index.js +379 -377
  51. package/dist/{index-CVHmFLr5.js → index-7A9g1r9L.js} +1 -2
  52. package/dist/{index-BBQw77Pn.js → index-B2VrT4fo.js} +1 -1
  53. package/dist/{index-C8lpS44n.js → index-BjtnAuPr.js} +1 -1
  54. package/dist/{index-BdUFiKHr.js → index-C3dW-7e_.js} +5 -1
  55. package/dist/{index-R87ALCWk.js → index-C69FNo1a.js} +1 -1
  56. package/dist/{index-DSTYuyEd.js → index-DXRuQeDl.js} +1 -1
  57. package/dist/index.js +7 -7
  58. package/dist/{mapContentToComponents-CbXgjoiV.js → mapContentToComponents-wTK3ndvI.js} +2 -3
  59. package/dist/{styled-DtUIJa88.js → styled-q7r_5eaz.js} +5 -2
  60. package/package.json +1 -1
  61. package/dist/index-DR3e19BE.js +0 -7
@@ -2,10 +2,10 @@
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { useRef, useState, useEffect } from "react";
4
4
  import Collapsible from "../Collapsible/index.js";
5
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
5
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
6
6
  import { c as iconSizeMd } from "../../props-7dcsjRUx.js";
7
7
  import "../../styled-RnVr222F.js";
8
- import { bf as ChevronDownIcon } from "../../_5gPlusIcon-B_69VW4X.js";
8
+ import { bf as ChevronDownIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
9
9
  import styled from "styled-components";
10
10
  import Heading from "../Heading/index.js";
11
11
  import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { b as iconNames, I as IconLoader } from "../../index-BdUFiKHr.js";
3
+ import { b as iconNames, I as IconLoader } from "../../index-C3dW-7e_.js";
4
4
  import { a as iconSizeXs, b as iconSizeSm } from "../../props-7dcsjRUx.js";
5
5
  import "../../styled-RnVr222F.js";
6
6
  import { s as smallSize, m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
@@ -24,7 +24,8 @@ const BottomBarStyled = styled(CardStyled).withConfig({
24
24
  height: "auto",
25
25
  borderBottomLeftRadius: getBorderRadius(borderRadiusNone),
26
26
  borderBottomRightRadius: getBorderRadius(borderRadiusNone),
27
- transition: "transform 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4)"
27
+ transition: "transform 400ms cubic-bezier(0.7, -0.4, 0.4, 1.4)",
28
+ zIndex: "4"
28
29
  }, ({
29
30
  visible
30
31
  }) => {
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { B as ButtonAsLink, g as getButtonIcon } from "../../index-DSTYuyEd.js";
3
+ import { B as ButtonAsLink, g as getButtonIcon } from "../../index-DXRuQeDl.js";
4
4
  import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
5
- import { B as ButtonStyled } from "../../styled-DtUIJa88.js";
5
+ import { B as ButtonStyled } from "../../styled-q7r_5eaz.js";
6
6
  const buttonFullWidth = "full";
7
7
  const buttonAutoWidth = "auto";
8
8
  const isButtonAsLinkProp = (props) => {
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { B } from "../../index-DSTYuyEd.js";
3
+ import { B } from "../../index-DXRuQeDl.js";
4
4
  import "../../hooks/useLinkComponent/index.js";
5
5
  import "../../filterProps-CTn92eZw.js";
6
6
  import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -18,7 +18,7 @@ import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
18
18
  import { a as colorObjectBrand, g as colorObjectUnselected } from "../../ObjectColor-0RAzLGI5.js";
19
19
  import { a as filterProps } from "../../filterProps-CTn92eZw.js";
20
20
  import IconButton from "../IconButton/index.js";
21
- import { S as ScreenreaderOnly } from "../../index-BBQw77Pn.js";
21
+ import { S as ScreenreaderOnly } from "../../index-B2VrT4fo.js";
22
22
  const getItems = (items, loop) => {
23
23
  const normalizedItems = [...items].map((item, index) => ({
24
24
  ...item,
@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
4
4
  import Body, { bodyAlignCenter } from "../Body/index.js";
5
5
  import Button, { buttonAutoWidth } from "../Button/index.js";
6
6
  import styled from "styled-components";
7
- import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-DtUIJa88.js";
7
+ import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-q7r_5eaz.js";
8
8
  import { v as viewport } from "../../index-Ck2bCrhT.js";
9
9
  import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
10
10
  import { getSpacing } from "../../foundations/token/getSpacing/index.js";
@@ -10,7 +10,7 @@ import "../../styled-RnVr222F.js";
10
10
  import { a as inputStateError } from "../../props-DDpgcryb.js";
11
11
  import { a as InputStyled, I as InputWrapperStyled } from "../../styled-BTBLpB_G.js";
12
12
  import { a as spacingMd, b as spacingXs } from "../../Spacing-BMQelJYr.js";
13
- import { aW as CalendarMonthIcon } from "../../_5gPlusIcon-B_69VW4X.js";
13
+ import { aW as CalendarMonthIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
14
14
  import styled from "styled-components";
15
15
  const CalendarMonthIconStyled = styled(CalendarMonthIcon).withConfig({
16
16
  displayName: "CalendarMonthIconStyled",
@@ -2,18 +2,15 @@
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import IconSnippet from "../IconSnippet/index.js";
4
4
  import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
5
- import { g as getUid } from "../../index-DR3e19BE.js";
6
5
  import { D as DemoBoxStyled } from "../../styled-CW4e5Qa3.js";
7
6
  const heading = {
8
7
  component: "Heading",
9
8
  children: "Child component",
10
- size: textHeadingXs,
11
- uid: getUid()
9
+ size: textHeadingXs
12
10
  };
13
11
  const richText = {
14
12
  component: "RichText",
15
- html: "<p>This is a placeholder.</p>",
16
- uid: getUid()
13
+ html: "<p>This is a placeholder.</p>"
17
14
  };
18
15
  const DemoBox = (props) => /* @__PURE__ */ jsx(DemoBoxStyled, { ...props, children: /* @__PURE__ */ jsx(IconSnippet, { size: "sm", icon: {
19
16
  name: "Sync"
@@ -5,8 +5,8 @@ import Badge from "../Badge/index.js";
5
5
  import Body, { bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
6
6
  import Heading from "../Heading/index.js";
7
7
  import Link from "../Link/index.js";
8
- import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-C8lpS44n.js";
9
- import { R as RichText } from "../../index-CVHmFLr5.js";
8
+ import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-BjtnAuPr.js";
9
+ import { R as RichText } from "../../index-7A9g1r9L.js";
10
10
  import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
11
11
  import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
12
12
  import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
@@ -15,15 +15,14 @@ import "../../NotificationErrorIcon-DMnAJgPN.js";
15
15
  import "../../styled-RnVr222F.js";
16
16
  import "html-react-parser";
17
17
  import { b as BadgeStyled } from "../../styled-B-_SmQSA.js";
18
- import "../../index-BBQw77Pn.js";
18
+ import "../../index-B2VrT4fo.js";
19
19
  import "../FootnoteLink/index.js";
20
20
  import "../../styled-VAsSnb5y.js";
21
- import "../../styled-DtUIJa88.js";
22
- import { a as LinkStyled } from "../../index-R87ALCWk.js";
21
+ import "../../styled-q7r_5eaz.js";
22
+ import { a as LinkStyled } from "../../index-C69FNo1a.js";
23
23
  import "../../hooks/useLinkComponent/index.js";
24
24
  import "../InlineLink/index.js";
25
25
  import "../../styled-DJWrbsIZ.js";
26
- import "uuid";
27
26
  import styled from "styled-components";
28
27
  import Card from "../Card/index.js";
29
28
  import Image, { aspectRatio16_9, aspectRatio1_1 } from "../Image/index.js";
@@ -4,7 +4,7 @@ import styled from "styled-components";
4
4
  import DiscoveryCard, { discoveryCardOrientationVertical } from "../DiscoveryCard/index.js";
5
5
  import Grid from "../Grid/index.js";
6
6
  import GridItem from "../GridItem/index.js";
7
- import { a as LinkStyled } from "../../index-R87ALCWk.js";
7
+ import { a as LinkStyled } from "../../index-C69FNo1a.js";
8
8
  import { getSpacing } from "../../foundations/token/getSpacing/index.js";
9
9
  import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
10
10
  const DiscoveryCardGroupGridStyled = styled(Grid).withConfig({
@@ -5,8 +5,8 @@ import Fieldset from "../Fieldset/index.js";
5
5
  import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
6
6
  import "../../styled-RnVr222F.js";
7
7
  import styled from "styled-components";
8
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
9
- import { s as screenreaderOnly } from "../../index-BBQw77Pn.js";
8
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
9
+ import { s as screenreaderOnly } from "../../index-B2VrT4fo.js";
10
10
  import forcedColors from "../../foundations/media-query/forcedColors/index.js";
11
11
  import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
12
12
  import { getBodySize } from "../../foundations/token/getBodySize/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { S as ScreenreaderOnly } from "../../index-BBQw77Pn.js";
3
+ import { S as ScreenreaderOnly } from "../../index-B2VrT4fo.js";
4
4
  import styled from "styled-components";
5
5
  import InlineLink from "../InlineLink/index.js";
6
6
  import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
3
3
  import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
4
4
  import "../../styled-RnVr222F.js";
5
5
  import styled from "styled-components";
6
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
6
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
7
7
  import forcedColors from "../../foundations/media-query/forcedColors/index.js";
8
8
  import { getIconColor } from "../../foundations/token/getIconColor/index.js";
9
9
  import { c as colorIconSuccess, a as colorIconCritical } from "../../IconColor-CtC9WUgr.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import HifiIcon from "../HifiIcon/index.js";
4
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
4
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
5
5
  const iconSize6xl = "iconSize6xl";
6
6
  const iconSize7xl = "iconSize7xl";
7
7
  const iconSize8xl = "iconSize8xl";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
3
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
4
4
  import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
5
5
  import "../../styled-RnVr222F.js";
6
6
  import styled from "styled-components";
@@ -13,7 +13,7 @@ import { getOpacity } from "../../foundations/token/getOpacity/index.js";
13
13
  import { getSpacing } from "../../foundations/token/getSpacing/index.js";
14
14
  import { b as borderRadiusMd, c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
15
15
  import { c as borderWidthSelected } from "../../BorderWidth-eg_mz82k.js";
16
- import { b as buttonHeight, p as primaryAppearance } from "../../styled-DtUIJa88.js";
16
+ import { b as buttonHeight, p as primaryAppearance } from "../../styled-q7r_5eaz.js";
17
17
  import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
18
18
  import { b as spacingXs, a as spacingMd } from "../../Spacing-BMQelJYr.js";
19
19
  import { a as filterProps } from "../../filterProps-CTn92eZw.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { I, i, a, v } from "../../index-BdUFiKHr.js";
3
+ import { I, i, a, v } from "../../index-C3dW-7e_.js";
4
4
  export {
5
5
  I as default,
6
6
  i as iconSizes,
@@ -6,11 +6,11 @@ import { d as iconSizeLg, g as iconSize3xl, b as iconSizeSm } from "../../props-
6
6
  import "../../styled-RnVr222F.js";
7
7
  import InlineLink from "../InlineLink/index.js";
8
8
  import Link from "../Link/index.js";
9
- import { R as RichText } from "../../index-CVHmFLr5.js";
9
+ import { R as RichText } from "../../index-7A9g1r9L.js";
10
10
  import { d as divTagName } from "../../tags-38kBhOn6.js";
11
11
  import { c as spacingSm, a as spacingMd, s as spacingNone, b as spacingXs } from "../../Spacing-BMQelJYr.js";
12
12
  import styled from "styled-components";
13
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
13
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
14
14
  import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
15
15
  import { getSpacing } from "../../foundations/token/getSpacing/index.js";
16
16
  import { a as filterProps } from "../../filterProps-CTn92eZw.js";
@@ -4,12 +4,11 @@ import Body from "../Body/index.js";
4
4
  import Button from "../Button/index.js";
5
5
  import Container from "../Container/index.js";
6
6
  import Heading from "../Heading/index.js";
7
- import { P as Price, b as priceSizeSm } from "../../index-C8lpS44n.js";
8
- import { R as RichText } from "../../index-CVHmFLr5.js";
7
+ import { P as Price, b as priceSizeSm } from "../../index-BjtnAuPr.js";
8
+ import { R as RichText } from "../../index-7A9g1r9L.js";
9
9
  import { b as fontWeightLight } from "../../FontWeight-C2pGs7aR.js";
10
10
  import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
11
11
  import { a as spacingMd, c as spacingSm, d as spacingXl, b as spacingXs, e as spacing2Xs, s as spacingNone } from "../../Spacing-BMQelJYr.js";
12
- import { g as getUid } from "../../index-DR3e19BE.js";
13
12
  import styled from "styled-components";
14
13
  import Badge from "../Badge/index.js";
15
14
  import ButtonGroup from "../ButtonGroup/index.js";
@@ -214,7 +213,7 @@ const ImageHeader = ({
214
213
  theme,
215
214
  ...props
216
215
  }) => {
217
- const headingId = `heading-${getUid()}`;
216
+ const headingId = `heading-${props.uid}`;
218
217
  const getSubline = (subline2) => {
219
218
  if (!subline2) return null;
220
219
  const bottomSpacing = {
@@ -8,7 +8,6 @@ import "../../styled-RnVr222F.js";
8
8
  import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";
9
9
  import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
10
10
  import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
11
- import { g as getUid } from "../../index-DR3e19BE.js";
12
11
  import styled from "styled-components";
13
12
  import forcedColors from "../../foundations/media-query/forcedColors/index.js";
14
13
  import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
@@ -69,7 +68,7 @@ const InfoBanner = ({
69
68
  button,
70
69
  ...props
71
70
  }) => {
72
- const headingId = `heading-${getUid()}`;
71
+ const headingId = `heading-${props.uid}`;
73
72
  return /* @__PURE__ */ jsxs(InfoBannerContainerStyled, { ...props, appearance, "aria-labelledby": headingId, role: "group", children: [
74
73
  icon && /* @__PURE__ */ jsx(Icon, { name: icon, size: iconSizeLg, "aria-hidden": true }),
75
74
  /* @__PURE__ */ jsx(Heading, { ...heading, id: headingId, size: textHeadingXs, weight: fontWeightRegular, style: {
@@ -3,7 +3,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
3
3
  import Body from "../Body/index.js";
4
4
  import Heading from "../Heading/index.js";
5
5
  import IconSnippet, { iconSnippetAlignCenter } from "../IconSnippet/index.js";
6
- import { R as RichText } from "../../index-CVHmFLr5.js";
6
+ import { R as RichText } from "../../index-7A9g1r9L.js";
7
7
  import styled from "styled-components";
8
8
  const LegendStyled = styled.legend.withConfig({
9
9
  displayName: "LegendStyled",
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-R87ALCWk.js";
3
+ import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-C69FNo1a.js";
4
4
  import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
5
5
  import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
6
6
  import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { L } from "../../index-R87ALCWk.js";
3
+ import { L } from "../../index-C69FNo1a.js";
4
4
  import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
5
5
  export {
6
6
  L as default
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import Badge from "../Badge/index.js";
4
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
4
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
5
5
  import { c as iconSizeMd } from "../../props-7dcsjRUx.js";
6
6
  import "../../styled-RnVr222F.js";
7
7
  import { s as spanTagName } from "../../tags-38kBhOn6.js";
@@ -2,7 +2,7 @@
2
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
3
  import { useState, useEffect } from "react";
4
4
  import { createPortal } from "react-dom";
5
- import { S as ScreenreaderOnly } from "../../index-BBQw77Pn.js";
5
+ import { S as ScreenreaderOnly } from "../../index-B2VrT4fo.js";
6
6
  import { L as LoadingSpinnerSVGStyled, a as LoadingSpinnerPathXsStyled, b as LoadingSpinnerPathOuter3Styled, c as LoadingSpinnerPathOuter2Styled, d as LoadingSpinnerPathOuter1Styled, e as LoadingSpinnerPathCenterStyled, f as LoadingSpinnerContainerStyled, g as LoadingSpinnerContentStyled, h as LoadingSpinnerLabelStyled, i as LoadingSpinnerChildrenStyled } from "../../styled-U9du2n1i.js";
7
7
  const LoadingSpinnerSVG = ({
8
8
  size = "lg",
@@ -6,14 +6,13 @@ import FlexItem from "../FlexItem/index.js";
6
6
  import Heading from "../Heading/index.js";
7
7
  import Image, { aspectRatio16_9 } from "../Image/index.js";
8
8
  import Link from "../Link/index.js";
9
- import { R as RichText } from "../../index-CVHmFLr5.js";
9
+ import { R as RichText } from "../../index-7A9g1r9L.js";
10
10
  import YoutubeVideo from "../YoutubeVideo/index.js";
11
11
  import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-38kBhOn6.js";
12
12
  import { f as fontWeightRegular } from "../../FontWeight-C2pGs7aR.js";
13
13
  import { b as textHeadingSm, t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
14
14
  import { a as spacingMd, e as spacing2Xs, c as spacingSm, s as spacingNone } from "../../Spacing-BMQelJYr.js";
15
15
  import { u as useViewport } from "../../index-G2mpsxF7.js";
16
- import { g as getUid } from "../../index-DR3e19BE.js";
17
16
  import styled from "styled-components";
18
17
  import { v as viewport } from "../../index-Ck2bCrhT.js";
19
18
  import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -85,8 +84,8 @@ const MediaText = ({
85
84
  action,
86
85
  ...props
87
86
  }) => {
88
- const headingId = `heading-${getUid()}`;
89
- const sublineId = `subline-${getUid()}`;
87
+ const headingId = `heading-${props.uid}`;
88
+ const sublineId = `subline-${props.uid}`;
90
89
  const viewport2 = useViewport();
91
90
  const headingSpacing = subline ? spacing2Xs : spacingMd;
92
91
  const hasMultipleActions = Array.isArray(action) && action.length > 1;
@@ -5,11 +5,11 @@ import Button from "../Button/index.js";
5
5
  import ButtonGroup from "../ButtonGroup/index.js";
6
6
  import Flex from "../Flex/index.js";
7
7
  import Heading from "../Heading/index.js";
8
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
8
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
9
9
  import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
10
10
  import "../../styled-RnVr222F.js";
11
11
  import Link from "../Link/index.js";
12
- import { R as RichText } from "../../index-CVHmFLr5.js";
12
+ import { R as RichText } from "../../index-7A9g1r9L.js";
13
13
  import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
14
14
  import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
15
15
  import { e as colorBorderCritical, g as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-CYdSW9dg.js";
@@ -5,7 +5,7 @@ import AccordionGroup from "../AccordionGroup/index.js";
5
5
  import Container from "../Container/index.js";
6
6
  import FootnoteContent from "../FootnoteContent/index.js";
7
7
  import Heading from "../Heading/index.js";
8
- import { R as RichText } from "../../index-CVHmFLr5.js";
8
+ import { R as RichText } from "../../index-7A9g1r9L.js";
9
9
  import { b as textHeadingSm, c as textHeadingLg } from "../../HeadingSize-CfCRn3Lh.js";
10
10
  import { h as h3TagName } from "../../tags-38kBhOn6.js";
11
11
  const getFootnoteContent = (content, footnoteContentBacklinkText) => {
@@ -11,11 +11,11 @@ import { c as iconSizeMd } from "../../props-7dcsjRUx.js";
11
11
  import "../../styled-RnVr222F.js";
12
12
  import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
13
13
  import styled from "styled-components";
14
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
14
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
15
15
  import Image, { aspectRatio1_1 } from "../Image/index.js";
16
16
  import { v as viewport } from "../../index-Ck2bCrhT.js";
17
17
  import GridItem from "../GridItem/index.js";
18
- import { s as screenreaderOnly } from "../../index-BBQw77Pn.js";
18
+ import { s as screenreaderOnly } from "../../index-B2VrT4fo.js";
19
19
  import forcedColors from "../../foundations/media-query/forcedColors/index.js";
20
20
  import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
21
21
  import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import "../../index-BBQw77Pn.js";
4
- import { c, P, g, f, p, a, e, d, b } from "../../index-C8lpS44n.js";
3
+ import "../../index-B2VrT4fo.js";
4
+ import { c, P, g, f, p, a, e, d, b } from "../../index-BjtnAuPr.js";
5
5
  import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
6
6
  export {
7
7
  c as createScreenReaderText,
@@ -9,7 +9,7 @@ import Image, { aspectRatio1_1 } from "../Image/index.js";
9
9
  import { d as iconSizeLg } from "../../props-7dcsjRUx.js";
10
10
  import "../../styled-RnVr222F.js";
11
11
  import Link from "../Link/index.js";
12
- import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-C8lpS44n.js";
12
+ import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-BjtnAuPr.js";
13
13
  import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
14
14
  import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
15
15
  import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
@@ -5,7 +5,7 @@ import Legend from "../Legend/index.js";
5
5
  import styled from "styled-components";
6
6
  import { v as viewport } from "../../index-Ck2bCrhT.js";
7
7
  import { a as filterProps } from "../../filterProps-CTn92eZw.js";
8
- import { s as screenreaderOnly } from "../../index-BBQw77Pn.js";
8
+ import { s as screenreaderOnly } from "../../index-B2VrT4fo.js";
9
9
  import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
10
10
  import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
11
11
  import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
3
  import "react";
4
- import { R } from "../../index-CVHmFLr5.js";
4
+ import { R } from "../../index-7A9g1r9L.js";
5
5
  export {
6
6
  R as default
7
7
  };
@@ -5,7 +5,7 @@ import Body from "../Body/index.js";
5
5
  import Divider from "../Divider/index.js";
6
6
  import Heading from "../Heading/index.js";
7
7
  import InlineLink from "../InlineLink/index.js";
8
- import { a as TextListItem, T as TextList } from "../../index-CVHmFLr5.js";
8
+ import { a as TextListItem, T as TextList } from "../../index-7A9g1r9L.js";
9
9
  const getOptions = (paragraphSpacing = void 0) => {
10
10
  const options = {
11
11
  renderMark: {
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { S } from "../../index-BBQw77Pn.js";
3
+ import { S } from "../../index-B2VrT4fo.js";
4
4
  export {
5
5
  S as default
6
6
  };
@@ -1,2 +1,2 @@
1
1
  import { ScreenreaderOnlyProps } from './props';
2
- export declare const ScreenReaderOnlyStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ScreenreaderOnlyProps>> & string;
2
+ export declare const ScreenReaderOnlyStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ScreenreaderOnlyProps>> & string;
@@ -5,10 +5,10 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
5
5
  import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
6
6
  import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
7
7
  import "../../styled-RnVr222F.js";
8
- import { p as primaryAppearance } from "../../styled-DtUIJa88.js";
8
+ import { p as primaryAppearance } from "../../styled-q7r_5eaz.js";
9
9
  import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
10
10
  import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
11
- import { bn as CloseIcon } from "../../_5gPlusIcon-B_69VW4X.js";
11
+ import { bn as CloseIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
12
12
  import styled from "styled-components";
13
13
  import { I as InputWrapperStyled, a as InputStyled } from "../../styled-BTBLpB_G.js";
14
14
  import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { bf as ChevronDownIcon } from "../../_5gPlusIcon-B_69VW4X.js";
3
+ import { bf as ChevronDownIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
4
4
  import { forwardRef } from "react";
5
5
  import FormElement from "../FormElement/index.js";
6
6
  import FormHelperLabel from "../FormHelperLabel/index.js";
@@ -5,7 +5,7 @@ import FlexItem from "../FlexItem/index.js";
5
5
  import FormHelperLabel from "../FormHelperLabel/index.js";
6
6
  import FormHelperMessage from "../FormHelperMessage/index.js";
7
7
  import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
8
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
8
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
9
9
  import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
10
10
  import "../../styled-RnVr222F.js";
11
11
  import { a as inputStateError } from "../../props-DDpgcryb.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { useState, useEffect } from "react";
4
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
4
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
5
5
  import { i as iconSize2xs } from "../../props-7dcsjRUx.js";
6
6
  import "../../styled-RnVr222F.js";
7
7
  import styled from "styled-components";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { useState, useRef, useEffect } from "react";
4
- import { I as IconLoader } from "../../index-BdUFiKHr.js";
4
+ import { I as IconLoader } from "../../index-C3dW-7e_.js";
5
5
  import { b as iconSizeSm, d as iconSizeLg } from "../../props-7dcsjRUx.js";
6
6
  import "../../styled-RnVr222F.js";
7
7
  import styled from "styled-components";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { T } from "../../index-C8lpS44n.js";
4
- import "../../index-BBQw77Pn.js";
3
+ import { T } from "../../index-BjtnAuPr.js";
4
+ import "../../index-B2VrT4fo.js";
5
5
  import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
6
6
  export {
7
7
  T as default
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
- import { a, T } from "../../index-CVHmFLr5.js";
3
+ import { a, T } from "../../index-7A9g1r9L.js";
4
4
  import "../../tags-38kBhOn6.js";
5
5
  import "../../Spacing-BMQelJYr.js";
6
6
  import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -10,7 +10,7 @@ import "../../styled-RnVr222F.js";
10
10
  import "../Input/index.js";
11
11
  import { a as InputStyled, I as InputWrapperStyled } from "../../styled-BTBLpB_G.js";
12
12
  import { a as spacingMd, b as spacingXs } from "../../Spacing-BMQelJYr.js";
13
- import { bm as ClockIcon } from "../../_5gPlusIcon-B_69VW4X.js";
13
+ import { bm as ClockIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
14
14
  import styled from "styled-components";
15
15
  import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
16
16
  import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
3
  import "@contentful/live-preview/react";
4
- import "../index-BBQw77Pn.js";
4
+ import "../index-B2VrT4fo.js";
5
5
  import "../components/FootnoteLink/index.js";
6
6
  import "html-react-parser";
7
7
  import "../components/Body/index.js";
@@ -19,5 +19,4 @@ import "../styled-BlHKbHF4.js";
19
19
  import "../styled-DOK4C5Ml.js";
20
20
  import "../styled-D8a-ap4J.js";
21
21
  import "../components/InlineLink/index.js";
22
- import "uuid";
23
22
  import "../styled-DJWrbsIZ.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import "react/jsx-runtime";
3
3
  import "@contentful/live-preview/react";
4
- import { L } from "../../mapContentToComponents-CbXgjoiV.js";
4
+ import { L } from "../../mapContentToComponents-wTK3ndvI.js";
5
5
  export {
6
6
  L as LivePreviewInspector
7
7
  };
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, Fragment } from "react/jsx-runtime";
3
3
  import { useContentfulLiveUpdates, ContentfulLivePreviewProvider } from "@contentful/live-preview/react";
4
- import { m as mapContentToComponents } from "../../mapContentToComponents-CbXgjoiV.js";
4
+ import { m as mapContentToComponents } from "../../mapContentToComponents-wTK3ndvI.js";
5
5
  const BrixLiveRendererComponents = ({
6
6
  data
7
7
  }) => {
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, Fragment } from "react/jsx-runtime";
3
3
  import LivePreviewRenderer from "../live-preview-renderer/index.js";
4
- import { m as mapContentToComponents } from "../../mapContentToComponents-CbXgjoiV.js";
4
+ import { m as mapContentToComponents } from "../../mapContentToComponents-wTK3ndvI.js";
5
5
  const Renderer = ({
6
6
  content,
7
7
  isDraftMode