@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.
- package/dist/{_5gPlusIcon-B_69VW4X.js → _5gPlusIcon-CnxmOo1u.js} +448 -380
- package/dist/components/Accordion/index.js +2 -2
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/BottomBar/index.js +2 -1
- package/dist/components/Button/index.js +2 -2
- package/dist/components/ButtonAsLink/index.js +1 -1
- package/dist/components/Carousel/index.js +1 -1
- package/dist/components/ConsentMessage/index.js +1 -1
- package/dist/components/DateInput/index.js +1 -1
- package/dist/components/DemoBox/index.js +2 -5
- package/dist/components/DiscoveryCard/index.js +5 -6
- package/dist/components/DiscoveryCardGroup/index.js +1 -1
- package/dist/components/FilterGroup/index.js +2 -2
- package/dist/components/FootnoteLink/index.js +1 -1
- package/dist/components/FormHelperStatusIcon/index.js +1 -1
- package/dist/components/Icon/index.js +1 -1
- package/dist/components/IconButton/index.js +2 -2
- package/dist/components/IconLoader/index.js +1 -1
- package/dist/components/IconSnippet/index.js +2 -2
- package/dist/components/ImageHeader/index.js +3 -4
- package/dist/components/InfoBanner/index.js +1 -2
- package/dist/components/Legend/index.js +1 -1
- package/dist/components/Link/index.js +1 -1
- package/dist/components/LinkAsButton/index.js +1 -1
- package/dist/components/LinkListItem/index.js +1 -1
- package/dist/components/LoadingSpinner/index.js +1 -1
- package/dist/components/MediaText/index.js +3 -4
- package/dist/components/Notification/index.js +2 -2
- package/dist/components/OpenTextFootnoteAdapter/index.js +1 -1
- package/dist/components/PickerGroup/index.js +2 -2
- package/dist/components/Price/index.js +2 -2
- package/dist/components/ProductCard/index.js +1 -1
- package/dist/components/Rating/index.js +1 -1
- package/dist/components/RichText/index.js +1 -1
- package/dist/components/RichtTextContentful/index.js +1 -1
- package/dist/components/ScreenreaderOnly/index.js +1 -1
- package/dist/components/ScreenreaderOnly/styled.d.ts +1 -1
- package/dist/components/SearchInput/index.js +2 -2
- package/dist/components/SelectInput/index.js +1 -1
- package/dist/components/SuggestInput/index.js +1 -1
- package/dist/components/Switch/index.js +1 -1
- package/dist/components/TabGroup/index.js +1 -1
- package/dist/components/TabularPrice/index.js +2 -2
- package/dist/components/TextList/index.js +1 -1
- package/dist/components/TimeInput/index.js +1 -1
- package/dist/contentful/index.js +1 -2
- package/dist/contentful/live-preview-inspector/index.js +1 -1
- package/dist/contentful/live-preview-renderer/index.js +1 -1
- package/dist/contentful/renderer/index.js +1 -1
- package/dist/icons/index.js +379 -377
- package/dist/{index-CVHmFLr5.js → index-7A9g1r9L.js} +1 -2
- package/dist/{index-BBQw77Pn.js → index-B2VrT4fo.js} +1 -1
- package/dist/{index-C8lpS44n.js → index-BjtnAuPr.js} +1 -1
- package/dist/{index-BdUFiKHr.js → index-C3dW-7e_.js} +5 -1
- package/dist/{index-R87ALCWk.js → index-C69FNo1a.js} +1 -1
- package/dist/{index-DSTYuyEd.js → index-DXRuQeDl.js} +1 -1
- package/dist/index.js +7 -7
- package/dist/{mapContentToComponents-CbXgjoiV.js → mapContentToComponents-wTK3ndvI.js} +2 -3
- package/dist/{styled-DtUIJa88.js → styled-q7r_5eaz.js} +5 -2
- package/package.json +1 -1
- 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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
9
|
-
import { R as RichText } from "../../index-
|
|
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-
|
|
18
|
+
import "../../index-B2VrT4fo.js";
|
|
19
19
|
import "../FootnoteLink/index.js";
|
|
20
20
|
import "../../styled-VAsSnb5y.js";
|
|
21
|
-
import "../../styled-
|
|
22
|
-
import { a as LinkStyled } from "../../index-
|
|
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-
|
|
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-
|
|
9
|
-
import { s as screenreaderOnly } from "../../index-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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";
|
|
@@ -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-
|
|
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-
|
|
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-
|
|
8
|
-
import { R as RichText } from "../../index-
|
|
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-${
|
|
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-${
|
|
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-
|
|
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-
|
|
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,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-
|
|
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-
|
|
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-
|
|
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-${
|
|
89
|
-
const sublineId = `subline-${
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4
|
-
import { c, P, g, f, p, a, e, d, b } from "../../index-
|
|
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-
|
|
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-
|
|
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";
|
|
@@ -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-
|
|
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,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<
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4
|
-
import "../../index-
|
|
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-
|
|
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-
|
|
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";
|
package/dist/contentful/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import "react/jsx-runtime";
|
|
3
3
|
import "@contentful/live-preview/react";
|
|
4
|
-
import "../index-
|
|
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 { jsx, Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { useContentfulLiveUpdates, ContentfulLivePreviewProvider } from "@contentful/live-preview/react";
|
|
4
|
-
import { m as mapContentToComponents } from "../../mapContentToComponents-
|
|
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-
|
|
4
|
+
import { m as mapContentToComponents } from "../../mapContentToComponents-wTK3ndvI.js";
|
|
5
5
|
const Renderer = ({
|
|
6
6
|
content,
|
|
7
7
|
isDraftMode
|