@trafilea/afrodita-components 5.0.0-beta.161 → 5.0.0-beta.163

package/build/index.d.ts

@@ -1244,6 +1244,8 @@ declare type ThemeComponent = {
         fontWeight: number;
         lineHeight: string;
         letterSpacing: string;
+        minWidth: string;
+        minHeight: string;
         size: {
             small: {
                 fontSize: string;
@@ -2000,6 +2002,7 @@ interface Price extends Pick<PriceLabelProps, 'finalPrice' | 'originalPrice'> {
 interface ProductOrderItemProps {
     title: string;
     subtitle: string;
+    className?: string;
     image: {
         src: string;
         alt: string;
@@ -2012,7 +2015,7 @@ interface ProductOrderItemProps {
     };
     finalPriceStyle?: React.CSSProperties;
 }
-declare const SimpleOrderItem: ({ title, subtitle, image, price, tag, quantity, finalPriceStyle, }: ProductOrderItemProps) => JSX.Element;
+declare const SimpleOrderItem: ({ title, className, subtitle, image, price, tag, quantity, finalPriceStyle, }: ProductOrderItemProps) => JSX.Element;
 
 interface ReviewProps$1 {
     reviewerName: string;

package/build/index.esm.js

@@ -4278,6 +4278,8 @@ var ButtonPrimary = function (_a) {
             fontFamily: 'inherit',
             lineHeight: theme.component.button.lineHeight,
             letterSpacing: theme.component.button.letterSpacing,
+            minWidth: theme.component.button.minWidth,
+            minHeight: theme.component.button.minHeight,
             '&:hover': {
                 backgroundColor: theme.component.button.primary.hover.backgroundColor,
                 color: theme.component.button.primary.hover.color,
@@ -12589,9 +12591,9 @@ var PriceContainer = newStyled.div(templateObject_4$g || (templateObject_4$g = _
 });
 var Quantity = newStyled.div(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  transform: translate(30%, -30%);\n  border-radius: 50%;\n  width: 1.4rem;\n  height: 1.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--colors-shades-450-color);\n  color: var(--colors-shades-450-contrast);\n  font-size: 0.8rem;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  transform: translate(30%, -30%);\n  border-radius: 50%;\n  width: 1.4rem;\n  height: 1.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--colors-shades-450-color);\n  color: var(--colors-shades-450-contrast);\n  font-size: 0.8rem;\n"])));
 var SimpleOrderItem = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag, quantity = _a.quantity, finalPriceStyle = _a.finalPriceStyle;
+    var title = _a.title, className = _a.className, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag, quantity = _a.quantity, finalPriceStyle = _a.finalPriceStyle;
     var theme = useTheme();
-    return (jsxs$1(Container$s, { children: [jsxs$1(ImageContainer$4, { children: [jsx$1(Image, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), quantity ? jsx$1(Quantity, __assign$1({ "data-testid": "order-item-quantity" }, { children: quantity }), void 0) : null] }, void 0), jsxs$1(DescriptionContainer$1, __assign$1({ "data-testid": "order-item-description-container", theme: theme }, { children: [jsx$1(Title$3, __assign$1({ color: theme.colors.shades['700'].color, "data-testid": "product-title" }, { children: title }), void 0), jsx$1(Subtitle, __assign$1({ color: theme.colors.shades['700'].color, "data-testid": "product-variant-title" }, { children: subtitle }), void 0), jsxs$1(PriceContainer, __assign$1({ "data-testid": "order-item-price-container", withTag: !!tag, theme: theme }, { children: [tag && (jsx$1(OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsx$1(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.colors.shades['700'].color, size: theme.component.pricing.priceLabel.price.size, finalPriceStyle: finalPriceStyle, originalPriceStyled: true }, void 0)] }), void 0)] }), void 0)] }, void 0));
+    return (jsxs$1(Container$s, __assign$1({ className: className }, { children: [jsxs$1(ImageContainer$4, { children: [jsx$1(Image, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), quantity ? jsx$1(Quantity, __assign$1({ "data-testid": "order-item-quantity" }, { children: quantity }), void 0) : null] }, void 0), jsxs$1(DescriptionContainer$1, __assign$1({ "data-testid": "order-item-description-container", theme: theme }, { children: [jsx$1(Title$3, __assign$1({ color: theme.colors.shades['700'].color, "data-testid": "product-title" }, { children: title }), void 0), jsx$1(Subtitle, __assign$1({ color: theme.colors.shades['700'].color, "data-testid": "product-variant-title" }, { children: subtitle }), void 0), jsxs$1(PriceContainer, __assign$1({ "data-testid": "order-item-price-container", withTag: !!tag, theme: theme }, { children: [tag && (jsx$1(OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsx$1(PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.colors.shades['700'].color, size: theme.component.pricing.priceLabel.price.size, finalPriceStyle: finalPriceStyle, originalPriceStyled: true }, void 0)] }), void 0)] }), void 0)] }), void 0));
 };
 var templateObject_1$B, templateObject_2$p, templateObject_3$n, templateObject_4$g, templateObject_5$b;