@vodafone_de/brix-components 7.0.15 → 7.0.16

package/dist/components/Accordion/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import Collapsible from "../Collapsible/index.js";
 import IconLoader from "../IconLoader/index.js";
-import { c as iconSizeMd } from "../../styled-OqbLiEnJ.js";
+import { c as iconSizeMd } from "../../styled-BaShoELC.js";
 import "../../NotificationErrorIcon-DMnAJgPN.js";
 import { bf as ChevronDownIcon } from "../../_5gPlusIcon-B_69VW4X.js";
 import styled from "styled-components";
@@ -22,7 +22,7 @@ import { f as borderWidthNone, b as borderWidthUnselected, a as borderWidthFocus
 import { a as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { s as spacingMd, b as spacingNone, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
 import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const accordionToggleExpanded = "expanded";
 const accordionToggleCollapsing = "collapsing";
 const accordionToggleCollapsed = "collapsed";

package/dist/components/AccordionGroup/index.js

@@ -5,7 +5,7 @@ import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { useState } from "react";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const AccordionGroupSingleExpand = ({
   bottomSpacing = spacingMd,
   ...props

package/dist/components/Badge/index.js

@@ -1,11 +1,11 @@
 "use client";
 import "react/jsx-runtime";
 import "../IconLoader/index.js";
-import "../../styled-OqbLiEnJ.js";
+import "../../styled-BaShoELC.js";
 import "../../Spacing-D0HQH9YJ.js";
 import "../../SizeTypes-Ck_RdzIf.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { a, B } from "../../index-CoI0XH4F.js";
+import { a, B } from "../../index-DVGqkj9D.js";
 export {
   a as BadgeAppearanceColor,
   B as default

package/dist/components/Body/index.js

@@ -10,7 +10,7 @@ import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const BodyStyled = styled.p.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "BodyStyled",

package/dist/components/BottomBar/index.js

@@ -4,11 +4,11 @@ import { useRef, useState, useEffect } from "react";
 import Container from "../Container/index.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
-import { a as CardStyled } from "../../styled-DQRgGOv7.js";
+import { a as CardStyled } from "../../styled-5HvV3-Na.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const bottomBarExtraPadding = 100;
 const BottomBarStyled = styled(CardStyled).withConfig({
   shouldForwardProp: filterProps(),

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 "../../index-lIwEMVkJ.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../index-O3M5WWR3.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { B as ButtonStyled } from "../../styled-BB6bR4YZ.js";
+import { B as ButtonStyled } from "../../styled-wdIN7Rbp.js";
 const buttonFullWidth = "full";
 const buttonAutoWidth = "auto";
 const isButtonAsLinkProp = (props) => {

package/dist/components/ButtonAsLink/index.js

@@ -1,8 +1,8 @@
 "use client";
 import "react/jsx-runtime";
-import { B } from "../../index-lIwEMVkJ.js";
+import { B } from "../../index-O3M5WWR3.js";
 import "../../hooks/useLinkComponent/index.js";
-import "../../filterProps-xigToTuS.js";
+import "../../filterProps-CWVxE0CX.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   B as default

package/dist/components/ButtonGroup/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import Button from "../Button/index.js";
 import Flex from "../Flex/index.js";
-import { f as flexOrientationHorizontal, b as flexJustifyStart } from "../../styled-DLlpknmo.js";
+import { f as flexOrientationHorizontal, b as flexJustifyStart } from "../../styled-FXXyOwNm.js";
 import FlexItem from "../FlexItem/index.js";
 import { c as spacingSm, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { u as useViewport } from "../../index-DEBP0uAj.js";

package/dist/components/Card/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { d as divTagName } from "../../tags-D0ExIPLD.js";
-import { a as CardStyled } from "../../styled-DQRgGOv7.js";
-import { C } from "../../styled-DQRgGOv7.js";
+import { a as CardStyled } from "../../styled-5HvV3-Na.js";
+import { C } from "../../styled-5HvV3-Na.js";
 const Card = ({
   children,
   className,

package/dist/components/Carousel/index.js

@@ -6,9 +6,9 @@ import { useFocusWithin } from "../../hooks/useFocusWithin/index.js";
 import { l as liTagName, u as ulTagName } from "../../tags-D0ExIPLD.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
-import { a as CardStyled } from "../../styled-DQRgGOv7.js";
-import { G as GridStyled } from "../../styled-BdlPH_tS.js";
-import { G as GridItemStyled } from "../../styled-Coxn39x5.js";
+import { a as CardStyled } from "../../styled-5HvV3-Na.js";
+import { G as GridStyled } from "../../styled-BjeQhR2q.js";
+import { G as GridItemStyled } from "../../styled-pEnfzi0N.js";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -16,9 +16,9 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
 import { a as colorObjectBrand, e as colorObjectUnselected } from "../../ObjectColor-BYFmdKyF.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import IconButton from "../IconButton/index.js";
-import { S as ScreenreaderOnly } from "../../index-C1XkgaO-.js";
+import { S as ScreenreaderOnly } from "../../index-Bowvw4hz.js";
 const getItems = (items, loop) => {
   const normalizedItems = [...items].map((item, index) => ({
     ...item,

package/dist/components/Checkbox/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { N as NotificationErrorIcon } from "../../NotificationErrorIcon-DMnAJgPN.js";
 import { useState, useEffect } from "react";
 import FormHelperMessage from "../FormHelperMessage/index.js";
-import { b as iconSizeSm } from "../../styled-OqbLiEnJ.js";
+import { b as iconSizeSm } from "../../styled-BaShoELC.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
 import styled from "styled-components";
 import Label from "../Label/index.js";
@@ -22,7 +22,7 @@ import { d as borderRadiusSm } from "../../BorderRadius-ClUShVLu.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const CheckboxLabelStyled = styled(Label).withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/CheckboxGroup/index.js

@@ -5,10 +5,10 @@ import Checkbox from "../Checkbox/index.js";
 import Fieldset from "../Fieldset/index.js";
 import { f as spacingLg, s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
-import { F as FlexStyled } from "../../styled-DLlpknmo.js";
+import { F as FlexStyled } from "../../styled-FXXyOwNm.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const CheckboxGroupStyled = styled(FlexStyled).withConfig({
   shouldForwardProp: filterProps(),
   displayName: "CheckboxGroupStyled",

package/dist/components/Collapsible/index.js

@@ -8,7 +8,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const CollapsibleStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "CollapsibleStyled",

package/dist/components/ColorSwatch/index.js

@@ -3,13 +3,13 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { a as getComputedBackgroundColor, p as parseColorToRgbObject, b as getContrastRatio } from "../../colorUtils-lb0oJttx.js";
 import styled from "styled-components";
-import { c as iconSizeMd } from "../../styled-OqbLiEnJ.js";
+import { c as iconSizeMd } from "../../styled-BaShoELC.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { a as colorBorderNeutral } from "../../BorderColor-BummoQ1-.js";
 import { b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const colorSwatchSizeSmall = "sm";
 const colorSwatchSizeMedium = "md";

package/dist/components/ColorSwatchGroup/index.js

@@ -3,10 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import ColorSwatch, { colorSwatchSizeSmall } from "../ColorSwatch/index.js";
 import { s as spacingMd, e as spacing2Xs } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
-import { F as FlexStyled } from "../../styled-DLlpknmo.js";
-import { c as iconSizeMd } from "../../styled-OqbLiEnJ.js";
+import { F as FlexStyled } from "../../styled-FXXyOwNm.js";
+import { c as iconSizeMd } from "../../styled-BaShoELC.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const ColorSwatchListStyled = styled(FlexStyled).withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/ConsentMessage/index.js

@@ -4,7 +4,7 @@ import { useState, useEffect } from "react";
 import Body, { bodyAlignCenter } from "../Body/index.js";
 import Button, { buttonAutoWidth } from "../Button/index.js";
 import styled from "styled-components";
-import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-BB6bR4YZ.js";
+import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-wdIN7Rbp.js";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";

package/dist/components/Container/index.js

@@ -10,7 +10,7 @@ import { j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
 import { e as borderWidthDivider } from "../../BorderWidth-eg_mz82k.js";
 import { d as spacingXl, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import { f as colorBackgroundBrand, e as colorBackgroundBrandGradient, a as colorBackgroundSubtle, c as colorBackgroundNeutral } from "../../BackgroundColor-e0N9tdDR.js";
 const ContainerAppearanceColor = {
   primary: colorBackgroundNeutral,

package/dist/components/DateInput/index.js

@@ -5,9 +5,9 @@ import FormElement from "../FormElement/index.js";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
-import { b as iconSizeSm } from "../../styled-OqbLiEnJ.js";
+import { b as iconSizeSm } from "../../styled-BaShoELC.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled--FF6flp-.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-but53bbG.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
 import "../../NotificationErrorIcon-DMnAJgPN.js";
 import { aW as CalendarMonthIcon } from "../../_5gPlusIcon-B_69VW4X.js";

package/dist/components/DemoBox/index.js

@@ -2,8 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import IconSnippet from "../IconSnippet/index.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
-import { g as getUid } from "../../index-B854Z6wJ.js";
-import { D as DemoBoxStyled } from "../../styled-CAa6y5cu.js";
+import { g as getUid } from "../../index-D-MALxCt.js";
+import { D as DemoBoxStyled } from "../../styled-Cialsyrm.js";
 const heading = {
   component: "Heading",
   children: "Child component",

package/dist/components/Dialog/index.js

@@ -16,7 +16,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { d as colorBackgroundOverlayStatic } from "../../BackgroundColor-e0N9tdDR.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const DialogOverlayStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DialogOverlayStyled",

package/dist/components/DiscoveryCard/index.js

@@ -1,23 +1,23 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { b as BadgeStyled, B as Badge } from "../../index-CoI0XH4F.js";
+import { b as BadgeStyled, B as Badge } from "../../index-DVGqkj9D.js";
 import Body, { bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-D1-XMn0u.js";
-import { R as RichText } from "../../index-B854Z6wJ.js";
+import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-0fUAhmgO.js";
+import { R as RichText } from "../../index-D-MALxCt.js";
 import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone, a as spacingXs, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
 import "../../NotificationErrorIcon-DMnAJgPN.js";
-import "../../styled-OqbLiEnJ.js";
+import "../../styled-BaShoELC.js";
 import "html-react-parser";
-import "../../index-C1XkgaO-.js";
+import "../../index-Bowvw4hz.js";
 import "../FootnoteLink/index.js";
-import "../../styled-BB6bR4YZ.js";
-import { a as LinkStyled } from "../../index-BWSFmccc.js";
+import "../../styled-wdIN7Rbp.js";
+import { a as LinkStyled } from "../../index-fUrsG-sk.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../InlineLink/index.js";
 import "uuid";
@@ -26,7 +26,7 @@ import Card from "../Card/index.js";
 import Image, { aspectRatio16_9, aspectRatio1_1 } from "../Image/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import { a as cornerRounded } from "../../CornerStyle-JEbGNArR.js";
 const discoveryCardOrientationVertical = "vertical";
 const discoveryCardOrientationHorizontal = "horizontal";

package/dist/components/DiscoveryCardGroup/index.js

@@ -4,7 +4,7 @@ import styled from "styled-components";
 import DiscoveryCard, { discoveryCardOrientationVertical } from "../DiscoveryCard/index.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
-import { a as LinkStyled } from "../../index-BWSFmccc.js";
+import { a as LinkStyled } from "../../index-fUrsG-sk.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 const DiscoveryCardGroupGridStyled = styled(Grid).withConfig({

package/dist/components/Divider/index.js

@@ -7,7 +7,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const DividerLineStyled = styled.hr.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DividerLineStyled",

package/dist/components/Fieldset/index.js

@@ -8,7 +8,7 @@ import Legend from "../Legend/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const FieldsetStyled = styled.fieldset.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FieldsetStyled",

package/dist/components/FilterGroup/index.js

@@ -2,10 +2,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import Fieldset from "../Fieldset/index.js";
-import { b as iconSizeSm } from "../../styled-OqbLiEnJ.js";
+import { b as iconSizeSm } from "../../styled-BaShoELC.js";
 import styled from "styled-components";
 import IconLoader from "../IconLoader/index.js";
-import { s as screenreaderOnly } from "../../index-C1XkgaO-.js";
+import { s as screenreaderOnly } from "../../index-Bowvw4hz.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
@@ -24,7 +24,7 @@ import { d as colorObjectSelected } from "../../ObjectColor-BYFmdKyF.js";
 import { a as spacingXs, b as spacingNone, e as spacing2Xs, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
 import { a as colorTextNeutral, b as colorTextInverseStatic } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const FilterGroupStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FilterGroupStyled",

package/dist/components/Flex/index.js

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

package/dist/components/FlexItem/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { cloneElement } from "react";
 import { b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const flexItemFullGrow = "full";
 const flexItemAutoGrow = "auto";
 const FlexItemStyled = styled.div.withConfig({

package/dist/components/FootnoteContent/index.js

@@ -7,7 +7,7 @@ import { getBorderColor } from "../../foundations/token/getBorderColor/index.js"
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const rotate = keyframes(["0%{box-shadow:transparent 0px 0px 0px 0px;}50%{box-shadow:", " 0px 0px 2px ", ";}100%{box-shadow:transparent 0px 0px 0px 0px;}}"], getBorderColor(colorBorderFocus), getBorderWidth(borderWidthFocus));
 const FootnoteContentStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/FootnoteLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as ScreenreaderOnly } from "../../index-C1XkgaO-.js";
+import { S as ScreenreaderOnly } from "../../index-Bowvw4hz.js";
 import styled from "styled-components";
 import InlineLink from "../InlineLink/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";

package/dist/components/Form/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const FormStyled = styled.form.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FormStyled",

package/dist/components/FormElement/index.js

@@ -5,7 +5,7 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const FormElementStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FormElementStyled",

package/dist/components/FormHelperStatusIcon/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { b as iconSizeSm } from "../../styled-OqbLiEnJ.js";
+import { b as iconSizeSm } from "../../styled-BaShoELC.js";
 import styled from "styled-components";
 import IconLoader from "../IconLoader/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/GoogleMap/index.js

@@ -15,7 +15,7 @@ import { j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
 import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
 import { d as borderWidthSm } from "../../BorderWidth-eg_mz82k.js";
 import { c as cornerStraight } from "../../CornerStyle-JEbGNArR.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const MapInner = ({
   setMap,
   children

package/dist/components/Grid/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { createContext } from "react";
 import { d as divTagName } from "../../tags-D0ExIPLD.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { G as GridStyled } from "../../styled-BdlPH_tS.js";
+import { G as GridStyled } from "../../styled-BjeQhR2q.js";
 const GridContext = createContext({
   tag: divTagName,
   spacing: spacingMd,

package/dist/components/GridItem/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { l as liTagName, d as divTagName, u as ulTagName } from "../../tags-D0ExIPLD.js";
 import { GridContext } from "../Grid/index.js";
-import { G as GridItemStyled } from "../../styled-Coxn39x5.js";
+import { G as GridItemStyled } from "../../styled-pEnfzi0N.js";
 const GridItem = ({
   sm = 12,
   ...props

package/dist/components/Heading/index.js

@@ -11,7 +11,7 @@ import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js"
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { f as fontWeightBold, b as fontWeightLight } from "../../FontWeight-DEBGHbtO.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const headingAlignLeft = "left";
 const headingAlignCenter = "center";
 const mapHeadingSizeToFontWeight = {

package/dist/components/HifiIcon/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const IconStyled = styled.img.withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/IconButton/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import IconLoader from "../IconLoader/index.js";
-import { b as iconSizeSm } from "../../styled-OqbLiEnJ.js";
+import { b as iconSizeSm } from "../../styled-BaShoELC.js";
 import styled from "styled-components";
 import { s as shadow28 } from "../../shadow-u158mzuN.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
@@ -14,8 +14,8 @@ import { b as borderRadiusMd, c as borderRadiusFull } from "../../BorderRadius-C
 import { c as borderWidthSelected } from "../../BorderWidth-eg_mz82k.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { b as buttonHeight, p as primaryAppearance } from "../../styled-BB6bR4YZ.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { b as buttonHeight, p as primaryAppearance } from "../../styled-wdIN7Rbp.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 import { g as getButtonAppearance, B as ButtonAppearanceColor } from "../../ButtonAppearanceHelper-D7-_vPGW.js";
 const iconButtonShapeSquare = "square";

package/dist/components/IconLoader/index.js

@@ -646,6 +646,7 @@ const IconLoader = ({
   className,
   component: _component,
   iconPosition,
+  bottomSpacing,
   ...props
 }) => {
   const MappedIcon = mapNameToInlineIcons[name];

package/dist/components/IconSnippet/index.js

@@ -2,17 +2,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
-import { d as iconSizeLg, g as iconSize3xl, b as iconSizeSm } from "../../styled-OqbLiEnJ.js";
+import { d as iconSizeLg, g as iconSize3xl, b as iconSizeSm } from "../../styled-BaShoELC.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-B854Z6wJ.js";
+import { R as RichText } from "../../index-D-MALxCt.js";
 import { d as divTagName } from "../../tags-D0ExIPLD.js";
 import { c as spacingSm, s as spacingMd, b as spacingNone, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 import IconLoader from "../IconLoader/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const iconSnippetSizeSmall = "sm";
 const iconSnippetSizeLarge = "lg";
 const iconSnippetSize3Xl = "3xl";

package/dist/components/Image/index.js

@@ -5,7 +5,7 @@ import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.j
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
 import { c as cornerStraight } from "../../CornerStyle-JEbGNArR.js";
-import { a as filterProps } from "../../filterProps-xigToTuS.js";
+import { a as filterProps } from "../../filterProps-CWVxE0CX.js";
 const objectFitContain = "contain";
 const objectFitCover = "cover";
 const objectFitNone = "none";

package/dist/components/ImageHeader/index.js

@@ -4,13 +4,13 @@ import Body from "../Body/index.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
-import { P as Price, b as priceSizeSm } from "../../index-D1-XMn0u.js";
-import { g as getUid, R as RichText } from "../../index-B854Z6wJ.js";
+import { P as Price, b as priceSizeSm } from "../../index-0fUAhmgO.js";
+import { g as getUid, R as RichText } from "../../index-D-MALxCt.js";
 import { b as fontWeightLight } from "../../FontWeight-DEBGHbtO.js";
 import { s as spacingMd, c as spacingSm, d as spacingXl, a as spacingXs, e as spacing2Xs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import styled from "styled-components";
-import { B as Badge } from "../../index-CoI0XH4F.js";
+import { B as Badge } from "../../index-DVGqkj9D.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
@@ -21,7 +21,7 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { b as colorBackgroundOverlay } from "../../BackgroundColor-e0N9tdDR.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
-import { a as flexOrientationVertical } from "../../styled-DLlpknmo.js";
+import { a as flexOrientationVertical } from "../../styled-FXXyOwNm.js";
 const imageHeaderVariantFull = "full";
 const imageHeaderVariantSplit = "split";
 const imageHeaderPositionRight = "right";

package/dist/components/InlineIcon/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { m as InlineIconStyled, l as inlineIconModeStroke } from "../../styled-OqbLiEnJ.js";
-import { I, f, i, g, h, j, d, c, b, e, a, k } from "../../styled-OqbLiEnJ.js";
+import { m as InlineIconStyled, l as inlineIconModeStroke } from "../../styled-BaShoELC.js";
+import { I, f, i, g, h, j, d, c, b, e, a, k } from "../../styled-BaShoELC.js";
 const InlineIcon = ({
   className,
   alt = "",