@vodafone_de/brix-components 7.1.8 → 7.1.9

package/dist/{styled-Du4LgXoA.js → styled-D_F38PuI.js}

@@ -2,7 +2,7 @@ import styled, { keyframes, css } from "styled-components";
 import Body from "./components/Body/index.js";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import reducedMotion from "./foundations/media-query/reducedMotion/index.js";
-import { v as viewport } from "./index-Ck2bCrhT.js";
+import viewport from "./foundations/media-query/viewport/index.js";
 import { getBackgroundColor } from "./foundations/token/getBackgroundColor/index.js";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
@@ -14,7 +14,7 @@ import { b as colorBackgroundOverlay } from "./BackgroundColor-DSOSZvNi.js";
 import { o as opacityOverlay } from "./Opacity-smkGiwsf.js";
 import { l as largeSize } from "./SizeTypes-Ck_RdzIf.js";
 import { s as spacingNone } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-BWnAPYBL.js";
+import { a as filterProps } from "./filterProps-CPul3CC8.js";
 const loadingSpinnerOverlays = {
   Light: `rgba(255, 255, 255, ${getOpacity(opacityOverlay)})`,
   Dark: `rgba(38, 38, 38, ${getOpacity(opacityOverlay)})`

package/dist/{styled-Dgv3RBlg.js → styled-Dk6VS_Sg.js}

@@ -1,19 +1,19 @@
 import styled from "styled-components";
 import { g as getButtonAppearance } from "./ButtonAppearanceHelper-D2SlSoU8.js";
 import { I as IconLoader } from "./index-C3dW-7e_.js";
-import { v as viewport } from "./index-Ck2bCrhT.js";
+import viewport from "./foundations/media-query/viewport/index.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 { b as borderRadiusMd } from "./BorderRadius-2LdggXbQ.js";
 import { f as fontWeightRegular } from "./FontWeight-C2pGs7aR.js";
 import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
 import { b as spacingXs, d as spacingXl, s as spacingNone, a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { a as filterProps } from "./filterProps-BWnAPYBL.js";
+import { a as filterProps } from "./filterProps-CPul3CC8.js";
 const leftPosition = "left";
 const primaryAppearance = "primary";
 const tertiaryAppearance = "tertiary";

package/dist/{styled-BYYivuzh.js → styled-DoOOutJj.js}

@@ -7,7 +7,7 @@ import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { f as fontWeightRegular } from "./FontWeight-C2pGs7aR.js";
 import { a as spacingMd, s as spacingNone } from "./Spacing-BMQelJYr.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { a as filterProps } from "./filterProps-BWnAPYBL.js";
+import { a as filterProps } from "./filterProps-CPul3CC8.js";
 const TextListItemStyled = styled.li.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "TextListItemStyled",

package/dist/{styled-VuUKI7PE.js → styled-QLVvcMdB.js}

@@ -1,6 +1,6 @@
 import require$$0 from "react";
 import styled from "styled-components";
-import { a as filterProps } from "./filterProps-BWnAPYBL.js";
+import { a as filterProps } from "./filterProps-CPul3CC8.js";
 var richTextReactRenderer_es5 = {};
 var dist = {};
 var isPlainObj;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "7.1.8",
+  "version": "7.1.9",
   "exports": {
     "./package.json": "./package.json",
     ".": {

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

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

package/dist/components/ResponsiveImage/index.js

@@ -1,89 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { v as viewport, a as breakpoint_large, c as breakpoint_medium } from "../../index-Ck2bCrhT.js";
-import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
-import styled from "styled-components";
-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-BWnAPYBL.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 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
-};

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/filterProps-BWnAPYBL.js

@@ -1,17 +0,0 @@
-const propsNotPassToDomDefault = ["accordionType", "activeId", "activeIndex", "setActiveId", "align", "animated", "appearance", "aspectRatio", "autoLayout", "apiKey", "badge", "border", "borderBottom", "bottomSpacing", "buttonLink", "buttons", "coloringMode", "colorSwatch", "component", "contentGridDesktopColumns", "corners", "coversFullPage", "description", "elevation", "expanded", "filterItems", "footnote", "gapSpacing", "grow", "handleOnClick", "handleOnToogle", "hasOverlay", "heading", "heightSm", "heightMd", "heightLg", "horizontalAlignment", "icon", "iconAlign", "iconName", "iconPosition", "images", "internal", "isActive", "isChecked", "isDisabled", "isFullscreen", "isInHoverRange", "isLastItemInList", "isOpen", "isOrdered", "isSelected", "isTransparentBackground", "items", "jumpToClickedItem", "justify", "justifyHorizontal", "label", "lg", "loadingSpinnerChild", "mapId", "md", "message", "more", "needsBorder", "nextAriaLabel", "notificationType", "objectFit", "objectPosition", "offset", "onUpdate", "openMultiple", "orientation", "padding", "prefix", "prefixWeight", "prevAriaLabel", "price", "productId", "promoPrice", "screenReaderInstruction", "showList", "size", "sm", "spacing", "spinnerType", "status", "stretch", "strikePrice", "suffix", "tag", "textContent", "uid", "variant", "verticalPadding", "viewportHeight", "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/index-Ck2bCrhT.js

@@ -1,32 +0,0 @@
-const breakpoint_medium_number = 768;
-const breakpoint_medium = `${breakpoint_medium_number}px`;
-const breakpoint_large_number = 1025;
-const breakpoint_large = `${breakpoint_large_number}px`;
-const mediumMediaQuery = `screen and (min-width: ${breakpoint_medium})`;
-const largeMediaQuery = `screen and (min-width: ${breakpoint_large})`;
-const md = (stylesInViewport) => {
-  return {
-    [`@media ${mediumMediaQuery}`]: {
-      ...stylesInViewport
-    }
-  };
-};
-const lg = (stylesInViewport) => {
-  return {
-    [`@media ${largeMediaQuery}`]: {
-      ...stylesInViewport
-    }
-  };
-};
-const viewport = {
-  md,
-  lg
-};
-export {
-  breakpoint_large as a,
-  breakpoint_medium_number as b,
-  breakpoint_medium as c,
-  largeMediaQuery as l,
-  mediumMediaQuery as m,
-  viewport as v
-};