@vodafone_de/brix-components 9.0.4 → 10.0.0

package/dist/components/ResponsiveImage/index.js

@@ -1,124 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { a as breakpoint_large, b as breakpoint_medium } from "../../breakpoint-CzBSbbY7.js";
-import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
-import styled from "styled-components";
-import viewport from "../../foundations/media-query/viewport/index.js";
-import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
-import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { b as borderRadiusMd, a as borderRadiusNone } from "../../BorderRadius-ClUShVLu.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
-import { z as isImageProps } from "../../validate-DYmFz2FF.js";
-import { v as viewportSm, b as viewportMd, a as viewportLg } from "../../Viewport-C35jx6QE.js";
-import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
-import { i as isBottomSpacing } from "../../isBottomSpacing-BxfreCZU.js";
-const ResponsiveImagePictureStyled = styled.picture.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "ResponsiveImagePictureStyled",
-  componentId: "sc-1itvcas-0"
-})({});
-const ResponsiveImageStyled = styled.img.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "ResponsiveImageStyled",
-  componentId: "sc-1itvcas-1"
-})({
-  display: "block",
-  width: "100%"
-}, ({
-  images
-}) => {
-  var _a, _b;
-  return {
-    ...images.sm.objectFit && {
-      objectFit: images.sm.objectFit
-    },
-    ...((_a = images.md) == null ? void 0 : _a.objectFit) && viewport.md({
-      objectFit: images.md.objectFit
-    }),
-    ...((_b = images.lg) == null ? void 0 : _b.objectFit) && viewport.lg({
-      objectFit: images.lg.objectFit
-    })
-  };
-}, ({
-  images
-}) => {
-  var _a, _b;
-  return {
-    ...images.sm.objectPosition && {
-      objectPosition: images.sm.objectPosition
-    },
-    ...((_a = images.md) == null ? void 0 : _a.objectPosition) && viewport.md({
-      objectPosition: images.md.objectPosition
-    }),
-    ...((_b = images.lg) == null ? void 0 : _b.objectPosition) && viewport.lg({
-      objectPosition: images.lg.objectPosition
-    })
-  };
-}, ({
-  images = {}
-}) => {
-  var _a, _b, _c;
-  return {
-    ...((_a = images.sm) == null ? void 0 : _a.aspectRatio) && {
-      aspectRatio: images.sm.aspectRatio
-    },
-    ...((_b = images.md) == null ? void 0 : _b.aspectRatio) && viewport.md({
-      aspectRatio: images.md.aspectRatio
-    }),
-    ...((_c = images.lg) == null ? void 0 : _c.aspectRatio) && viewport.lg({
-      aspectRatio: images.lg.aspectRatio
-    })
-  };
-}, ({
-  images: {
-    sm: {
-      corners
-    }
-  }
-}) => ({
-  borderRadius: corners === "rounded" ? getBorderRadius(borderRadiusMd) : getBorderRadius(borderRadiusNone)
-}), getBottomSpacing);
-const validateResponsiveImageProps = (props) => {
-  if (!isObject(props)) {
-    return false;
-  }
-  const responsiveImageProps = props;
-  if (!hasMatchingComponentName(responsiveImageProps.component, "ResponsiveImage")) {
-    return false;
-  }
-  if (!responsiveImageProps.images || !isObject(responsiveImageProps.images)) {
-    return false;
-  }
-  if (!responsiveImageProps.images[viewportSm] || !isImageProps(responsiveImageProps.images[viewportSm])) {
-    return false;
-  }
-  if (responsiveImageProps.images[viewportMd] !== void 0 && !isImageProps(responsiveImageProps.images[viewportMd])) {
-    return false;
-  }
-  if (responsiveImageProps.images[viewportLg] !== void 0 && !isImageProps(responsiveImageProps.images[viewportLg])) {
-    return false;
-  }
-  if (responsiveImageProps.bottomSpacing && !isBottomSpacing(responsiveImageProps.bottomSpacing)) {
-    return false;
-  }
-  return true;
-};
-const isResponsiveImageProps = (props) => {
-  return validateResponsiveImageProps(props);
-};
-const ResponsiveImage = ({
-  images,
-  bottomSpacing = spacingMd,
-  ...props
-}) => /* @__PURE__ */ jsxs(ResponsiveImagePictureStyled, { ...props, children: [
-  images.lg && /* @__PURE__ */ jsx("source", { media: `(min-width: ${breakpoint_large})`, srcSet: images.lg.src }),
-  images.md && /* @__PURE__ */ jsx("source", { media: `(min-width: ${breakpoint_medium})`, srcSet: images.md.src }),
-  /* @__PURE__ */ jsx(ResponsiveImageStyled, { ..."" === images.sm.alt ? {
-    "aria-hidden": true
-  } : {}, images, ...images.sm, bottomSpacing })
-] });
-export {
-  ResponsiveImage as default,
-  isResponsiveImageProps,
-  validateResponsiveImageProps
-};

package/dist/components/ResponsiveImage/props.d.ts

@@ -1,16 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { ImageProps } from '../Image/props';
-import { PatternProps } from '../../foundations/PatternProps';
-import { ViewportName } from '../../foundations/types/Viewport';
-export type ResponsiveImageType = {
-    sm: ImageProps;
-} & {
-    [key in Exclude<ViewportName, 'sm'>]?: ImageProps;
-};
-export interface ResponsiveImageProps extends PatternProps, HTMLAttributes<HTMLElement> {
-    /**
-     * Pin component's name from string to the concrete name
-     */
-    component?: 'ResponsiveImage';
-    images: ResponsiveImageType;
-}

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

@@ -1,4 +0,0 @@
-import { ImageProps } from '../Image/props';
-import { ResponsiveImageProps } from './props';
-export declare const ResponsiveImagePictureStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, Omit<ResponsiveImageProps, "bottomSpacing" | "images">>> & string;
-export declare const ResponsiveImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, ImageProps & Pick<ResponsiveImageProps, "images">>> & string;

package/dist/components/ResponsiveImage/validate.d.ts

@@ -1,3 +0,0 @@
-import { ResponsiveImageProps } from './props';
-export declare const validateResponsiveImageProps: (props: unknown) => props is ResponsiveImageProps;
-export declare const isResponsiveImageProps: (props: unknown) => props is ResponsiveImageProps;

package/dist/components/ResponsiveImage/validate.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/contentful/map/responsiveImage.d.ts

@@ -1,4 +0,0 @@
-import { ResponsiveImageProps } from '../../components/ResponsiveImage';
-import { MapFunction } from './MapFunction';
-export declare const mapResponsiveImageProps: (content: unknown) => ResponsiveImageProps | false;
-export declare const mapResponsiveImage: MapFunction;

package/dist/filterProps-BJ5SpbnA.js

@@ -1,17 +0,0 @@
-const propsNotPassToDomDefault = ["accordionType", "activeId", "activeIndex", "setActiveId", "align", "animated", "appearance", "aspectRatio", "autoLayout", "apiKey", "backgroundImage", "badge", "border", "borderBottom", "bottomSpacing", "buttonLink", "buttons", "coloringMode", "colorSwatch", "component", "contentGridDesktopColumns", "corners", "coversFullPage", "description", "elevation", "energyClass", "expanded", "filterItems", "footnote", "gapSpacing", "grow", "handleOnClick", "handleOnToogle", "hasOverlay", "heading", "heightSm", "heightMd", "heightLg", "horizontalAlignment", "icon", "iconAlign", "iconName", "iconPosition", "imageLink", "images", "internal", "isActive", "isChecked", "isDisabled", "isFullscreen", "isInHoverRange", "isLastItemInList", "isOpen", "isOrdered", "isSelected", "isTransparentBackground", "items", "jumpToClickedItem", "justify", "justifyHorizontal", "label", "lg", "link", "loadingSpinnerChild", "mapId", "md", "message", "more", "needsBorder", "nextAriaLabel", "notificationType", "objectFit", "objectPosition", "offset", "onUpdate", "openMultiple", "orientation", "padding", "prefix", "prefixWeight", "prevAriaLabel", "price", "productId", "promoPrice", "roundedCorner", "screenReaderInstruction", "showList", "size", "sm", "spacing", "spinnerType", "status", "stretch", "strikePrice", "suffix", "tag", "textContent", "uid", "variant", "verticalPadding", "viewportHeight", "visible", "weight", "width"];
-const filterProps = (propsNotPassToDom = []) => {
-  const shouldForwardProp = (prop) => {
-    if ("string" !== typeof prop) {
-      return false;
-    }
-    return ![...propsNotPassToDom, ...propsNotPassToDomDefault].includes(prop);
-  };
-  return shouldForwardProp;
-};
-const filterPropsForUnstyledComponent = (props) => {
-  return Object.fromEntries(Object.entries(props).filter(([key]) => !propsNotPassToDomDefault.includes(key)));
-};
-export {
-  filterProps as a,
-  filterPropsForUnstyledComponent as f
-};

package/dist/renderInlineRichTextFromOpenText-RvOG3QbI.js

@@ -1,13 +0,0 @@
-import parse from "html-react-parser";
-const renderInlineRichTextFromOpenText = (fromCms) => {
-  if (typeof fromCms === "string") {
-    return parse(fromCms);
-  }
-  if (Array.isArray(fromCms)) {
-    return fromCms.map(renderInlineRichTextFromOpenText);
-  }
-  return fromCms;
-};
-export {
-  renderInlineRichTextFromOpenText as r
-};

package/dist/styled-BiCOjvNq.js

@@ -1,29 +0,0 @@
-import styled from "styled-components";
-import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
-import { getSpacing } from "./foundations/token/getSpacing/index.js";
-import { s as spacingMd } from "./Spacing-8v6hcO2x.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
-const GridStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "GridStyled",
-  componentId: "sc-1ydkxh9-0"
-})({
-  boxSizing: "border-box",
-  display: "flex",
-  flexWrap: "wrap"
-}, ({
-  align = "left"
-}) => ({
-  justifyContent: align
-}), ({
-  stretch = false
-}) => ({
-  alignItems: stretch ? "stretch" : "flex-start"
-}), ({
-  spacing = spacingMd
-}) => ({
-  gap: getSpacing(spacing)
-}), getBottomSpacing);
-export {
-  GridStyled as G
-};

package/dist/validate-DYmFz2FF.js

@@ -1,85 +0,0 @@
-import { c as cornerStraight, a as cornerRounded } from "./CornerStyle-JEbGNArR.js";
-import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
-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 aspectRatio4_3 = "4/3";
-const aspectRatio16_9 = "16/9";
-const aspectRatio21_9 = "21/9";
-const aspectRatio32_9 = "32/9";
-const aspectRatio48_9 = "48/9";
-const aspectRatios = [aspectRatio1_1, aspectRatio4_3, aspectRatio16_9, aspectRatio21_9, aspectRatio32_9, aspectRatio48_9];
-const objectFits = [objectFitContain, objectFitCover, objectFitNone];
-const objectPositions = [objectPositionCenter, objectPositionLeftTop, objectPositionLeftCenter, objectPositionLeftBottom, objectPositionRightTop, objectPositionRightCenter, objectPositionRightBottom];
-const horizontalAlignments = [horizontalAlignmentLeft, horizontalAlignmentRight, horizontalAlignmentCenter];
-const cornerStyles = [cornerStraight, cornerRounded];
-const validateImageProps = (props) => {
-  if (!isObject(props)) {
-    return false;
-  }
-  const p = props;
-  if (!hasMatchingComponentName(p.component, "Image")) {
-    return false;
-  }
-  if (!p.src || typeof p.src !== "string") {
-    return false;
-  }
-  if (!p.aspectRatio || !aspectRatios.includes(p.aspectRatio)) {
-    return false;
-  }
-  if (p.objectFit !== void 0 && !objectFits.includes(p.objectFit)) {
-    return false;
-  }
-  if (p.objectPosition !== void 0 && !objectPositions.includes(p.objectPosition)) {
-    return false;
-  }
-  if (p.horizontalAlignment !== void 0 && !horizontalAlignments.includes(p.horizontalAlignment)) {
-    return false;
-  }
-  if (p.corners !== void 0 && !cornerStyles.includes(p.corners)) {
-    return false;
-  }
-  return true;
-};
-const isImageProps = (props) => {
-  return validateImageProps(props);
-};
-export {
-  objectFitCover as a,
-  objectFitNone as b,
-  horizontalAlignmentRight as c,
-  horizontalAlignmentCenter as d,
-  objectPositionCenter as e,
-  objectPositionLeftTop as f,
-  objectPositionLeftCenter as g,
-  horizontalAlignmentLeft as h,
-  objectPositionLeftBottom as i,
-  objectPositionRightTop as j,
-  objectPositionRightCenter as k,
-  objectPositionRightBottom as l,
-  aspectRatio1_1 as m,
-  aspectRatio4_3 as n,
-  objectFitContain as o,
-  aspectRatio16_9 as p,
-  aspectRatio21_9 as q,
-  aspectRatio32_9 as r,
-  aspectRatio48_9 as s,
-  aspectRatios as t,
-  objectFits as u,
-  objectPositions as v,
-  horizontalAlignments as w,
-  cornerStyles as x,
-  validateImageProps as y,
-  isImageProps as z
-};