@vodafone_de/brix-components 3.1.8 → 3.1.9

package/components/Notification/index.js

@@ -1,181 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const index = require("../../index-_A9hEpl9.cjs");
-const components_Body = require("../Body/index.js");
-const components_Button = require("../Button/index.js");
-const components_ButtonGroup = require("../ButtonGroup/index.js");
-const components_Flex = require("../Flex/index.js");
-const components_Heading = require("../Heading/index.js");
-const components_Link = require("../Link/index.js");
-const components_RichText = require("../../index-DORk60LP.cjs");
-const foundations_token_getBorderColor = require("../../foundations/token/getBorderColor/index.js");
-const foundations_token_getObjectColor = require("../../foundations/token/getObjectColor/index.js");
-const BorderColor = require("../../BorderColor-Bl18ZGTj.cjs");
-const ObjectColor = require("../../ObjectColor-BrtIOUrJ.cjs");
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const foundations_token_getBackgroundColor = require("../../foundations/token/getBackgroundColor/index.js");
-const foundations_token_getBorderRadius = require("../../foundations/token/getBorderRadius/index.js");
-const foundations_token_getBorderWidth = require("../../foundations/token/getBorderWidth/index.js");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const foundations_token_getIconColor = require("../../foundations/token/getIconColor/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const BackgroundColor = require("../../BackgroundColor-C3dayRDw.cjs");
-const BorderRadius = require("../../BorderRadius-tg_0N_aM.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const IconColor = require("../../IconColor-B-BmIdKj.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const notificationStatusVariants = {
-  info: {
-    borderColor: foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderInformation),
-    background: foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectInformation),
-    icon: "NotificationInfo"
-  },
-  success: {
-    borderColor: foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderSuccess),
-    background: foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectSuccess),
-    icon: "NotificationTick"
-  },
-  warning: {
-    borderColor: foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderWarning),
-    background: foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectWarning),
-    icon: "NotificationError"
-  },
-  error: {
-    borderColor: foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderCritical),
-    background: foundations_token_getObjectColor.getObjectColor(ObjectColor.colorObjectCritical),
-    icon: "NotificationError"
-  }
-};
-const notificationStatusInfo = "info";
-const notificationStatusSuccess = "success";
-const notificationStatusWarning = "warning";
-const notificationStatusError = "error";
-const NotificationStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "NotificationStyled",
-  componentId: "sc-17ezdxf-0"
-})({
-  display: "flex",
-  borderWidth: foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthMd),
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-  borderStyle: "solid"
-}, ({
-  status
-}) => {
-  const {
-    borderColor
-  } = notificationStatusVariants[status];
-  return {
-    ...foundations_mediaQuery_forcedColors.default({
-      borderColor: "CanvasText"
-    }),
-    borderColor
-  };
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-const NotificationSidebarStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "NotificationSidebarStyled",
-  componentId: "sc-17ezdxf-1"
-})({
-  ...foundations_mediaQuery_forcedColors.default({
-    color: "Canvas"
-  }),
-  color: foundations_token_getIconColor.getIconColor(IconColor.colorIconInverse),
-  padding: foundations_token_getSpacing.getSpacing(Spacing.spacingSm),
-  display: "flex",
-  alignItems: "center"
-}, ({
-  status
-}) => {
-  const {
-    background
-  } = notificationStatusVariants[status];
-  return {
-    ...foundations_mediaQuery_forcedColors.default({
-      background: "CanvasText"
-    }),
-    background
-  };
-});
-const NotificationWrapperStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "NotificationWrapperStyled",
-  componentId: "sc-17ezdxf-2"
-})({
-  padding: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-  flexGrow: 1,
-  background: foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundNeutral),
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd),
-  "& > *:last-child": {
-    marginBottom: "0px"
-  }
-});
-const statusLabels = {
-  [notificationStatusError]: "Fehler",
-  [notificationStatusInfo]: "Information",
-  [notificationStatusWarning]: "Warnung",
-  [notificationStatusSuccess]: "Erfolgreich"
-};
-const getContents = (contents) => {
-  return contents.map((content) => {
-    if ("Heading" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...content, bottomSpacing: "Xs", children: content.children }, content.uid);
-    }
-    if ("Body" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...content, bottomSpacing: "Sm", children: content.children }, content.uid);
-    }
-    if ("RichText" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_RichText.RichText, { ...content, bottomSpacing: "Sm" }, content.uid);
-    }
-    if ("Link" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Link, { ...content, bottomSpacing: "Sm", children: content.children }, content.uid);
-    }
-    if ("Button" === content.component || "ButtonAsLink" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Button.default, { ...content, bottomSpacing: "Sm", children: content.children }, content.uid);
-    }
-    if ("ButtonGroup" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_ButtonGroup, { ...content, bottomSpacing: "Sm" }, content.uid);
-    }
-    if ("Flex" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Flex.default, { ...content, bottomSpacing: "Sm", children: content.children }, content.uid);
-    }
-    return null;
-  });
-};
-const getNotificationLabel = (status, contents) => {
-  const statusLabel = statusLabels[status];
-  const heading = contents.filter((content) => content.component === "Heading");
-  const body = contents.filter((content) => content.component === "Body");
-  if (heading.length > 0) return `${statusLabel}: ${heading[0].children}`;
-  if (body.length > 0) return `${statusLabel}: ${body[0].children}`;
-  return statusLabel;
-};
-const Notification = ({
-  contents,
-  status = notificationStatusInfo,
-  uid,
-  ...props
-}) => {
-  const {
-    icon
-  } = notificationStatusVariants[status];
-  const label = getNotificationLabel(status, contents);
-  const notificationId = `notification-${uid}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(NotificationStyled, { ...props, status, role: "group", "aria-live": [notificationStatusError, notificationStatusWarning].indexOf(status) === -1 ? "polite" : "assertive", "aria-atomic": false, "aria-label": label, id: notificationId, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(NotificationSidebarStyled, { status, children: /* @__PURE__ */ jsxRuntime.jsx(index.IconLoader, { name: icon, size: index.iconSizeSm }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(NotificationWrapperStyled, { children: getContents(contents) })
-  ] });
-};
-exports.default = Notification;
-exports.notificationStatusError = notificationStatusError;
-exports.notificationStatusInfo = notificationStatusInfo;
-exports.notificationStatusSuccess = notificationStatusSuccess;
-exports.notificationStatusWarning = notificationStatusWarning;

package/components/Overlay/index.js

@@ -1,33 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("styled-components");
-const foundations_token_getBackgroundColor = require("../../foundations/token/getBackgroundColor/index.js");
-const BackgroundColor = require("../../BackgroundColor-C3dayRDw.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const overlayAppearancePrimary = "primary";
-const overlayAppearanceSecondary = "secondary";
-const OverlayStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "OverlayStyled",
-  componentId: "sc-1fdzrvx-0"
-})({
-  height: "100%",
-  width: "100%"
-}, ({
-  appearance = overlayAppearancePrimary
-}) => {
-  return appearance === overlayAppearanceSecondary ? {
-    background: foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundOverlayStatic)
-  } : {
-    background: "#0d0d0d99"
-  };
-});
-const Overlay = ({
-  children,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(OverlayStyled, { ...props, children });
-exports.default = Overlay;
-exports.overlayAppearancePrimary = overlayAppearancePrimary;
-exports.overlayAppearanceSecondary = overlayAppearanceSecondary;

package/components/PickerGroup/index.js

@@ -1,281 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const components_Fieldset = require("../Fieldset/index.js");
-const props = require("../../props-DJ2g0nfk.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const react = require("react");
-const components_Grid = require("../Grid/index.js");
-const index = require("../../index-_A9hEpl9.cjs");
-const components_Badge = require("../../index-CnLaY-bi.cjs");
-const components_ColorSwatch = require("../ColorSwatch/index.js");
-const renderInlineRichTextFromOpenText = require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-const styled = require("styled-components");
-const components_Image = require("../Image/index.js");
-const foundations_mediaQuery_viewport = require("../../index-DuE6C2cO.cjs");
-const components_GridItem = require("../GridItem/index.js");
-const components_ScreenreaderOnly = require("../../index-DVXE2AnG.cjs");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const foundations_token_getBackgroundColor = require("../../foundations/token/getBackgroundColor/index.js");
-const foundations_token_getBorderColor = require("../../foundations/token/getBorderColor/index.js");
-const foundations_token_getBorderRadius = require("../../foundations/token/getBorderRadius/index.js");
-const foundations_token_getBorderWidth = require("../../foundations/token/getBorderWidth/index.js");
-const foundations_token_getFontWeight = require("../../foundations/token/getFontWeight/index.js");
-const foundations_token_getHoverColor = require("../../foundations/token/getHoverColor/index.js");
-const foundations_token_getOpacity = require("../../foundations/token/getOpacity/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const foundations_token_getTextColor = require("../../foundations/token/getTextColor/index.js");
-const BackgroundColor = require("../../BackgroundColor-C3dayRDw.cjs");
-const BorderRadius = require("../../BorderRadius-tg_0N_aM.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const FontWeight = require("../../FontWeight-D3-RZpaX.cjs");
-const Opacity = require("../../Opacity-gfDZhzig.cjs");
-const TextColor = require("../../TextColor-BZDXH1wP.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const foundations_token_getHeadingSize = require("../../foundations/token/getHeadingSize/index.js");
-const HeadingSize = require("../../HeadingSize-cjNplkhN.cjs");
-const foundations_token_getBodySize = require("../../foundations/token/getBodySize/index.js");
-const TextBodySize = require("../../TextBodySize-DeP5RE2m.cjs");
-const PickerElementIconStyled = styled(index.IconLoader).withConfig({
-  displayName: "PickerElementIconStyled",
-  componentId: "sc-sucu78-0"
-})({
-  marginLeft: "auto",
-  marginRight: "auto",
-  display: "block"
-});
-const PickerElementSystemIcon = (props2) => /* @__PURE__ */ jsxRuntime.jsx(PickerElementIconStyled, { ...props2 });
-const PickerElementImageStyled = styled(components_Image.default).withConfig({
-  displayName: "PickerElementImageStyled",
-  componentId: "sc-9xmld2-0"
-})({
-  width: "96px",
-  height: "96px"
-}, foundations_mediaQuery_viewport.viewport.md({
-  width: "120px",
-  height: "120px"
-}));
-const PickerElementImage = (props2) => /* @__PURE__ */ jsxRuntime.jsx(PickerElementImageStyled, { ...props2, horizontalAlignment: "center", aspectRatio: components_Image.aspectRatio1_1 });
-const PickerGridItemStyled = styled(components_GridItem).withConfig({
-  displayName: "PickerGridItemStyled",
-  componentId: "sc-1lwsao6-0"
-})({
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "stretch"
-});
-const PickerLabelElementStyled = styled.label.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "PickerLabelElementStyled",
-  componentId: "sc-1lwsao6-1"
-})({
-  height: "100%",
-  position: "relative",
-  cursor: "pointer"
-}, ({
-  isDisabled
-}) => {
-  if (!isDisabled) {
-    return {};
-  }
-  return {
-    cursor: "not-allowed",
-    pointerEvents: "none"
-  };
-});
-const PickerCardStyled = styled.span.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "PickerCardStyled",
-  componentId: "sc-1lwsao6-2"
-})(
-  {
-    height: "100%",
-    flexDirection: "column",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    textAlign: "center",
-    padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)}`,
-    gap: foundations_token_getSpacing.getSpacing(Spacing.spacing2Xs),
-    fontWeight: foundations_token_getFontWeight.getFontWeight(FontWeight.fontWeightRegular),
-    transition: `font-weight 0.3s ease-out`,
-    borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd)
-  },
-  () => {
-    const backgroundColor = foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundNeutral);
-    const color = foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral);
-    return {
-      ...foundations_mediaQuery_forcedColors.default({
-        border: "1px solid CanvasText"
-      }),
-      backgroundColor,
-      color
-    };
-  },
-  // everything related to "borders"
-  ({
-    isChecked
-  }) => {
-    const focusColor = foundations_token_getBorderColor.getBorderColor("colorBorderFocus");
-    const selectedBorderColor = foundations_token_getBorderColor.getBorderColor("colorBorderSelected");
-    const unselectedBorderColor = foundations_token_getBorderColor.getBorderColor("colorBorderUnselected");
-    const hoverBorderColor = foundations_token_getBorderColor.getBorderColor("colorBorderNeutral");
-    if (isChecked) {
-      return {
-        boxShadow: `inset ${selectedBorderColor} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSelected)}`,
-        "&:focus-within": {
-          ...foundations_mediaQuery_forcedColors.default({
-            outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid CanvasText`
-          }),
-          boxShadow: `${focusColor} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)}, inset ${selectedBorderColor} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSelected)}`
-        },
-        "&:hover": {
-          ...foundations_mediaQuery_forcedColors.default({
-            background: "SelectedItem"
-          }),
-          background: foundations_token_getHoverColor.getHoverColor(BackgroundColor.colorBackgroundNeutral)
-        }
-      };
-    }
-    return {
-      boxShadow: `inset ${unselectedBorderColor} 0px 0px 0px 1px`,
-      "&:hover": {
-        background: foundations_token_getHoverColor.getHoverColor(BackgroundColor.colorBackgroundNeutral),
-        boxShadow: `inset ${hoverBorderColor} 0px 0px 0px 1px`
-      },
-      "&:focus-within": {
-        ...foundations_mediaQuery_forcedColors.default({
-          outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid CanvasText`
-        }),
-        boxShadow: `${focusColor} 0px 0px 0px 4px, inset ${unselectedBorderColor} 0px 0px 0px 1px`
-      }
-    };
-  },
-  ({
-    isChecked
-  }) => {
-    if (!isChecked) {
-      return {};
-    }
-    return {
-      ...foundations_mediaQuery_forcedColors.default({
-        background: "SelectedItem",
-        color: "SelectedItemText"
-      }),
-      outline: "none",
-      fontWeight: foundations_token_getFontWeight.getFontWeight(FontWeight.fontWeightBold)
-    };
-  },
-  ({
-    isDisabled
-  }) => {
-    if (!isDisabled) {
-      return {};
-    }
-    return {
-      opacity: foundations_token_getOpacity.getOpacity(Opacity.opacityOverlay)
-    };
-  }
-);
-const PickerInputElementStyled = styled.input.withConfig({
-  displayName: "PickerInputElementStyled",
-  componentId: "sc-1lwsao6-3"
-})(components_ScreenreaderOnly.screenreaderOnly);
-const PickerElementLabelStyled = styled.span.withConfig({
-  displayName: "PickerElementLabelStyled",
-  componentId: "sc-a082l8-0"
-})({
-  display: "block"
-}, foundations_token_getHeadingSize.getHeadingSize(HeadingSize.textHeadingXs));
-const PickerElementSuffixStyled = styled.span.withConfig({
-  displayName: "PickerElementSuffixStyled",
-  componentId: "sc-juaaw0-0"
-})({
-  display: "block"
-}, foundations_token_getBodySize.getBodySize(TextBodySize.textBodyMd));
-const createChildren = ({
-  value,
-  ...props2
-}) => {
-  const children = [];
-  if (props2.imagePath) {
-    children.push(/* @__PURE__ */ jsxRuntime.jsx(PickerElementImage, { src: props2.imagePath, alt: props2.label }, `${value}-image`));
-  }
-  if (props2.colorValue) {
-    children.push(/* @__PURE__ */ jsxRuntime.jsx(components_ColorSwatch.default, { color: props2.colorValue, size: "md" }, `${value}-color`));
-  }
-  if (props2.inlineIconName) {
-    children.push(/* @__PURE__ */ jsxRuntime.jsx(PickerElementSystemIcon, { size: index.iconSizeMd, name: props2.inlineIconName }, `${value}-icon`));
-  }
-  children.push(/* @__PURE__ */ jsxRuntime.jsx(PickerElementLabelStyled, { children: renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(props2.label) }, `${value}-label`));
-  if (props2.suffix) {
-    children.push(/* @__PURE__ */ jsxRuntime.jsx(PickerElementSuffixStyled, { children: renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(props2.suffix) }, `${value}-subline`));
-  }
-  if (props2.badge) {
-    children.push(/* @__PURE__ */ jsxRuntime.jsx(components_Badge.Badge, { ...props2.badge, bottomSpacing: Spacing.spacingNone }));
-  }
-  return children;
-};
-const Picker = ({
-  labelProps = {},
-  inputProps = {},
-  ...props2
-}) => {
-  const children = createChildren(props2);
-  const onChange = (event) => {
-    if (inputProps.onChange) {
-      inputProps.onChange(event);
-    }
-    if (props2.handleChange) {
-      props2.handleChange(props2.value);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(PickerLabelElementStyled, { ...labelProps, isChecked: props2.isChecked === true, isDisabled: props2.isDisabled === true, children: /* @__PURE__ */ jsxRuntime.jsxs(PickerCardStyled, { isChecked: props2.isChecked === true, isDisabled: props2.isDisabled === true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PickerInputElementStyled, { ...inputProps, type: "radio", name: props2.name, value: props2.value, checked: props2.isChecked, disabled: props2.isDisabled, onChange }),
-    children
-  ] }) });
-};
-const Pickers = ({
-  gridConfig = {
-    sm: 12,
-    md: 6,
-    lg: 3
-  },
-  ...props2
-}) => {
-  const [checked, setChecked] = react.useState(props2.checkedValue);
-  const handleChange = (value) => {
-    setChecked(value);
-    props2.onUpdate(value);
-  };
-  react.useEffect(() => {
-    if (checked === props2.checkedValue) {
-      return;
-    }
-    setChecked(props2.checkedValue);
-  }, [props2.checkedValue]);
-  const pickers = props2.pickers.map(({
-    key,
-    ...picker
-  }) => {
-    const isChecked = checked === picker.value;
-    key = key ? key : picker.value;
-    return /* @__PURE__ */ jsxRuntime.jsx(PickerGridItemStyled, { ...gridConfig, children: /* @__PURE__ */ jsxRuntime.jsx(Picker, { ...picker, name: props2.name, isChecked, isDisabled: props2.disabled, handleChange, children: picker.children }) }, key);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(components_Grid, { stretch: true, bottomSpacing: props2.bottomSpacing, children: pickers });
-};
-const PickerGroup = ({
-  component: _component,
-  uid,
-  name,
-  checkedValue,
-  pickers,
-  onUpdate,
-  gridConfig,
-  status,
-  disabled,
-  ...props$1
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(components_Fieldset, { ...props$1, status, uid: `fieldset-${uid}`, children: /* @__PURE__ */ jsxRuntime.jsx(Pickers, { uid, name, checkedValue, pickers, onUpdate, gridConfig, bottomSpacing: props$1.helperText || status === props.inputStateError && props$1.errorMessage ? Spacing.spacingMd : Spacing.spacingNone, disabled }) });
-};
-module.exports = PickerGroup;

package/components/Price/index.js

@@ -1,18 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("react/jsx-runtime");
-require("../../index-DVXE2AnG.cjs");
-require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-const components_Price = require("../../index-BxxkHUxs.cjs");
-exports.createScreenReaderText = components_Price.createScreenReaderText;
-exports.default = components_Price.Price;
-exports.internalizePriceProps = components_Price.internalizePriceProps;
-exports.priceAlignCenter = components_Price.priceAlignCenter;
-exports.priceAlignLeft = components_Price.priceAlignLeft;
-exports.priceDefaultProps = components_Price.priceDefaultProps;
-exports.priceOrientationHorizontal = components_Price.priceOrientationHorizontal;
-exports.priceOrientationVertical = components_Price.priceOrientationVertical;
-exports.priceSizeLg = components_Price.priceSizeLg;
-exports.priceSizeMd = components_Price.priceSizeMd;
-exports.priceSizeSm = components_Price.priceSizeSm;

package/components/ProductCard/index.js

@@ -1,80 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const index = require("../../index-_A9hEpl9.cjs");
-const components_Image = require("../Image/index.js");
-const FontWeight = require("../../FontWeight-D3-RZpaX.cjs");
-const HeadingSize = require("../../HeadingSize-cjNplkhN.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const components_Badge = require("../../index-CnLaY-bi.cjs");
-const components_Body = require("../Body/index.js");
-const components_ColorSwatchGroup = require("../ColorSwatchGroup/index.js");
-const components_Heading = require("../Heading/index.js");
-const components_Link = require("../Link/index.js");
-const components_Price = require("../../index-BxxkHUxs.cjs");
-const styled = require("styled-components");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const components_Card = require("../Card/index.js");
-const components_Icon = require("../Icon/index.js");
-const ProductCardStyled = styled(components_Card.default).withConfig({
-  displayName: "ProductCardStyled",
-  componentId: "sc-1ps8gys-0"
-})({
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-  alignItems: "center",
-  position: "relative",
-  justifyContent: "space-between"
-});
-const ProductCardIconStyled = styled(components_Icon.default).withConfig({
-  displayName: "ProductCardIconStyled",
-  componentId: "sc-1ps8gys-1"
-})({
-  position: "absolute",
-  right: foundations_token_getSpacing.getSpacing(Spacing.spacingNone)
-});
-const ProductCardUpperContentStyled = styled("div").withConfig({
-  displayName: "ProductCardUpperContentStyled",
-  componentId: "sc-1ps8gys-2"
-})({
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
-  alignItems: "center",
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  width: "100%"
-});
-const ProductCardImageStyled = styled(components_Image.default).withConfig({
-  displayName: "ProductCardImageStyled",
-  componentId: "sc-1ps8gys-3"
-})({
-  height: "200px"
-});
-const ProductCard = ({
-  heading,
-  image,
-  body,
-  colorSwatchGroup,
-  badges,
-  price,
-  link,
-  icon,
-  productId,
-  ...props
-}) => {
-  const headingId = `heading-${productId}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ProductCardStyled, { ...props, id: `ProductCard-${productId}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ProductCardUpperContentStyled, { children: [
-      image && /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardImageStyled, { ...image, aspectRatio: components_Image.aspectRatio1_1 }) }),
-      icon && /* @__PURE__ */ jsxRuntime.jsx(ProductCardIconStyled, { ...icon, size: index.iconSizeLg }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...heading, size: HeadingSize.textHeadingMd, weight: FontWeight.fontWeightBold, bottomSpacing: Spacing.spacingNone, id: headingId, align: "center" }),
-      colorSwatchGroup && /* @__PURE__ */ jsxRuntime.jsx(components_ColorSwatchGroup, { ...colorSwatchGroup, bottomSpacing: Spacing.spacingNone }),
-      badges && badges.length > 0 && badges.map((badge) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(components_Badge.Badge, { ...badge, bottomSpacing: Spacing.spacingNone }, badge.children);
-      }),
-      price && /* @__PURE__ */ jsxRuntime.jsx(components_Price.Price, { ...price, orientation: components_Price.priceOrientationVertical, align: components_Price.priceAlignCenter, size: components_Price.priceSizeMd, bottomSpacing: Spacing.spacingNone }),
-      body && /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...body, bottomSpacing: Spacing.spacingNone, align: "center" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(components_Link, { ...link, bottomSpacing: Spacing.spacingNone, "aria-describedby": headingId })
-  ] });
-};
-module.exports = ProductCard;