@vodafone_de/brix-components 3.1.28 → 3.1.29

package/dist/{TextColor-BXiR5Uq9.js → TextColor-DsntmDNw.js}

@@ -7,10 +7,10 @@ const colorTextCritical = "colorTextCritical";
 const colorTextPlaceholder = "colorTextPlaceholder";
 export {
   colorTextNeutral as a,
-  colorTextNeutralStatic as b,
-  colorTextInverseStatic as c,
-  colorTextInverse as d,
-  colorTextPlaceholder as e,
+  colorTextInverseStatic as b,
+  colorTextPlaceholder as c,
+  colorTextNeutralStatic as d,
+  colorTextInverse as e,
   colorTextBrand as f,
   colorTextCritical as g
 };

package/dist/{colorUtils-uLZF5UIN.js → colorUtils-BSfFfgbi.js}

@@ -1,5 +1,5 @@
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
-import { c as colorTextInverseStatic, a as colorTextNeutral, b as colorTextNeutralStatic, d as colorTextInverse } from "./TextColor-BXiR5Uq9.js";
+import { b as colorTextInverseStatic, a as colorTextNeutral, d as colorTextNeutralStatic, e as colorTextInverse } from "./TextColor-DsntmDNw.js";
 const backgroundForegroundColorMapping = {
   colorBackgroundBrand: getTextColor(colorTextInverseStatic),
   colorBackgroundNeutral: getTextColor(colorTextNeutral),
@@ -87,8 +87,8 @@ const getContrastRatio = (color1, color2) => {
   return (lighter + 0.05) / (darker + 0.05);
 };
 export {
-  getComputedBackgroundColor as a,
-  getContrastRatio as b,
-  getForegroundColor as g,
+  getContrastRatio as a,
+  getForegroundColor as b,
+  getComputedBackgroundColor as g,
   parseColorToRgbObject as p
 };

package/dist/components/Accordion/index.js

@@ -18,7 +18,7 @@ import { j as colorBorderSubtle, c as colorBorderFocus } from "../../BorderColor
 import { f as borderWidthNone, b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
 import { b as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { s as spacingMd, b as spacingNone, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
-import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-BXiR5Uq9.js";
+import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const accordionToggleExpanded = "expanded";
 const accordionToggleCollapsing = "collapsing";

package/dist/components/Badge/index.js

@@ -4,8 +4,8 @@ import "../../index-Cbojl4_Q.js";
 import "../../Spacing-D0HQH9YJ.js";
 import "../../SizeTypes-Ck_RdzIf.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { b, B } from "../../index-Bt1uVtoc.js";
+import { a, B } from "../../index-ZHkR70j3.js";
 export {
-  b as BadgeAppearanceColor,
+  a as BadgeAppearanceColor,
   B as default
 };

package/dist/components/BottomBar/index.js

@@ -4,7 +4,7 @@ import { useRef, useState, useEffect } from "react";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import Container from "../Container/index.js";
 import styled from "styled-components";
-import { C as CardStyled } from "../../styled-BpvuD699.js";
+import { a as CardStyled } from "../../styled-WguHd6ON.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";

package/dist/components/Button/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { B as ButtonAsLink, g as getButtonIcon } from "../../index-BtMpJbZ-.js";
-import { B as ButtonStyled } from "../../styled-BPTa90Cm.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../index-VyKg-44v.js";
+import { B as ButtonStyled } from "../../styled-CuLmB_mg.js";
 const buttonFullWidth = "full";
 const buttonAutoWidth = "auto";
 const isButtonAsLinkProp = (props) => {

package/dist/components/ButtonAsLink/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { B } from "../../index-BtMpJbZ-.js";
+import { B } from "../../index-VyKg-44v.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   B as default

package/dist/components/ButtonGroup/index.js

@@ -2,7 +2,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import Button from "../Button/index.js";
 import Flex from "../Flex/index.js";
-import { f as flexOrientationHorizontal, a as flexJustifyStart } from "../../styled-CpoX5USb.js";
+import { f as flexOrientationHorizontal, b as flexJustifyStart } from "../../styled-B0YKfXTz.js";
 import FlexItem from "../FlexItem/index.js";
 import { c as spacingSm, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { useViewport } from "../../hooks/useViewport/index.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-DI6H1biK.js";
-import { C as CardStyled } from "../../styled-BpvuD699.js";
-import { a } from "../../styled-BpvuD699.js";
+import { a as CardStyled } from "../../styled-WguHd6ON.js";
+import { C } from "../../styled-WguHd6ON.js";
 const Card = ({
   children,
   className,
@@ -13,6 +13,6 @@ const Card = ({
   ...props
 }) => /* @__PURE__ */ jsx(CardStyled, { ...props, className: (className ? className : "") + (isMobileDark ? " DarkMobile" : "") + ("Dark" === theme || "secondary" === appearance ? " Dark" : ""), appearance, as: tag, children });
 export {
-  a as CardAppearanceColor,
+  C as CardAppearanceColor,
   Card as default
 };

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-DI6H1biK.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
-import { C as CardStyled } from "../../styled-BpvuD699.js";
+import { a as CardStyled } from "../../styled-WguHd6ON.js";
 import { G as GridStyled } from "../../styled-ZpQohvyx.js";
-import { G as GridItemStyled } from "../../styled-Wlt68LfQ.js";
+import { G as GridItemStyled } from "../../styled-ChvU5bUu.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";

package/dist/components/Checkbox/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { iv as iconSizeSm, eB as NotificationErrorIcon } from "../../index-Cbojl4_Q.js";
 import { useState, useEffect } from "react";
 import FormHelperMessage from "../FormHelperMessage/index.js";
-import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
 import styled from "styled-components";
 import Label from "../Label/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/CheckboxGroup/index.js

@@ -5,7 +5,7 @@ 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-CpoX5USb.js";
+import { F as FlexStyled } from "../../styled-B0YKfXTz.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";

package/dist/components/ColorSwatch/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { a as getComputedBackgroundColor, p as parseColorToRgbObject, b as getContrastRatio } from "../../colorUtils-uLZF5UIN.js";
+import { g as getComputedBackgroundColor, p as parseColorToRgbObject, a as getContrastRatio } from "../../colorUtils-BSfFfgbi.js";
 import { iu as iconSizeMd } from "../../index-Cbojl4_Q.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/ColorSwatchGroup/index.js

@@ -4,7 +4,7 @@ import { s as spacingMd, e as spacing2Xs } from "../../Spacing-D0HQH9YJ.js";
 import ColorSwatch, { colorSwatchSizeSmall } from "../ColorSwatch/index.js";
 import { iu as iconSizeMd } from "../../index-Cbojl4_Q.js";
 import styled from "styled-components";
-import { F as FlexStyled } from "../../styled-CpoX5USb.js";
+import { F as FlexStyled } from "../../styled-B0YKfXTz.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";

package/dist/components/Container/index.js

@@ -9,7 +9,7 @@ import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
 import { e as borderWidthDivider } from "../../BorderWidth-DfOlyKK7.js";
 import { d as spacingXl, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import { e as colorBackgroundBrand, d as colorBackgroundBrandGradient, f as colorBackgroundSubtle, c as colorBackgroundNeutral } from "../../BackgroundColor-JObp_2xA.js";
 const ContainerAppearanceColor = {

package/dist/components/DateInput/index.js

@@ -6,8 +6,8 @@ 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 { i as inputStateError } from "../../props-Czq9XX2J.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled-CDWclYAa.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-zTRfFBiH.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 const CalendarMonthIconStyled = styled(CalendarMonthIcon).withConfig({

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-Cy-Cg4bU.js";
-import { D as DemoBoxStyled } from "../../styled-CXSdomF5.js";
+import { g as getUid } from "../../index-BeSd-V81.js";
+import { D as DemoBoxStyled } from "../../styled-ODPFCF1a.js";
 const heading = {
   component: "Heading",
   children: "Child component",

package/dist/components/DiscoveryCard/index.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { R as RichText } from "../../index-Cy-Cg4bU.js";
+import { R as RichText } from "../../index-BeSd-V81.js";
 import { f as fontWeightBold } from "../../FontWeight-CR22KTex.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 { a as BadgeStyled, B as Badge } from "../../index-Bt1uVtoc.js";
+import { b as BadgeStyled, B as Badge } from "../../index-ZHkR70j3.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, c as priceSizeSm, d as priceAlignLeft, a as priceAlignCenter, b as priceOrientationVertical } from "../../index-Bm66OyL0.js";
+import { P as Price, b as priceSizeSm, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-aUJfXBUI.js";
 import Image, { aspectRatio16_9, aspectRatio1_1 } from "../Image/index.js";
 import { a as cornerRounded } from "../../CornerStyle-JEbGNArR.js";
 import styled from "styled-components";
@@ -18,7 +18,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import Card from "../Card/index.js";
-import { a as LinkStyled } from "../../index-eiZAFM1T.js";
+import { a as LinkStyled } from "../../index-DhnCGoB_.js";
 const discoveryCardOrientationVertical = "vertical";
 const discoveryCardOrientationHorizontal = "horizontal";
 const DiscoveryCardStyled = styled(Card).withConfig({

package/dist/components/DiscoveryCardGroup/index.js

@@ -6,7 +6,7 @@ import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { a as LinkStyled } from "../../index-eiZAFM1T.js";
+import { a as LinkStyled } from "../../index-DhnCGoB_.js";
 const DiscoveryCardGroupGridStyled = styled(Grid).withConfig({
   displayName: "DiscoveryCardGroupGridStyled",
   componentId: "sc-6axszn-0"

package/dist/components/Fieldset/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { eB as NotificationErrorIcon } from "../../index-Cbojl4_Q.js";
 import { forwardRef } from "react";
 import FormHelperMessage from "../FormHelperMessage/index.js";
-import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
 import Legend from "../Legend/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";

package/dist/components/FilterGroup/index.js

@@ -22,7 +22,7 @@ import { b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderW
 import { b as colorObjectSelected } from "../../ObjectColor-BZDBuV8H.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, c as colorTextInverseStatic } from "../../TextColor-BXiR5Uq9.js";
+import { a as colorTextNeutral, b as colorTextInverseStatic } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const FilterGroupStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/Flex/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { F as FlexStyled } from "../../styled-CpoX5USb.js";
-import { e, d, c, a, f, b } from "../../styled-CpoX5USb.js";
+import { F as FlexStyled } from "../../styled-B0YKfXTz.js";
+import { e, d, c, b, f, a } from "../../styled-B0YKfXTz.js";
 const Flex = ({
   children,
   ...props
@@ -11,7 +11,7 @@ export {
   e as flexJustifyBetween,
   d as flexJustifyCenter,
   c as flexJustifyEnd,
-  a as flexJustifyStart,
+  b as flexJustifyStart,
   f as flexOrientationHorizontal,
-  b as flexOrientationVertical
+  a as flexOrientationVertical
 };

package/dist/components/FormHelperMessage/index.js

@@ -6,7 +6,7 @@ import styled from "styled-components";
 import Body from "../Body/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
-import { g as colorTextCritical } from "../../TextColor-BXiR5Uq9.js";
+import { g as colorTextCritical } from "../../TextColor-DsntmDNw.js";
 const FormHelperMessageStyled = styled(Body).withConfig({
   displayName: "FormHelperMessageStyled",
   componentId: "sc-cxtjnu-0"

package/dist/components/GoogleMap/index.js

@@ -7,7 +7,7 @@ import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js"
 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-BPTa90Cm.js";
+import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-CuLmB_mg.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/GridItem/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { d as divTagName } from "../../tags-DI6H1biK.js";
-import { G as GridItemStyled } from "../../styled-Wlt68LfQ.js";
+import { G as GridItemStyled } from "../../styled-ChvU5bUu.js";
 const GridItem = ({
   sm = 12,
   tag = divTagName,

package/dist/components/Heading/index.js

@@ -10,7 +10,7 @@ import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { f as fontWeightBold, a as fontWeightLight } from "../../FontWeight-CR22KTex.js";
-import { a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const headingAlignLeft = "left";
 const headingAlignCenter = "center";

package/dist/components/IconButton/index.js

@@ -13,7 +13,7 @@ import { b as borderRadiusMd, c as borderRadiusFull } from "../../BorderRadius-C
 import { d as borderWidthSelected } from "../../BorderWidth-DfOlyKK7.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { b as buttonHeight, g as getButtonAppearance, p as primaryAppearance, a as ButtonAppearanceColor } from "../../styled-BPTa90Cm.js";
+import { b as buttonHeight, g as getButtonAppearance, p as primaryAppearance, a as ButtonAppearanceColor } from "../../styled-CuLmB_mg.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const iconButtonShapeSquare = "square";

package/dist/components/IconSnippet/index.js

@@ -4,7 +4,7 @@ import { df as IconLoader, iu as iconSizeMd, io as iconSize2xl } from "../../ind
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { R as RichText } from "../../index-Cy-Cg4bU.js";
+import { R as RichText } from "../../index-BeSd-V81.js";
 import { d as divTagName } from "../../tags-DI6H1biK.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import Link from "../Link/index.js";

package/dist/components/ImageHeader/index.js

@@ -4,13 +4,13 @@ import Body from "../Body/index.js";
 import { a as fontWeightLight } from "../../FontWeight-CR22KTex.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 { g as getUid, R as RichText } from "../../index-Cy-Cg4bU.js";
+import { g as getUid, R as RichText } from "../../index-BeSd-V81.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
-import { P as Price, c as priceSizeSm } from "../../index-Bm66OyL0.js";
+import { P as Price, b as priceSizeSm } from "../../index-aUJfXBUI.js";
 import styled from "styled-components";
-import { B as Badge } from "../../index-Bt1uVtoc.js";
+import { B as Badge } from "../../index-ZHkR70j3.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 { a as colorBackgroundOverlay } from "../../BackgroundColor-JObp_2xA.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
-import { b as flexOrientationVertical } from "../../styled-CpoX5USb.js";
+import { a as flexOrientationVertical } from "../../styled-B0YKfXTz.js";
 const imageHeaderVariantFull = "full";
 const imageHeaderVariantSplit = "split";
 const imageHeaderPositionRight = "right";

package/dist/components/InlineLink/index.js

@@ -8,7 +8,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
 import { a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
-import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-BXiR5Uq9.js";
+import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const hover = {
   textDecoration: "none",

package/dist/components/Input/index.js

@@ -7,9 +7,9 @@ import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { i as inputStateError } from "../../props-Czq9XX2J.js";
-import { a } from "../../props-Czq9XX2J.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CDWclYAa.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
+import { i } from "../../props-DDpgcryb.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-zTRfFBiH.js";
 const Input = forwardRef(({
   uid,
   status,
@@ -51,5 +51,5 @@ const Input = forwardRef(({
 export {
   Input as default,
   inputStateError,
-  a as inputStateSuccess
+  i as inputStateSuccess
 };

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

package/dist/components/Link/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-eiZAFM1T.js";
+import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-DhnCGoB_.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 const isLinkAsButtonProp = (props) => {
   return props.href === void 0;

package/dist/components/LinkAsButton/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { L } from "../../index-eiZAFM1T.js";
+import { L } from "../../index-DhnCGoB_.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   L as default

package/dist/components/LinkListItem/index.js

@@ -4,7 +4,7 @@ import { iu as iconSizeMd, df as IconLoader } from "../../index-Cbojl4_Q.js";
 import { s as spanTagName } from "../../tags-DI6H1biK.js";
 import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { B as Badge } from "../../index-Bt1uVtoc.js";
+import { B as Badge } from "../../index-ZHkR70j3.js";
 import Body from "../Body/index.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -23,11 +23,11 @@ import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-C
 import { a as borderWidthFocus, c as borderWidthSm } from "../../BorderWidth-DfOlyKK7.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { b as colorIconBrand } from "../../IconColor-CtC9WUgr.js";
-import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-BXiR5Uq9.js";
+import { a as colorTextNeutral, f as colorTextBrand } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import Card from "../Card/index.js";
 import Icon from "../Icon/index.js";
-import { a as CardAppearanceColor } from "../../styled-BpvuD699.js";
+import { C as CardAppearanceColor } from "../../styled-WguHd6ON.js";
 const linkListItemVariantVertical = "vertical";
 const linkListItemVariantHorizontal = "horizontal";
 const focusStyles = {

package/dist/components/Notification/index.js

@@ -7,7 +7,7 @@ import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-Cy-Cg4bU.js";
+import { R as RichText } from "../../index-BeSd-V81.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, f as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-BummoQ1-.js";

package/dist/components/PickerGroup/index.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Fieldset from "../Fieldset/index.js";
-import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { e as spacing2Xs, s as spacingMd, c as spacingSm, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { useState, useEffect } from "react";
 import Grid from "../Grid/index.js";
 import { df as IconLoader, iu as iconSizeMd } from "../../index-Cbojl4_Q.js";
-import { B as Badge } from "../../index-Bt1uVtoc.js";
+import { B as Badge } from "../../index-ZHkR70j3.js";
 import ColorSwatch from "../ColorSwatch/index.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
@@ -29,7 +29,7 @@ import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
 import { a as borderWidthFocus, d as borderWidthSelected } from "../../BorderWidth-DfOlyKK7.js";
 import { b as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
-import { a as colorTextNeutral } from "../../TextColor-BXiR5Uq9.js";
+import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";

package/dist/components/Price/index.js

@@ -2,17 +2,17 @@
 import "react/jsx-runtime";
 import "../../index-DQhtQZ85.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { e, P, i, a, d, h, f, b, g, p, c } from "../../index-Bm66OyL0.js";
+import { c, P, i, g, f, h, p, a, e, d, b } from "../../index-aUJfXBUI.js";
 export {
-  e as createScreenReaderText,
+  c as createScreenReaderText,
   P as default,
   i as internalizePriceProps,
-  a as priceAlignCenter,
-  d as priceAlignLeft,
+  g as priceAlignCenter,
+  f as priceAlignLeft,
   h as priceDefaultProps,
-  f as priceOrientationHorizontal,
-  b as priceOrientationVertical,
-  g as priceSizeLg,
-  p as priceSizeMd,
-  c as priceSizeSm
+  p as priceOrientationHorizontal,
+  a as priceOrientationVertical,
+  e as priceSizeLg,
+  d as priceSizeMd,
+  b as priceSizeSm
 };

package/dist/components/ProductCard/index.js

@@ -5,12 +5,12 @@ import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import { B as Badge } from "../../index-Bt1uVtoc.js";
+import { B as Badge } from "../../index-ZHkR70j3.js";
 import Body from "../Body/index.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, p as priceSizeMd, a as priceAlignCenter, b as priceOrientationVertical } from "../../index-Bm66OyL0.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-aUJfXBUI.js";
 import styled from "styled-components";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import Card from "../Card/index.js";

package/dist/components/RadioGroup/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, createElement } from "react";
 import Fieldset from "../Fieldset/index.js";
 import Flex from "../Flex/index.js";
-import { i as inputStateError } from "../../props-Czq9XX2J.js";
+import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { a as spacingXs, b as spacingNone, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";
 import Label from "../Label/index.js";

package/dist/components/RichText/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "react";
-import { R } from "../../index-Cy-Cg4bU.js";
+import { R } from "../../index-BeSd-V81.js";
 export {
   R as default
 };

package/dist/components/SearchInput/index.js

@@ -5,11 +5,11 @@ import { forwardRef, useState, useRef, useImperativeHandle } from "react";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
 import { b as spacingNone, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { p as primaryAppearance } from "../../styled-BPTa90Cm.js";
+import { p as primaryAppearance } from "../../styled-CuLmB_mg.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Form from "../Form/index.js";
 import styled from "styled-components";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CDWclYAa.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-zTRfFBiH.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 const SearchInputButtonWrapperStyled = styled.div.withConfig({

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

@@ -2,7 +2,7 @@ import { InlineIconProps } from '@vfde-react/inline-icon-library';
 import { IconButtonProps } from '../IconButton/props';
 import { SearchInputProps } from './props';
 export declare const SearchInputButtonWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SearchInputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "status" | keyof import('../../foundations/PatternProps').PatternProps> & import('../../foundations/PatternProps').PatternProps & {
+export declare const SearchInputWrapperStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "status" | keyof import('../..').PatternProps> & import('../..').PatternProps & {
     status?: import('../Input').InputStatus;
 }, Pick<SearchInputProps, "bottomSpacing" | "value">>> & string;
 export declare const SearchInputIconButtonStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<IconButtonProps, IconButtonProps>> & string & Omit<import('react').FC<IconButtonProps>, keyof import('react').Component<any, {}, any>>;