@vodafone_de/brix-components 7.0.14 → 7.0.15

package/dist/{BorderWidth-DfOlyKK7.js → BorderWidth-eg_mz82k.js}

@@ -8,8 +8,8 @@ const borderWidthMd = "Md";
 export {
   borderWidthFocus as a,
   borderWidthUnselected as b,
-  borderWidthSm as c,
-  borderWidthSelected as d,
+  borderWidthSelected as c,
+  borderWidthSm as d,
   borderWidthDivider as e,
   borderWidthNone as f,
   borderWidthMd as g

package/dist/{styled-BvCNTnzN.js → ButtonAppearanceHelper-D7-_vPGW.js}

@@ -1,4 +1,3 @@
-import styled from "styled-components";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import { e as ease_in_sine } from "./easing-Dm-pO8SY.js";
 import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
@@ -7,24 +6,9 @@ import { getHoverColor } from "./foundations/token/getHoverColor/index.js";
 import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
 import { getPressColor } from "./foundations/token/getPressColor/index.js";
 import { c as colorBorderFocus } from "./BorderColor-BummoQ1-.js";
-import { a as borderWidthFocus, d as borderWidthSelected } from "./BorderWidth-DfOlyKK7.js";
-import { f as colorObjectNeutral, c as colorObjectBrand, a as colorObjectInverse } from "./ObjectColor-BZDBuV8H.js";
-import { b as getForegroundColor } from "./colorUtils-BSfFfgbi.js";
-import IconLoader from "./components/IconLoader/index.js";
-import { v as viewport } from "./index-Ck2bCrhT.js";
-import { getBodySize } from "./foundations/token/getBodySize/index.js";
-import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
-import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
-import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
-import { getOpacity } from "./foundations/token/getOpacity/index.js";
-import { getSpacing } from "./foundations/token/getSpacing/index.js";
-import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
-import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
-import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
-import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
-import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { a as filterProps } from "./filterProps-xigToTuS.js";
-const leftPosition = "left";
+import { a as borderWidthFocus, c as borderWidthSelected } from "./BorderWidth-eg_mz82k.js";
+import { c as colorObjectNeutral, a as colorObjectBrand, b as colorObjectInverse } from "./ObjectColor-BYFmdKyF.js";
+import { g as getForegroundColor } from "./colorUtils-lb0oJttx.js";
 const ButtonAppearanceColor = {
   primary: colorObjectBrand,
   secondary: colorObjectNeutral,
@@ -102,64 +86,7 @@ const getButtonAppearance = (appearance) => {
   }
   return style;
 };
-const primaryAppearance = "primary";
-const tertiaryAppearance = "tertiary";
-const buttonHeight = "44px";
-const ButtonIconStyled = styled(IconLoader).withConfig({
-  displayName: "ButtonIconStyled",
-  componentId: "sc-6d4at9-0"
-})(({
-  iconPosition
-}) => ({
-  order: iconPosition === leftPosition ? -1 : 0
-}));
-const ButtonStyled = styled.button.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "ButtonStyled",
-  componentId: "sc-6d4at9-1"
-})({
-  appearance: "none",
-  display: "flex",
-  flexWrap: "nowrap",
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "pointer",
-  gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`,
-  padding: `${getSpacing(spacingXs)} ${getSpacing(spacingXl)}`,
-  borderRadius: getBorderRadius(borderRadiusMd),
-  fontWeight: getFontWeight(fontWeightRegular),
-  height: buttonHeight
-}, getBodySize(textBodyMd), ({
-  width = "auto"
-}) => ({
-  width: "100%",
-  ...viewport.md({
-    width: "full" === width ? "100%" : "fit-content"
-  })
-}), ({
-  appearance = primaryAppearance
-}) => getButtonAppearance(appearance), ({
-  disabled
-}) => {
-  if (disabled) {
-    return {
-      pointerEvents: "none",
-      opacity: getOpacity(opacityDisabled)
-    };
-  }
-  return {};
-}, ({
-  bottomSpacing = spacingMd
-}) => getBottomSpacing({
-  bottomSpacing
-}));
 export {
-  ButtonStyled as B,
-  ButtonAppearanceColor as a,
-  buttonHeight as b,
-  ButtonIconStyled as c,
-  getButtonAppearance as g,
-  leftPosition as l,
-  primaryAppearance as p,
-  tertiaryAppearance as t
+  ButtonAppearanceColor as B,
+  getButtonAppearance as g
 };

package/dist/{ObjectColor-BZDBuV8H.js → ObjectColor-BYFmdKyF.js}

@@ -9,12 +9,12 @@ const colorObjectInformation = "colorObjectInformation";
 const colorObjectSelected = "colorObjectSelected";
 const colorObjectUnselected = "colorObjectUnselected";
 export {
-  colorObjectInverse as a,
-  colorObjectSelected as b,
-  colorObjectBrand as c,
-  colorObjectUnselected as d,
-  colorObjectSuccess as e,
-  colorObjectNeutral as f,
+  colorObjectBrand as a,
+  colorObjectInverse as b,
+  colorObjectNeutral as c,
+  colorObjectSelected as d,
+  colorObjectUnselected as e,
+  colorObjectSuccess as f,
   colorObjectAccent as g,
   colorObjectCritical as h,
   colorObjectWarning as i,

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

@@ -58,9 +58,16 @@ const parseRgbColorToRgbObject = (color) => {
 const getComputedBackgroundColor = (element) => {
   const computedStyle = window.getComputedStyle(element);
   const backgroundColor = computedStyle.backgroundColor;
+  const backgroundImage = computedStyle.backgroundImage;
   if (backgroundColor !== "rgba(0, 0, 0, 0)") {
     return parseRgbColorToRgbObject(backgroundColor);
   }
+  if (backgroundImage && backgroundImage !== "none") {
+    const gradientMatch = backgroundImage.match(/(rgba?\([^)]+\))/g);
+    if (gradientMatch && gradientMatch.length > 0) {
+      return parseRgbColorToRgbObject(gradientMatch[1]);
+    }
+  }
   if (element.parentElement) return getComputedBackgroundColor(element.parentElement);
   return {
     r: 255,
@@ -87,8 +94,8 @@ const getContrastRatio = (color1, color2) => {
   return (lighter + 0.05) / (darker + 0.05);
 };
 export {
-  getContrastRatio as a,
-  getForegroundColor as b,
-  getComputedBackgroundColor as g,
+  getComputedBackgroundColor as a,
+  getContrastRatio as b,
+  getForegroundColor as g,
   parseColorToRgbObject as p
 };

package/dist/components/Accordion/index.js

@@ -18,7 +18,7 @@ import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { j as colorBorderSubtle, c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
-import { f as borderWidthNone, b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
+import { f as borderWidthNone, b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 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";

package/dist/components/Badge/index.js

@@ -5,7 +5,7 @@ import "../../styled-OqbLiEnJ.js";
 import "../../Spacing-D0HQH9YJ.js";
 import "../../SizeTypes-Ck_RdzIf.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { a, B } from "../../index-DAUhM24n.js";
+import { a, B } from "../../index-CoI0XH4F.js";
 export {
   a as BadgeAppearanceColor,
   B as default

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-CmRKTcf2.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../index-lIwEMVkJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { B as ButtonStyled } from "../../styled-BvCNTnzN.js";
+import { B as ButtonStyled } from "../../styled-BB6bR4YZ.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-CmRKTcf2.js";
+import { B } from "../../index-lIwEMVkJ.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../../filterProps-xigToTuS.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/ButtonGroup/index.js

@@ -5,7 +5,7 @@ import Flex from "../Flex/index.js";
 import { f as flexOrientationHorizontal, b as flexJustifyStart } from "../../styled-DLlpknmo.js";
 import FlexItem from "../FlexItem/index.js";
 import { c as spacingSm, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { u as useViewport } from "../../index-Cs0Hw0dj.js";
+import { u as useViewport } from "../../index-DEBP0uAj.js";
 const renderButtons = (buttons, isMobile, isReversed = false) => {
   if (!isMobile && isReversed) {
     buttons = buttons.slice().reverse();

package/dist/components/Carousel/index.js

@@ -15,7 +15,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 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 { c as colorObjectBrand, d as colorObjectUnselected } from "../../ObjectColor-BZDBuV8H.js";
+import { a as colorObjectBrand, e as colorObjectUnselected } from "../../ObjectColor-BYFmdKyF.js";
 import { a as filterProps } from "../../filterProps-xigToTuS.js";
 import IconButton from "../IconButton/index.js";
 import { S as ScreenreaderOnly } from "../../index-C1XkgaO-.js";

package/dist/components/Checkbox/index.js

@@ -19,7 +19,7 @@ import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
 import { d as borderRadiusSm } from "../../BorderRadius-ClUShVLu.js";
-import { a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.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";

package/dist/components/Collapsible/index.js

@@ -6,7 +6,7 @@ import { noReducedMotion } from "../../foundations/media-query/reducedMotion/ind
 import { a as ease_in_out_sine } from "../../easing-Dm-pO8SY.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.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";
 const CollapsibleStyled = styled.div.withConfig({

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 { g as getComputedBackgroundColor, p as parseColorToRgbObject, a as getContrastRatio } from "../../colorUtils-BSfFfgbi.js";
+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 forcedColors from "../../foundations/media-query/forcedColors/index.js";

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-BvCNTnzN.js";
+import { B as ButtonStyled, t as tertiaryAppearance } from "../../styled-BB6bR4YZ.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

@@ -7,7 +7,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 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 { 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";

package/dist/components/DateInput/index.js

@@ -7,7 +7,7 @@ import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { b as iconSizeSm } from "../../styled-OqbLiEnJ.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled-Zn59EuIp.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled--FF6flp-.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/Dialog/index.js

@@ -15,7 +15,7 @@ import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/i
 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-DfOlyKK7.js";
+import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { a as filterProps } from "../../filterProps-xigToTuS.js";
 const DialogOverlayStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/DiscoveryCard/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { b as BadgeStyled, B as Badge } from "../../index-DAUhM24n.js";
+import { b as BadgeStyled, B as Badge } from "../../index-CoI0XH4F.js";
 import Body, { bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
@@ -16,8 +16,8 @@ import "../../styled-OqbLiEnJ.js";
 import "html-react-parser";
 import "../../index-C1XkgaO-.js";
 import "../FootnoteLink/index.js";
-import "../../styled-BvCNTnzN.js";
-import { a as LinkStyled } from "../../index-nhWB8ViX.js";
+import "../../styled-BB6bR4YZ.js";
+import { a as LinkStyled } from "../../index-BWSFmccc.js";
 import "../../hooks/useLinkComponent/index.js";
 import "../InlineLink/index.js";
 import "uuid";

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-nhWB8ViX.js";
+import { a as LinkStyled } from "../../index-BWSFmccc.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/FilterGroup/index.js

@@ -19,8 +19,8 @@ import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-e0N9tdDR.js";
 import { b as colorBorderUnselected, i as colorBorderSelected, c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
 import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
-import { b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
-import { b as colorObjectSelected } from "../../ObjectColor-BZDBuV8H.js";
+import { b as borderWidthUnselected, a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
+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";

package/dist/components/FootnoteContent/index.js

@@ -6,7 +6,7 @@ import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 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-DfOlyKK7.js";
+import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { a as filterProps } from "../../filterProps-xigToTuS.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({

package/dist/components/GoogleMap/index.js

@@ -13,7 +13,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 { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
-import { c as borderWidthSm } from "../../BorderWidth-DfOlyKK7.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";
 const MapInner = ({

package/dist/components/GridItem/index.js

@@ -11,7 +11,7 @@ const GridItem = ({
   const gridTag = useContext(GridContext).tag;
   const gridSpacing = useContext(GridContext).spacing;
   const gridAutoLayout = useContext(GridContext).autoLayout;
-  return /* @__PURE__ */ jsx(GridItemStyled, { ...props, as: gridTag !== ulTagName ? liTagName : divTagName, spacing: gridSpacing, sm, ...gridAutoLayout, children: props.children });
+  return /* @__PURE__ */ jsx(GridItemStyled, { ...props, as: gridTag === ulTagName ? liTagName : divTagName, spacing: gridSpacing, sm, ...gridAutoLayout, children: props.children });
 };
 export {
   GridItem as default

package/dist/components/IconButton/index.js

@@ -11,12 +11,13 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { b as borderRadiusMd, c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
-import { d as borderWidthSelected } from "../../BorderWidth-DfOlyKK7.js";
+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, g as getButtonAppearance, p as primaryAppearance, a as ButtonAppearanceColor } from "../../styled-BvCNTnzN.js";
+import { b as buttonHeight, p as primaryAppearance } from "../../styled-BB6bR4YZ.js";
 import { a as filterProps } from "../../filterProps-xigToTuS.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
+import { g as getButtonAppearance, B as ButtonAppearanceColor } from "../../ButtonAppearanceHelper-D7-_vPGW.js";
 const iconButtonShapeSquare = "square";
 const iconButtonShapeCircle = "circle";
 const IconButtonStyled = styled.button.withConfig({

package/dist/components/ImageHeader/index.js

@@ -10,7 +10,7 @@ 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-DAUhM24n.js";
+import { B as Badge } from "../../index-CoI0XH4F.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";

package/dist/components/InlineLink/index.js

@@ -9,7 +9,7 @@ import { getBorderColor } from "../../foundations/token/getBorderColor/index.js"
 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 borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { f as colorTextBrand, a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 const hover = {
   textDecoration: "none",

package/dist/components/Input/index.js

@@ -9,7 +9,7 @@ import { s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { i } from "../../props-DDpgcryb.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-Zn59EuIp.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled--FF6flp-.js";
 const Input = forwardRef(({
   uid,
   status,

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-nhWB8ViX.js";
+import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-BWSFmccc.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
 import { f as filterPropsForUnstyledComponent } from "../../filterProps-xigToTuS.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/LinkAsButton/index.js

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

package/dist/components/LinkListItem/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { B as Badge } from "../../index-DAUhM24n.js";
+import { B as Badge } from "../../index-CoI0XH4F.js";
 import IconLoader from "../IconLoader/index.js";
 import { c as iconSizeMd } from "../../styled-OqbLiEnJ.js";
 import { s as spanTagName } from "../../tags-D0ExIPLD.js";
@@ -25,7 +25,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBorderFocus, j as colorBorderSubtle } from "../../BorderColor-BummoQ1-.js";
 import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
-import { a as borderWidthFocus, c as borderWidthSm } from "../../BorderWidth-DfOlyKK7.js";
+import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-eg_mz82k.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-DsntmDNw.js";

package/dist/components/MediaText/index.js

@@ -12,7 +12,7 @@ import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "
 import { a as fontWeightRegular } from "../../FontWeight-DEBGHbtO.js";
 import { b as textHeadingSm, t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, e as spacing2Xs, c as spacingSm, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import { u as useViewport } from "../../index-Cs0Hw0dj.js";
+import { u as useViewport } from "../../index-DEBP0uAj.js";
 import styled from "styled-components";
 import { v as viewport } from "../../index-Ck2bCrhT.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/Notification/index.js

@@ -12,7 +12,7 @@ import { R as RichText } from "../../index-B854Z6wJ.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";
-import { h as colorObjectCritical, i as colorObjectWarning, e as colorObjectSuccess, j as colorObjectInformation } from "../../ObjectColor-BZDBuV8H.js";
+import { h as colorObjectCritical, i as colorObjectWarning, f as colorObjectSuccess, j as colorObjectInformation } from "../../ObjectColor-BYFmdKyF.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
@@ -23,7 +23,7 @@ import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-e0N9tdDR.js";
 import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
-import { g as borderWidthMd } from "../../BorderWidth-DfOlyKK7.js";
+import { g as borderWidthMd } from "../../BorderWidth-eg_mz82k.js";
 import { d as colorIconInverse } from "../../IconColor-CtC9WUgr.js";
 import { s as spacingMd, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
 import { a as filterProps } from "../../filterProps-xigToTuS.js";

package/dist/components/PickerGroup/index.js

@@ -5,7 +5,7 @@ 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 { B as Badge } from "../../index-DAUhM24n.js";
+import { B as Badge } from "../../index-CoI0XH4F.js";
 import ColorSwatch from "../ColorSwatch/index.js";
 import { c as iconSizeMd } from "../../styled-OqbLiEnJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -27,7 +27,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-e0N9tdDR.js";
 import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
-import { a as borderWidthFocus, d as borderWidthSelected } from "../../BorderWidth-DfOlyKK7.js";
+import { a as borderWidthFocus, c as borderWidthSelected } from "../../BorderWidth-eg_mz82k.js";
 import { a as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";

package/dist/components/ProductCard/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-import { B as Badge } from "../../index-DAUhM24n.js";
+import { B as Badge } from "../../index-CoI0XH4F.js";
 import Body from "../Body/index.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading from "../Heading/index.js";

package/dist/components/QuickLinkList/components/QuickLink/index.d.ts

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

package/dist/components/QuickLinkList/components/QuickLink/props.d.ts

@@ -0,0 +1,21 @@
+import { IconName } from '@vfde-react/inline-icon-library/IconName';
+import { AnchorHTMLAttributes } from 'react';
+import { PatternProps } from '../../../../foundations/PatternProps';
+export interface QuickLinkProps extends PatternProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    /**
+     * Pin component's name from string to the concrete name
+     */
+    component?: 'QuickLink';
+    /**
+     * Icon name to display in the circle
+     */
+    icon: IconName;
+    /**
+     * Label to display under the icon
+     */
+    label: string;
+    /**
+     * Href for the link
+     */
+    href: string;
+}

package/dist/components/QuickLinkList/components/QuickLink/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const QuickLinkAnchorStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const QuickLinkIconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const QuickLinkLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

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