@vodafone_de/brix-components 3.1.8 → 3.1.9

package/components/IconButton/index.js

@@ -1,85 +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 styled = require("styled-components");
-const shadow = require("../../shadow-CwqrYf1e.cjs");
-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_getObjectColor = require("../../foundations/token/getObjectColor/index.js");
-const foundations_token_getOpacity = require("../../foundations/token/getOpacity/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const BorderRadius = require("../../BorderRadius-tg_0N_aM.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const Opacity = require("../../Opacity-gfDZhzig.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const styled$1 = require("../../styled-nCWTwQUZ.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const getCssVar = require("../../getCssVar-CyR1mrKh.cjs");
-const iconButtonShapeSquare = "square";
-const iconButtonShapeCircle = "circle";
-const IconButtonStyled = styled.button.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "IconButtonStyled",
-  componentId: "sc-1ntcgv2-0"
-})({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "pointer",
-  width: styled$1.buttonHeight,
-  height: styled$1.buttonHeight,
-  padding: foundations_token_getSpacing.getSpacing(Spacing.spacingXs)
-}, ({
-  $shape
-}) => ({
-  borderRadius: foundations_token_getBorderRadius.getBorderRadius(iconButtonShapeSquare === $shape ? BorderRadius.borderRadiusMd : BorderRadius.borderRadiusFull)
-}), ({
-  appearance = styled$1.primaryAppearance
-}) => styled$1.getButtonAppearance(appearance), ({
-  floating = false,
-  appearance = styled$1.primaryAppearance
-}) => {
-  if (!floating) {
-    return {};
-  }
-  if (appearance === "tertiary") {
-    const background = foundations_token_getObjectColor.getObjectColor(styled$1.ButtonAppearanceColor[appearance]);
-    return {
-      boxShadow: `inset ${background} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthSelected)}, ${getCssVar.getCssVar(shadow.shadow28)}`
-    };
-  }
-  return {
-    boxShadow: getCssVar.getCssVar(shadow.shadow28)
-  };
-}, () => ({
-  "&:hover": {
-    boxShadow: getCssVar.getCssVar(shadow.shadow28)
-  }
-}), ({
-  disabled
-}) => {
-  if (disabled) {
-    return {
-      pointerEvents: "none",
-      opacity: foundations_token_getOpacity.getOpacity(Opacity.opacityDisabled)
-    };
-  }
-  return {};
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-const IconButton = ({
-  label,
-  shape = iconButtonShapeCircle,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(IconButtonStyled, { ...props, "aria-label": label, $shape: shape, children: /* @__PURE__ */ jsxRuntime.jsx(index.IconLoader, { name: props.iconName, size: index.iconSizeSm, "aria-hidden": true, focusable: false }) });
-};
-exports.default = IconButton;
-exports.iconButtonShapeCircle = iconButtonShapeCircle;
-exports.iconButtonShapeSquare = iconButtonShapeSquare;

package/components/IconSnippet/index.js

@@ -1,112 +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_Heading = require("../Heading/index.js");
-const components_InlineLink = require("../InlineLink/index.js");
-const components_RichText = require("../../index-DORk60LP.cjs");
-const tags = require("../../tags-CTaUxoCi.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const components_Link = require("../Link/index.js");
-const styled = require("styled-components");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const iconSnippetSizeSmall = "small";
-const iconSnippetSizeLarge = "large";
-const iconSnippetPositionLeft = "left";
-const iconSnippetPositionCenter = "center";
-const iconSnippetAlignTop = "top";
-const iconSnippetAlignCenter = "center";
-const IconSnippetStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "IconSnippetStyled",
-  componentId: "sc-uw0x7w-0"
-})({
-  display: "flex"
-}, ({
-  iconPosition
-}) => ({
-  gap: foundations_token_getSpacing.getSpacing("center" === iconPosition ? Spacing.spacingXs : Spacing.spacingMd)
-}), ({
-  iconAlign
-}) => ({
-  alignItems: "top" === iconAlign ? "start" : iconAlign
-}), ({
-  iconPosition
-}) => {
-  if ("left" === iconPosition) {
-    return {};
-  }
-  return {
-    flexDirection: "column",
-    alignItems: "center"
-  };
-}, ({
-  bottomSpacing = Spacing.spacingMd
-}) => foundations_token_getBottomSpacing.getBottomSpacing({
-  bottomSpacing
-}));
-const IconLoaderStyled = styled(index.IconLoader).withConfig({
-  displayName: "IconLoaderStyled",
-  componentId: "sc-uw0x7w-1"
-})({
-  flexShrink: 0
-});
-const IconSnippetContentStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "IconSnippetContentStyled",
-  componentId: "sc-uw0x7w-2"
-})({
-  display: "flex",
-  flexDirection: "column",
-  "& > :last-child": {
-    marginBottom: 0
-  }
-}, ({
-  iconPosition
-}) => ({
-  alignItems: "center" === iconPosition ? "center" : "flex-start"
-}));
-const getContents = (contents) => {
-  return contents.map((content) => {
-    if ("Heading" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...content, bottomSpacing: Spacing.spacingXs, children: content.children }, content.uid);
-    }
-    if ("Body" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...content, bottomSpacing: Spacing.spacingXs, children: content.children }, content.uid);
-    }
-    if ("RichText" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_RichText.RichText, { paragraphSpacing: Spacing.spacingXs, ...content }, content.uid);
-    }
-    if ("InlineLink" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { bottomSpacing: Spacing.spacingXs, children: /* @__PURE__ */ jsxRuntime.jsx(components_InlineLink, { ...content, children: content.children }) }, content.uid);
-    }
-    if ("Link" === content.component) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_Link, { ...content, children: content.children }, content.uid);
-    }
-    return null;
-  });
-};
-const IconSnippet = ({
-  contents,
-  size = iconSnippetSizeSmall,
-  iconPosition = iconSnippetPositionLeft,
-  iconAlign = iconSnippetAlignTop,
-  tag = tags.divTagName,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(IconSnippetStyled, { ...props, iconPosition, iconAlign, as: tag, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(IconLoaderStyled, { size: size === iconSnippetSizeSmall ? index.iconSizeMd : index.iconSize2xl, name: props.icon }),
-    /* @__PURE__ */ jsxRuntime.jsx(IconSnippetContentStyled, { as: tag, iconPosition, children: getContents(contents) })
-  ] });
-};
-exports.default = IconSnippet;
-exports.iconSnippetAlignCenter = iconSnippetAlignCenter;
-exports.iconSnippetAlignTop = iconSnippetAlignTop;
-exports.iconSnippetPositionCenter = iconSnippetPositionCenter;
-exports.iconSnippetPositionLeft = iconSnippetPositionLeft;
-exports.iconSnippetSizeLarge = iconSnippetSizeLarge;
-exports.iconSnippetSizeSmall = iconSnippetSizeSmall;

package/components/IconSnippetList/index.js

@@ -1,24 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const components_Grid = require("../Grid/index.js");
-const components_GridItem = require("../GridItem/index.js");
-const components_IconSnippet = require("../IconSnippet/index.js");
-const tags = require("../../tags-CTaUxoCi.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const IconSnippetList = ({
-  component: _component,
-  items,
-  gridConfig = {
-    sm: 6,
-    md: 4,
-    lg: 2
-  },
-  bottomSpacing = Spacing.spacingNone,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(components_Grid, { ...props, tag: tags.ulTagName, bottomSpacing, children: items.map((item) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(components_GridItem, { tag: tags.liTagName, ...gridConfig, children: /* @__PURE__ */ jsxRuntime.jsx(components_IconSnippet.default, { ...item }) }, item.uid);
-  }) });
-};
-module.exports = IconSnippetList;

package/components/Image/index.js

@@ -1,84 +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_getBorderRadius = require("../../foundations/token/getBorderRadius/index.js");
-const foundations_token_getBottomSpacing = require("../../foundations/token/getBottomSpacing/index.js");
-const BorderRadius = require("../../BorderRadius-tg_0N_aM.cjs");
-const CornerStyle = require("../../CornerStyle-Dp7lKShv.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const objectFitContain = "contain";
-const objectFitCover = "cover";
-const objectFitNone = "none";
-const horizontalAlignmentLeft = "left";
-const horizontalAlignmentRight = "right";
-const horizontalAlignmentCenter = "center";
-const objectPositionCenter = "center";
-const objectPositionLeftTop = "top left";
-const objectPositionLeftCenter = "center left";
-const objectPositionLeftBottom = "bottom left";
-const objectPositionRightTop = "top right";
-const objectPositionRightCenter = "center right";
-const objectPositionRightBottom = "bottom right";
-const aspectRatio1_1 = "1/1";
-const aspectRatio3_4 = "3/4";
-const aspectRatio16_9 = "16/9";
-const aspectRatio21_9 = "21/9";
-const aspectRatio32_9 = "32/9";
-const aspectRatio48_9 = "48/9";
-const ImageStyled = styled.img.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "ImageStyled",
-  componentId: "sc-z3qszb-0"
-})({
-  display: "block",
-  width: "100%"
-}, ({
-  objectFit = "contain"
-}) => ({
-  objectFit
-}), ({
-  objectPosition
-}) => ({
-  objectPosition
-}), ({
-  horizontalAlignment = "left"
-}) => ({
-  marginLeft: horizontalAlignment === "left" ? 0 : "auto",
-  marginRight: horizontalAlignment === "right" ? 0 : "auto"
-}), ({
-  corners = CornerStyle.cornerStraight
-}) => ({
-  borderRadius: corners === "rounded" ? foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusMd) : foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusNone)
-}), ({
-  aspectRatio
-}) => ({
-  aspectRatio
-}), foundations_token_getBottomSpacing.getBottomSpacing);
-const Image = ({
-  alt = "",
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(ImageStyled, { ..."" === alt ? {
-  "aria-hidden": true
-} : {}, ...props, alt });
-exports.aspectRatio16_9 = aspectRatio16_9;
-exports.aspectRatio1_1 = aspectRatio1_1;
-exports.aspectRatio21_9 = aspectRatio21_9;
-exports.aspectRatio32_9 = aspectRatio32_9;
-exports.aspectRatio3_4 = aspectRatio3_4;
-exports.aspectRatio48_9 = aspectRatio48_9;
-exports.default = Image;
-exports.horizontalAlignmentCenter = horizontalAlignmentCenter;
-exports.horizontalAlignmentLeft = horizontalAlignmentLeft;
-exports.horizontalAlignmentRight = horizontalAlignmentRight;
-exports.objectFitContain = objectFitContain;
-exports.objectFitCover = objectFitCover;
-exports.objectFitNone = objectFitNone;
-exports.objectPositionCenter = objectPositionCenter;
-exports.objectPositionLeftBottom = objectPositionLeftBottom;
-exports.objectPositionLeftCenter = objectPositionLeftCenter;
-exports.objectPositionLeftTop = objectPositionLeftTop;
-exports.objectPositionRightBottom = objectPositionRightBottom;
-exports.objectPositionRightCenter = objectPositionRightCenter;
-exports.objectPositionRightTop = objectPositionRightTop;

package/components/ImageHeader/index.js

@@ -1,262 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const components_Body = require("../Body/index.js");
-const FontWeight = require("../../FontWeight-D3-RZpaX.cjs");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const SizeTypes = require("../../SizeTypes-CoZ2p2qq.cjs");
-const components_RichText = require("../../index-DORk60LP.cjs");
-const components_Button = require("../Button/index.js");
-const components_Container = require("../Container/index.js");
-const components_Heading = require("../Heading/index.js");
-const components_Price = require("../../index-BxxkHUxs.cjs");
-const styled = require("styled-components");
-const components_Badge = require("../../index-CnLaY-bi.cjs");
-const components_ButtonGroup = require("../ButtonGroup/index.js");
-const components_Grid = require("../Grid/index.js");
-const components_GridItem = require("../GridItem/index.js");
-const components_ResponsiveImage = require("../ResponsiveImage/index.js");
-const foundations_mediaQuery_viewport = require("../../index-DuE6C2cO.cjs");
-const foundations_token_getBackgroundColor = require("../../foundations/token/getBackgroundColor/index.js");
-const foundations_token_getBodySize = require("../../foundations/token/getBodySize/index.js");
-const foundations_token_getSpacing = require("../../foundations/token/getSpacing/index.js");
-const BackgroundColor = require("../../BackgroundColor-C3dayRDw.cjs");
-const TextBodySize = require("../../TextBodySize-DeP5RE2m.cjs");
-const styled$1 = require("../../styled-CL1J-PFC.cjs");
-const imageHeaderVariantFull = "full";
-const imageHeaderVariantSplit = "split";
-const imageHeaderPositionRight = "right";
-const imageHeaderPositionLeft = "left";
-const getBadgeTopPosition = () => {
-  return `calc(-0.5 * (${foundations_token_getSpacing.getSpacing(Spacing.spacing2Xs)} * 2 + ${foundations_token_getBodySize.getBodySize(TextBodySize.textBodyMd).fontSize} * ${foundations_token_getBodySize.getBodySize(TextBodySize.textBodyMd).lineHeight}))`;
-};
-const ImageHeaderStyled = styled(components_Grid).withConfig({
-  displayName: "ImageHeaderStyled",
-  componentId: "sc-7ig3h-0"
-})({
-  alignItems: "center",
-  position: "relative",
-  marginRight: `calc(-1 * ${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)})`,
-  marginLeft: `calc(-1 * ${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)})`,
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    width: "100%",
-    margin: "0 auto"
-  })
-}, ({
-  position,
-  variant
-}) => ({
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    flexDirection: position === imageHeaderPositionRight ? "row" : "row-reverse",
-    ...variant === imageHeaderVariantFull && position === imageHeaderPositionRight && {
-      justifyContent: "flex-end"
-    }
-  })
-}));
-const ImageHeaderImagesContainerStyled = styled(components_GridItem).withConfig({
-  displayName: "ImageHeaderImagesContainerStyled",
-  componentId: "sc-7ig3h-1"
-})({
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    flexGrow: "1",
-    width: "auto"
-  })
-}, ({
-  variant,
-  position
-}) => {
-  if (variant === imageHeaderVariantSplit) {
-    const marginSide = position === imageHeaderPositionRight ? "marginLeft" : "marginRight";
-    return {
-      ...foundations_mediaQuery_viewport.viewport.lg({
-        [marginSide]: "calc(-1*(100vw - 100%) / 2)"
-      })
-    };
-  }
-}, ({
-  variant
-}) => {
-  if (variant === imageHeaderVariantFull) {
-    return {
-      ...foundations_mediaQuery_viewport.viewport.lg({
-        flexBasis: "100%",
-        alignItems: "center",
-        marginRight: "calc(-1 * (100vw - 100%) / 2)",
-        marginLeft: "calc(-1 * (100vw - 100%) / 2)"
-      })
-    };
-  }
-});
-const ImageHeaderResponsiveImageStyled = styled(components_ResponsiveImage).withConfig({
-  displayName: "ImageHeaderResponsiveImageStyled",
-  componentId: "sc-7ig3h-2"
-})({
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    width: "100%"
-  }),
-  img: {
-    ...foundations_mediaQuery_viewport.viewport.lg({
-      height: "450px"
-    })
-  }
-}, ({
-  variant
-}) => {
-  if (variant === imageHeaderVariantFull) {
-    return {
-      img: {
-        minHeight: "450px",
-        ...foundations_mediaQuery_viewport.viewport.lg({
-          minHeight: "unset"
-        })
-      }
-    };
-  }
-}, ({
-  position,
-  variant
-}) => {
-  if (variant === imageHeaderVariantSplit) {
-    return {
-      img: {
-        ...foundations_mediaQuery_viewport.viewport.lg({
-          objectPosition: `${position === imageHeaderPositionLeft ? imageHeaderPositionLeft : imageHeaderPositionRight} center`
-        })
-      }
-    };
-  }
-});
-const ImageHeaderContentStyled = styled(components_GridItem).withConfig({
-  displayName: "ImageHeaderContentStyled",
-  componentId: "sc-7ig3h-3"
-})({
-  padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacingXl)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)}`,
-  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingSm),
-  alignItems: "center",
-  position: "relative",
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    alignItems: "flex-start",
-    padding: 0
-  })
-}, ({
-  variant,
-  position,
-  contentGridDesktopColumns = 6
-}) => {
-  if (variant === imageHeaderVariantFull) {
-    return {
-      width: "100%",
-      position: "absolute",
-      bottom: 0,
-      background: foundations_token_getBackgroundColor.getBackgroundColor(BackgroundColor.colorBackgroundOverlay),
-      ...foundations_mediaQuery_viewport.viewport.lg({
-        width: `${100 / (12 / contentGridDesktopColumns)}%`,
-        background: "none",
-        bottom: "auto",
-        justifyContent: "center"
-      })
-    };
-  }
-  if (variant === imageHeaderVariantSplit) {
-    const paddingSide = position === imageHeaderPositionRight ? "paddingLeft" : "paddingRight";
-    return {
-      ...foundations_mediaQuery_viewport.viewport.lg({
-        [paddingSide]: foundations_token_getSpacing.getSpacing(Spacing.spacingMd)
-      })
-    };
-  }
-});
-const ImageHeaderBadgeStyled = styled(components_Badge.Badge).withConfig({
-  displayName: "ImageHeaderBadgeStyled",
-  componentId: "sc-7ig3h-4"
-})({
-  position: "absolute",
-  top: getBadgeTopPosition(),
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    position: "static",
-    top: 0
-  })
-});
-const ImageHeaderHeadingStyled = styled(components_Heading.default).withConfig({
-  displayName: "ImageHeaderHeadingStyled",
-  componentId: "sc-7ig3h-5"
-})({
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    textAlign: "left"
-  })
-});
-const ImageHeaderButtonGroupStyled = styled(components_ButtonGroup).withConfig({
-  displayName: "ImageHeaderButtonGroupStyled",
-  componentId: "sc-7ig3h-6"
-})({
-  marginTop: foundations_token_getSpacing.getSpacing(Spacing.spacingXs),
-  width: "100%",
-  justifyContent: "center",
-  ...foundations_mediaQuery_viewport.viewport.lg({
-    justifyContent: "flex-start"
-  })
-}, ({
-  orientation
-}) => styled$1.flexOrientationVertical === orientation ? foundations_mediaQuery_viewport.viewport.md({
-  width: "auto"
-}) : {});
-const ImageHeader = ({
-  responsiveImage,
-  badge,
-  heading,
-  subline,
-  price,
-  action,
-  variant = imageHeaderVariantSplit,
-  position = imageHeaderPositionLeft,
-  contentGridDesktopColumns = 6,
-  theme,
-  ...props
-}) => {
-  const headingId = `heading-${components_RichText.getUid()}`;
-  const getSubline = (subline2) => {
-    if (!subline2) return null;
-    const commonProps = {
-      key: subline2.uid,
-      bottomSpacing: Spacing.spacingNone
-    };
-    switch (subline2.component) {
-      case "Heading":
-        return /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...subline2, ...commonProps, size: "md", tag: "div" });
-      case "RichText":
-        return /* @__PURE__ */ jsxRuntime.jsx(components_RichText.RichText, { ...subline2, ...commonProps });
-      case "Body":
-        return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...subline2, ...commonProps, size: "sm" });
-      default:
-        return null;
-    }
-  };
-  const getAction = (action2) => {
-    if (!action2) return null;
-    switch (action2.component) {
-      case "Button":
-      case "ButtonAsLink":
-        return /* @__PURE__ */ jsxRuntime.jsx(components_Button.default, { ...action2, bottomSpacing: Spacing.spacingNone });
-      case "ButtonGroup":
-        return /* @__PURE__ */ jsxRuntime.jsx(ImageHeaderButtonGroupStyled, { ...action2, bottomSpacing: Spacing.spacingNone });
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(components_Container.default, { padding: "None", className: props.className, children: /* @__PURE__ */ jsxRuntime.jsxs(ImageHeaderStyled, { ...props, position, variant, spacing: Spacing.spacingNone, component: "Grid", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ImageHeaderImagesContainerStyled, { align: "center", variant, position, lg: 12 - contentGridDesktopColumns, children: /* @__PURE__ */ jsxRuntime.jsx(ImageHeaderResponsiveImageStyled, { images: responsiveImage.images, variant, position, bottomSpacing: Spacing.spacingNone }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ImageHeaderContentStyled, { variant, position, contentGridDesktopColumns, lg: contentGridDesktopColumns, className: "Dark" === theme ? " Dark" : "", children: [
-      badge && /* @__PURE__ */ jsxRuntime.jsx(ImageHeaderBadgeStyled, { ...badge, size: SizeTypes.mediumSize, bottomSpacing: Spacing.spacingNone }),
-      /* @__PURE__ */ jsxRuntime.jsx(ImageHeaderHeadingStyled, { ...heading, id: headingId, align: components_Heading.headingAlignCenter, weight: FontWeight.fontWeightLight, bottomSpacing: Spacing.spacingNone }),
-      getSubline(subline),
-      price && /* @__PURE__ */ jsxRuntime.jsx(components_Price.Price, { ...price, size: components_Price.priceSizeSm, bottomSpacing: Spacing.spacingNone }),
-      getAction(action)
-    ] })
-  ] }) });
-};
-exports.default = ImageHeader;
-exports.imageHeaderPositionLeft = imageHeaderPositionLeft;
-exports.imageHeaderPositionRight = imageHeaderPositionRight;
-exports.imageHeaderVariantFull = imageHeaderVariantFull;
-exports.imageHeaderVariantSplit = imageHeaderVariantSplit;

package/components/InlineLink/index.js

@@ -1,42 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("styled-components");
-const foundations_mediaQuery_forcedColors = require("../../foundations/media-query/forcedColors/index.js");
-const easing = require("../../easing-CWOuUocw.cjs");
-const foundations_token_getBorderColor = require("../../foundations/token/getBorderColor/index.js");
-const foundations_token_getBorderWidth = require("../../foundations/token/getBorderWidth/index.js");
-const foundations_token_getTextColor = require("../../foundations/token/getTextColor/index.js");
-const BorderColor = require("../../BorderColor-Bl18ZGTj.cjs");
-const BorderWidth = require("../../BorderWidth-BLS_JGlE.cjs");
-const TextColor = require("../../TextColor-BZDXH1wP.cjs");
-const filterProps = require("../../filterProps-D3K8rtOg.cjs");
-const hover = {
-  textDecoration: "none",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextBrand)
-};
-const InlineLinkStyled = styled.a.withConfig({
-  shouldForwardProp: filterProps.filterProps(),
-  displayName: "InlineLinkStyled",
-  componentId: "sc-ztdjf-0"
-})({
-  cursor: "pointer",
-  color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral),
-  textDecoration: "underline",
-  transition: `color 0.2s ${easing.ease_in_sine}`,
-  verticalAlign: "baseline",
-  "&:focus-visible": {
-    ...foundations_mediaQuery_forcedColors.default({
-      outline: `${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)} solid CanvasText`
-    }),
-    boxShadow: `${foundations_token_getBorderColor.getBorderColor(BorderColor.colorBorderFocus)} 0px 0px 0px ${foundations_token_getBorderWidth.getBorderWidth(BorderWidth.borderWidthFocus)}`,
-    outline: "none",
-    ...hover
-  },
-  "&:visited": {
-    color: foundations_token_getTextColor.getTextColor(TextColor.colorTextNeutral)
-  },
-  "&:hover": hover
-});
-const InlineLink = (props) => /* @__PURE__ */ jsxRuntime.jsx(InlineLinkStyled, { ...props, children: props.children });
-module.exports = InlineLink;

package/components/Input/index.js

@@ -1,54 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const components_FormElement = require("../FormElement/index.js");
-const components_FormHelperLabel = require("../FormHelperLabel/index.js");
-const components_FormHelperMessage = require("../FormHelperMessage/index.js");
-const components_FormHelperStatusIcon = require("../FormHelperStatusIcon/index.js");
-const Spacing = require("../../Spacing-Cu_j2b83.cjs");
-const renderInlineRichTextFromOpenText = require("../../renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
-const props = require("../../props-DJ2g0nfk.cjs");
-const styled = require("../../styled-rjPMMnSd.cjs");
-const Input = react.forwardRef(({
-  uid,
-  status,
-  helperText,
-  errorMessage,
-  label,
-  onUpdate,
-  type = "text",
-  bottomSpacing = Spacing.spacingMd,
-  placeholder,
-  ...props$1
-}, ref) => {
-  const messageId = `text-${uid}`;
-  const inputProps = {
-    ...props$1,
-    id: uid,
-    type,
-    "aria-describedby": props.inputStateError !== status && helperText || props.inputStateError === status && errorMessage ? messageId : props$1["aria-describedby"],
-    "aria-invalid": props.inputStateError === status ? true : void 0
-  };
-  const onChange = (event) => {
-    if (props$1.onChange) {
-      props$1.onChange(event);
-    }
-    if (!onUpdate) {
-      return;
-    }
-    onUpdate(event.target.value);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(components_FormElement, { bottomSpacing, disabled: props$1.disabled, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(components_FormHelperLabel, { label, uid }),
-    /* @__PURE__ */ jsxRuntime.jsxs(styled.InputWrapperStyled, { status, bottomSpacing: props.inputStateError !== status && helperText || props.inputStateError === status && errorMessage ? Spacing.spacingXs : void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(styled.InputStyled, { ...inputProps, placeholder: renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(placeholder), ref, onChange }),
-      /* @__PURE__ */ jsxRuntime.jsx(components_FormHelperStatusIcon.default, { status })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(components_FormHelperMessage, { id: messageId, status, message: props.inputStateError === status ? errorMessage : helperText })
-  ] });
-});
-exports.inputStateError = props.inputStateError;
-exports.inputStateSuccess = props.inputStateSuccess;
-exports.default = Input;