@bosonprotocol/react-kit 0.34.0-alpha.9 → 0.35.0-alpha.0

package/dist/cjs/components/modal/components/common/detail/Detail.style.d.ts

@@ -35,25 +35,25 @@ export declare const WidgetButtonWrapper: import("styled-components").IStyledCom
 } & {
     height?: import("csstype").Property.Height<number | (string & {})> | undefined;
     width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
     alignItems?: import("csstype").Property.AlignItems | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
     flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
     flexDirection?: import("csstype").Property.FlexDirection | undefined;
     flexGrow?: import("csstype").Property.FlexGrow | undefined;
     flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
     flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
-    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
-    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
-    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
-    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
-    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
-    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
-    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justifySelf?: import("csstype").Property.JustifySelf | undefined;
     marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
     marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
-    alignSelf?: import("csstype").Property.AlignSelf | undefined;
-    justifySelf?: import("csstype").Property.JustifySelf | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
 } & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>, never>> & Omit<import("react").ForwardRefExoticComponent<{
     children?: import("react").ReactNode;
     as?: import("react").ElementType<any> | undefined;
@@ -62,25 +62,25 @@ export declare const WidgetButtonWrapper: import("styled-components").IStyledCom
 } & {
     height?: import("csstype").Property.Height<number | (string & {})> | undefined;
     width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
     alignItems?: import("csstype").Property.AlignItems | undefined;
+    alignSelf?: import("csstype").Property.AlignSelf | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
     flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
     flexDirection?: import("csstype").Property.FlexDirection | undefined;
     flexGrow?: import("csstype").Property.FlexGrow | undefined;
     flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
     flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
-    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
-    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
-    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
-    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
-    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
-    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
-    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    justifySelf?: import("csstype").Property.JustifySelf | undefined;
     marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
     marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
-    alignSelf?: import("csstype").Property.AlignSelf | undefined;
-    justifySelf?: import("csstype").Property.JustifySelf | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
 } & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const BosonExclusiveContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const BaseWidget: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -97,26 +97,26 @@ export declare const CommitAndRedeemButton: import("styled-components").IStyledC
     fontWeight?: import("csstype").Property.FontWeight | undefined;
     letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
     opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
     alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
     flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
     flexDirection?: import("csstype").Property.FlexDirection | undefined;
     flexGrow?: import("csstype").Property.FlexGrow | undefined;
     flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
     flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
-    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
-    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
-    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
-    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
-    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
-    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
-    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
     marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
     marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
-    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
-    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
     textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
 } & import("react").HTMLAttributes<unknown> & {
     children?: import("react").ReactNode;
     tag?: keyof JSX.IntrinsicElements | undefined;
@@ -132,26 +132,26 @@ export declare const CommitAndRedeemButton: import("styled-components").IStyledC
     fontWeight?: import("csstype").Property.FontWeight | undefined;
     letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
     opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
     alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
     flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
     flexDirection?: import("csstype").Property.FlexDirection | undefined;
     flexGrow?: import("csstype").Property.FlexGrow | undefined;
     flexShrink?: import("csstype").Property.FlexShrink | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
     flexWrap?: import("csstype").Property.FlexWrap | undefined;
-    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
-    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
-    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
-    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
-    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
-    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
-    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
-    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
     marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
     marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
-    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
-    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
     textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
 } & import("react").HTMLAttributes<unknown> & {
     children?: import("react").ReactNode;
     tag?: keyof JSX.IntrinsicElements | undefined;
@@ -163,7 +163,7 @@ export declare const RaiseProblemButton: import("styled-components").IStyledComp
     children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;
@@ -174,7 +174,7 @@ export declare const RaiseProblemButton: import("styled-components").IStyledComp
     children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;
@@ -186,7 +186,7 @@ export declare const StyledCancelButton: import("styled-components").IStyledComp
     children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;
@@ -197,7 +197,7 @@ export declare const StyledCancelButton: import("styled-components").IStyledComp
     children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;
@@ -209,7 +209,7 @@ export declare const ContactSellerButton: import("styled-components").IStyledCom
     children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;
@@ -220,7 +220,7 @@ export declare const ContactSellerButton: import("styled-components").IStyledCom
     children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;
@@ -231,7 +231,7 @@ export declare const ContactSellerButton: import("styled-components").IStyledCom
     children?: import("react").ReactNode;
     onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | import("../../../../..").ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;

package/dist/cjs/components/productCard/ProductCard.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 import { Currencies } from "../currencyDisplay/CurrencyDisplay";
 import { IBaseImage } from "../image/Image";
 import { TooltipProps } from "../tooltip/Tooltip";
@@ -16,12 +16,15 @@ interface IProductCard {
     isHoverDisabled?: boolean;
     onAvatarNameClick?: () => void;
     onCardClick?: (id: string | number) => void;
-    price: number;
+    price: string;
     productId: string;
     productType?: ProductType;
     title: string;
     tooltip?: string;
     tooltipProps?: Omit<TooltipProps, "content">;
+    CTAOnHover?: ReactNode;
+    hideCreatorName?: boolean;
+    isImageFitCover?: boolean;
 }
 export declare const PhygitalLabel: ({ ...rest }: {
     [x: string]: any;

package/dist/cjs/components/productCard/ProductCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAkB3D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACtE,UAAU,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;CAC9C;AAoBD,eAAO,MAAM,aAAa;;iBAEzB,CAAC;AACF,eAAO,MAAM,WAAW,UAAW,YAAY,gBA+E9C,CAAC"}
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,UAAU,EAEX,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAS,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAW,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAa3D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACtE,UAAU,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAqBD,eAAO,MAAM,aAAa;;iBAEzB,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,YAAY,gBA2E9C,CAAC"}

package/dist/cjs/components/productCard/ProductCard.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,17 +33,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductCard = exports.PhygitalLabel = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const CurrencyDisplay_1 = require("../currencyDisplay/CurrencyDisplay");
 const Image_1 = require("../image/Image");
 const Tooltip_1 = require("../tooltip/Tooltip");
 const ProductCard_styles_1 = require("./ProductCard.styles");
-const const_1 = require("./const");
+const Grid_1 = require("../ui/Grid");
 const Wrapper = ({ children, tooltip, tooltipProps }) => {
     if (tooltip && tooltip !== "") {
         return (react_1.default.createElement(Tooltip_1.Tooltip, Object.assign({ wrap: false, content: tooltip }, tooltipProps), children));
@@ -33,40 +53,28 @@ const PhygitalLabel = (_a) => {
 };
 exports.PhygitalLabel = PhygitalLabel;
 const ProductCard = (props) => {
-    const { asterisk = false, avatar, onAvatarError, avatarName, bottomText, currency, dataCard = "product-card", dataTestId = "offer", imageProps, isHoverDisabled = false, onAvatarNameClick, onCardClick, price, productId, title, tooltip = "", tooltipProps = {}, productType } = props;
-    const isPhygital = productType === const_1.ProductType.phygital;
-    return (react_1.default.createElement(ProductCard_styles_1.ProductCardWrapper, { "data-card": dataCard, "$isHoverDisabled": isHoverDisabled, "data-testid": dataTestId, onClick: (e) => {
+    const { avatarName, currency, dataCard = "product-card", dataTestId = "offer", imageProps, isHoverDisabled = false, onCardClick, price, productId, title, tooltip = "", tooltipProps = {}, CTAOnHover, hideCreatorName = false, isImageFitCover = false } = props;
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(ProductCard_styles_1.ProductCardWrapper, { "data-card": dataCard, "$isHoverDisabled": isHoverDisabled, "data-testid": dataTestId, "$isImageFitCover": isImageFitCover, onClick: (e) => {
             e.preventDefault();
             onCardClick === null || onCardClick === void 0 ? void 0 : onCardClick(productId);
-        } },
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) },
         react_1.default.createElement(ProductCard_styles_1.ProductCardImageWrapper, null,
-            isPhygital && react_1.default.createElement(exports.PhygitalLabel, null),
             react_1.default.createElement(Image_1.Image, Object.assign({}, imageProps))),
+        CTAOnHover && (react_1.default.createElement(ProductCard_styles_1.CTAOnHoverContainer, { "$isHovered": isHovered }, CTAOnHover)),
         react_1.default.createElement(ProductCard_styles_1.ProductCardBottom, null,
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(ProductCard_styles_1.ProductCardBottomContent, null,
-                    react_1.default.createElement(ProductCard_styles_1.ProductCardData, null,
-                        react_1.default.createElement(ProductCard_styles_1.ProductCardCreator, { onClick: (e) => {
-                                e.stopPropagation();
-                                onAvatarNameClick === null || onAvatarNameClick === void 0 ? void 0 : onAvatarNameClick();
-                            } },
-                            react_1.default.createElement(ProductCard_styles_1.ProductCardCreatorAvatar, null,
-                                react_1.default.createElement("img", { src: avatar, alt: "avatar", onError: onAvatarError })),
-                            react_1.default.createElement(ProductCard_styles_1.ProductCardCreatorName, { "data-avatarname": "product-card" }, avatarName))),
-                    react_1.default.createElement(ProductCard_styles_1.ProductCardPriceWrapper, null,
-                        react_1.default.createElement(Wrapper, { tooltip: tooltip, tooltipProps: tooltipProps },
-                            react_1.default.createElement(react_1.default.Fragment, null,
-                                react_1.default.createElement(ProductCard_styles_1.ProductCardPrice, null,
-                                    "Price ",
-                                    asterisk && "*"),
-                                react_1.default.createElement(CurrencyDisplay_1.CurrencyDisplay, { value: price, currency: currency, style: {
-                                        wordBreak: "break-all",
-                                        alignItems: "flex-start",
-                                        justifyContent: "flex-end"
-                                    } }))))),
-                react_1.default.createElement(ProductCard_styles_1.ProductCardTitleWrapper, null,
-                    react_1.default.createElement(ProductCard_styles_1.ProductCardTitle, null, title))),
-            bottomText && react_1.default.createElement(ProductCard_styles_1.BottomText, null, bottomText))));
+            react_1.default.createElement(ProductCard_styles_1.ProductCardBottomContent, null,
+                react_1.default.createElement(Grid_1.Grid, { flexDirection: "column" },
+                    react_1.default.createElement(ProductCard_styles_1.ProductCardTitleWrapper, null,
+                        react_1.default.createElement(ProductCard_styles_1.ProductCardTitle, { fontSize: "0.75rem", fontWeight: "600" }, title)),
+                    !hideCreatorName && (react_1.default.createElement(ProductCard_styles_1.ProductCardCreatorName, { "data-avatarname": "product-card" }, avatarName))),
+                react_1.default.createElement(Wrapper, { tooltip: tooltip, tooltipProps: tooltipProps },
+                    react_1.default.createElement(CurrencyDisplay_1.CurrencyDisplay, { value: price, currency: currency, fontSize: "0.875rem", iconSize: 16, gap: "0.3125rem", style: {
+                            wordBreak: "break-all",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            paddingTop: "0.25rem"
+                        } }))))));
 };
 exports.ProductCard = ProductCard;
 //# sourceMappingURL=ProductCard.js.map

package/dist/cjs/components/productCard/ProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wEAG4C;AAC5C,0CAAmD;AACnD,gDAA2D;AAC3D,6DAe8B;AAE9B,mCAAsC;AAsBtC,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,YAAY,EAKb,EAAE,EAAE;IACH,IAAI,OAAO,IAAI,OAAO,KAAK,EAAE,EAAE;QAC7B,OAAO,CACL,8BAAC,iBAAO,kBAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,YAAY,GACrD,QAAQ,CACD,CACX,CAAC;KACH;IACD,OAAO,8DAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AACK,MAAM,aAAa,GAAG,CAAC,EAAW,EAAE,EAAE;QAAV,IAAI,cAAT,EAAW,CAAF;IACrC,OAAO,8BAAC,kCAAa,oBAAK,IAAI,iBAAY,UAAU,IAAG,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AACK,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,aAAa,EACb,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,GAAG,cAAc,EACzB,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,iBAAiB,EACjB,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,EAAE,EACjB,WAAW,EACZ,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,WAAW,KAAK,mBAAW,CAAC,QAAQ,CAAC;IACxD,OAAO,CACL,8BAAC,uCAAkB,iBACN,QAAQ,sBACD,eAAe,iBACpB,UAAU,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,CAAC;QAC3B,CAAC;QAED,8BAAC,4CAAuB;YACrB,UAAU,IAAI,8BAAC,qBAAa,OAAG;YAChC,8BAAC,aAAK,oBAAK,UAAU,EAAI,CACD;QAC1B,8BAAC,sCAAiB;YAChB;gBACE,8BAAC,6CAAwB;oBACvB,8BAAC,oCAAe;wBACd,8BAAC,uCAAkB,IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gCACb,CAAC,CAAC,eAAe,EAAE,CAAC;gCACpB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,EAAI,CAAC;4BACxB,CAAC;4BAED,8BAAC,6CAAwB;gCACvB,uCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,GAAI,CAChC;4BAC3B,8BAAC,2CAAsB,uBAAiB,cAAc,IACnD,UAAU,CACY,CACN,CACL;oBAClB,8BAAC,4CAAuB;wBACtB,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY;4BACnD;gCACE,8BAAC,qCAAgB;;oCAAQ,QAAQ,IAAI,GAAG,CAAoB;gCAC5D,8BAAC,iCAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;wCACL,SAAS,EAAE,WAAW;wCACtB,UAAU,EAAE,YAAY;wCACxB,cAAc,EAAE,UAAU;qCAC3B,GACD,CACD,CACK,CACc,CACD;gBAC3B,8BAAC,4CAAuB;oBACtB,8BAAC,qCAAgB,QAAE,KAAK,CAAoB,CACpB,CACtB;YACL,UAAU,IAAI,8BAAC,+BAAU,QAAE,UAAU,CAAc,CAClC,CACD,CACtB,CAAC;AACJ,CAAC,CAAC;AA/EW,QAAA,WAAW,eA+EtB"}
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,wEAG4C;AAC5C,0CAAmD;AACnD,gDAA2D;AAC3D,6DAU8B;AAG9B,qCAAkC;AA0BlC,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,OAAO,EACP,YAAY,EAKb,EAAE,EAAE;IACH,IAAI,OAAO,IAAI,OAAO,KAAK,EAAE,EAAE;QAC7B,OAAO,CACL,8BAAC,iBAAO,kBAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAM,YAAY,GACrD,QAAQ,CACD,CACX,CAAC;KACH;IACD,OAAO,8DAAG,QAAQ,CAAI,CAAC;AACzB,CAAC,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,EAAW,EAAE,EAAE;QAAV,IAAI,cAAT,EAAW,CAAF;IACrC,OAAO,8BAAC,kCAAa,oBAAK,IAAI,iBAAY,UAAU,IAAG,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB;AAEK,MAAM,WAAW,GAAG,CAAC,KAAmB,EAAE,EAAE;IACjD,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,GAAG,cAAc,EACzB,UAAU,GAAG,OAAO,EACpB,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,KAAK,EACL,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,EAAE,EACjB,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,KAAK,EACxB,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,8BAAC,uCAAkB,iBACN,QAAQ,sBACD,eAAe,iBACpB,UAAU,sBACL,eAAe,EACjC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,SAAS,CAAC,CAAC;QAC3B,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC;QAEvC,8BAAC,4CAAuB;YACtB,8BAAC,aAAK,oBAAK,UAAU,EAAI,CACD;QACzB,UAAU,IAAI,CACb,8BAAC,wCAAmB,kBAAa,SAAS,IACvC,UAAU,CACS,CACvB;QACD,8BAAC,sCAAiB;YAChB,8BAAC,6CAAwB;gBACvB,8BAAC,WAAI,IAAC,aAAa,EAAC,QAAQ;oBAC1B,8BAAC,4CAAuB;wBACtB,8BAAC,qCAAgB,IAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,IACrD,KAAK,CACW,CACK;oBACzB,CAAC,eAAe,IAAI,CACnB,8BAAC,2CAAsB,uBAAiB,cAAc,IACnD,UAAU,CACY,CAC1B,CACI;gBACP,8BAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY;oBACnD,8BAAC,iCAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,EAAE,EACZ,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;4BACL,SAAS,EAAE,WAAW;4BACtB,UAAU,EAAE,QAAQ;4BACpB,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,SAAS;yBACtB,GACD,CACM,CACe,CACT,CACD,CACtB,CAAC;AACJ,CAAC,CAAC;AA3EW,QAAA,WAAW,eA2EtB"}

package/dist/cjs/components/productCard/ProductCard.styles.d.ts

@@ -4,12 +4,114 @@ export declare const TopLeftRibbon: import("styled-components").IStyledComponent
 export declare const ProductCardCreator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardCreatorAvatar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardCreatorName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ProductCardTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>;
+export declare const ProductCardTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<{
+    color?: import("csstype").Property.Color | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: import("react").ReactNode;
+    tag?: keyof JSX.IntrinsicElements | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: (() => void) | undefined;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, {
+    color?: import("csstype").Property.Color | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: import("react").ReactNode;
+    tag?: keyof JSX.IntrinsicElements | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: (() => void) | undefined;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, never>, never>> & Omit<import("react").ForwardRefExoticComponent<{
+    color?: import("csstype").Property.Color | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: import("react").ReactNode;
+    tag?: keyof JSX.IntrinsicElements | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: (() => void) | undefined;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const ProductCardPriceWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardPrice: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ProductCardData: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardBottom: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, never>, never>>;
@@ -17,10 +119,15 @@ export declare const ProductCardBottomContent: import("styled-components").IStyl
 export declare const ProductCardTitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isHoverDisabled: boolean;
+    $isImageFitCover?: boolean | undefined;
 }>>;
 export declare const ProductCardTop: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isNotImageLoaded: boolean;
 }>>;
 export declare const BottomText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
 export declare const ProductCardImageWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ProductCardImageAndCTAContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CTAOnHoverContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isHovered: boolean;
+}>>;
 //# sourceMappingURL=ProductCard.styles.d.ts.map

package/dist/cjs/components/productCard/ProductCard.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,aAAa,gNAqCzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAWlC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAY5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,gNAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAO7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAInC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBAAkC,OAAO;GAqCvE,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAQtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAKnC,CAAC"}
+{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,uBAAuB,gNAQnC,CAAC;AAEF,eAAO,MAAM,aAAa,gNAqCzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAa5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAQ7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNAQpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBACX,OAAO;;GAiD1B,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAOtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,+BAA+B,gNAE3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;gBAA4B,OAAO;GAKlE,CAAC"}