@vodafone_de/brix-components 11.3.0 → 11.3.1
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.
|
@@ -9,6 +9,7 @@ import { h as headingComponentName } from "../../componentName-C1oXAOj7.js";
|
|
|
9
9
|
import { P as Price } from "../../index-BfQ2X8ye.js";
|
|
10
10
|
import { R as RichTextContentful, b as RichText } from "../../index-BBTjURdS.js";
|
|
11
11
|
import { r as richTextContentfulComponentName, a as richTextComponentName } from "../../props-B4nvU2Fb.js";
|
|
12
|
+
import { a as breakpoint_large } from "../../breakpoint-CzBSbbY7.js";
|
|
12
13
|
import { b as fontWeightLight } from "../../FontWeight-C8c-UnWu.js";
|
|
13
14
|
import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
|
|
14
15
|
import { s as spacingMd, c as spacingSm, d as spacingXl, a as spacingXs, f as spacing2Xs, b as spacingNone } from "../../Spacing-CwWBV8DU.js";
|
|
@@ -240,8 +241,12 @@ const ImageHeader = ({
|
|
|
240
241
|
return null;
|
|
241
242
|
}
|
|
242
243
|
};
|
|
244
|
+
const sources = Object.fromEntries(Object.entries(artDirectedImage.sources).map(([key, source]) => [key, {
|
|
245
|
+
...source,
|
|
246
|
+
sizes: variant === imageHeaderVariantFull ? "100vw" : `(max-width: ${breakpoint_large}) 100vw, 50vw`
|
|
247
|
+
}]));
|
|
243
248
|
return /* @__PURE__ */ jsx(Container, { padding: "None", className: props.className, theme, children: /* @__PURE__ */ jsxs(ImageHeaderStyled, { ...props, position, variant, spacing: spacingNone, component: "Grid", children: [
|
|
244
|
-
/* @__PURE__ */ jsx(ImageHeaderImagesContainerStyled, { align: "center", variant, position, lg: 12 - contentGridDesktopColumns, children: /* @__PURE__ */ jsx(ImageHeaderArtDirectedImageStyled, { sources
|
|
249
|
+
/* @__PURE__ */ jsx(ImageHeaderImagesContainerStyled, { align: "center", variant, position, lg: 12 - contentGridDesktopColumns, children: /* @__PURE__ */ jsx(ImageHeaderArtDirectedImageStyled, { sources, image: {
|
|
245
250
|
...artDirectedImage.image,
|
|
246
251
|
loading: "eager",
|
|
247
252
|
fetchPriority: "high"
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { AccordionCmsProps, AccordionGroupCmsProps, ArtDirectedImageCmsProps, BadgeCmsProps, BodyCmsProps, BottomBarCmsProps, ButtonAsLinkCmsProps, ButtonCmsProps, ButtonGroupCmsProps, CardCmsProps, ConsentMessageCmsProps, ContainerCmsProps, DiscoveryCardCmsProps, DiscoveryCardGroupCmsProps, DividerCmsProps, FeatureCardCmsProps, FeatureCardGroupCmsProps, FlexCmsProps, FootnoteCmsProps, FootnoteLinkCmsProps, FootnoteSectionCmsProps, GridCmsProps, GridItemCmsProps, HeadingCmsProps, HifiIconCmsProps, IconButtonCmsProps, IconLoaderCmsProps, IconSnippetCmsProps, IconSnippetListCmsProps, ImageCmsProps, ImageHeaderCmsProps, InfoBannerCmsProps, LinkAsButtonCmsProps, LinkCmsProps, LinkListCmsProps, LinkListItemCmsProps, MarTechPlaceholderCmsProps, MediaTextCmsProps, NotificationCmsProps,
|
|
2
|
-
export type SupportedBrixComponentsProps = AccordionGroupCmsProps | AccordionCmsProps | ArtDirectedImageCmsProps | BadgeCmsProps | BodyCmsProps | BottomBarCmsProps | ButtonGroupCmsProps | ButtonCmsProps | ButtonAsLinkCmsProps | CardCmsProps | ConsentMessageCmsProps | ContainerCmsProps | DiscoveryCardGroupCmsProps | DiscoveryCardCmsProps | DividerCmsProps | FeatureCardCmsProps | FeatureCardGroupCmsProps | FlexCmsProps | FootnoteCmsProps | FootnoteSectionCmsProps | FootnoteLinkCmsProps | GridItemCmsProps | GridCmsProps | HeadingCmsProps | HifiIconCmsProps | IconButtonCmsProps | IconLoaderCmsProps | IconSnippetListCmsProps | IconSnippetCmsProps | ImageCmsProps | ImageHeaderCmsProps | InfoBannerCmsProps | LinkListItemCmsProps | LinkListCmsProps | LinkCmsProps | LinkAsButtonCmsProps | MarTechPlaceholderCmsProps | MediaTextCmsProps | NotificationCmsProps |
|
|
1
|
+
import { AccordionCmsProps, AccordionGroupCmsProps, ArtDirectedImageCmsProps, BadgeCmsProps, BodyCmsProps, BottomBarCmsProps, ButtonAsLinkCmsProps, ButtonCmsProps, ButtonGroupCmsProps, CardCmsProps, ConsentMessageCmsProps, ContainerCmsProps, DiscoveryCardCmsProps, DiscoveryCardGroupCmsProps, DividerCmsProps, FeatureCardCmsProps, FeatureCardGroupCmsProps, FlexCmsProps, FootnoteCmsProps, FootnoteLinkCmsProps, FootnoteSectionCmsProps, GridCmsProps, GridItemCmsProps, HeadingCmsProps, HifiIconCmsProps, IconButtonCmsProps, IconLoaderCmsProps, IconSnippetCmsProps, IconSnippetListCmsProps, ImageCmsProps, ImageHeaderCmsProps, InfoBannerCmsProps, LinkAsButtonCmsProps, LinkCmsProps, LinkListCmsProps, LinkListItemCmsProps, MarTechPlaceholderCmsProps, MediaTextCmsProps, NotificationCmsProps, PriceCmsProps, QuickLinkCmsProps, QuickLinkListCmsProps, RichTextContentfulCmsProps, TabGroupCmsProps, TabularPriceCmsProps, TextListCmsProps, TextListItemCmsProps, ToggleButtonCmsProps, ToggleButtonProviderCmsProps, TrayCmsProps, UtilityLinkCmsProps, YouTubeVideoCmsProps } from '../props';
|
|
2
|
+
export type SupportedBrixComponentsProps = AccordionGroupCmsProps | AccordionCmsProps | ArtDirectedImageCmsProps | BadgeCmsProps | BodyCmsProps | BottomBarCmsProps | ButtonGroupCmsProps | ButtonCmsProps | ButtonAsLinkCmsProps | CardCmsProps | ConsentMessageCmsProps | ContainerCmsProps | DiscoveryCardGroupCmsProps | DiscoveryCardCmsProps | DividerCmsProps | FeatureCardCmsProps | FeatureCardGroupCmsProps | FlexCmsProps | FootnoteCmsProps | FootnoteSectionCmsProps | FootnoteLinkCmsProps | GridItemCmsProps | GridCmsProps | HeadingCmsProps | HifiIconCmsProps | IconButtonCmsProps | IconLoaderCmsProps | IconSnippetListCmsProps | IconSnippetCmsProps | ImageCmsProps | ImageHeaderCmsProps | InfoBannerCmsProps | LinkListItemCmsProps | LinkListCmsProps | LinkCmsProps | LinkAsButtonCmsProps | MarTechPlaceholderCmsProps | MediaTextCmsProps | NotificationCmsProps | PriceCmsProps | QuickLinkCmsProps | QuickLinkListCmsProps | RichTextContentfulCmsProps | TabGroupCmsProps | TabularPriceCmsProps | TextListCmsProps | TextListItemCmsProps | ToggleButtonCmsProps | ToggleButtonProviderCmsProps | TrayCmsProps | UtilityLinkCmsProps | YouTubeVideoCmsProps;
|