@vodafone_de/brix-components 3.0.0 → 3.0.2

package/dist/components/FootnoteLink/index.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { S as ScreenreaderOnly } from "../../index-DQhtQZ85.js";
+import styled from "styled-components";
+import InlineLink from "../InlineLink/index.js";
+import { getSpacing } from "../../foundations/token/getSpacing/index.js";
+import { e as spacing2Xs } from "../../Spacing-D0HQH9YJ.js";
+const FootnoteLinkStyled = styled(InlineLink).withConfig({
+  displayName: "FootnoteLinkStyled",
+  componentId: "sc-ydos3j-0"
+})({
+  verticalAlign: "super",
+  fontSize: "smaller",
+  paddingLeft: getSpacing(spacing2Xs),
+  paddingRight: getSpacing(spacing2Xs)
+});
+const FootnoteLink = ({
+  uid,
+  contentUid,
+  screenReaderLabel,
+  children,
+  component: _component
+}) => {
+  const onClick = (event) => {
+    const linkbackToContent = document.getElementById(`back-${contentUid}`);
+    if (!linkbackToContent) {
+      return;
+    }
+    linkbackToContent.setAttribute("href", `#${uid}`);
+    const details = linkbackToContent.closest("details");
+    if (details && null === details.getAttribute("open")) {
+      event.preventDefault();
+      details.setAttribute("open", "open");
+      setTimeout(() => {
+        event.target.click();
+      }, 15);
+    }
+  };
+  return /* @__PURE__ */ jsxs(FootnoteLinkStyled, { id: uid, href: `#${contentUid}`, onClick, children: [
+    children,
+    /* @__PURE__ */ jsx(ScreenreaderOnly, { children: screenReaderLabel })
+  ] });
+};
+export {
+  FootnoteLink as default
+};

package/dist/components/Form/index.js

@@ -0,0 +1,20 @@
+"use client";
+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 { f as filterProps } from "../../filterProps-Cewck8OH.js";
+const FormStyled = styled.form.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "FormStyled",
+  componentId: "sc-1j3j22h-0"
+})(getBottomSpacing);
+const Form = ({
+  children,
+  noValidate = true,
+  bottomSpacing = spacingNone,
+  ...props
+}) => /* @__PURE__ */ jsx(FormStyled, { ...props, noValidate, bottomSpacing, children });
+export {
+  Form as default
+};

package/dist/components/FormElement/index.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+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 { f as filterProps } from "../../filterProps-Cewck8OH.js";
+const FormElementStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "FormElementStyled",
+  componentId: "sc-1b7ghm7-0"
+})(getBodySize("md"), ({
+  $disabled
+}) => {
+  if ($disabled) {
+    return {
+      pointerEvents: "none",
+      opacity: getOpacity(opacityDisabled)
+    };
+  }
+  return {};
+}, getBottomSpacing);
+const FormElement = ({
+  disabled,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(FormElementStyled, { ...props, $disabled: disabled, children });
+export {
+  FormElement as default
+};

package/dist/components/FormHelperLabel/index.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import Label from "../Label/index.js";
+import { a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
+const FormHelperLabel = ({
+  label,
+  uid
+}) => {
+  if (typeof label === "string") {
+    const labelProps = {
+      htmlFor: uid,
+      bottomSpacing: spacingXs,
+      children: label
+    };
+    return /* @__PURE__ */ jsx(Label, { ...labelProps });
+  }
+  return /* @__PURE__ */ jsx(Label, { ...label });
+};
+export {
+  FormHelperLabel as default
+};

package/dist/components/FormHelperMessage/index.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs } from "react/jsx-runtime";
+import { a as spacingXs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
+import { a as textBodySm } from "../../TextBodySize-BcZR9mh2.js";
+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";
+const FormHelperMessageStyled = styled(Body).withConfig({
+  displayName: "FormHelperMessageStyled",
+  componentId: "sc-cxtjnu-0"
+})({
+  display: "flex",
+  alignItems: "center",
+  gap: getSpacing(spacingXs)
+}, ({
+  status
+}) => {
+  if (!status) {
+    return {};
+  }
+  if ("error" === status) {
+    return {
+      "&&": {
+        color: `${getTextColor(colorTextCritical)}`
+      }
+    };
+  }
+});
+const FormHelperMessage = ({
+  message,
+  id,
+  status,
+  children
+}) => {
+  if (!message) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(FormHelperMessageStyled, { id, size: textBodySm, bottomSpacing: spacingNone, status, children: [
+    children,
+    message
+  ] });
+};
+export {
+  FormHelperMessage as default
+};

package/dist/components/FormHelperStatusIcon/index.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { IconLoader, iconSizeSm } from "@vfde-react/inline-icon-library";
+import styled from "styled-components";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
+import { getIconColor } from "../../foundations/token/getIconColor/index.js";
+import { c as colorIconSuccess, a as colorIconCritical } from "../../IconColor-CtC9WUgr.js";
+const FormHelperStatusIconStyled = styled(IconLoader).withConfig({
+  displayName: "FormHelperStatusIconStyled",
+  componentId: "sc-1k8ga6j-0"
+})(({
+  status
+}) => {
+  if (!status) {
+    return {};
+  }
+  if ("success" === status) {
+    return {
+      ...forcedColors({
+        color: "FieldText"
+      }),
+      color: getIconColor(colorIconSuccess)
+    };
+  }
+  if ("error" === status) {
+    return {
+      ...forcedColors({
+        color: "FieldText"
+      }),
+      color: getIconColor(colorIconCritical)
+    };
+  }
+});
+const inputStatusIcons = {
+  error: "NotificationError",
+  success: "NotificationTick"
+};
+const FormHelperStatusIcon = ({
+  status,
+  className
+}) => {
+  if (!status) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(FormHelperStatusIconStyled, { name: inputStatusIcons[status], size: iconSizeSm, status, className });
+};
+export {
+  FormHelperStatusIcon as default,
+  inputStatusIcons
+};

package/dist/components/GoogleMap/index.js

@@ -0,0 +1,196 @@
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useMap, APIProvider, Map } from "@vis.gl/react-google-maps";
+import { useState, useEffect } from "react";
+import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
+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-FNJyDkPV.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";
+import { a as colorBackgroundOverlay } from "../../BackgroundColor-JObp_2xA.js";
+import Heading, { headingAlignCenter } from "../Heading/index.js";
+import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
+import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
+import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
+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 { c as cornerStraight } from "../../CornerStyle-JEbGNArR.js";
+import { f as filterProps } from "../../filterProps-Cewck8OH.js";
+const mapBG = "R0lGODlhjABPANUAAJfU/sHeosfhrOj1/tXezKvYyqXX+9Xu/7XasbDd/cno/bvj/vP47M7ltNDe6Nrg1e/25s3eu/f7897uzdbpweDl29LnuvL6/tTr5+by2rra7qTX4cvlxczn1eHx5Onv4+ry4b/i4tTpy+/z6uPo7evr7PHx8eXl5uHh4uPj5O3t7unp6v39/fn5+fv7++r04OLw0/v9+drryPX38/j8/97w/PP18fn79/Pz8/X19efn6Pf39+/v8L3cm////9/f4CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYjdjNjRjY2Y5LCAyMDI0LzA3LzE2LTEyOjM5OjA0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjYuMCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDlBQzk4M0VEMjIxMUVGOUMyN0NBQUIzREFFNTdENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDlBQzk4NEVEMjIxMUVGOUMyN0NBQUIzREFFNTdENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNEOUFDOTgxRUQyMjExRUY5QzI3Q0FBQjNEQUU1N0Q0IiBzdFJlZjpkb2N1bWVudElEPSJ4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";
+const ConsentMessageBackgroundStyled = styled.div.withConfig({
+  displayName: "ConsentMessageBackgroundStyled",
+  componentId: "sc-la2plq-0"
+})({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  overflow: "hidden"
+});
+const ConsentMessageBackgroundMapStyled = styled.div.withConfig({
+  displayName: "ConsentMessageBackgroundMapStyled",
+  componentId: "sc-la2plq-1"
+})({
+  position: "absolute",
+  top: "-10%",
+  left: "-10%",
+  right: "-10%",
+  bottom: "-10%",
+  backgroundImage: `url("data:image/gif;base64, ${mapBG} ")`,
+  backgroundPosition: "center",
+  backgroundSize: "cover",
+  backgroundColor: getBackgroundColor(colorBackgroundOverlay),
+  backgroundBlendMode: "overlay",
+  filter: "blur(8px)"
+});
+const ConsentMessageStyled = styled.div.withConfig({
+  displayName: "ConsentMessageStyled",
+  componentId: "sc-la2plq-2"
+})({
+  position: "absolute",
+  top: "50%",
+  transform: "translate(0, -50%)",
+  left: getSpacing(spacingMd),
+  right: getSpacing(spacingMd),
+  ...viewport.md({
+    /* no token for this maxWidth, but invented by Daniel */
+    maxWidth: "600px",
+    left: "50%",
+    right: "unset",
+    transform: "translate(-50%, -50%)"
+  })
+}, () => {
+  const css = {};
+  const buttonSelector = `& ${ButtonStyled.toString()}`;
+  css[buttonSelector] = {
+    marginLeft: "auto",
+    marginRight: "auto"
+  };
+  return css;
+});
+const ConsentMessage = ({
+  heading,
+  body,
+  button
+}) => {
+  const [render, setRender] = useState(false);
+  useEffect(() => {
+    setRender(true);
+  }, []);
+  if (!render) {
+    return null;
+  }
+  const openConsentBanner = () => {
+    try {
+      window.adv_lib.consent.showBanner();
+    } catch (e) {
+      console.log("Could not open consentBanner");
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ConsentMessageBackgroundStyled, { children: /* @__PURE__ */ jsx(ConsentMessageBackgroundMapStyled, {}) }),
+    /* @__PURE__ */ jsxs(ConsentMessageStyled, { children: [
+      /* @__PURE__ */ jsx(Heading, { size: textHeadingXs, bottomSpacing: spacingXs, align: headingAlignCenter, children: heading }),
+      /* @__PURE__ */ jsx(Body, { bottomSpacing: spacingMd, align: bodyAlignCenter, children: body }),
+      /* @__PURE__ */ jsx(Button, { appearance: tertiaryAppearance, width: buttonAutoWidth, onClick: openConsentBanner, bottomSpacing: spacingNone, children: button })
+    ] })
+  ] });
+};
+const MapInner = ({
+  setMap,
+  children
+}) => {
+  const mapIdentifier = void 0 !== children.props.id ? children.props.id : void 0;
+  const map = useMap(mapIdentifier);
+  useEffect(() => {
+    if (!map) {
+      return;
+    }
+    setMap(map);
+  }, [map, setMap]);
+  return children;
+};
+const MapProvider = ({
+  apiKey,
+  children,
+  setMap
+}) => {
+  return /* @__PURE__ */ jsx(APIProvider, { apiKey, children: /* @__PURE__ */ jsx(MapInner, { setMap, children }) });
+};
+const GoogleMapStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "GoogleMapStyled",
+  componentId: "sc-jtxldi-0"
+})({
+  position: "relative",
+  borderWidth: getBorderWidth(borderWidthSm),
+  borderColor: getBorderColor(colorBorderSubtle),
+  borderStyle: "solid"
+}, ({
+  viewportHeight
+}) => {
+  let height = {
+    height: `${viewportHeight.sm}px`
+  };
+  if (viewportHeight.md) {
+    height = {
+      ...height,
+      ...viewport.md({
+        height: `${viewportHeight.md}px`
+      })
+    };
+  }
+  if (viewportHeight.lg) {
+    height = {
+      ...height,
+      ...viewport.lg({
+        height: `${viewportHeight.lg}px`
+      })
+    };
+  }
+  return height;
+}, ({
+  corners = cornerStraight
+}) => ({
+  borderRadius: corners === "rounded" ? getBorderRadius(borderRadiusMd) : getBorderRadius(borderRadiusNone),
+  "& > div > div": {
+    borderRadius: corners === "rounded" ? getBorderRadius(borderRadiusMd) : getBorderRadius(borderRadiusNone)
+  }
+}), getBottomSpacing);
+const defaultBasicMap = /* @__PURE__ */ jsx(Map, { defaultZoom: 18, defaultCenter: {
+  lat: 51.235587,
+  lng: 6.731483
+}, disableDefaultUI: true, gestureHandling: "greedy" });
+const GoogleMap = ({
+  children,
+  apiKey,
+  bottomSpacing = spacingMd,
+  onMapReady,
+  consentMessage,
+  ...props
+}) => {
+  const consent = useThirdPartyConsent();
+  const [map, setMap] = useState(null);
+  children = children || defaultBasicMap;
+  useEffect(() => {
+    if (!map) {
+      return;
+    }
+    if (!onMapReady) {
+      return;
+    }
+    onMapReady(map);
+  }, [map, onMapReady]);
+  return /* @__PURE__ */ jsx(GoogleMapStyled, { ...props, bottomSpacing, children: !consent ? /* @__PURE__ */ jsx(ConsentMessage, { ...consentMessage }) : /* @__PURE__ */ jsx(MapProvider, { apiKey, setMap, children }) });
+};
+export {
+  GoogleMap as default
+};

package/dist/components/Grid/index.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { l as liTagName, d as divTagName } from "../../tags-DI6H1biK.js";
+import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
+import { Children, cloneElement } from "react";
+import { G as GridStyled } from "../../styled-ZpQohvyx.js";
+const autoLayout = (props) => {
+  if (!props.autoLayout) {
+    return props.children;
+  }
+  if (props.children && Array.isArray(props.children)) {
+    return props.children.map((child) => {
+      return cloneElement(child, {
+        ...props.autoLayout
+      });
+    });
+  }
+  if (props.children && !Array.isArray(props.children)) {
+    return cloneElement(props.children, {
+      ...props.autoLayout
+    });
+  }
+};
+const inheritTagandSpacingToGridItems = (gridItems, tag, spacing) => {
+  return Children.map(gridItems, (gridItem) => cloneElement(gridItem, {
+    tag: tag !== divTagName ? liTagName : divTagName,
+    spacing
+  }));
+};
+const Grid = ({
+  tag = divTagName,
+  spacing = spacingMd,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(GridStyled, { ...props, as: tag, spacing, children: inheritTagandSpacingToGridItems(autoLayout(props), tag, spacing) });
+};
+export {
+  Grid as default
+};

package/dist/components/GridItem/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { d as divTagName } from "../../tags-DI6H1biK.js";
+import { G as GridItemStyled } from "../../styled-Wlt68LfQ.js";
+const GridItem = ({
+  sm = 12,
+  tag = divTagName,
+  ...props
+}) => /* @__PURE__ */ jsx(GridItemStyled, { ...props, as: tag, sm, children: props.children });
+export {
+  GridItem as default
+};

package/dist/components/Heading/index.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import FootnoteLink from "../FootnoteLink/index.js";
+import { a as spacingXs, c as spacingSm, s as spacingMd, f as spacingLg, d as spacingXl } from "../../Spacing-D0HQH9YJ.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import styled from "styled-components";
+import { h as h5TagName, a as h4TagName, b as h3TagName, c as h2TagName, e as h1TagName, f as headingHtmlTags } from "../../tags-DI6H1biK.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+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 { f as filterProps } from "../../filterProps-Cewck8OH.js";
+const headingAlignLeft = "left";
+const headingAlignCenter = "center";
+const mapHeadingSizeToFontWeight = {
+  xl: fontWeightLight,
+  lg: fontWeightLight,
+  md: fontWeightLight,
+  sm: fontWeightBold,
+  xs: fontWeightBold
+};
+const mapSizeToTag = {
+  xl: h1TagName,
+  lg: h2TagName,
+  md: h3TagName,
+  sm: h4TagName,
+  xs: h5TagName
+};
+const mapSizeToBottomSpacing = {
+  xl: spacingXl,
+  lg: spacingLg,
+  md: spacingMd,
+  sm: spacingSm,
+  xs: spacingXs
+};
+const attributes = (props) => {
+  const attrs = {};
+  attrs.as = props.tag ? props.tag : mapSizeToTag[props.size];
+  if (attrs.as && false === headingHtmlTags.includes(attrs.as)) {
+    attrs.role = "heading";
+    if (!props["aria-level"]) {
+      const level = parseInt(mapSizeToTag[props.size].replace("h", ""));
+      attrs["aria-level"] = level;
+    }
+  }
+  return attrs;
+};
+const HeadingStyled = styled.h1.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "HeadingStyled",
+  componentId: "sc-qb1b6s-0"
+}).attrs(attributes)({
+  color: getTextColor(colorTextNeutral),
+  "&:focus-visible": {
+    outline: "none"
+  }
+}, ({
+  size
+}) => getHeadingSize(size), ({
+  weight,
+  size
+}) => ({
+  fontWeight: getFontWeight(weight ? weight : mapHeadingSizeToFontWeight[size])
+}), ({
+  align = headingAlignLeft
+}) => ({
+  textAlign: align
+}), ({
+  bottomSpacing,
+  size
+}) => {
+  if (bottomSpacing) {
+    return getBottomSpacing({
+      bottomSpacing
+    });
+  }
+  return getBottomSpacing({
+    bottomSpacing: mapSizeToBottomSpacing[size]
+  });
+});
+const Heading = ({
+  bottomSpacing = spacingMd,
+  ...props
+}) => /* @__PURE__ */ jsxs(HeadingStyled, { ...props, bottomSpacing, children: [
+  renderInlineRichTextFromOpenText(props.children),
+  props.footnote && /* @__PURE__ */ jsx(FootnoteLink, { ...props.footnote })
+] });
+export {
+  Heading as default,
+  headingAlignCenter,
+  headingAlignLeft
+};

package/dist/components/HifiIcon/index.js

@@ -0,0 +1,31 @@
+"use client";
+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 { f as filterProps } from "../../filterProps-Cewck8OH.js";
+import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
+const IconStyled = styled.img.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "IconStyled",
+  componentId: "sc-8y9akr-0"
+})(({
+  size
+}) => {
+  return {
+    width: getCssVar(`${size}`),
+    height: getCssVar(`${size}`),
+    display: "block"
+  };
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const HifiIcon = ({
+  alt = "",
+  ...props
+}) => /* @__PURE__ */ jsx(IconStyled, { ...props, alt });
+export {
+  HifiIcon as default
+};

package/dist/components/Icon/index.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { IconLoader } from "@vfde-react/inline-icon-library";
+import HifiIcon from "../HifiIcon/index.js";
+const iconSize5xl = "iconSize5xl";
+const iconSize6xl = "iconSize6xl";
+const iconSize7xl = "iconSize7xl";
+const iconSize8xl = "iconSize8xl";
+const iconSize9xl = "iconSize9xl";
+const isIconProp = (props) => {
+  return props.icon !== void 0;
+};
+const isHifiIconProp = (props) => {
+  return props.src !== void 0;
+};
+const isIconLoaderProp = (props) => {
+  return props.name !== void 0;
+};
+const Icon = (props) => {
+  if (isIconProp(props)) {
+    return props.icon;
+  }
+  if (isHifiIconProp(props)) {
+    return /* @__PURE__ */ jsx(HifiIcon, { ...props });
+  }
+  if (isIconLoaderProp(props)) {
+    return /* @__PURE__ */ jsx(IconLoader, { ...props });
+  }
+  return null;
+};
+export {
+  Icon as default,
+  iconSize5xl,
+  iconSize6xl,
+  iconSize7xl,
+  iconSize8xl,
+  iconSize9xl
+};