@vodafone_de/brix-components 7.1.9 → 7.1.11

package/dist/{styled-B_ihuvyB.js → styled-BKWEE3dx.js}

@@ -5,7 +5,7 @@ import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { f as colorBorderSubtle } from "./BorderColor-CYdSW9dg.js";
 import { a as spacingMd } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const DividerLineStyled = styled.hr.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DividerLineStyled",

package/dist/{styled-CWusLu5R.js → styled-BQGCfF-s.js}

@@ -10,11 +10,11 @@ import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral, a as colorBackgroundSubtle } from "./BackgroundColor-DSOSZvNi.js";
 import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "./BorderColor-CYdSW9dg.js";
-import { b as borderRadiusMd } from "./BorderRadius-2LdggXbQ.js";
+import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
 import { b as borderWidthUnselected } from "./BorderWidth-eg_mz82k.js";
 import { c as spacingSm, b as spacingXs } from "./Spacing-BMQelJYr.js";
 import { c as colorTextPlaceholder, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const InputWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(["readOnly"]),
   displayName: "InputWrapperStyled",

package/dist/{styled-C6Wms75x.js → styled-BXtzJJFu.js}

@@ -8,7 +8,7 @@ import { f as colorBorderSubtle } from "./BorderColor-CYdSW9dg.js";
 import { e as borderWidthDivider } from "./BorderWidth-eg_mz82k.js";
 import { d as spacingXl, a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 import { e as colorBackgroundBrand, f as colorBackgroundBrandGradient, a as colorBackgroundSubtle, c as colorBackgroundNeutral } from "./BackgroundColor-DSOSZvNi.js";
 const ContainerAppearanceColor = {
   primary: colorBackgroundNeutral,

package/dist/{styled-DoOOutJj.js → styled-BYYivuzh.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-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const TextListItemStyled = styled.li.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "TextListItemStyled",

package/dist/{styled-CQLDmqmZ.js → styled-CE_Y6O4R.js}

@@ -6,10 +6,10 @@ import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
-import { b as borderRadiusMd } from "./BorderRadius-2LdggXbQ.js";
+import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
 import { a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 import { g as getCssVar } from "./getCssVar-BP6T9pFM.js";
 import { f as colorBackgroundBrandGradient, c as colorBackgroundNeutral } from "./BackgroundColor-DSOSZvNi.js";
 const CardAppearanceColor = {

package/dist/{styled-13a_Vk0D.js → styled-CIwf9Ebu.js}

@@ -1,4 +1,5 @@
 import styled from "styled-components";
+import { a as FootnoteLinkStyled } from "./index-UJLGt4uV.js";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
@@ -6,13 +7,13 @@ import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js"
 import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
 import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
-import { a as borderRadiusFull } from "./BorderRadius-2LdggXbQ.js";
+import { c as borderRadiusFull } from "./BorderRadius-ClUShVLu.js";
 import { a as fontWeightBold } from "./FontWeight-C2pGs7aR.js";
 import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
 import { b as spacingXs, e as spacing2Xs, c as spacingSm, a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
 import { g as getForegroundColor } from "./colorUtils-lb0oJttx.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 import { e as colorObjectSuccess, c as colorObjectNeutral, f as colorObjectAccent, a as colorObjectBrand } from "./ObjectColor-0RAzLGI5.js";
 const primaryBadgeAppearance = "primary";
 const secondaryBadgeAppearance = "secondary";
@@ -64,6 +65,25 @@ const BadgeStyled = styled.span.withConfig({
     background: backgroundColor,
     color: foregroundColor
   };
+}, ({
+  footnote
+}) => {
+  if (!footnote) {
+    return {};
+  }
+  const nested = {};
+  const footnoteSelector = `& ${FootnoteLinkStyled.toString()}`;
+  const footnoteLinkSelector = `& ${FootnoteLinkStyled.toString()} a`;
+  nested[footnoteSelector] = {
+    alignSelf: "flex-start"
+  };
+  nested[footnoteLinkSelector] = {
+    color: "currentcolor",
+    "&:focus-within, &:visited, &:hover": {
+      color: "currentcolor"
+    }
+  };
+  return nested;
 }, getBottomSpacing);
 export {
   BadgeAppearanceColor as B,

package/dist/{styled-D57p2ktn.js → styled-Cz2kpbgE.js}

@@ -1,11 +1,11 @@
 import styled from "styled-components";
-import { a as CardStyled } from "./styled-CQLDmqmZ.js";
-import { D as DemoBoxStyled } from "./styled-DCLv3G2j.js";
-import viewport from "./foundations/media-query/viewport/index.js";
+import { a as CardStyled } from "./styled-CE_Y6O4R.js";
+import { D as DemoBoxStyled } from "./styled-Dr-tPBqx.js";
+import { v as viewport } from "./index-Ck2bCrhT.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const getColumnWidth = ({
   sm,
   md,

package/dist/{styled-BKmRVjNA.js → styled-DGMsuBML.js}

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { a as spacingMd } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const GridStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "GridStyled",

package/dist/{styled-Dk6VS_Sg.js → styled-Dgv3RBlg.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 viewport from "./foundations/media-query/viewport/index.js";
+import { v as viewport } from "./index-Ck2bCrhT.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-2LdggXbQ.js";
+import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.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-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const leftPosition = "left";
 const primaryAppearance = "primary";
 const tertiaryAppearance = "tertiary";

package/dist/{styled-Csv7V9ez.js → styled-Dmb8-99g.js}

@@ -7,7 +7,7 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { a as fontWeightBold, b as fontWeightLight } from "./FontWeight-C2pGs7aR.js";
 import { b as spacingXs, c as spacingSm, a as spacingMd, g as spacingLg, d as spacingXl } from "./Spacing-BMQelJYr.js";
 import { a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const headingAlignLeft = "left";
 const headingAlignCenter = "center";
 const mapHeadingSizeToFontWeight = {

package/dist/{styled-DCLv3G2j.js → styled-Dr-tPBqx.js}

@@ -6,7 +6,7 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { g as colorBorderWarning } from "./BorderColor-CYdSW9dg.js";
 import { c as spacingSm, a as spacingMd } from "./Spacing-BMQelJYr.js";
 import { b as colorTextInverseStatic } from "./TextColor-DsntmDNw.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const DemoBoxStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DemoBoxStyled",

package/dist/{styled-D_F38PuI.js → styled-Du4LgXoA.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 viewport from "./foundations/media-query/viewport/index.js";
+import { v as viewport } from "./index-Ck2bCrhT.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-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const loadingSpinnerOverlays = {
   Light: `rgba(255, 255, 255, ${getOpacity(opacityOverlay)})`,
   Dark: `rgba(38, 38, 38, ${getOpacity(opacityOverlay)})`

package/dist/{styled-DG6HSLPJ.js → styled-O5mL4jlL.js}

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { a as spacingMd, s as spacingNone } from "./Spacing-BMQelJYr.js";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.js";
 const flexOrientationHorizontal = "horizontal";
 const flexOrientationVertical = "vertical";
 const flexJustifyStart = "start";

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

@@ -1,6 +1,6 @@
 import require$$0 from "react";
 import styled from "styled-components";
-import { a as filterProps } from "./filterProps-CPul3CC8.js";
+import { a as filterProps } from "./filterProps-BWnAPYBL.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.9",
+  "version": "7.1.11",
   "exports": {
     "./package.json": "./package.json",
     ".": {

package/dist/breakpoint-CzBSbbY7.js

@@ -1,9 +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`;
-export {
-  breakpoint_large as a,
-  breakpoint_medium as b,
-  breakpoint_medium_number as c
-};

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

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

package/dist/components/ArtDirectedImage/index.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { usePictureComponent } from "../../hooks/usePictureComponent/index.js";
-import styled from "styled-components";
-import viewport from "../../foundations/media-query/viewport/index.js";
-import { a as filterProps } from "../../filterProps-CPul3CC8.js";
-const ArtDirectedImageContainerStyled = styled.div.withConfig({
-  shouldForwardProp: filterProps(),
-  displayName: "ArtDirectedImageContainerStyled",
-  componentId: "sc-1iidohy-0"
-})({
-  position: "relative",
-  "& picture > img": {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    height: "100%",
-    objectFit: "cover",
-    width: "100%"
-  }
-}, ({
-  image,
-  sources
-}) => {
-  var _a, _b;
-  return {
-    aspectRatio: image.aspectRatio,
-    ...viewport.md({
-      aspectRatio: (_a = sources.md) == null ? void 0 : _a.aspectRatio
-    }),
-    ...viewport.lg({
-      aspectRatio: (_b = sources.lg) == null ? void 0 : _b.aspectRatio
-    })
-  };
-});
-const ArtDirectedImage = ({
-  ...props
-}) => {
-  const PictureComponent = usePictureComponent();
-  return /* @__PURE__ */ jsx(ArtDirectedImageContainerStyled, { ...props, children: /* @__PURE__ */ jsx(PictureComponent, { ...props }) });
-};
-export {
-  ArtDirectedImage as default
-};

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

@@ -1,18 +0,0 @@
-import { HTMLAttributes, JSX } from 'react';
-import { AspectRatio, ImageProps } from '../Image';
-import { PatternProps } from '../../foundations/PatternProps';
-import { ViewportName } from '../../foundations/types/Viewport';
-export type ArtDirectedImageSourcesType = {
-    [key in Exclude<ViewportName, 'sm'>]?: JSX.IntrinsicElements['source'] & {
-        src: string;
-        aspectRatio: AspectRatio;
-    };
-};
-export interface ArtDirectedImageProps extends PatternProps, HTMLAttributes<HTMLPictureElement> {
-    /**
-     * Pin component's name from string to the concrete name
-     */
-    component?: 'ArtDirectedImage';
-    sources: ArtDirectedImageSourcesType;
-    image: ImageProps;
-}

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

@@ -1,2 +0,0 @@
-import { ArtDirectedImageProps } from './props';
-export declare const ArtDirectedImageContainerStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ArtDirectedImageProps>> & string;

package/dist/filterProps-CPul3CC8.js

@@ -1,17 +0,0 @@
-const propsNotPassToDomDefault = ["accordionType", "activeId", "activeIndex", "aspectRatio", "setActiveId", "align", "animated", "appearance", "aspectRatio", "autoLayout", "apiKey", "badge", "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", "image", "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", "sources", "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/hooks/useImageComponent/index.d.ts

@@ -1,28 +0,0 @@
-import { ComponentType, JSX, ReactNode } from 'react';
-/**
- * Props of the image component.
- */
-export type ImageComponentProps = JSX.IntrinsicElements['img'];
-/**
- * Image component type.
- */
-export type ImageComponentType = ComponentType<ImageComponentProps>;
-/**
- * Default image component using `<img>`.
- */
-export declare const DefaultImage: ImageComponentType;
-/**
- * Context for providing a custom image component.
- */
-export declare const ImageContext: import('react').Context<ImageComponentType>;
-/**
- * Hook to access the current image component from context.
- */
-export declare const useImageComponent: () => ImageComponentType;
-/**
- * Provider for ImageContext
- */
-export declare const ImageProvider: ({ imageComponent, children, }: {
-    imageComponent: ImageComponentType;
-    children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useImageComponent/index.js

@@ -1,17 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-const DefaultImage = (props) => /* @__PURE__ */ jsx("img", { ...props });
-const ImageContext = createContext(DefaultImage);
-const useImageComponent = () => useContext(ImageContext);
-const ImageProvider = ({
-  imageComponent,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(ImageContext, { value: imageComponent, children });
-};
-export {
-  DefaultImage,
-  ImageContext,
-  ImageProvider,
-  useImageComponent
-};

package/dist/hooks/usePictureComponent/index.d.ts

@@ -1,25 +0,0 @@
-import { ComponentType, ReactNode } from 'react';
-import { ArtDirectionImageProps } from '../../components/ArtDirectedImage';
-/**
- * Picture component type.
- */
-export type PictureComponentType = ComponentType<ArtDirectionImageProps>;
-/**
- * Default picture component using `<picture>`.
- */
-export declare const DefaultPicture: PictureComponentType;
-/**
- * Context for providing a custom link component.
- */
-export declare const PictureContext: import('react').Context<PictureComponentType>;
-/**
- * Hook to access the current link component from context.
- */
-export declare const usePictureComponent: () => PictureComponentType;
-/**
- * Provider for LinkContext
- */
-export declare const PictureProvider: ({ pictureComponent, children, }: {
-    pictureComponent: PictureComponentType;
-    children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/usePictureComponent/index.js

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import { a as breakpoint_large, b as breakpoint_medium } from "../../breakpoint-CzBSbbY7.js";
-const DefaultPicture = ({
-  sources,
-  image,
-  ...props
-}) => /* @__PURE__ */ jsxs("picture", { ...props, children: [
-  sources.lg && /* @__PURE__ */ jsx("source", { media: `(min-width: ${breakpoint_large})`, srcSet: sources.lg.src }),
-  sources.md && /* @__PURE__ */ jsx("source", { media: `(min-width: ${breakpoint_medium})`, srcSet: sources.md.src }),
-  sources.sm && /* @__PURE__ */ jsx("source", { media: `(max-width: ${breakpoint_medium})`, srcSet: sources.sm.src }),
-  /* @__PURE__ */ jsx("img", { ...image })
-] });
-const PictureContext = createContext(DefaultPicture);
-const usePictureComponent = () => useContext(PictureContext);
-const PictureProvider = ({
-  pictureComponent,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(PictureContext, { value: pictureComponent, children });
-};
-export {
-  DefaultPicture,
-  PictureContext,
-  PictureProvider,
-  usePictureComponent
-};

package/dist/screenreaderOnly-Dv2v6MAr.js

@@ -1,11 +0,0 @@
-const screenreaderOnly = {
-  position: "absolute",
-  left: "-10000px",
-  top: "auto",
-  width: "1px",
-  height: "1px",
-  overflow: "hidden"
-};
-export {
-  screenreaderOnly as s
-};

package/dist/styled-CH1kr8ZR.js

@@ -1,14 +0,0 @@
-import styled from "styled-components";
-const LegendStyled = styled.legend.withConfig({
-  displayName: "LegendStyled",
-  componentId: "sc-1vyrzt5-0"
-})({
-  /**
-   * minimal hack to disable the wired position of a legend in a fieldset
-   */
-  all: "unset",
-  width: "100%"
-});
-export {
-  LegendStyled as L
-};