@bosonprotocol/react-kit 0.36.0-alpha.1 → 0.36.0-alpha.10

package/dist/esm/components/price/Price.js

@@ -1,25 +1,18 @@
 import React, { useState } from "react";
-import styled, { css } from "styled-components";
+import styled from "styled-components";
 import { useDisplayFloatWithConfig } from "../../lib/price/prices";
 import { breakpoint } from "../../lib/ui/breakpoint";
-import { theme } from "../../theme";
 import { CurrencyDisplay } from "../currencyDisplay/CurrencyDisplay";
 import { Tooltip } from "../tooltip/Tooltip";
 import { Grid } from "../ui/Grid";
 import { Typography } from "../ui/Typography";
 import ConvertedPrice from "./ConvertedPrice";
 import { useConvertedPrice } from "./useConvertedPrice";
-const colors = theme.colors.light;
 const Root = styled.div `
   display: flex;
   gap: 0.25rem;
   align-items: center;
   width: inherit;
-  ${({ $withBosonStyles }) => $withBosonStyles
-    ? css `
-          color: ${colors.black};
-        `
-    : ""}
   h3,
   h4 {
     padding-left: 2.5rem;
@@ -48,7 +41,7 @@ const Root = styled.div `
     }
   }
 `;
-export default function Price({ value, decimals, currencySymbol, convert = false, isExchange = false, tag = "h4", withBosonStyles = false, withAsterisk, ...rest }) {
+export default function Price({ value, decimals, currencySymbol, convert = false, isExchange = false, tag = "h4", withAsterisk, ...rest }) {
     const [isSymbolShown] = useState(false); // TODO: remove once CSS :has is supported
     const price = useConvertedPrice({
         value,
@@ -56,7 +49,7 @@ export default function Price({ value, decimals, currencySymbol, convert = false
         symbol: currencySymbol
     });
     const displayFloat = useDisplayFloatWithConfig();
-    return (React.createElement(Root, { ...rest, "$withBosonStyles": withBosonStyles, "data-testid": "price" }, price ? (React.createElement(Grid, { alignItems: "baseline", justifyContent: "flex-start", flexDirection: isExchange ? "column" : "row", flexWrap: "wrap", "data-testid": "price-grid" },
+    return (React.createElement(Root, { ...rest, "data-testid": "price" }, price ? (React.createElement(Grid, { alignItems: "baseline", justifyContent: "flex-start", flexDirection: isExchange ? "column" : "row", flexWrap: "wrap", "data-testid": "price-grid" },
         React.createElement(Typography, { tag: tag, style: {
                 fontWeight: "600",
                 letterSpacing: "-1px",

package/dist/esm/components/price/Price.js.map

@@ -1 +1 @@
-{"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../../src/components/price/Price.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAEL,eAAe,EAChB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAA+B;;;;;IAKlD,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CACzB,gBAAgB;IACd,CAAC,CAAC,GAAG,CAAA;mBACQ,MAAM,CAAC,KAAK;SACtB;IACH,CAAC,CAAC,EAAE;;;;MAIJ,UAAU,CAAC,CAAC;;;;;;;;;;;MAWZ,UAAU,CAAC,CAAC;;;;;;;;;MASZ,UAAU,CAAC,CAAC;;;;CAIjB,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,GAAG,GAAG,IAAI,EACV,eAAe,GAAG,KAAK,EACvB,YAAY,EACZ,GAAG,IAAI,EACA;IACP,MAAM,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC,CAAC,0CAA0C;IAC5F,MAAM,KAAK,GAAG,iBAAiB,CAAC;QAC9B,KAAK;QACL,QAAQ;QACR,MAAM,EAAE,cAAc;KACvB,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IAEjD,OAAO,CACL,oBAAC,IAAI,OAAK,IAAI,sBAAoB,eAAe,iBAAc,OAAO,IACnE,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,IAAI,IACH,UAAU,EAAC,UAAU,EACrB,cAAc,EAAC,YAAY,EAC3B,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC5C,QAAQ,EAAC,MAAM,iBACH,YAAY;QAExB,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;gBACL,UAAU,EAAE,KAAK;gBACjB,aAAa,EAAE,MAAM;gBACrB,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,YAAY;aACxB,8BAEG,CAAC,aAAa,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;YAEnD,oBAAC,OAAO,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK;gBAC3C,oBAAC,eAAe,IACd,QAAQ,EAAE,cAA4B,EACtC,MAAM,EAAE,EAAE,GACV,CACM;YACT,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;YACzB,YAAY,IAAI,qCAAY,CAClB;QACZ,OAAO,IAAI,KAAK,EAAE,QAAQ,IAAI,CAC7B,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CACzD,CACI,CACR,CAAC,CAAC,CAAC,CACF,GAAG,CACJ,CACI,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Price.js","sourceRoot":"","sources":["../../../../src/components/price/Price.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAEL,eAAe,EAChB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;MAQjB,UAAU,CAAC,CAAC;;;;;;;;;;;MAWZ,UAAU,CAAC,CAAC;;;;;;;;;MASZ,UAAU,CAAC,CAAC;;;;CAIjB,CAAC;AAYF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,GAAG,GAAG,IAAI,EACV,YAAY,EACZ,GAAG,IAAI,EACA;IACP,MAAM,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC,CAAC,0CAA0C;IAC5F,MAAM,KAAK,GAAG,iBAAiB,CAAC;QAC9B,KAAK;QACL,QAAQ;QACR,MAAM,EAAE,cAAc;KACvB,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IAEjD,OAAO,CACL,oBAAC,IAAI,OAAK,IAAI,iBAAc,OAAO,IAChC,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,IAAI,IACH,UAAU,EAAC,UAAU,EACrB,cAAc,EAAC,YAAY,EAC3B,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAC5C,QAAQ,EAAC,MAAM,iBACH,YAAY;QAExB,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;gBACL,UAAU,EAAE,KAAK;gBACjB,aAAa,EAAE,MAAM;gBACrB,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,YAAY;aACxB,8BAEG,CAAC,aAAa,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;YAEnD,oBAAC,OAAO,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK;gBAC3C,oBAAC,eAAe,IACd,QAAQ,EAAE,cAA4B,EACtC,MAAM,EAAE,EAAE,GACV,CACM;YACT,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;YACzB,YAAY,IAAI,qCAAY,CAClB;QACZ,OAAO,IAAI,KAAK,EAAE,QAAQ,IAAI,CAC7B,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CACzD,CACI,CACR,CAAC,CAAC,CAAC,CACF,GAAG,CACJ,CACI,CACR,CAAC;AACJ,CAAC"}

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

@@ -1,11 +1,11 @@
 import React, { ReactNode } from "react";
-import { Currencies } from "../currencyDisplay/CurrencyDisplay";
+import { Currencies, CurrencyDisplayProps } from "../currencyDisplay/CurrencyDisplay";
 import { IBaseImage } from "../image/Image";
 import { TooltipProps } from "../tooltip/Tooltip";
 import { ProductType } from "./const";
-interface IProductCard {
+export declare const PhygitalLabel: () => React.JSX.Element;
+export interface IProductCard {
     asterisk?: boolean;
-    avatar: string;
     onAvatarError?: React.ReactEventHandler<HTMLImageElement> | undefined;
     avatarName: JSX.Element | string;
     bottomText?: string;
@@ -15,9 +15,8 @@ interface IProductCard {
     imageProps: IBaseImage;
     isHoverDisabled?: boolean;
     onAvatarNameClick?: () => void;
-    onCardClick?: (id: string | number) => void;
+    onCardClick?: () => void;
     price: string;
-    productId: string;
     productType?: ProductType;
     title: string;
     tooltip?: string;
@@ -25,10 +24,8 @@ interface IProductCard {
     CTAOnHover?: ReactNode;
     hideCreatorName?: boolean;
     isImageFitCover?: boolean;
+    className?: string;
+    currencyColor?: CurrencyDisplayProps["color"];
 }
-export declare const PhygitalLabel: ({ ...rest }: {
-    [x: string]: any;
-}) => JSX.Element;
-export declare const ProductCard: (props: IProductCard) => JSX.Element;
-export {};
+export declare const ProductCard: (props: IProductCard) => React.JSX.Element;
 //# sourceMappingURL=ProductCard.d.ts.map

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,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"}
+{"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,EAEV,oBAAoB,EACrB,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;AAKtC,eAAO,MAAM,aAAa,yBAOzB,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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,MAAM,IAAI,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,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;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;CAC/C;AAqBD,eAAO,MAAM,WAAW,UAAW,YAAY,sBAuF9C,CAAC"}

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

@@ -2,27 +2,32 @@ import React, { useState } from "react";
 import { CurrencyDisplay } from "../currencyDisplay/CurrencyDisplay";
 import { Image } from "../image/Image";
 import { Tooltip } from "../tooltip/Tooltip";
-import { ProductCardBottom, ProductCardBottomContent, TopLeftRibbon, ProductCardCreatorName, ProductCardImageWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper, CTAOnHoverContainer } from "./ProductCard.styles";
+import { ProductCardBottom, ProductCardBottomContent, ProductCardCreatorName, ProductCardImageWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper, CTAOnHoverContainer, ProductTypeWrapper } from "./ProductCard.styles";
+import { ProductType } from "./const";
 import { Grid } from "../ui/Grid";
+import { CircleHalf } from "phosphor-react";
+import { isMobile } from "../../lib/userAgent/userAgent";
+export const PhygitalLabel = () => {
+    return (React.createElement(ProductTypeWrapper, null,
+        React.createElement(CircleHalf, null),
+        "Phygital"));
+};
 const Wrapper = ({ children, tooltip, tooltipProps }) => {
     if (tooltip && tooltip !== "") {
         return (React.createElement(Tooltip, { wrap: false, content: tooltip, ...tooltipProps }, children));
     }
     return React.createElement(React.Fragment, null, children);
 };
-export const PhygitalLabel = ({ ...rest }) => {
-    return React.createElement(TopLeftRibbon, { ...rest, "data-text": "Phygital" });
-};
 export const ProductCard = (props) => {
-    const { avatarName, currency, dataCard = "product-card", dataTestId = "offer", imageProps, isHoverDisabled = false, onCardClick, price, productId, title, tooltip = "", tooltipProps = {}, CTAOnHover, hideCreatorName = false, isImageFitCover = false } = props;
+    const { avatarName, currency, dataCard = "product-card", dataTestId = "offer", imageProps, isHoverDisabled = false, onCardClick, price, title, tooltip = "", tooltipProps = {}, CTAOnHover, hideCreatorName = false, isImageFitCover = false, className, productType, currencyColor } = 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) },
+            onCardClick?.();
+        }, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), className: className, "$isClickable": !!onCardClick },
         React.createElement(ProductCardImageWrapper, null,
-            React.createElement(Image, { ...imageProps })),
-        CTAOnHover && (React.createElement(CTAOnHoverContainer, { "$isHovered": isHovered }, CTAOnHover)),
+            React.createElement(Image, { ...imageProps }),
+            CTAOnHover && !isMobile && (React.createElement(CTAOnHoverContainer, { "$isHovered": isHovered }, CTAOnHover))),
         React.createElement(ProductCardBottom, null,
             React.createElement(ProductCardBottomContent, null,
                 React.createElement(Grid, { flexDirection: "column" },
@@ -30,11 +35,14 @@ export const ProductCard = (props) => {
                         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: {
+                    React.createElement(CurrencyDisplay, { value: price, currency: currency, fontSize: "0.875rem", color: currencyColor, iconSize: 16, gap: "0.3125rem", style: {
                             wordBreak: "break-all",
                             alignItems: "center",
                             justifyContent: "center",
                             paddingTop: "0.25rem"
-                        } }))))));
+                        } })),
+                productType === ProductType.phygital && (React.createElement(ProductTypeWrapper, null,
+                    React.createElement(CircleHalf, null),
+                    "Phygital"))))));
 };
 //# 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

@@ -1,12 +1,10 @@
-/// <reference types="react" />
-export declare const ProductCardLabelWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TopLeftRibbon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-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<{
-    color?: import("csstype").Property.Color | undefined;
+export declare const ProductCardLabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardCreator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardCreatorAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardCreatorName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<{
     width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    color?: import("csstype").Property.Color | undefined;
     cursor?: import("csstype").Property.Cursor | undefined;
     display?: import("csstype").Property.Display | undefined;
     fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
@@ -15,8 +13,8 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
     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;
+    background?: import("csstype").Property.Background<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;
@@ -34,14 +32,16 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
     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;
+    children?: string | React.ReactNode;
+    tag?: keyof JSX.IntrinsicElements;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, Omit<{
     width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    color?: import("csstype").Property.Color | undefined;
     cursor?: import("csstype").Property.Cursor | undefined;
     display?: import("csstype").Property.Display | undefined;
     fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
@@ -50,8 +50,8 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
     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;
+    background?: import("csstype").Property.Background<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;
@@ -69,14 +69,16 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
     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;
+    children?: string | React.ReactNode;
+    tag?: keyof JSX.IntrinsicElements;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    className?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string & Omit<import("react").ForwardRefExoticComponent<{
     width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    color?: import("csstype").Property.Color | undefined;
     cursor?: import("csstype").Property.Cursor | undefined;
     display?: import("csstype").Property.Display | undefined;
     fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
@@ -85,8 +87,8 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
     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;
+    background?: import("csstype").Property.Background<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;
@@ -104,30 +106,32 @@ export declare const ProductCardTitle: import("styled-components").IStyledCompon
     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;
+    children?: string | React.ReactNode;
+    tag?: keyof JSX.IntrinsicElements;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    className?: string;
 } & 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 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>>;
-export declare const ProductCardBottomContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-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>, {
+export declare const ProductCardPriceWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const ProductCardBottomContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardTitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardWrapper: import("styled-components/dist/types").IStyledComponentBase<"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>, {
+    $isImageFitCover?: boolean;
+    $isClickable?: boolean;
+}>> & string;
+export declare const ProductCardTop: import("styled-components/dist/types").IStyledComponentBase<"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>, {
+}>> & string;
+export declare const BottomText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const ProductCardImageWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProductCardImageAndCTAContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CTAOnHoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isHovered: boolean;
-}>>;
+}>> & string;
+export declare const ProductTypeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# 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":";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"}
+{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,uBAAuB,6NAQnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,6NAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,6NAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0GzB,MAAK,SAAS;gBAAiB,IAAK,iBAAiB;YAC7C,MAAO,aACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAFI,MAAK,SAAS;gBAAiB,IAAK,iBAAiB;YAC7C,MAAO,aACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAFI,MAAK,SAAS;gBAAiB,IAAK,iBAAiB;YAC7C,MAAO,aACnB;;;kGAhGC,CAAC;AAEF,eAAO,MAAM,uBAAuB,6NASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6NAM5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;4BAQ7B,CAAC;AACF,eAAO,MAAM,wBAAwB,6NAQpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,6NAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBACX,OAAO;uBACN,OAAO;mBACX,OAAO;YAyDvB,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;YAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,yOAOtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,6NASnC,CAAC;AAEF,eAAO,MAAM,+BAA+B,6NAE3C,CAAC;AAUF,eAAO,MAAM,mBAAmB;gBAA4B,OAAO;YAoBlE,CAAC;AAEF,eAAO,MAAM,kBAAkB,6NAS9B,CAAC"}

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

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import { theme } from "../../theme";
+import { colors, getCssVar } from "../../theme";
 import { cardWrapperStyles } from "./commonStyles";
 import { Typography } from "../ui/Typography";
 import { zIndex } from "../ui/zIndex";
@@ -9,47 +9,9 @@ export const ProductCardLabelWrapper = styled.div `
   left: 0.5rem;
   background: white;
   font-weight: 600;
-  color: ${({ theme }) => theme?.colors?.light.darkGrey};
+  color: ${colors.greyDark};
   z-index: 1;
 `;
-export const TopLeftRibbon = styled.div `
-  --d: 6px; /* folded part */
-  position: relative;
-  z-index: 1;
-  &:before {
-    content: attr(data-text);
-    font-size: var(--f);
-    font-weight: 600;
-    /* I : position & coloration */
-    position: absolute;
-    top: 0;
-    left: 0;
-    transform: translate(0%, 125%) rotate(-45deg);
-    transform-origin: bottom left;
-    padding: 5px 35px calc(var(--d) + 5px);
-    color: ${({ theme }) => theme?.colors?.light.white};
-    background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
-      no-repeat ${({ theme }) => theme?.colors?.light.secondary};
-    /* II : clipping */
-    clip-path: polygon(
-      0 0,
-      100% 0,
-      100% 100%,
-      calc(100% - var(--d)) calc(100% - var(--d)),
-      var(--d) calc(100% - var(--d)),
-      0 100%
-    );
-    /* III : masking */
-    -webkit-mask:
-      linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
-        bottom left,
-      linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)
-        bottom right;
-    -webkit-mask-size: 300vmax 300vmax;
-    -webkit-mask-composite: destination-in;
-    mask-composite: intersect;
-  }
-`;
 export const ProductCardCreator = styled.div `
   display: flex;
   flex-direction: column;
@@ -71,7 +33,7 @@ export const ProductCardCreatorName = styled.div `
   font-weight: 600;
   font-size: 0.625rem;
   line-height: 150%;
-  color: ${({ theme }) => theme?.colors?.light.darkGrey};
+  color: ${colors.greyDark};
   flex: none;
   order: 1;
   flex-grow: 0;
@@ -80,13 +42,12 @@ export const ProductCardCreatorName = styled.div `
   > span {
     font-weight: 600;
     font-size: 0.625rem;
-    color: ${({ theme }) => theme?.colors?.light.darkGrey};
+    color: ${colors.greyDark};
   }
 `;
 export const ProductCardTitle = styled(Typography).attrs({
     className: "title"
 }) `
-  color: ${({ theme }) => theme?.colors?.light.black};
   word-break: break-word;
   overflow: hidden;
   display: -webkit-box;
@@ -112,7 +73,7 @@ export const ProductCardPrice = styled.div `
   line-height: 150%;
   text-align: right;
   margin-bottom: 0.25rem;
-  color: ${({ theme }) => theme?.colors?.light.darkGrey};
+  color: ${colors.greyDark};
 `;
 export const ProductCardBottom = styled.div.attrs({ className: "bottom" }) `
   width: 100%;
@@ -144,17 +105,43 @@ export const ProductCardWrapper = styled.div `
   align-items: center;
   justify-content: space-between;
   flex-direction: column;
-  cursor: pointer;
   min-height: 286px;
   height: 286px;
   padding: 0 1rem 1rem 1rem;
+  ${({ $isHoverDisabled }) => $isHoverDisabled
+    ? ""
+    : css `
+          transition: all 300ms ease-in-out;
+          &:hover {
+            border: 2px solid ${colors.border};
+
+            [data-image-wrapper] {
+              width: 110%;
+              img {
+                transform: scale(1.5);
+                object-position: center;
+                transition: all 300ms ease-in-out;
+              }
+            }
+          }
+        `}
+  ${({ $isClickable }) => {
+    if ($isClickable) {
+        return css `
+        cursor: pointer;
+      `;
+    }
+    return "";
+}}
   [data-image-wrapper] {
     position: static;
     padding-top: 0;
     height: 100%;
+    width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
+    border-radius: ${getCssVar("--modal-border-radius")};
     ${({ $isImageFitCover }) => $isImageFitCover
     ? css `
             width: 100%;
@@ -164,23 +151,6 @@ export const ProductCardWrapper = styled.div `
           `
     : ""}
   }
-  ${({ $isHoverDisabled }) => !$isHoverDisabled
-    ? css `
-          transition: all 300ms ease-in-out;
-          &:hover {
-            border: 2px solid ${theme.colors.light.border};
-
-            [data-image-wrapper] {
-              width: 110%;
-              img {
-                transform: scale(1.5);
-                object-position: center;
-                transition: all 300ms ease-in-out;
-              }
-            }
-          }
-        `
-    : ""}
 `;
 export const ProductCardTop = styled.div `
   position: ${({ $isNotImageLoaded }) => $isNotImageLoaded ? "relative" : "static"};
@@ -195,7 +165,7 @@ export const BottomText = styled.p `
   line-height: 0.975rem;
   margin: 0;
   letter-spacing: 0.5px;
-  color: ${theme.colors.light.darkGrey};
+  color: ${colors.greyDark};
 `;
 export const ProductCardImageWrapper = styled.div `
   width: 100%;
@@ -210,10 +180,43 @@ export const ProductCardImageWrapper = styled.div `
 export const ProductCardImageAndCTAContainer = styled.div `
   position: relative;
 `;
+const CTAstartState = css `
+  opacity: 0;
+  bottom: 30px;
+`;
+const CTAendState = css `
+  opacity: 1;
+  bottom: 70px;
+`;
 export const CTAOnHoverContainer = styled.div `
+  @keyframes appear {
+    from {
+      ${CTAstartState}
+    }
+    to {
+      ${CTAendState}
+    }
+  }
   position: absolute;
   z-index: ${zIndex.OfferCard};
-  bottom: ${({ $isHovered }) => ($isHovered ? "95px" : "1.875rem")};
-  transition: all 300ms ease-in-out;
+  ${CTAstartState}
+  ${({ $isHovered }) => {
+    if ($isHovered) {
+        return css `
+        animation: appear 300ms forwards;
+      `;
+    }
+    return "";
+}};
+`;
+export const ProductTypeWrapper = styled.div `
+  background-color: ${colors.black};
+  color: ${colors.white};
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.1563rem 0.25rem;
+  border-radius: ${getCssVar("--button-border-radius")};
+  margin-top: 0.5rem;
 `;
 //# 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/productCard/commonStyles.js

@@ -1,10 +1,10 @@
 import { css } from "styled-components";
-import { theme } from "../../theme";
+import { getCssVar } from "../../theme";
 export const cardWrapperStyles = css `
   padding: 0px;
   isolation: isolate;
   width: 100%;
   box-shadow: 0px 4.31783px 107.946px rgba(21, 30, 52, 0.1);
-  background: ${theme.colors.light.white};
+  background: ${getCssVar("--background-accent-color")};
 `;
 //# sourceMappingURL=commonStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;gBAKpB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
+{"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;gBAKpB,SAAS,CAAC,2BAA2B,CAAC;CACrD,CAAC"}

package/dist/esm/components/queryClient/withQueryClientProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withQueryClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/queryClient/withQueryClientProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,uBAAuB,6EAqBnC,CAAC"}
+{"version":3,"file":"withQueryClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/queryClient/withQueryClientProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,MAAM,oBACpC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,gBA6BzC,CAAC"}