@vodafone_de/brix-components 10.0.0 → 10.0.2

package/dist/components/Accordion/index.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import Collapsible from "../Collapsible/index.js";
-import { b as iconNames, I as IconLoader } from "../../index--RjkzZm0.js";
+import { b as iconNames, I as IconLoader } from "../../index-B3v10poy.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import { bf as ChevronDownIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
 import styled from "styled-components";

package/dist/components/Badge/index.js

@@ -4,7 +4,7 @@ import "../../index-BsykXBqC.js";
 import "../../IconSize-AJp7xdJi.js";
 import "../../SizeTypes-Ck_RdzIf.js";
 import "../../Spacing-8v6hcO2x.js";
-import { b, c, d, B, i, p, s, a, t, v } from "../../index-DwGcrvTh.js";
+import { b, c, d, B, i, p, s, a, t, v } from "../../index-sJClnrzW.js";
 export {
   b as BadgeAppearanceColor,
   c as badgeAppearances,

package/dist/components/Button/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { B as ButtonAsLink, g as getButtonIcon } from "../../validate-CLBUbscx.js";
-import { c, a, b, d, f, e } from "../../validate-CLBUbscx.js";
-import { B as ButtonStyled } from "../../styled-BKH3egch.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../validate-BxqNSkch.js";
+import { c, a, b, d, f, e } from "../../validate-BxqNSkch.js";
+import { B as ButtonStyled } from "../../styled-CepQAcdi.js";
 const isButtonAsLinkProp = (props) => {
   return props.href !== void 0;
 };

package/dist/components/ButtonAsLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { B, i, v } from "../../validate-CLBUbscx.js";
+import { B, i, v } from "../../validate-BxqNSkch.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../filterProps-CxkibNnG.js";
 import "../../sanitizeLinkProps-D2Kkovy1.js";

package/dist/components/ButtonGroup/index.js

@@ -2,11 +2,11 @@
 import { jsx } from "react/jsx-runtime";
 import Button from "../Button/index.js";
 import Flex from "../Flex/index.js";
-import { b as flexJustifyStart, c as flexJustifyEnd, d as flexJustifyCenter, e as flexJustifyBetween, f as flexOrientationHorizontal, a as flexOrientationVertical } from "../../styled-CUp4EbPh.js";
+import { b as flexJustifyStart, c as flexJustifyEnd, d as flexJustifyCenter, e as flexJustifyBetween, f as flexOrientationHorizontal, a as flexOrientationVertical } from "../../styled-BY19C9EO.js";
 import FlexItem from "../FlexItem/index.js";
 import { b as spacingSm, s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import { u as useViewport } from "../../index-DKCzYjXw.js";
-import { e as validateButtonProps, v as validateButtonAsLinkProps } from "../../validate-CLBUbscx.js";
+import { e as validateButtonProps, v as validateButtonAsLinkProps } from "../../validate-BxqNSkch.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "../../isBottomSpacing-BxfreCZU.js";
 const flexJustifyBehaviours = [flexJustifyStart, flexJustifyEnd, flexJustifyCenter, flexJustifyBetween];

package/dist/components/CheckboxGroup/index.js

@@ -5,7 +5,7 @@ import Checkbox from "../Checkbox/index.js";
 import Fieldset from "../Fieldset/index.js";
 import { g as spacingLg, s as spacingMd, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { F as FlexStyled } from "../../styled-CUp4EbPh.js";
+import { F as FlexStyled } from "../../styled-BY19C9EO.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";

package/dist/components/ColorSwatchGroup/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import ColorSwatch, { colorSwatchSizeSmall, colorSwatchSizes } from "../ColorSwatch/index.js";
 import { s as spacingMd, f as spacing2Xs } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { F as FlexStyled } from "../../styled-CUp4EbPh.js";
+import { F as FlexStyled } from "../../styled-BY19C9EO.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";

package/dist/components/ConsentMessage/index.js

@@ -3,9 +3,9 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import Body, { bodyAlignCenter } from "../Body/index.js";
 import Button from "../Button/index.js";
-import { a as buttonAutoWidth } from "../../validate-CLBUbscx.js";
+import { a as buttonAutoWidth } from "../../validate-BxqNSkch.js";
 import styled from "styled-components";
-import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-BKH3egch.js";
+import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-CepQAcdi.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";

package/dist/components/DiscoveryCard/index.js

@@ -1,20 +1,20 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { e as BadgeStyled, i as isBadgeProps, B as Badge } from "../../index-DwGcrvTh.js";
+import { e as BadgeStyled, i as isBadgeProps, B as Badge } from "../../index-sJClnrzW.js";
 import Body, { isBodyProps, bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading, { isHeadingProps } from "../Heading/index.js";
 import Link, { isLinkProps } from "../Link/index.js";
 import { k as isPriceProps, b as priceSizeSm, P as Price, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-DCXRnuHz.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { s as spacingMd, c as spacingNone, a as spacingXs, b as spacingSm } from "../../Spacing-8v6hcO2x.js";
 import "../../index-C2E3JrhF.js";
 import "../../index-BsykXBqC.js";
-import "../../styled-BKH3egch.js";
-import { a as LinkStyled } from "../../index-Dd-A7i9Y.js";
+import "../../styled-CepQAcdi.js";
+import { a as LinkStyled } from "../../index-r-dbrZxA.js";
 import "../../hooks/useLinkComponent/index.js";
 import "html-react-parser";
 import "../InlineLink/index.js";
@@ -25,7 +25,6 @@ import Image, { aspectRatio16_9, aspectRatio1_1, isImageProps } from "../Image/i
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";
-import { a as cornerRounded } from "../../CornerStyle-JEbGNArR.js";
 import "../../index-DbG0QL9D.js";
 import "../../index-Bu-7sSif.js";
 import "../UtilityLink/index.js";
@@ -110,7 +109,7 @@ const DiscoveryCardLinkedImage = ({
   },
   orientation = discoveryCardOrientationVertical,
   bottomSpacing
-}) => /* @__PURE__ */ jsx(DiscoveryCardImageLinkStyled, { ...linkProps, tabIndex: -1, "aria-describedby": `headingId-${uid}`, orientation, bottomSpacing, children: /* @__PURE__ */ jsx(Image, { ...image, aspectRatio: orientation === discoveryCardOrientationVertical ? aspectRatio16_9 : aspectRatio1_1, corners: cornerRounded }) });
+}) => /* @__PURE__ */ jsx(DiscoveryCardImageLinkStyled, { ...linkProps, tabIndex: -1, "aria-describedby": `headingId-${uid}`, orientation, bottomSpacing, children: /* @__PURE__ */ jsx(Image, { ...image, aspectRatio: orientation === discoveryCardOrientationVertical ? aspectRatio16_9 : aspectRatio1_1, roundedCorners: true, bottomSpacing: spacingNone }) });
 const validateDiscoveryCardProps = (props) => {
   if (!isObject(props)) {
     return false;

package/dist/components/DiscoveryCardGroup/index.js

@@ -3,23 +3,23 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import DiscoveryCard, { discoveryCardOrientationVertical, validateDiscoveryCardProps, discoveryCardOrientationHorizontal } from "../DiscoveryCard/index.js";
 import { a as Grid, G as GridItem } from "../../index-Bu-7sSif.js";
-import { a as LinkStyled } from "../../index-Dd-A7i9Y.js";
+import { a as LinkStyled } from "../../index-r-dbrZxA.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import "react";
 import "../../index-C2E3JrhF.js";
 import "../../index-BsykXBqC.js";
-import "../../index-DwGcrvTh.js";
+import "../../index-sJClnrzW.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 import "../Body/index.js";
 import "../Heading/index.js";
-import "../../styled-BKH3egch.js";
+import "../../styled-CepQAcdi.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../index-DCXRnuHz.js";
 import "html-react-parser";
 import "../InlineLink/index.js";
 import "../../TableWrapper-Do9KCTGV.js";
-import "../../index-DP6Nlg-a.js";
+import "../../index-BXt1ptbH.js";
 import "../../index-DbG0QL9D.js";
 import "../UtilityLink/index.js";
 import "../../hooks/useImageComponent/index.js";

package/dist/components/EnergySnippet/index.js

@@ -4,7 +4,7 @@ import Link from "../Link/index.js";
 import styled from "styled-components";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";
-import { F as FlexStyled } from "../../styled-CUp4EbPh.js";
+import { F as FlexStyled } from "../../styled-BY19C9EO.js";
 import UtilityLink from "../UtilityLink/index.js";
 const letterPathMapping = {
   A: "M46.99,29.398c0.118,0.365 0.186,0.649 0.22,0.86c0.025,0.211 -0.009,0.365 -0.118,0.47c-0.11,0.106 -0.296,0.171 -0.566,0.195c-0.269,0.024 -0.64,0.04 -1.113,0.04c-0.472,0 -0.877,0 -1.147,-0.024c-0.27,-0.024 -0.489,-0.049 -0.633,-0.089c-0.143,-0.049 -0.244,-0.106 -0.303,-0.187c-0.059,-0.081 -0.11,-0.186 -0.143,-0.316l-1.257,-3.916l-7.035,-0l-1.189,3.811c-0.042,0.138 -0.092,0.259 -0.151,0.357c-0.06,0.097 -0.161,0.17 -0.304,0.227c-0.143,0.056 -0.337,0.089 -0.591,0.113c-0.253,0.016 -0.59,0.033 -1.003,0.033c-0.447,-0 -0.793,-0.017 -1.046,-0.049c-0.253,-0.033 -0.422,-0.106 -0.523,-0.219c-0.093,-0.114 -0.126,-0.276 -0.101,-0.487c0.025,-0.21 0.101,-0.494 0.219,-0.843l5.778,-17.28c0.059,-0.17 0.126,-0.308 0.202,-0.413c0.076,-0.105 0.202,-0.186 0.371,-0.243c0.169,-0.057 0.405,-0.089 0.7,-0.106c0.295,-0.016 0.692,-0.024 1.189,-0.024c0.566,0 1.021,0 1.358,0.024c0.338,0.025 0.599,0.049 0.793,0.106c0.194,0.057 0.321,0.138 0.405,0.251c0.084,0.114 0.152,0.26 0.211,0.454l5.786,17.272l-0.009,-0.017Zm-8.594,-14.287l-0.017,-0l-2.648,8.279l5.313,-0l-2.648,-8.279Z",

package/dist/components/FeatureCardGroup/components/FeatureCard/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FeatureCardProps } from './props';
+declare const FeatureCard: FC<FeatureCardProps>;
+export default FeatureCard;
+export * from './props';

package/dist/components/FeatureCardGroup/components/FeatureCard/props.d.ts

@@ -0,0 +1,55 @@
+import { HTMLAttributes } from 'react';
+import { BadgeProps } from '../../../Badge';
+import { HeadingProps } from '../../../Heading';
+import { ImageProps } from '../../../Image';
+import { LinkProps } from '../../../Link';
+import { PriceProps } from '../../../Price';
+import { RichTextProps } from '../../../RichText';
+import { ToggleButtonProps } from '../../../ToggleButton';
+import { PatternProps } from '../../../../foundations/PatternProps';
+export interface FeatureCardProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FeatureCard';
+    /**
+     * Unique feature id.
+     */
+    featureId: string;
+    /**
+     * Optional visual representation of the feature.
+     * Aspect ratio is controlled by the FeatureCard layout
+     * and therefore cannot be overridden.
+     */
+    image?: Omit<ImageProps, 'aspectRatio'>;
+    /**
+     * Primary heading of the card.
+     */
+    heading: Omit<HeadingProps, 'size' | 'weight' | 'bottomSpacing' | 'align'> & {
+        size?: HeadingProps['size'];
+        weight?: HeadingProps['weight'];
+    };
+    /**
+     * Optional badge shown near the heading.
+     */
+    badge?: BadgeProps;
+    /**
+     * Pricing information for the feature.
+     */
+    price: Omit<PriceProps, 'size' | 'orientation' | 'align' | 'bottomSpacing'> & {
+        size?: PriceProps['size'];
+    };
+    /**
+     * Optional descriptive content for the feature.
+     */
+    richText?: RichTextProps;
+    /**
+     * Optional URL of page that opens when the link in the card is clicked
+     */
+    link?: LinkProps;
+    /**
+     * Optional toggle control used to select or activate the feature.
+     * Typically part of a comparison or multi-select flow.
+     */
+    toggleButton?: ToggleButtonProps;
+}

package/dist/components/FeatureCardGroup/components/FeatureCard/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const FeatureCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../Card').CardProps, never>> & string & Omit<import('react').FC<import('../../../Card').CardProps>, keyof import('react').Component<any, {}, any>>;
+export declare const FeatureCardUpperContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const FeatureCardLowerContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement>, never>> & string;
+export declare const FeatureCardImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../../../Image').ImageProps, never>> & string & Omit<import('react').FC<import('../../../Image').ImageProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/FeatureCardGroup/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FeatureCardGroupProps } from './props';
+declare const FeatureCardGroup: FC<FeatureCardGroupProps>;
+export default FeatureCardGroup;
+export * from './props';

package/dist/components/FeatureCardGroup/index.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { a as Grid, G as GridItem } from "../../index-Bu-7sSif.js";
+import ToggleButtonProvider from "../ToggleButtonProvider/index.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
+import Heading, { headingAlignCenter } from "../Heading/index.js";
+import "react";
+import "../../index-DbG0QL9D.js";
+import "../../hooks/useLinkComponent/index.js";
+import "../UtilityLink/index.js";
+import "../../hooks/useImageComponent/index.js";
+import Image, { aspectRatio1_1 } from "../Image/index.js";
+import Link from "../Link/index.js";
+import { d as priceSizeMd, P as Price, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-DCXRnuHz.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
+import ToggleButton from "../ToggleButton/index.js";
+import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
+import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
+import { s as spacingMd, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
+import styled from "styled-components";
+import Card from "../Card/index.js";
+import { getSpacing } from "../../foundations/token/getSpacing/index.js";
+const FeatureCardStyled = styled(Card).withConfig({
+  displayName: "FeatureCardStyled",
+  componentId: "sc-1dad94e-0"
+})({
+  gap: getSpacing(spacingMd),
+  alignItems: "center",
+  justifyContent: "space-between"
+});
+const contentCssObject = {
+  gap: getSpacing(spacingMd),
+  alignItems: "center",
+  display: "flex",
+  flexDirection: "column",
+  width: "100%"
+};
+const FeatureCardUpperContentStyled = styled("div").withConfig({
+  displayName: "FeatureCardUpperContentStyled",
+  componentId: "sc-1dad94e-1"
+})({
+  ...contentCssObject
+});
+const FeatureCardLowerContentStyled = styled("div").withConfig({
+  displayName: "FeatureCardLowerContentStyled",
+  componentId: "sc-1dad94e-2"
+})(contentCssObject);
+const FeatureCardImageStyled = styled(Image).withConfig({
+  displayName: "FeatureCardImageStyled",
+  componentId: "sc-1dad94e-3"
+})({
+  height: "200px"
+});
+const FeatureCard = ({
+  featureId,
+  image,
+  heading,
+  badge,
+  price,
+  richText,
+  link,
+  toggleButton,
+  ...props
+}) => {
+  const headingId = `heading-${featureId == null ? void 0 : featureId.replace(/\s/g, "")}`;
+  const headingProps = {
+    ...heading,
+    id: headingId,
+    size: heading.size || textHeadingMd,
+    weight: heading.weight || fontWeightBold,
+    bottomSpacing: spacingNone,
+    align: headingAlignCenter
+  };
+  const priceProps = {
+    ...price,
+    orientation: priceOrientationVertical,
+    align: priceAlignCenter,
+    size: price.size || priceSizeMd,
+    bottomSpacing: spacingNone
+  };
+  return /* @__PURE__ */ jsxs(FeatureCardStyled, { ...props, children: [
+    /* @__PURE__ */ jsxs(FeatureCardUpperContentStyled, { children: [
+      image && /* @__PURE__ */ jsx(FeatureCardImageStyled, { ...image, aspectRatio: aspectRatio1_1 }),
+      /* @__PURE__ */ jsx(Heading, { ...headingProps }),
+      badge && /* @__PURE__ */ jsx(Badge, { ...badge, bottomSpacing: spacingNone })
+    ] }),
+    /* @__PURE__ */ jsxs(FeatureCardLowerContentStyled, { children: [
+      price && /* @__PURE__ */ jsx(Price, { ...priceProps }),
+      richText && /* @__PURE__ */ jsx(RichText, { ...richText, bottomSpacing: spacingNone }),
+      link && /* @__PURE__ */ jsx(Link, { ...link, bottomSpacing: spacingNone, "aria-describedby": headingId }),
+      toggleButton && /* @__PURE__ */ jsx(ToggleButton, { ...toggleButton })
+    ] })
+  ] });
+};
+const FeatureCardGroupStyled = styled(Grid).withConfig({
+  displayName: "FeatureCardGroupStyled",
+  componentId: "sc-12niz1k-0"
+})(({
+  gapSpacing = spacingMd
+}) => ({
+  gap: getSpacing(gapSpacing)
+}));
+const FeatureCardGroup = ({
+  featureCardList,
+  toggleButtonProvider,
+  gridConfig = {
+    sm: 12,
+    md: 6,
+    lg: 4
+  },
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(ToggleButtonProvider, { ...toggleButtonProvider, children: /* @__PURE__ */ jsx(FeatureCardGroupStyled, { ...props, autoLayout: gridConfig, stretch: true, component: "Grid", children: featureCardList.map((featureCard) => {
+    return /* @__PURE__ */ jsx(GridItem, { ...gridConfig, children: /* @__PURE__ */ jsx(FeatureCard, { ...featureCard }) }, featureCard.featureId);
+  }) }) });
+};
+export {
+  FeatureCardGroup as default
+};

package/dist/components/FeatureCardGroup/props.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes } from 'react';
+import { GridConfig } from '../Grid';
+import { ToggleButtonProviderProps } from '../ToggleButtonProvider';
+import { PatternProps } from '../../foundations/PatternProps';
+import { Spacing } from '../../foundations/types/Spacing';
+import { FeatureCardProps } from './components/FeatureCard/props';
+export interface FeatureCardGroupProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'FeatureCardGroup';
+    /**
+     * Config of grid to align Feature Cards
+     */
+    gridConfig?: GridConfig;
+    /**
+     * Spacing between Feature Cards.
+     */
+    gapSpacing?: Spacing;
+    /**
+     * List of feature cards to be rendered in the group.
+     * Order matters and defines the visual/layout order.
+     */
+    featureCardList: FeatureCardProps[];
+    /**
+     * Shared toggle state provider for all cards in the group.
+     * Ensures toggle buttons behave consistently
+     * (e.g. single-select vs multi-select).
+     */
+    toggleButtonProvider: ToggleButtonProviderProps;
+}

package/dist/components/FeatureCardGroup/styled.d.ts

@@ -0,0 +1,2 @@
+import { FeatureCardGroupProps } from './props';
+export declare const FeatureCardGroupStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Grid').GridProps, Pick<FeatureCardGroupProps, "gapSpacing">>> & string & Omit<import('react').FC<import('../Grid').GridProps>, keyof import('react').Component<any, {}, any>>;

package/dist/components/FilterGroup/index.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import Fieldset from "../Fieldset/index.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { s as screenreaderOnly } from "../../index-C2E3JrhF.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";

package/dist/components/Flex/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { F as FlexStyled } from "../../styled-CUp4EbPh.js";
-import { i, h, g, e, d, c, b, f, a } from "../../styled-CUp4EbPh.js";
+import { F as FlexStyled } from "../../styled-BY19C9EO.js";
+import { i, h, g, e, d, c, b, f, a } from "../../styled-BY19C9EO.js";
 const Flex = ({
   children,
   ...props

package/dist/components/Form/index.js

@@ -4,7 +4,7 @@ import Body from "../Body/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet from "../IconSnippet/index.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/FormHelperStatusIcon/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { c as colorIconSuccess, a as colorIconCritical } from "../../IconColor-CtC9WUgr.js";

package/dist/components/Icon/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import HifiIcon from "../HifiIcon/index.js";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 const isIconProp = (props) => {
   return props.icon !== void 0;
 };

package/dist/components/IconButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
 import { s as shadow28 } from "../../shadow-u158mzuN.js";
@@ -12,7 +12,7 @@ import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { b as borderRadiusMd, a as borderRadiusFull } from "../../BorderRadius-2LdggXbQ.js";
 import { c as borderWidthSelected } from "../../BorderWidth-BjXpOdM5.js";
-import { b as buttonHeight, p as primaryAppearance } from "../../styled-BKH3egch.js";
+import { b as buttonHeight, p as primaryAppearance } from "../../styled-CepQAcdi.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";

package/dist/components/IconLoader/index.js

@@ -1,6 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { I, i, a, v } from "../../index--RjkzZm0.js";
+import { I, i, a, v } from "../../index-B3v10poy.js";
+import "../../foundations/token/getBottomSpacing/index.js";
 export {
   I as default,
   i as iconSizes,

package/dist/components/IconSnippet/index.js

@@ -4,12 +4,12 @@ import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { d as divTagName, c as spanTagName } from "../../tags-Cwgg3Gx2.js";
 import { a as iconSizeLg, f as iconSize3xl, i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { b as spacingSm, s as spacingMd, c as spacingNone, a as spacingXs } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as filterProps } from "../../filterProps-CxkibNnG.js";

package/dist/components/Image/index.js

@@ -8,10 +8,10 @@ import { useImageComponent, filterImagePropsToImageComponentProps } from "../../
 import { g as getSizesFromGridConfig } from "../../getSizesFromGridConfig-DKOLupyb.js";
 import styled from "styled-components";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
-import { b as borderRadiusMd, c as borderRadiusNone } from "../../BorderRadius-2LdggXbQ.js";
-import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { b as borderRadiusMd, c as borderRadiusNone } from "../../BorderRadius-2LdggXbQ.js";
 import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 const aspectRatio1_1 = "1/1";
 const aspectRatio3_4 = "3/4";

package/dist/components/ImageHeader/index.js

@@ -5,15 +5,15 @@ import Button from "../Button/index.js";
 import { C as Container } from "../../index-DbG0QL9D.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
 import { P as Price, b as priceSizeSm } from "../../index-DCXRnuHz.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { b as fontWeightLight } from "../../FontWeight-DEBGHbtO.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { s as spacingMd, b as spacingSm, e as spacingXl, a as spacingXs, f as spacing2Xs, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
 import ArtDirectedImage from "../ArtDirectedImage/index.js";
-import { B as Badge } from "../../index-DwGcrvTh.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
 import ButtonGroup from "../ButtonGroup/index.js";
-import { a as flexOrientationVertical } from "../../styled-CUp4EbPh.js";
+import { a as flexOrientationVertical } from "../../styled-BY19C9EO.js";
 import { a as Grid, G as GridItem } from "../../index-Bu-7sSif.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";

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

package/dist/components/Link/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, p as primaryAppearance, a as LinkStyled, g as getLinkIcon } from "../../index-Dd-A7i9Y.js";
+import { L as LinkAsButton, p as primaryAppearance, a as LinkStyled, g as getLinkIcon } from "../../index-r-dbrZxA.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
 import { f as filterPropsForUnstyledComponent } from "../../filterProps-CxkibNnG.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
-import { b as iconNames } from "../../index--RjkzZm0.js";
-import { l as leftPosition, r as rightPosition } from "../../styled-BKH3egch.js";
+import { b as iconNames } from "../../index-B3v10poy.js";
+import { l as leftPosition, r as rightPosition } from "../../styled-CepQAcdi.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 const validateLinkProps = (props) => {
   if (!isObject(props)) {

package/dist/components/LinkAsButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { L, i, v } from "../../index-Dd-A7i9Y.js";
+import { L, i, v } from "../../index-r-dbrZxA.js";
 export {
   L as default,
   i as isLinkAsButtonProps,

package/dist/components/LinkListItem/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { B as Badge } from "../../index-DwGcrvTh.js";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { B as Badge } from "../../index-sJClnrzW.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import { c as spanTagName } from "../../tags-Cwgg3Gx2.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";

package/dist/components/MediaText/index.js

@@ -6,7 +6,7 @@ import "../FlexItem/index.js";
 import "../Heading/index.js";
 import "../Image/index.js";
 import "../Link/index.js";
-import "../../index-DP6Nlg-a.js";
+import "../../index-BXt1ptbH.js";
 import "../RichtTextContentful/index.js";
 import "../YoutubeVideo/index.js";
 import "../../tags-Cwgg3Gx2.js";
@@ -14,8 +14,8 @@ import "../../FontWeight-DEBGHbtO.js";
 import "../../HeadingSize-CfCRn3Lh.js";
 import "../../Spacing-8v6hcO2x.js";
 import "../../index-DKCzYjXw.js";
-import { M, i, a, b, m, c, v } from "../../index-72IFVw5W.js";
-import "../../styled-CUp4EbPh.js";
+import { M, i, a, b, m, c, v } from "../../index-CflWbzuv.js";
+import "../../styled-BY19C9EO.js";
 export {
   M as default,
   i as isMediaTextProps,

package/dist/components/Notification/index.js

@@ -5,9 +5,9 @@ import Button from "../Button/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
-import { I as IconLoader } from "../../index--RjkzZm0.js";
+import { I as IconLoader } from "../../index-B3v10poy.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-DP6Nlg-a.js";
+import { R as RichText } from "../../index-BXt1ptbH.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";