@vodafone_de/publish-test 0.0.1 → 53.0.0

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

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

package/dist/components/DiscoveryCard/componentName.d.ts

@@ -0,0 +1 @@
+export declare const discoveryCardComponentName: "DiscoveryCard";

package/dist/components/DiscoveryCard/components/DiscoveryCardLinkedImage.d.ts

@@ -0,0 +1,3 @@
+import { DiscoveryCardProps } from '../props';
+declare const DiscoveryCardLinkedImage: ({ uid, image, link: { icon: _icon, component: _component, ...linkProps }, orientation, bottomSpacing, }: Pick<DiscoveryCardProps, "uid" | "image" | "link" | "orientation" | "bottomSpacing">) => import("react/jsx-runtime").JSX.Element;
+export default DiscoveryCardLinkedImage;

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

@@ -0,0 +1,4 @@
+import { DiscoveryCardProps } from './props';
+declare const DiscoveryCard: ({ orientation, uid, image, heading, link, badge, body, price, ...props }: DiscoveryCardProps) => import("react/jsx-runtime").JSX.Element;
+export default DiscoveryCard;
+export * from './props';

package/dist/components/DiscoveryCard/index.js

@@ -0,0 +1,156 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { a as BadgeStyled, B as Badge } from "../../index-yLLyPEd9.js";
+import Body from "../Body/index.js";
+import { b as bodyComponentName } from "../../componentName-BoJP6JLf.js";
+import Heading from "../Heading/index.js";
+import Link from "../Link/index.js";
+import Price from "../Price/index.js";
+import { R as RichText, a as RichTextContentful } from "../../index-B39bJrc9.js";
+import { a as richTextComponentName, r as richTextContentfulComponentName } from "../../props-B5OwQmNC.js";
+import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
+import { a as textHeadingSm } from "../../HeadingSize-O__w72MO.js";
+import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
+import { s as spacingMd, b as spacingNone, a as spacingXs, c as spacingSm } from "../../Spacing-Dj-qX3Z5.js";
+import { a as discoveryCardOrientationVertical, d as discoveryCardOrientationHorizontal } from "../../props-DjRkcEE8.js";
+import { b } from "../../props-DjRkcEE8.js";
+import styled from "styled-components";
+import "../../index-p6eyyJpy.js";
+import "../../index-lCL2zeQr.js";
+import { a as bodyAlignLeft, b as bodyAlignCenter } from "../../props-DxcKxrWg.js";
+import Card from "../Card/index.js";
+import Image from "../Image/index.js";
+import { a as LinkStyled } from "../../index-Jy4O4KhV.js";
+import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
+import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
+import { g as getSpacing } from "../../index-l-i-mIeP.js";
+import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
+import { a as aspectRatio16_9, b as aspectRatio1_1 } from "../../props-CLadRD1u.js";
+import { h as priceSizeSm, a as priceAlignLeft, p as priceAlignCenter, d as priceOrientationVertical } from "../../props-E4PNCuS6.js";
+const DiscoveryCardStyled = styled(Card).withConfig({
+  shouldForwardProp,
+  displayName: "DiscoveryCardStyled",
+  componentId: "sc-b1ckgy-0"
+})(({
+  orientation
+}) => {
+  const isVertical = orientation === discoveryCardOrientationVertical;
+  return {
+    ...isVertical ? {
+      display: "flex",
+      flexDirection: "column",
+      [`& ${BadgeStyled}`]: {
+        marginLeft: "auto",
+        marginRight: "auto"
+      },
+      [`& ${LinkStyled}`]: {
+        marginLeft: "auto",
+        marginRight: "auto",
+        marginTop: "auto"
+      }
+    } : {
+      display: "flex",
+      flexDirection: "row-reverse",
+      gap: getSpacing(spacingMd),
+      alignItems: "center",
+      textAlign: "center",
+      [`& ${LinkStyled}`]: {
+        marginTop: "auto"
+      }
+    }
+  };
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}), ({
+  layout
+}) => layout && translateLayoutPropsToCss(layout));
+const DiscoveryCardContentyled = styled.div.withConfig({
+  displayName: "DiscoveryCardContentyled",
+  componentId: "sc-b1ckgy-1"
+})({
+  flex: 1,
+  display: "flex",
+  flexDirection: "column"
+});
+const DiscoveryCardImageLinkStyled = styled.a.withConfig({
+  shouldForwardProp,
+  displayName: "DiscoveryCardImageLinkStyled",
+  componentId: "sc-b1ckgy-2"
+})(({
+  orientation
+}) => {
+  if (orientation === discoveryCardOrientationVertical) {
+    return {
+      width: "100%"
+    };
+  }
+  return {
+    flex: 1,
+    maxWidth: "320px"
+  };
+}, ({
+  bottomSpacing = spacingNone
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+styled(Image).withConfig({
+  displayName: "DiscoveryCardImageStyled",
+  componentId: "sc-b1ckgy-3"
+})({
+  width: "100%",
+  height: "100%"
+});
+const DiscoveryCardRichTextAlignStyled = styled.div.withConfig({
+  shouldForwardProp,
+  displayName: "DiscoveryCardRichTextAlignStyled",
+  componentId: "sc-b1ckgy-4"
+})(({
+  orientation
+}) => ({
+  textAlign: discoveryCardOrientationHorizontal === orientation ? bodyAlignLeft : bodyAlignCenter
+}));
+const DiscoveryCardLinkedImage = ({
+  uid,
+  image,
+  link: {
+    icon: _icon,
+    component: _component,
+    ...linkProps
+  },
+  orientation = discoveryCardOrientationVertical,
+  bottomSpacing
+}) => /* @__PURE__ */ jsx(DiscoveryCardImageLinkStyled, { ...linkProps, tabIndex: -1, "aria-describedby": `headingId-${uid}`, orientation, bottomSpacing, children: /* @__PURE__ */ jsx(Image, { ...image, aspectRatio: orientation === discoveryCardOrientationVertical ? aspectRatio16_9 : aspectRatio1_1, roundedCorners: true, bottomSpacing: spacingNone, sizes: orientation === discoveryCardOrientationHorizontal ? "320px" : void 0 }) });
+const DiscoveryCard = ({
+  orientation = discoveryCardOrientationVertical,
+  uid,
+  image,
+  heading,
+  link,
+  badge,
+  body,
+  price,
+  ...props
+}) => {
+  const ContentWrapper = orientation === discoveryCardOrientationHorizontal ? DiscoveryCardContentyled : Fragment;
+  return /* @__PURE__ */ jsxs(DiscoveryCardStyled, { ...props, orientation, children: [
+    /* @__PURE__ */ jsx(DiscoveryCardLinkedImage, { uid, orientation, link, image, bottomSpacing: discoveryCardOrientationHorizontal === orientation ? spacingNone : spacingMd }),
+    /* @__PURE__ */ jsxs(ContentWrapper, { children: [
+      badge && /* @__PURE__ */ jsx(Badge, { ...badge, size: smallSize, bottomSpacing: spacingXs }),
+      /* @__PURE__ */ jsx(Heading, { ...heading, size: textHeadingSm, weight: fontWeightBold, align: discoveryCardOrientationHorizontal === orientation ? bodyAlignLeft : bodyAlignCenter, id: `headingId-${uid}`, bottomSpacing: !body && !price ? spacingSm : spacingXs, children: heading.children }),
+      body && body.component === bodyComponentName && /* @__PURE__ */ jsx(Body, { ...body, align: discoveryCardOrientationHorizontal === orientation ? bodyAlignLeft : bodyAlignCenter, bottomSpacing: !price ? spacingSm : spacingXs, children: body.children }),
+      body && body.component === richTextComponentName && /* @__PURE__ */ jsx(DiscoveryCardRichTextAlignStyled, { orientation, children: /* @__PURE__ */ jsx(RichText, { ...body, bottomSpacing: !price ? spacingSm : spacingXs }) }),
+      body && body.component === richTextContentfulComponentName && /* @__PURE__ */ jsx(DiscoveryCardRichTextAlignStyled, { orientation, children: /* @__PURE__ */ jsx(RichTextContentful, { ...body, bottomSpacing: spacingMd }) }),
+      price && /* @__PURE__ */ jsx(Price, { ...price, orientation: priceOrientationVertical, align: discoveryCardOrientationHorizontal === orientation ? priceAlignLeft : priceAlignCenter, size: priceSizeSm, bottomSpacing: spacingSm }),
+      /* @__PURE__ */ jsx(Link, { ...link, "aria-describedby": `headingId-${uid}`, bottomSpacing: spacingNone })
+    ] })
+  ] });
+};
+export {
+  DiscoveryCard as default,
+  discoveryCardOrientationHorizontal,
+  discoveryCardOrientationVertical,
+  b as discoveryCardOrientations
+};

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

@@ -0,0 +1,56 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BadgeProps } from '../Badge/props';
+import { BodyProps } from '../Body/props';
+import { HeadingProps } from '../Heading/props';
+import { ImageProps } from '../Image/props';
+import { LinkProps } from '../Link/props';
+import { PriceProps } from '../Price/props';
+import { RichTextProps } from '../RichText/props';
+import { RichTextContentfulProps } from '../RichTextContentful';
+import { BrixComponentProps } from '../../foundations/BrixComponentProps';
+import { discoveryCardComponentName } from './componentName';
+export declare const discoveryCardOrientationVertical: "vertical";
+export declare const discoveryCardOrientationHorizontal: "horizontal";
+export declare const discoveryCardOrientations: readonly ["vertical", "horizontal"];
+export type DiscoveryCardOrientation = (typeof discoveryCardOrientations)[number];
+/**
+ * Props for the DiscoveryCard component.
+ * A clickable card with image, heading, badge, and optional toggle button.
+ */
+export interface DiscoveryCardProps extends BrixComponentProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children?: ReactNode;
+    /**
+     * Pin component's name
+     */
+    component?: typeof discoveryCardComponentName;
+    /**
+     * discovery card can be orientated either vertical or horizontal.
+     */
+    orientation?: DiscoveryCardOrientation;
+    /**
+     * ImageProps are mandatory and it always get rounded corners.
+     * The aspect ratio is 16 to 1 for vertical orientation 9, otherwise 1 to.
+     * This must be taken into account when selecting the asset.
+     */
+    image: Omit<ImageProps, 'roundedCorners' | 'aspectRatio'>;
+    /**
+     * optional BadgeProps that is always rendered in small size
+     */
+    badge?: Omit<BadgeProps, 'size' | 'bottomSpacing'>;
+    /**
+     * mandatory HeadingProps. size, weight, align, id, and bottomSpacing should be omitted
+     */
+    heading: Omit<HeadingProps, 'size' | 'weight' | 'align' | 'id' | 'bottomSpacing'>;
+    /**
+     * optional BodyProps. align and bottomSpacing should be omitted. Can also be RichText but with omitted bottomSpacing
+     */
+    body?: Omit<BodyProps, 'align' | 'bottomSpacing'> | Omit<RichTextProps, 'bottomSpacing'> | Omit<RichTextContentfulProps, 'bottomSpacing'>;
+    /**
+     * optional PriceProps. orientation, size, align and bottomSpacing should be omitted
+     */
+    price?: Omit<PriceProps, 'orientation' | 'align' | 'size' | 'bottomSpacing'>;
+    /**
+     * mandatory LinkProps. aria-describedby and bottomSpacing should be omitted
+     */
+    link: Omit<LinkProps, 'bottomSpacing' | 'aria-describedby'>;
+}

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

@@ -0,0 +1,7 @@
+import { AnchorHTMLAttributes } from 'react';
+import { DiscoveryCardProps } from './props';
+export declare const DiscoveryCardStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('../Card').CardProps, "hidden" | "color" | "content" | "layout" | "style" | "translate" | "key" | "component" | "bottomSpacing" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "orientation"> & Omit<DiscoveryCardProps, "uid" | "body" | "image" | "link" | "heading" | "price" | "badge">, never> & Partial<Pick<import('styled-components').FastOmit<import('../Card').CardProps, "hidden" | "color" | "content" | "layout" | "style" | "translate" | "key" | "component" | "bottomSpacing" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "orientation"> & Omit<DiscoveryCardProps, "uid" | "body" | "image" | "link" | "heading" | "price" | "badge">, never>>> & string & Omit<({ children, className, theme, tag, mobileDark, appearance, ...props }: import('../Card').CardProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const DiscoveryCardContentyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const DiscoveryCardImageLinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "bottomSpacing" | "orientation" | keyof AnchorHTMLAttributes<HTMLAnchorElement>> & Pick<DiscoveryCardProps, "bottomSpacing" | "orientation"> & AnchorHTMLAttributes<HTMLAnchorElement>, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "bottomSpacing" | "orientation" | keyof AnchorHTMLAttributes<HTMLAnchorElement>> & Pick<DiscoveryCardProps, "bottomSpacing" | "orientation"> & AnchorHTMLAttributes<HTMLAnchorElement>, never>>> & string;
+export declare const DiscoveryCardImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Image').ImageProps, never> & Partial<Pick<import('../Image').ImageProps, never>>> & string & Omit<({ link, aspectRatio, roundedCorners, objectFit, width, height, bottomSpacing, sizes: sizesProp, ...props }: import('../Image').ImageProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+export declare const DiscoveryCardRichTextAlignStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "orientation"> & Pick<DiscoveryCardProps, "orientation">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "orientation"> & Pick<DiscoveryCardProps, "orientation">, never>>> & string;