@vodafone_de/brix-components 11.2.3 → 11.2.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.
|
@@ -8,6 +8,7 @@ import { usePictureComponent, filterAspectRatioFromSources, filterImagePropsToPi
|
|
|
8
8
|
import { g as getSizesFromGridConfig } from "../../getSizesFromGridConfig-D-j_k4yI.js";
|
|
9
9
|
import styled from "styled-components";
|
|
10
10
|
import viewport from "../../foundations/media-query/viewport/index.js";
|
|
11
|
+
import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
|
|
11
12
|
import { a as filterProps } from "../../filterProps-Byd2u_z1.js";
|
|
12
13
|
const ArtDirectedImageContainerStyled = styled.div.withConfig({
|
|
13
14
|
shouldForwardProp: filterProps(),
|
|
@@ -36,7 +37,7 @@ const ArtDirectedImageContainerStyled = styled.div.withConfig({
|
|
|
36
37
|
aspectRatio: (_e = sources.lg) == null ? void 0 : _e.aspectRatio
|
|
37
38
|
})
|
|
38
39
|
};
|
|
39
|
-
});
|
|
40
|
+
}, getBottomSpacing);
|
|
40
41
|
const ArtDirectedImage = ({
|
|
41
42
|
...props
|
|
42
43
|
}) => {
|
|
@@ -241,7 +241,7 @@ const ImageHeader = ({
|
|
|
241
241
|
return null;
|
|
242
242
|
}
|
|
243
243
|
};
|
|
244
|
-
return /* @__PURE__ */ jsx(Container, { padding: "None", className: props.className, children: /* @__PURE__ */ jsxs(ImageHeaderStyled, { ...props, position, variant, spacing: spacingNone, component: "Grid", children: [
|
|
244
|
+
return /* @__PURE__ */ jsx(Container, { padding: "None", className: props.className, theme, children: /* @__PURE__ */ jsxs(ImageHeaderStyled, { ...props, position, variant, spacing: spacingNone, component: "Grid", children: [
|
|
245
245
|
/* @__PURE__ */ jsx(ImageHeaderImagesContainerStyled, { align: "center", variant, position, lg: 12 - contentGridDesktopColumns, children: /* @__PURE__ */ jsx(ImageHeaderArtDirectedImageStyled, { sources: artDirectedImage.sources, image: {
|
|
246
246
|
...artDirectedImage.image,
|
|
247
247
|
loading: "eager",
|
|
@@ -1761,7 +1761,17 @@ const getOptions = (paragraphSpacing = void 0) => {
|
|
|
1761
1761
|
*/
|
|
1762
1762
|
renderText: (text2) => {
|
|
1763
1763
|
return text2.split("\n").reduce((children, textSegment, index) => {
|
|
1764
|
-
|
|
1764
|
+
const parts = textSegment.split(" ").flatMap((part, partIndex, arr) => {
|
|
1765
|
+
const segments = [];
|
|
1766
|
+
if (part) {
|
|
1767
|
+
segments.push(part);
|
|
1768
|
+
}
|
|
1769
|
+
if (partIndex < arr.length - 1) {
|
|
1770
|
+
segments.push(" ");
|
|
1771
|
+
}
|
|
1772
|
+
return segments;
|
|
1773
|
+
});
|
|
1774
|
+
return [...children, index > 0 && /* @__PURE__ */ jsx("br", {}, index), ...parts].filter(Boolean);
|
|
1765
1775
|
}, []);
|
|
1766
1776
|
}
|
|
1767
1777
|
};
|