@bosonprotocol/react-kit 0.34.0-alpha.15 → 0.34.0-alpha.16

package/dist/esm/components/currencyDisplay/CurrencyDisplay.d.ts

@@ -13,9 +13,12 @@ interface CurrencyDisplayProps {
     value?: number | string;
     currency: Currencies;
     height?: number;
+    fontSize?: number | string;
+    iconSize?: number;
+    gap?: number | string;
     [x: string]: any;
 }
-export declare const CurrencyDisplay: ({ value, currency, height, ...rest }: CurrencyDisplayProps) => JSX.Element;
+export declare const CurrencyDisplay: ({ value, currency, height, fontSize, iconSize, gap, ...rest }: CurrencyDisplayProps) => JSX.Element;
 export declare const CurrencyLogo: ({ currency, size }: {
     currency: Currencies;
     size?: number | undefined;

package/dist/esm/components/currencyDisplay/CurrencyDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":"AAeA,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,OAAO,UAAU;IACjB,MAAM,QAAQ;IACd,MAAM,SAAS;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AACD,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,yCAKzB,oBAAoB,gBAYtB,CAAC;AAqBF,eAAO,MAAM,YAAY;cAIb,UAAU;;iBAkCrB,CAAC"}
+{"version":3,"file":"CurrencyDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":"AAeA,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,OAAO,UAAU;IACjB,MAAM,QAAQ;IACd,MAAM,SAAS;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,kEAQzB,oBAAoB,gBActB,CAAC;AAwBF,eAAO,MAAM,YAAY;cAIb,UAAU;;iBAyBrB,CAAC"}

package/dist/esm/components/currencyDisplay/CurrencyDisplay.js

@@ -13,10 +13,10 @@ export var Currencies;
     Currencies["USDC"] = "USDC";
     Currencies["WETH"] = "WETH";
 })(Currencies || (Currencies = {}));
-export const CurrencyDisplay = ({ value, currency, height = 25, ...rest }) => {
+export const CurrencyDisplay = ({ value, currency, height = 25, fontSize, iconSize, gap, ...rest }) => {
     return (React.createElement(CurrencyDisplayValueWrapper, { style: { height: `${height}px`, width: "100%" }, ...rest },
-        React.createElement(CurrencyLogo, { currency: currency, size: height }),
-        value && (React.createElement(CurrencyDisplayValue, { "$height": height }, value))));
+        React.createElement(CurrencyLogo, { currency: currency, size: iconSize || height }),
+        value && (React.createElement(CurrencyDisplayValue, { "$height": height, "$fontSize": fontSize, "$gap": gap }, value))));
 };
 const CurrencyDisplayValueWrapper = styled.div `
   display: flex;
@@ -24,16 +24,15 @@ const CurrencyDisplayValueWrapper = styled.div `
   align-items: center;
 `;
 const CurrencyDisplayValue = styled.span `
-  ${({ $height }) => css `
+  ${({ $height, $fontSize, $gap }) => css `
     line-height: ${$height}px;
-    font-size: ${($height - 5) / 16}rem;
+    font-size: ${$fontSize ? $fontSize : `${(Number($height) - 5) / 16}rem`};
+    padding-left: ${$gap !== undefined ? $gap : "1rem"};
   `}
-
   color: #09182c;
   display: flex;
   text-align: right;
   align-items: center;
-  padding-left: 1rem;
 `;
 export const CurrencyLogo = ({ currency, size = 25 }) => {
     switch (currency) {

package/dist/esm/components/currencyDisplay/CurrencyDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,OAAO,EACP,KAAK,EACL,GAAG,EACH,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,IAAI,EACJ,IAAI,EACL,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAN,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,yBAAW,CAAA;IACX,yBAAW,CAAA;IACX,yBAAW,CAAA;IACX,+BAAiB,CAAA;IACjB,4BAAc,CAAA;IACd,6BAAe,CAAA;IACf,2BAAa,CAAA;IACb,2BAAa,CAAA;AACf,CAAC,EAVW,UAAU,KAAV,UAAU,QAUrB;AASD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,GAAG,IAAI,EACc,EAAE,EAAE;IACzB,OAAO,CACL,oBAAC,2BAA2B,IAC1B,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAC3C,IAAI;QAER,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAI;QACjD,KAAK,IAAI,CACR,oBAAC,oBAAoB,eAAU,MAAM,IAAG,KAAK,CAAwB,CACtE,CAC2B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7C,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAqB;IACzD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;mBACL,OAAO;iBACT,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE;GAChC;;;;;;;CAOF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,IAAI,GAAG,EAAE,EAIV,EAAE,EAAE;IACH,QAAQ,QAAQ,EAAE;QAChB,KAAK,UAAU,CAAC,GAAG;YACjB,OAAO,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAE/B,KAAK,UAAU,CAAC,GAAG;YACjB,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAEjC,KAAK,UAAU,CAAC,OAAO;YACrB,OAAO,oBAAC,OAAO,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAEjC,KAAK,UAAU,CAAC,MAAM;YACpB,OAAO,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAEhC,KAAK,UAAU,CAAC,MAAM;YACpB,OAAO,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAEhC,KAAK,UAAU,CAAC,GAAG;YACjB,OAAO,oBAAC,GAAG,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAE7B,KAAK,UAAU,CAAC,IAAI;YAClB,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAE9B,KAAK,UAAU,CAAC,KAAK;YACnB,OAAO,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAE/B,KAAK,UAAU,CAAC,IAAI;YAClB,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QAE9B;YACE,OAAO,iCAAM,QAAQ,CAAO,CAAC;KAChC;AACH,CAAC,CAAC"}
+{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../../src/components/currencyDisplay/CurrencyDisplay.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/image/Image.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":";AAAA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAG/D,eAAO,MAAM,YAAY;;GAQxB,CAAC;AAEF,eAAO,MAAM,cAAc,uNAM1B,CAAC;AAUF,eAAO,MAAM,gBAAgB;gBACf,aAAa,CAAC,UAAU,CAAC;GA2BtC,CAAC;AAEF,eAAO,MAAM,cAAc,gNAM1B,CAAC"}
+{"version":3,"file":"Image.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":";AAAA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAG/D,eAAO,MAAM,YAAY;;GAQxB,CAAC;AAEF,eAAO,MAAM,cAAc,uNAI1B,CAAC;AAUF,eAAO,MAAM,gBAAgB;gBACf,aAAa,CAAC,UAAU,CAAC;GA2BtC,CAAC;AAEF,eAAO,MAAM,cAAc,gNAM1B,CAAC"}

package/dist/esm/components/image/Image.styles.js

@@ -13,8 +13,6 @@ export const ImageContainer = styled.img `
   width: 100%;
   height: 100%;
   object-fit: contain;
-  object-position: top;
-  padding: 1rem;
 `;
 const buttonText = css `
   letter-spacing: 0.5px;

package/dist/esm/components/image/Image.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.styles.js","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAqB;aAC9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;CAOlE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;CAMrB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAExC;IACE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACP,CAAC,CAAC,GAAG,CAAA;sBACW,SAAS;SACtB;IACH,CAAC,CAAC,GAAG,CAAA;;SAEF;;;;sBAIa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;;;;;;;MAO3C,UAAU;;;aAGH,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;;;CAIpC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;IACpC,UAAU;;;WAGH,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;CAElC,CAAC"}
+{"version":3,"file":"Image.styles.js","sourceRoot":"","sources":["../../../../src/components/image/Image.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAiB,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAqB;aAC9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;CAOlE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAC;AAEF,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;CAMrB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAExC;IACE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACP,CAAC,CAAC,GAAG,CAAA;sBACW,SAAS;SACtB;IACH,CAAC,CAAC,GAAG,CAAA;;SAEF;;;;sBAIa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ;;;;;;;MAO3C,UAAU;;;aAGH,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;;;CAIpC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;IACpC,UAAU;;;WAGH,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;;CAElC,CAAC"}

package/dist/esm/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";
@@ -22,6 +22,9 @@ interface IProductCard {
     title: string;
     tooltip?: string;
     tooltipProps?: Omit<TooltipProps, "content">;
+    CTAOnHover?: ReactNode;
+    hideCreatorName?: boolean;
+    isImageFitCover?: boolean;
 }
 export declare const PhygitalLabel: ({ ...rest }: {
     [x: string]: any;

package/dist/esm/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/esm/components/productCard/ProductCard.js

@@ -1,9 +1,9 @@
-import React from "react";
+import React, { useState } from "react";
 import { CurrencyDisplay } from "../currencyDisplay/CurrencyDisplay";
 import { Image } from "../image/Image";
 import { Tooltip } from "../tooltip/Tooltip";
-import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, TopLeftRibbon, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "./ProductCard.styles";
-import { ProductType } from "./const";
+import { ProductCardBottom, ProductCardBottomContent, TopLeftRibbon, ProductCardCreatorName, ProductCardImageWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper, CTAOnHoverContainer } from "./ProductCard.styles";
+import { Grid } from "../ui/Grid";
 const Wrapper = ({ children, tooltip, tooltipProps }) => {
     if (tooltip && tooltip !== "") {
         return (React.createElement(Tooltip, { wrap: false, content: tooltip, ...tooltipProps }, children));
@@ -14,39 +14,27 @@ export const PhygitalLabel = ({ ...rest }) => {
     return React.createElement(TopLeftRibbon, { ...rest, "data-text": "Phygital" });
 };
 export 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 === ProductType.phygital;
-    return (React.createElement(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] = useState(false);
+    return (React.createElement(ProductCardWrapper, { "data-card": dataCard, "$isHoverDisabled": isHoverDisabled, "data-testid": dataTestId, "$isImageFitCover": isImageFitCover, onClick: (e) => {
             e.preventDefault();
             onCardClick?.(productId);
-        } },
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false) },
         React.createElement(ProductCardImageWrapper, null,
-            isPhygital && React.createElement(PhygitalLabel, null),
             React.createElement(Image, { ...imageProps })),
+        CTAOnHover && (React.createElement(CTAOnHoverContainer, { "$isHovered": isHovered }, CTAOnHover)),
         React.createElement(ProductCardBottom, null,
-            React.createElement("div", null,
-                React.createElement(ProductCardBottomContent, null,
-                    React.createElement(ProductCardData, null,
-                        React.createElement(ProductCardCreator, { onClick: (e) => {
-                                e.stopPropagation();
-                                onAvatarNameClick?.();
-                            } },
-                            React.createElement(ProductCardCreatorAvatar, null,
-                                React.createElement("img", { src: avatar, alt: "avatar", onError: onAvatarError })),
-                            React.createElement(ProductCardCreatorName, { "data-avatarname": "product-card" }, avatarName))),
-                    React.createElement(ProductCardPriceWrapper, null,
-                        React.createElement(Wrapper, { tooltip: tooltip, tooltipProps: tooltipProps },
-                            React.createElement(React.Fragment, null,
-                                React.createElement(ProductCardPrice, null,
-                                    "Price ",
-                                    asterisk && "*"),
-                                React.createElement(CurrencyDisplay, { value: price, currency: currency, style: {
-                                        wordBreak: "break-all",
-                                        alignItems: "flex-start",
-                                        justifyContent: "flex-end"
-                                    } }))))),
-                React.createElement(ProductCardTitleWrapper, null,
-                    React.createElement(ProductCardTitle, null, title))),
-            bottomText && React.createElement(BottomText, null, bottomText))));
+            React.createElement(ProductCardBottomContent, null,
+                React.createElement(Grid, { flexDirection: "column" },
+                    React.createElement(ProductCardTitleWrapper, null,
+                        React.createElement(ProductCardTitle, { fontSize: "0.75rem", fontWeight: "600" }, title)),
+                    !hideCreatorName && (React.createElement(ProductCardCreatorName, { "data-avatarname": "product-card" }, avatarName))),
+                React.createElement(Wrapper, { tooltip: tooltip, tooltipProps: tooltipProps },
+                    React.createElement(CurrencyDisplay, { value: price, currency: currency, fontSize: "0.875rem", iconSize: 16, gap: "0.3125rem", style: {
+                            wordBreak: "break-all",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            paddingTop: "0.25rem"
+                        } }))))));
 };
 //# sourceMappingURL=ProductCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/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;
+    alignItems?: import("csstype").Property.AlignItems | 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;
+    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;
+    textAlign?: import("csstype").Property.TextAlign | 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;
+    alignItems?: import("csstype").Property.AlignItems | 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;
+    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;
+    textAlign?: import("csstype").Property.TextAlign | 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;
+    alignItems?: import("csstype").Property.AlignItems | 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;
+    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;
+    textAlign?: import("csstype").Property.TextAlign | 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/esm/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAY5B,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;;GAqD1B,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"}

package/dist/esm/components/productCard/ProductCard.styles.js

@@ -1,12 +1,13 @@
 import styled, { css } from "styled-components";
 import { theme } from "../../theme";
 import { cardWrapperStyles } from "./commonStyles";
+import { Typography } from "../ui/Typography";
+import { zIndex } from "../ui/zIndex";
 export const ProductCardLabelWrapper = styled.div `
   position: absolute;
   top: 0.5rem;
   left: 0.5rem;
   background: white;
-  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
   font-weight: 600;
   color: ${({ theme }) => theme?.colors?.light.darkGrey};
   z-index: 1;
@@ -68,19 +69,23 @@ export const ProductCardCreatorAvatar = styled.div `
 `;
 export const ProductCardCreatorName = styled.div `
   font-weight: 600;
-  font-size: 0.75rem;
+  font-size: 0.625rem;
   line-height: 150%;
-  min-height: 3em;
-  color: ${({ theme }) => theme?.colors?.light.accent};
+  color: ${({ theme }) => theme?.colors?.light.darkGrey};
   flex: none;
   order: 1;
   flex-grow: 0;
-  justify-self: flex-end;
-  margin-bottom: 0.25rem;
+  justify-self: flex-start;
+  margin-right: auto;
+  > span {
+    font-weight: 600;
+    font-size: 0.625rem;
+    color: ${({ theme }) => theme?.colors?.light.darkGrey};
+  }
 `;
-export const ProductCardTitle = styled.div.attrs({ className: "title" }) `
-  font-weight: 600;
-  font-size: 1.25rem;
+export const ProductCardTitle = styled(Typography).attrs({
+    className: "title"
+}) `
   color: ${({ theme }) => theme?.colors?.light.black};
   word-break: break-word;
   overflow: hidden;
@@ -108,31 +113,26 @@ export const ProductCardPrice = styled.div `
   margin-bottom: 0.25rem;
   color: ${({ theme }) => theme?.colors?.light.darkGrey};
 `;
-export const ProductCardData = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
 export const ProductCardBottom = styled.div.attrs({ className: "bottom" }) `
   width: 100%;
-  background: ${theme?.colors?.light.white};
   height: 12rem;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-end;
+  z-index: ${zIndex.ChatSeparator};
+  flex: 0;
 `;
 export const ProductCardBottomContent = styled.div `
   display: flex;
   justify-content: space-between;
+  flex-direction: column;
   width: 100%;
-  padding: 1rem 1.5rem 0.5rem 1.5rem;
   box-sizing: border-box;
   align-items: flex-start;
   column-gap: 0.25rem;
-  border-top: 2px solid ${theme.colors.light.border};
 `;
 export const ProductCardTitleWrapper = styled.div `
   width: 100%;
-  padding: 0 1.5rem 0.5rem 1.5rem;
   box-sizing: border-box;
 `;
 export const ProductCardWrapper = styled.div `
@@ -144,6 +144,9 @@ export const ProductCardWrapper = styled.div `
   justify-content: space-between;
   flex-direction: column;
   cursor: pointer;
+  min-height: 286px;
+  height: 286px;
+  padding: 0 1rem 1rem 1rem;
   [data-image-wrapper] {
     position: static;
     padding-top: 0;
@@ -151,6 +154,14 @@ export const ProductCardWrapper = styled.div `
     display: flex;
     justify-content: center;
     align-items: center;
+    ${({ $isImageFitCover }) => $isImageFitCover
+    ? css `
+            width: 100%;
+            img {
+              object-fit: cover;
+            }
+          `
+    : ""}
   }
   ${({ $isHoverDisabled }) => !$isHoverDisabled
     ? css `
@@ -163,8 +174,10 @@ export const ProductCardWrapper = styled.div `
               16px 16px 16px rgba(0, 0, 0, 0.05);
 
             [data-image-wrapper] {
+              width: 110%;
               img {
-                transform: scale(1.05);
+                transform: scale(1.5);
+                object-position: center;
                 transition: all 300ms ease-in-out;
               }
             }
@@ -177,21 +190,33 @@ export const ProductCardTop = styled.div `
   overflow: hidden;
   width: 100%;
   align-self: stretch;
-  z-index: 0;
+  z-index: ${zIndex.Default};
 `;
 export const BottomText = styled.p `
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 0.975rem;
   margin: 0;
-  padding: 0 1.5rem 1rem 1.5rem;
   letter-spacing: 0.5px;
   color: ${theme.colors.light.darkGrey};
 `;
 export const ProductCardImageWrapper = styled.div `
   width: 100%;
-  min-height: 0;
-  height: auto;
+  height: 13.125rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 0.9375rem;
+  padding-bottom: 0.9375rem;
   flex: 1;
 `;
+export const ProductCardImageAndCTAContainer = styled.div `
+  position: relative;
+`;
+export const CTAOnHoverContainer = styled.div `
+  position: absolute;
+  z-index: ${zIndex.OfferCard};
+  bottom: ${({ $isHovered }) => ($isHovered ? "95px" : "1.875rem")};
+  transition: all 300ms ease-in-out;
+`;
 //# sourceMappingURL=ProductCard.styles.js.map

package/dist/esm/components/productCard/ProductCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/skeleton/ProductCardSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAoBpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAoD3D,CAAC"}
+{"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAmBpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAoD3D,CAAC"}

package/dist/esm/components/skeleton/ProductCardSkeleton.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "../productCard/ProductCard.styles";
+import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, ProductCardCreatorName, ProductCardImageWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "../productCard/ProductCard.styles";
 import { Grid } from "../ui/Grid";
 import { theme } from "../../theme";
 import { LoadingBubble } from "./common";
@@ -11,7 +11,7 @@ export const ProductCardSkeleton = (props) => {
         React.createElement(ProductCardBottom, null,
             React.createElement("div", null,
                 React.createElement(ProductCardBottomContent, null,
-                    React.createElement(ProductCardData, null,
+                    React.createElement(Grid, { flexDirection: "column" },
                         React.createElement(ProductCardCreator, null,
                             React.createElement(ProductCardCreatorAvatar, null,
                                 React.createElement(LoadingBubble, { "$width": "16px", "$height": "16px" })),

package/dist/esm/components/skeleton/ProductCardSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAKzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,uBAAuB;YACtB,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACsB;QAC1B,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,wBAAwB;oBACvB,oBAAC,eAAe;wBACd,oBAAC,kBAAkB;4BACjB,oBAAC,wBAAwB;gCACvB,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACrB;4BAC3B,oBAAC,sBAAsB,uBAAiB,cAAc;gCACpD,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACzB,CACN,CACL;oBAClB,oBAAC,uBAAuB;wBACtB,oBAAC,gBAAgB;4BACf,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU;gCAC7B,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACzC,CACU;wBACnB,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;4BACvC,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG;4BAC9C,oBAAC,aAAa,cAAQ,yBAAyB,GAAG,CAC7C,CACiB,CACD;gBAC3B,oBAAC,uBAAuB;oBACtB,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CAC7B,CACK,CACtB;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACrC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAKzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,uBAAuB;YACtB,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACsB;QAC1B,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,wBAAwB;oBACvB,oBAAC,IAAI,IAAC,aAAa,EAAC,QAAQ;wBAC1B,oBAAC,kBAAkB;4BACjB,oBAAC,wBAAwB;gCACvB,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACrB;4BAC3B,oBAAC,sBAAsB,uBAAiB,cAAc;gCACpD,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACzB,CACN,CAChB;oBACP,oBAAC,uBAAuB;wBACtB,oBAAC,gBAAgB;4BACf,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU;gCAC7B,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACzC,CACU;wBACnB,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;4BACvC,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG;4BAC9C,oBAAC,aAAa,cAAQ,yBAAyB,GAAG,CAC7C,CACiB,CACD;gBAC3B,oBAAC,uBAAuB;oBACtB,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CAC7B,CACK,CACtB;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACrC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bosonprotocol/react-kit",
   "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
-  "version": "0.34.0-alpha.15",
+  "version": "0.34.0-alpha.16",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/core-sdk": "^1.41.0-alpha.17",
-    "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.3",
-    "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.15",
+    "@bosonprotocol/core-sdk": "^1.41.0-alpha.18",
+    "@bosonprotocol/ethers-sdk": "^1.15.0-alpha.4",
+    "@bosonprotocol/ipfs-storage": "^1.12.0-alpha.16",
     "@davatar/react": "1.11.1",
     "@ethersproject/units": "5.6.0",
     "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
   "overrides": {
     "typescript": "^5.1.6"
   },
-  "gitHead": "ab3c9638ee0946ccfa74663c70bddcb21865d51a"
+  "gitHead": "e4cde682bc9094455599408bd87ada6a3b348672"
 }