@faststore/ui 2.0.61-alpha.0 → 2.0.63-alpha.0

package/dist/index.d.ts

@@ -9,8 +9,6 @@ export { default as SkuSelector } from './components/molecules/SkuSelector';
 export type { SkuSelectorProps } from './components/molecules/SkuSelector';
 export { default as OrderSummary } from './components/molecules/OrderSummary';
 export type { OrderSummaryProps } from './components/molecules/OrderSummary';
-export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './components/molecules/ProductCard';
-export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, ProductCardActionsProps, } from './components/molecules/ProductCard';
 export { default as Card, CardImage, CardContent, CardActions, } from './components/molecules/Card';
 export type { CardProps, CardImageProps, CardContentProps, CardActionsProps, } from './components/molecules/Card';
 export { default as Bullets } from './components/molecules/Bullets';
@@ -21,8 +19,6 @@ export { default as Carousel } from './components/molecules/Carousel';
 export type { CarouselProps } from './components/molecules/Carousel';
 export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
 export type { BannerProps, BannerContentProps, BannerImageProps, BannerLinkProps, } from './components/molecules/Banner';
-export { default as PaymentMethods } from './components/molecules/PaymentMethods';
-export type { PaymentMethodsProps } from './components/molecules/PaymentMethods';
 export { default as Breadcrumb } from './components/molecules/Breadcrumb';
 export type { BreadcrumbProps } from './components/molecules/Breadcrumb';
 export { default as Form } from './components/molecules/Form';

package/dist/index.js

@@ -6,13 +6,11 @@ export { default as Incentive } from './components/atoms/Incentive';
 // Molecules
 export { default as SkuSelector } from './components/molecules/SkuSelector';
 export { default as OrderSummary } from './components/molecules/OrderSummary';
-export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './components/molecules/ProductCard';
 export { default as Card, CardImage, CardContent, CardActions, } from './components/molecules/Card';
 export { default as Bullets } from './components/molecules/Bullets';
 export { default as SearchInput } from './components/molecules/SearchInput';
 export { default as Carousel } from './components/molecules/Carousel';
 export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
-export { default as PaymentMethods } from './components/molecules/PaymentMethods';
 export { default as Breadcrumb } from './components/molecules/Breadcrumb';
 export { default as Form } from './components/molecules/Form';
 // Organisms

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAG/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAG3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAG7E,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,oCAAoC,CAAA;AAQ3C,OAAO,EACL,OAAO,IAAI,IAAI,EACf,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,6BAA6B,CAAA;AAQpC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAM3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAA;AAQtC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAGjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAGzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAG7D,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,eAAe,EACf,iBAAiB,GAClB,MAAM,mCAAmC,CAAA;AAO1C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAG1D,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAG/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAG3E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAG7E,OAAO,EACL,OAAO,IAAI,IAAI,EACf,SAAS,EACT,WAAW,EACX,WAAW,GACZ,MAAM,6BAA6B,CAAA;AAQpC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAM3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAA;AAQtC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAGzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAG7D,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,eAAe,EACf,iBAAiB,GAClB,MAAM,mCAAmC,CAAA;AAO1C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AAG1D,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "2.0.61-alpha.0",
+  "version": "2.0.63-alpha.0",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -59,5 +59,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "7cb1ceba4bdfd0495b1f9226fa640d476ba15810"
+  "gitHead": "2f3645ace573036dfa23787a46992432389e242c"
 }

package/src/components/atoms/Button/styles.scss

@@ -102,6 +102,8 @@
   --fs-button-small-padding                         : var(--fs-spacing-0) var(--fs-spacing-1);
   --fs-button-small-min-height                      : var(--fs-spacing-5);
   --fs-button-small-gap                             : var(--fs-spacing-1);
+  --fs-button-small-icon-width                      : var(--fs-spacing-3);
+  --fs-button-small-icon-height                     : var(--fs-button-small-icon-width);
 
   // Icon
   --fs-button-icon-padding                          : 0 var(--fs-spacing-1);
@@ -127,12 +129,6 @@
   box-shadow: var(--fs-button-shadow);
   transition: var(--fs-button-transition-property) var(--fs-button-transition-timing) var(--fs-button-transition-function);
 
-  [data-fs-icon] {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
   // --------------------------------------------------------
   // Variants Styles
   // --------------------------------------------------------
@@ -160,6 +156,12 @@
 
     column-gap: var(--fs-button-small-gap);
     padding: var(--fs-button-small-padding);
+
+      [data-fs-icon] {
+        width: var(--fs-button-small-icon-width);
+        height: var(--fs-button-small-icon-height);
+      }
+
   }
 
   &[data-fs-button-variant="primary"] {

package/src/components/molecules/ProductCard/styles.scss

@@ -0,0 +1,209 @@
+[data-fs-product-card] {
+  // --------------------------------------------------------
+  // Design Tokens for Product Card
+  // --------------------------------------------------------
+
+  // Default properties
+  --fs-product-card-padding                  : var(--fs-spacing-1) var(--fs-spacing-1) var(--fs-spacing-2) var(--fs-spacing-1);
+  --fs-product-card-min-width                : 10rem;
+  --fs-product-card-gap                      : var(--fs-spacing-2);
+
+  --fs-product-card-shadow                   : var(--fs-shadow);
+  --fs-product-card-shadow-hover             : var(--fs-shadow-hover);
+
+  --fs-product-card-bkg-color                : var(--fs-color-body-bkg);
+  --fs-product-card-bkg-color-hover          : var(--fs-product-card-bkg-color);
+  --fs-product-card-bkg-color-focus          : var(--fs-product-card-bkg-color-hover);
+
+  --fs-product-card-border-radius            : var(--fs-border-radius);
+  --fs-product-card-border-width             : var(--fs-border-width);
+  --fs-product-card-border-color             : var(--fs-border-color-light);
+  --fs-product-card-border-color-hover       : var(--fs-border-color-hover);
+
+  --fs-product-card-transition-function      : var(--fs-transition-function);
+  --fs-product-card-transition-property      : var(--fs-transition-property);
+  --fs-product-card-transition-timing        : var(--fs-transition-timing);
+
+  // Image
+  --fs-product-card-img-radius               : var(--fs-product-card-border-radius);
+  --fs-product-card-img-scale-hover          : 1;
+
+  // Title
+  --fs-product-card-title-color              : var(--fs-color-text);
+  --fs-product-card-title-size               : var(--fs-text-size-base);
+  --fs-product-card-title-weight             : var(--fs-text-weight-regular);
+  --fs-product-card-title-max-lines          : var(--fs-text-max-lines);
+
+  // Price
+  --fs-product-card-price-gap                : var(--fs-spacing-1);
+  --fs-product-card-price-color              : var(--fs-color-text);
+  --fs-product-card-price-size               : var(--fs-text-size-base);
+  --fs-product-card-price-listing-color      : var(--fs-color-text-light);
+  --fs-product-card-price-listing-size       : var(--fs-text-size-legend);
+
+  // Out Of Stock
+  --fs-product-card-out-of-stock-bkg-color   : var(--fs-color-disabled-bkg);
+  --fs-product-card-out-of-stock-img-opacity : .5;
+
+  // Wide
+  --fs-product-card-wide-padding             : 0;
+  --fs-product-card-wide-content-padding     : var(--fs-spacing-2);
+  --fs-product-card-wide-bkg-color           : var(--fs-color-neutral-bkg);
+  --fs-product-card-wide-min-width           : 9rem;
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  position: relative;
+  min-width: var(--fs-product-card-min-width);
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--fs-product-card-gap);
+  padding: var(--fs-product-card-padding);
+  background-color: var(--fs-product-card-bkg-color);
+  border: var(--fs-product-card-border-width) solid transparent;
+  border-radius: var(--fs-product-card-border-radius);
+  overflow: hidden;
+  box-shadow: var(--fs-product-card-shadow);
+  transition: var(--fs-product-card-transition-property) var(--fs-product-card-transition-timing) var(--fs-product-card-transition-function);
+
+  &:focus-within {
+    @include focus-ring;
+    background-color: var(--fs-product-card-bkg-color-focus);
+  }
+
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--fs-product-card-bkg-color-hover);
+      border-color: var(--fs-product-card-border-color-hover);
+      box-shadow: var(--fs-product-card-shadow-hover);
+      [data-fs-product-card-image] img { transform: scale(var(--fs-product-card-img-scale-hover)); }
+    }
+  }
+
+  [data-fs-product-card-heading] [data-fs-rating] {
+    margin-top: var(--fs-spacing-0);
+  }
+
+  [data-fs-product-card-image] {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    overflow: hidden;
+    width: 100%;
+    aspect-ratio: var(--fs-product-card-image-aspect-ratio);
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      transition: var(--fs-product-card-transition-property) var(--fs-product-card-transition-timing) var(--fs-product-card-transition-function);
+    }
+  }
+
+  [data-fs-product-card-content] {
+    display: flex;
+    flex-direction: column;
+    row-gap: var(--fs-product-card-gap);
+
+    [data-fs-link] {
+      min-height: 100%;
+      padding: 0;
+      color: var(--fs-product-card-title-color);
+      text-decoration: none;
+      outline: none;
+
+      &::after {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        display: block;
+        content: "";
+      }
+    }
+  }
+
+  [data-fs-product-card-title] {
+    font-size: var(--fs-product-card-title-size);
+    font-weight: var(--fs-product-card-title-weight);
+    line-height: 1.25;
+    color: var(--fs-product-card-title-color);
+    > a { line-height: 1.25; }
+
+    @include truncate-title(var(--fs-product-card-title-max-lines));
+  }
+
+  [data-fs-product-card-prices] {
+    display: flex;
+    align-items: center;
+    column-gap: var(--fs-product-card-price-gap);
+
+    [data-fs-price-variant="spot"] {
+      font-size: var(--fs-product-card-price-size);
+      color: var(--fs-product-card-price-color);
+    }
+
+    [data-fs-price-variant="listing"] {
+      font-size: var(--fs-product-card-price-listing-size);
+      color: var(--fs-product-card-price-listing-color);
+    }
+  }
+
+  [data-fs-product-card-actions] {
+    z-index: var(--fs-z-index-top);
+    width: fit-content;
+    height: fit-content;
+  }
+
+  // --------------------------------------------------------
+  // Variants Styles
+  // --------------------------------------------------------
+
+  &[data-fs-product-card="out-of-stock"] {
+    --fs-product-card-bkg-color    : var(--fs-product-card-out-of-stock-bkg-color);
+
+    [data-fs-product-card-image] { opacity: var(--fs-product-card-out-of-stock-img-opacity); }
+
+  }
+
+  &[data-fs-product-card-bordered="true"] {
+    border: var(--fs-product-card-border-width) solid var(--fs-product-card-border-color);
+
+    @media (hover: hover) {
+      &:hover {
+        border-color: var(--fs-product-card-border-color-hover);
+      }
+    }
+  }
+
+  &[data-fs-product-card-variant="default"] {
+    [data-fs-product-card-image] {
+      border-radius: var(--fs-product-card-img-radius);
+    }
+  }
+
+  &[data-fs-product-card-variant="wide"] {
+    --fs-product-card-padding         : var(--fs-product-card-wide-padding);
+    --fs-product-card-bkg-color       : var(--fs-product-card-wide-bkg-color);
+    --fs-product-card-min-width       : var(--fs-product-card-wide-min-width);
+
+    padding-bottom: var(--fs-product-card-wide-content-padding);
+
+    [data-fs-product-card-content] {
+      padding-left: var(--fs-product-card-wide-content-padding);
+      padding-right: var(--fs-product-card-wide-content-padding);
+      @include media(">=notebook") {
+        flex-direction: row;
+        justify-content: space-between;
+      }
+    }
+
+    [data-fs-product-card-actions], [data-fs-badge-variant] {
+      margin-top: var(--fs-spacing-0);
+    }
+  }
+}

package/src/components/molecules/Rating/styles.scss

@@ -4,7 +4,7 @@
   // --------------------------------------------------------
 
   // Default properties
-  --fs-rating-gap                     : var(--fs-spacing-3);
+  --fs-rating-gap                     : var(--fs-spacing-0);
   --fs-rating-color                   : var(--fs-color-text);
 
   // Icon
@@ -13,6 +13,8 @@
 
   // Actionable
   --fs-rating-actionable-gap          : 0;
+  --fs-rating-actionable-icon-width   : var(--fs-rating-icon-width);
+  --fs-rating-actionable-icon-height  : var(--fs-rating-actionable-icon-width);
 
   // --------------------------------------------------------
   // Structural Styles
@@ -62,8 +64,12 @@
     column-gap: var(--fs-rating-gap);
   }
 
-  [data-fs-rating-actionable="true"] {
+  &[data-fs-rating-actionable="true"] {
     column-gap: var(--fs-rating-actionable-gap);
+    [data-fs-icon] {
+      width: var(--fs-rating-actionable-icon-width);
+      height: var(--fs-rating-actionable-icon-height);
+    }
   }
 
 }

package/src/components/organisms/PaymentMethods/styles.scss

@@ -0,0 +1,63 @@
+[data-fs-payment-methods] {
+  // --------------------------------------------------------
+  // Design Tokens for Payment Methods
+  // --------------------------------------------------------
+
+  // Default properties
+
+  // Title
+  --fs-payment-methods-title-size            : var(--fs-text-size-body);
+  --fs-payment-methods-title-weight          : var(--fs-text-weight-bold);
+  --fs-payment-methods-title-line-height     : 1.25;
+
+  // Flag
+  --fs-payment-methods-flag-width           : 2.125rem;
+  --fs-payment-methods-flag-border-width    : var(--fs-border-width);
+  --fs-payment-methods-flag-border-color    : var(--fs-color-neutral-3);
+  --fs-payment-methods-flag-border-radius   : var(--fs-border-radius-small);
+
+  // Flags
+  --fs-payment-methods-flags-row-gap        : var(--fs-spacing-1);
+  --fs-payment-methods-flags-margin-top     : var(--fs-spacing-3);
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  [data-fs-payment-methods-title] {
+    & > *:first-child {
+      font-size: var(--fs-payment-methods-title-size);
+      font-weight: var(--fs-payment-methods-title-weight);
+      line-height: var(--fs-payment-methods-title-line-height);
+    }
+
+    @include media("<notebook") {
+      text-align: center;
+    }
+  }
+
+  [data-fs-payment-methods-flags] {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, max-content));
+    row-gap: var(--fs-payment-methods-flags-row-gap);
+    justify-content: space-between;
+    margin-top: var(--fs-payment-methods-flags-margin-top);
+
+    li {
+      display: flex;
+      place-content: center;
+    }
+
+    @include media("<notebook") {
+      column-gap: var(--fs-grid-gap-2);
+    }
+  }
+
+  [data-fs-payment-methods-flag] {
+    width: var(--fs-payment-methods-flag-width);
+    height: var(--fs-payment-methods-flag-height);
+    overflow: hidden;
+    border: var(--fs-payment-methods-flag-border-width) solid var(--fs-payment-methods-flag-border-color);
+    border-radius: var(--fs-payment-methods-flag-border-radius);
+  }
+}

package/src/index.ts

@@ -17,19 +17,6 @@ export type { SkuSelectorProps } from './components/molecules/SkuSelector'
 export { default as OrderSummary } from './components/molecules/OrderSummary'
 export type { OrderSummaryProps } from './components/molecules/OrderSummary'
 
-export {
-  default as ProductCard,
-  ProductCardImage,
-  ProductCardContent,
-  ProductCardActions,
-} from './components/molecules/ProductCard'
-export type {
-  ProductCardProps,
-  ProductCardImageProps,
-  ProductCardContentProps,
-  ProductCardActionsProps,
-} from './components/molecules/ProductCard'
-
 export {
   default as Card,
   CardImage,
@@ -68,9 +55,6 @@ export type {
   BannerLinkProps,
 } from './components/molecules/Banner'
 
-export { default as PaymentMethods } from './components/molecules/PaymentMethods'
-export type { PaymentMethodsProps } from './components/molecules/PaymentMethods'
-
 export { default as Breadcrumb } from './components/molecules/Breadcrumb'
 export type { BreadcrumbProps } from './components/molecules/Breadcrumb'
 

package/src/styles/components.scss

@@ -27,6 +27,7 @@
 @import "../components/molecules/InputField/styles";
 @import "../components/molecules/LinkButton/styles";
 @import "../components/molecules/Modal/styles";
+@import "../components/molecules/ProductCard/styles";
 @import "../components/molecules/ProductTitle/styles";
 @import "../components/molecules/QuantitySelector/styles";
 @import "../components/molecules/RadioField/styles";
@@ -39,4 +40,5 @@
 
 // Organisms
 @import "../components/organisms/Hero/styles";
+@import "../components/organisms/PaymentMethods/styles";
 @import "../components/organisms/PriceRange/styles";

package/dist/components/molecules/PaymentMethods/PaymentMethods.d.ts

@@ -1,26 +0,0 @@
-import type { ReactNode, AriaAttributes } from 'react';
-import React from 'react';
-export interface PaymentMethodsProps {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * Title of the payment methods section (e.g.: "Payment methods",
-     * "Accepted Cards").
-     */
-    title?: ReactNode;
-    /**
-     * Defines a string value that labels the current element when
-     * title is not used.
-     */
-    'aria-label'?: AriaAttributes['aria-label'];
-    /**
-     * Children will receive the flags to be displayed in the payment
-     * methods section (e.g.:, visa, mastercard, etc).
-     */
-    children: ReactNode;
-}
-declare const PaymentMethods: React.ForwardRefExoticComponent<PaymentMethodsProps & React.RefAttributes<HTMLDivElement>>;
-export default PaymentMethods;

package/dist/components/molecules/PaymentMethods/PaymentMethods.js

@@ -1,8 +0,0 @@
-import React, { forwardRef } from 'react';
-const PaymentMethods = forwardRef(function PaymentMethods({ testId = 'store-payment-methods', title, 'aria-label': ariaLabel = 'Payment Methods', children, ...otherProps }, ref) {
-    return (React.createElement("div", { ref: ref, "data-fs-payment-methods": true, "data-testid": testId, ...otherProps },
-        !!title && React.createElement("div", null, title),
-        React.createElement("div", { "data-payment-methods-flags": true, "aria-label": title ? undefined : ariaLabel }, children)));
-});
-export default PaymentMethods;
-//# sourceMappingURL=PaymentMethods.js.map

package/dist/components/molecules/PaymentMethods/PaymentMethods.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../../src/components/molecules/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAyBzC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,MAAM,GAAG,uBAAuB,EAChC,KAAK,EACL,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,KAAK,IAAI,iCAAM,KAAK,CAAO;QAC9B,+EAEc,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAExC,QAAQ,CACL,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/molecules/PaymentMethods/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './PaymentMethods';
-export type { PaymentMethodsProps } from './PaymentMethods';

package/dist/components/molecules/PaymentMethods/index.js

@@ -1,2 +0,0 @@
-export { default } from './PaymentMethods';
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/PaymentMethods/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/PaymentMethods/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/molecules/ProductCard/ProductCard.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { HTMLAttributes } from 'react';
-export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-}
-declare const ProductCard: React.ForwardRefExoticComponent<ProductCardProps & React.RefAttributes<HTMLDivElement>>;
-export default ProductCard;

package/dist/components/molecules/ProductCard/ProductCard.js

@@ -1,6 +0,0 @@
-import React, { forwardRef } from 'react';
-const ProductCard = forwardRef(function Card({ testId = 'store-product-card', children, ...otherProps }, ref) {
-    return (React.createElement("article", { ref: ref, "data-fs-product-card": true, "data-testid": testId, ...otherProps }, children));
-});
-export default ProductCard;
-//# sourceMappingURL=ProductCard.js.map

package/dist/components/molecules/ProductCard/ProductCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,WAAW,GAAG,UAAU,CAAmC,SAAS,IAAI,CAC5E,EAAE,MAAM,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/components/molecules/ProductCard/ProductCardActions.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { HTMLAttributes } from 'react';
-export interface ProductCardActionsProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const ProductCardActions: React.ForwardRefExoticComponent<ProductCardActionsProps & React.RefAttributes<HTMLDivElement>>;
-export default ProductCardActions;

package/dist/components/molecules/ProductCard/ProductCardActions.js

@@ -1,6 +0,0 @@
-import React, { forwardRef } from 'react';
-const ProductCardActions = forwardRef(function CardActions({ testId = 'store-product-card-actions', children, ...otherProps }, ref) {
-    return (React.createElement("div", { ref: ref, "data-product-card-actions": true, "data-testid": testId, ...otherProps }, children));
-});
-export default ProductCardActions;
-//# sourceMappingURL=ProductCardActions.js.map

package/dist/components/molecules/ProductCard/ProductCardActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCardActions.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAWzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,4BAA4B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,oDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/molecules/ProductCard/ProductCardContent.d.ts

@@ -1,10 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const ProductCardContent: React.ForwardRefExoticComponent<ProductCardContentProps & React.RefAttributes<HTMLElement>>;
-export default ProductCardContent;

package/dist/components/molecules/ProductCard/ProductCardContent.js

@@ -1,6 +0,0 @@
-import React, { forwardRef } from 'react';
-const ProductCardContent = forwardRef(function CardContent({ testId = 'store-product-card-content', children, ...otherProps }, ref) {
-    return (React.createElement("section", { ref: ref, "data-product-card-content": true, "data-testid": testId, ...otherProps }, children));
-});
-export default ProductCardContent;
-//# sourceMappingURL=ProductCardContent.js.map

package/dist/components/molecules/ProductCard/ProductCardContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,4BAA4B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClE,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,oDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/molecules/ProductCard/ProductCardImage.d.ts

@@ -1,10 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import React from 'react';
-export interface ProductCardImageProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-}
-declare const ProductCardImage: React.ForwardRefExoticComponent<ProductCardImageProps & React.RefAttributes<HTMLDivElement>>;
-export default ProductCardImage;

package/dist/components/molecules/ProductCard/ProductCardImage.js

@@ -1,6 +0,0 @@
-import React, { forwardRef } from 'react';
-const ProductCardImage = forwardRef(function ProductCardImage({ testId = 'store-product-card-image', children, ...otherProps }, ref) {
-    return (React.createElement("div", { ref: ref, "data-product-card-image": true, "data-testid": testId, ...otherProps }, children));
-});
-export default ProductCardImage;
-//# sourceMappingURL=ProductCardImage.js.map

package/dist/components/molecules/ProductCard/ProductCardImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCardImage.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/ProductCardImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CACvB,EAAE,MAAM,GAAG,0BAA0B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAChE,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,kDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/molecules/ProductCard/index.d.ts

@@ -1,8 +0,0 @@
-export { default } from './ProductCard';
-export type { ProductCardProps } from './ProductCard';
-export { default as ProductCardImage } from './ProductCardImage';
-export type { ProductCardImageProps } from './ProductCardImage';
-export { default as ProductCardContent } from './ProductCardContent';
-export type { ProductCardContentProps } from './ProductCardContent';
-export { default as ProductCardActions } from './ProductCardActions';
-export type { ProductCardActionsProps } from './ProductCardActions';

package/dist/components/molecules/ProductCard/index.js

@@ -1,5 +0,0 @@
-export { default } from './ProductCard';
-export { default as ProductCardImage } from './ProductCardImage';
-export { default as ProductCardContent } from './ProductCardContent';
-export { default as ProductCardActions } from './ProductCardActions';
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/ProductCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/ProductCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/src/components/molecules/PaymentMethods/PaymentMethods.tsx

@@ -1,57 +0,0 @@
-import type { ReactNode, AriaAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface PaymentMethodsProps {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  /**
-   * Title of the payment methods section (e.g.: "Payment methods",
-   * "Accepted Cards").
-   */
-  title?: ReactNode
-  /**
-   * Defines a string value that labels the current element when
-   * title is not used.
-   */
-  'aria-label'?: AriaAttributes['aria-label']
-  /**
-   * Children will receive the flags to be displayed in the payment
-   * methods section (e.g.:, visa, mastercard, etc).
-   */
-  children: ReactNode
-}
-
-const PaymentMethods = forwardRef<HTMLDivElement, PaymentMethodsProps>(
-  function PaymentMethods(
-    {
-      testId = 'store-payment-methods',
-      title,
-      'aria-label': ariaLabel = 'Payment Methods',
-      children,
-      ...otherProps
-    },
-    ref
-  ) {
-    return (
-      <div
-        ref={ref}
-        data-fs-payment-methods
-        data-testid={testId}
-        {...otherProps}
-      >
-        {!!title && <div>{title}</div>}
-        <div
-          data-payment-methods-flags
-          aria-label={title ? undefined : ariaLabel}
-        >
-          {children}
-        </div>
-      </div>
-    )
-  }
-)
-
-export default PaymentMethods

package/src/components/molecules/PaymentMethods/index.tsx

@@ -1,2 +0,0 @@
-export { default } from './PaymentMethods'
-export type { PaymentMethodsProps } from './PaymentMethods'

package/src/components/molecules/ProductCard/ProductCard.tsx

@@ -1,28 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-}
-
-const ProductCard = forwardRef<HTMLDivElement, ProductCardProps>(function Card(
-  { testId = 'store-product-card', children, ...otherProps },
-  ref
-) {
-  return (
-    <article
-      ref={ref}
-      data-fs-product-card
-      data-testid={testId}
-      {...otherProps}
-    >
-      {children}
-    </article>
-  )
-})
-
-export default ProductCard

package/src/components/molecules/ProductCard/ProductCardActions.tsx

@@ -1,30 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-export interface ProductCardActionsProps
-  extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const ProductCardActions = forwardRef<HTMLDivElement, ProductCardActionsProps>(
-  function CardActions(
-    { testId = 'store-product-card-actions', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <div
-        ref={ref}
-        data-product-card-actions
-        data-testid={testId}
-        {...otherProps}
-      >
-        {children}
-      </div>
-    )
-  }
-)
-
-export default ProductCardActions

package/src/components/molecules/ProductCard/ProductCardContent.tsx

@@ -1,29 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
-  function CardContent(
-    { testId = 'store-product-card-content', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <section
-        ref={ref}
-        data-product-card-content
-        data-testid={testId}
-        {...otherProps}
-      >
-        {children}
-      </section>
-    )
-  }
-)
-
-export default ProductCardContent

package/src/components/molecules/ProductCard/ProductCardImage.tsx

@@ -1,29 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface ProductCardImageProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const ProductCardImage = forwardRef<HTMLDivElement, ProductCardImageProps>(
-  function ProductCardImage(
-    { testId = 'store-product-card-image', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <div
-        ref={ref}
-        data-product-card-image
-        data-testid={testId}
-        {...otherProps}
-      >
-        {children}
-      </div>
-    )
-  }
-)
-
-export default ProductCardImage

package/src/components/molecules/ProductCard/index.tsx

@@ -1,11 +0,0 @@
-export { default } from './ProductCard'
-export type { ProductCardProps } from './ProductCard'
-
-export { default as ProductCardImage } from './ProductCardImage'
-export type { ProductCardImageProps } from './ProductCardImage'
-
-export { default as ProductCardContent } from './ProductCardContent'
-export type { ProductCardContentProps } from './ProductCardContent'
-
-export { default as ProductCardActions } from './ProductCardActions'
-export type { ProductCardActionsProps } from './ProductCardActions'