@faststore/ui 2.0.60-alpha.0 → 2.0.62-alpha.0

package/dist/index.d.ts

@@ -13,8 +13,6 @@ export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCa
 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 CartItem, CartItemActions, CartItemContent, CartItemImage, CartItemPrices, CartItemSummary, CartItemTitle, } from './components/molecules/CartItem';
-export type { CartItemProps, CartItemActionsProps, CartItemContentProps, CartItemImageProps, CartItemPricesProps, CartItemSummaryProps, CartItemTitleProps, } from './components/molecules/CartItem';
 export { default as Bullets } from './components/molecules/Bullets';
 export type { BulletsProps } from './components/molecules/Bullets';
 export { default as SearchInput } from './components/molecules/SearchInput';
@@ -23,8 +21,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

@@ -8,12 +8,10 @@ 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 CartItem, CartItemActions, CartItemContent, CartItemImage, CartItemPrices, CartItemSummary, CartItemTitle, } from './components/molecules/CartItem';
 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,EACL,OAAO,IAAI,QAAQ,EACnB,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,iCAAiC,CAAA;AAWxC,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,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,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.60-alpha.0",
+  "version": "2.0.62-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": "11f43052ae13416e55c3381ad6b655d0865f3bbd"
+  "gitHead": "62683f903ca899d767fae418db5169cadf15e0f4"
 }

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

@@ -8,7 +8,6 @@
   --fs-price-listing-text-decoration : line-through;
 
   // Spot
-  --fs-price-spot-margin-left        : var(--fs-spacing-1);
   --fs-price-spot-font-weight        : var(--fs-text-weight-bold);
 
   // --------------------------------------------------------
@@ -21,7 +20,6 @@
   }
 
   &[data-fs-price-variant="spot"] {
-    margin-left: var(--fs-price-spot-margin-left);
     font-weight: var(--fs-price-spot-font-weight);
   }
 }

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

@@ -0,0 +1,128 @@
+[data-fs-cart-item] {
+  // --------------------------------------------------------
+  // Design Tokens for CartItem
+  // --------------------------------------------------------
+
+  // Default properties
+  --fs-cart-item-padding                  : var(--fs-spacing-2);
+  --fs-cart-item-bkg-color                : var(--fs-control-bkg);
+
+  --fs-cart-item-border-width             : var(--fs-border-width);
+  --fs-cart-item-border-color             : var(--fs-border-color-light);
+  --fs-cart-item-border-radius            : var(--fs-border-radius);
+
+  // Image
+  --fs-cart-item-image-border-radius      : var(--fs-cart-item-border-radius);
+  --fs-cart-item-image-width              : var(--fs-spacing-8);
+  --fs-cart-item-image-height             : var(--fs-cart-item-image-width);
+
+  // Title
+  --fs-cart-item-title-weight             : var(--fs-text-weight-bold);
+  --fs-cart-item-title-line-height        : 1.2;
+  --fs-cart-item-title-color              : var(--fs-color-text);
+
+  // SKUs
+  --fs-cart-item-skus-margin-top          : var(--fs-spacing-0);
+  --fs-cart-item-skus-text-size           : var(--fs-text-size-legend);
+  --fs-cart-item-skus-text-color          : var(--fs-color-text-light);
+  --fs-cart-item-skus-line-height         : var(--fs-text-size-body);
+  --fs-cart-item-skus-column-gap          : var(--fs-spacing-1);
+  --fs-cart-item-skus-row-gap             : var(--fs-spacing-0);
+
+  // Prices
+  --fs-cart-item-price-gap                : var(--fs-spacing-1);
+  --fs-cart-item-listing-price-text-size  : var(--fs-text-size-legend);
+
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  background-color: var(--fs-cart-item-bkg-color);
+  border: var(--fs-cart-item-border-width) solid var(--fs-cart-item-border-color);
+  border-radius: var(--fs-cart-item-border-radius);
+  width: 100%;
+
+  [data-fs-cart-item-content] {
+    padding: var(--fs-cart-item-padding) 0 var(--fs-cart-item-padding) var(--fs-cart-item-padding);
+    display: flex;
+    column-gap: var(--fs-cart-item-padding);
+    align-items: flex-start;
+    width: calc(100% - var(--fs-control-tap-size));
+  }
+
+  [data-fs-cart-item-image] {
+    border-radius: var(--fs-cart-item-image-border-radius);
+    overflow: hidden;
+    width: var(--fs-cart-item-image-width);
+    height: var(--fs-cart-item-image-height);
+    flex-shrink: 0;
+    [data-fs-image] {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
+  [data-fs-cart-item-title] {
+    font-weight: var(--fs-cart-item-title-weight);
+    line-height: var(--fs-cart-item-title-line-height);
+    color: var(--fs-cart-item-title-color);
+    text-decoration: none;
+    outline: none;
+
+    @include truncate-title;
+  }
+
+  [data-fs-cart-item-skus] {
+    display: flex;
+    flex-wrap: wrap;
+    column-gap: var(--fs-cart-item-skus-column-gap);
+    row-gap: var(--fs-cart-item-skus-row-gap);
+    font-size: var(--fs-cart-item-skus-text-size);
+    line-height: var(--fs-cart-item-skus-line-height);
+    color: var(--fs-cart-item-skus-text-color);
+    margin-top: var(--fs-cart-item-skus-margin-top);
+    span { font-weight: var(--fs-cart-item-title-weight); }
+  }
+
+  [data-fs-cart-item-remove-button] {
+    position: absolute;
+    right: 0;
+  }
+
+  [data-fs-cart-item-prices] {
+    display: flex;
+    align-items: baseline;
+    column-gap: var(--fs-cart-item-price-gap);
+    [data-fs-price-variant="listing"] { font-size: var(--fs-cart-item-listing-price-text-size); }
+  }
+
+  [data-fs-cart-item-actions] {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    justify-content: space-between;
+    padding-right: var(--fs-cart-item-padding);
+    border-top: var(--fs-cart-item-border-width) solid var(--fs-cart-item-border-color);
+    [data-quantity-selector-input] {
+      border-color: transparent;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+
+  // --------------------------------------------------------
+  // Variants Styles
+  // --------------------------------------------------------
+
+  &[data-fs-cart-item="unavailable"] {
+    background-color: var(--fs-color-neutral-bkg);
+    [data-fs-cart-item-actions] { display: none; }
+  }
+
+}

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

@@ -6,6 +6,7 @@
   // Default properties
 
   --fs-gift-height            : var(--fs-spacing-12);
+  --fs-gift-bkg-color         : var(--fs-control-bkg);
 
   --fs-gift-border-width      : var(--fs-border-width);
   --fs-gift-border-color      : var(--fs-border-color-light);
@@ -21,7 +22,7 @@
   --fs-gift-title-color       : var(--fs-color-text);
 
   // Icon
-  --fs-gift-icon-size         : 1.75rem; // 28px
+  --fs-gift-icon-size         : 1.5rem; // 24px
   --fs-gift-icon-padding      : var(--fs-spacing-0);
   --fs-gift-icon-color        : var(--fs-gift-title-color);
   --fs-gift-icon-bkg-color    : var(--fs-color-body-bkg);
@@ -31,6 +32,7 @@
   // --------------------------------------------------------
 
   position: relative;
+  margin-top: calc(var(--fs-gift-icon-size)/2);
 
   [data-fs-gift-wrapper] {
     display: grid;
@@ -40,6 +42,7 @@
     overflow: hidden;
     border: var(--fs-gift-border-width) solid var(--fs-gift-border-color);
     border-radius: var(--fs-gift-border-radius);
+    background-color: var(--fs-gift-bkg-color);
   }
 
   [data-fs-gift-image] {

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

@@ -43,25 +43,6 @@ export type {
   CardActionsProps,
 } from './components/molecules/Card'
 
-export {
-  default as CartItem,
-  CartItemActions,
-  CartItemContent,
-  CartItemImage,
-  CartItemPrices,
-  CartItemSummary,
-  CartItemTitle,
-} from './components/molecules/CartItem'
-export type {
-  CartItemProps,
-  CartItemActionsProps,
-  CartItemContentProps,
-  CartItemImageProps,
-  CartItemPricesProps,
-  CartItemSummaryProps,
-  CartItemTitleProps,
-} from './components/molecules/CartItem'
-
 export { default as Bullets } from './components/molecules/Bullets'
 export type { BulletsProps } from './components/molecules/Bullets'
 
@@ -87,9 +68,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

@@ -19,6 +19,7 @@
 @import "../components/molecules/Accordion/styles";
 @import "../components/molecules/Alert/styles";
 @import "../components/molecules/BuyButton/styles";
+@import "../components/molecules/CartItem/styles";
 @import "../components/molecules/CheckboxField/styles";
 @import "../components/molecules/DiscountBadge/styles";
 @import "../components/molecules/Dropdown/styles";
@@ -38,4 +39,5 @@
 
 // Organisms
 @import "../components/organisms/Hero/styles";
+@import "../components/organisms/PaymentMethods/styles";
 @import "../components/organisms/PriceRange/styles";

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

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

package/dist/components/molecules/CartItem/CartItem.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/CartItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAC1E,EAAE,MAAM,GAAG,iBAAiB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvD,GAAG;IAEH,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,4CAAiC,MAAM,KAAM,UAAU,IACrE,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/components/molecules/CartItem/CartItemActions.d.ts

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

package/dist/components/molecules/CartItem/CartItemActions.js

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

package/dist/components/molecules/CartItem/CartItemActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartItemActions.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/CartItemActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,yBAAyB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,oDAAyC,MAAM,KAAM,UAAU,IACzE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/molecules/CartItem/CartItemContent.d.ts

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

package/dist/components/molecules/CartItem/CartItemContent.js

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

package/dist/components/molecules/CartItem/CartItemContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartItemContent.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/CartItemContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,yBAAyB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,oDAAyC,MAAM,KAAM,UAAU,IAC7E,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/molecules/CartItem/CartItemImage.d.ts

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

package/dist/components/molecules/CartItem/CartItemImage.js

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

package/dist/components/molecules/CartItem/CartItemImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartItemImage.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/CartItemImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CACzF,EAAE,MAAM,GAAG,uBAAuB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,kDAAuC,MAAM,KAAM,UAAU,IACvE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/components/molecules/CartItem/CartItemPrices.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { HTMLAttributes } from 'react';
-export interface CartItemPricesProps extends HTMLAttributes<HTMLSpanElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-     */
-    testId?: string;
-}
-declare const CartItemPrices: React.ForwardRefExoticComponent<CartItemPricesProps & React.RefAttributes<HTMLSpanElement>>;
-export default CartItemPrices;

package/dist/components/molecules/CartItem/CartItemPrices.js

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

package/dist/components/molecules/CartItem/CartItemPrices.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartItemPrices.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/CartItemPrices.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EAAE,MAAM,GAAG,wBAAwB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC9D,GAAG;IAEH,OAAO,CACL,8BAAM,GAAG,EAAE,GAAG,mDAAwC,MAAM,KAAM,UAAU,IACzE,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/molecules/CartItem/CartItemSummary.d.ts

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

package/dist/components/molecules/CartItem/CartItemSummary.js

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

package/dist/components/molecules/CartItem/CartItemSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartItemSummary.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/CartItemSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EAAE,MAAM,GAAG,yBAAyB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,oDAAyC,MAAM,KAAM,UAAU,IACzE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/molecules/CartItem/CartItemTitle.d.ts

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

package/dist/components/molecules/CartItem/CartItemTitle.js

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

package/dist/components/molecules/CartItem/CartItemTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartItemTitle.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/CartItemTitle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,aAAa,GAAG,UAAU,CAAqC,SAAS,aAAa,CACzF,EAAE,MAAM,GAAG,uBAAuB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC7D,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,kDAAuC,MAAM,KAAM,UAAU,IACvE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,aAAa,CAAA"}

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

@@ -1,14 +0,0 @@
-export { default } from './CartItem';
-export type { CartItemProps } from './CartItem';
-export { default as CartItemActions } from './CartItemActions';
-export type { CartItemActionsProps } from './CartItemActions';
-export { default as CartItemContent } from './CartItemContent';
-export type { CartItemContentProps } from './CartItemContent';
-export { default as CartItemImage } from './CartItemImage';
-export type { CartItemImageProps } from './CartItemImage';
-export { default as CartItemPrices } from './CartItemPrices';
-export type { CartItemPricesProps } from './CartItemPrices';
-export { default as CartItemSummary } from './CartItemSummary';
-export type { CartItemSummaryProps } from './CartItemSummary';
-export { default as CartItemTitle } from './CartItemTitle';
-export type { CartItemTitleProps } from './CartItemTitle';

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

@@ -1,8 +0,0 @@
-export { default } from './CartItem';
-export { default as CartItemActions } from './CartItemActions';
-export { default as CartItemContent } from './CartItemContent';
-export { default as CartItemImage } from './CartItemImage';
-export { default as CartItemPrices } from './CartItemPrices';
-export { default as CartItemSummary } from './CartItemSummary';
-export { default as CartItemTitle } from './CartItemTitle';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/CartItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAGpC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

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/src/components/molecules/CartItem/CartItem.tsx

@@ -1,22 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-export interface CartItemProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-   */
-  testId?: string
-}
-
-const CartItem = forwardRef<HTMLDivElement, CartItemProps>(function CartItem(
-  { testId = 'store-cart-item', children, ...otherProps },
-  ref
-) {
-  return (
-    <article ref={ref} data-fs-cart-item data-testid={testId} {...otherProps}>
-      {children}
-    </article>
-  )
-})
-
-export default CartItem

package/src/components/molecules/CartItem/CartItemActions.tsx

@@ -1,24 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-export interface CartItemActionsProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-   */
-  testId?: string
-}
-
-const CartItemActions = forwardRef<HTMLDivElement, CartItemActionsProps>(
-  function CartItemActions(
-    { testId = 'store-cart-item-actions', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <div ref={ref} data-fs-cart-item-actions data-testid={testId} {...otherProps}>
-        {children}
-      </div>
-    )
-  }
-)
-
-export default CartItemActions

package/src/components/molecules/CartItem/CartItemContent.tsx

@@ -1,24 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface CartItemContentProps extends HTMLAttributes<HTMLElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-   */
-  testId?: string
-}
-
-const CartItemContent = forwardRef<HTMLElement, CartItemContentProps>(
-  function CartItemContent(
-    { testId = 'store-cart-item-content', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <section ref={ref} data-fs-cart-item-content data-testid={testId} {...otherProps}>
-        {children}
-      </section>
-    )
-  }
-)
-
-export default CartItemContent

package/src/components/molecules/CartItem/CartItemImage.tsx

@@ -1,22 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface CartItemImageProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-   */
-  testId?: string
-}
-
-const CartItemImage = forwardRef<HTMLDivElement, CartItemImageProps>(function CartItemImage(
-  { testId = 'store-cart-item-image', children, ...otherProps },
-  ref
-) {
-  return (
-    <div ref={ref} data-fs-cart-item-image data-testid={testId} {...otherProps}>
-      {children}
-    </div>
-  )
-})
-
-export default CartItemImage

package/src/components/molecules/CartItem/CartItemPrices.tsx

@@ -1,24 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-export interface CartItemPricesProps extends HTMLAttributes<HTMLSpanElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-   */
-  testId?: string
-}
-
-const CartItemPrices = forwardRef<HTMLSpanElement, CartItemPricesProps>(
-  function CartItemPrices(
-    { testId = 'store-cart-item-prices', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <span ref={ref} data-fs-cart-item-prices data-testid={testId} {...otherProps}>
-        {children}
-      </span>
-    )
-  }
-)
-
-export default CartItemPrices

package/src/components/molecules/CartItem/CartItemSummary.tsx

@@ -1,24 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-export interface CartItemSummaryProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-   */
-  testId?: string
-}
-
-const CartItemSummary = forwardRef<HTMLDivElement, CartItemSummaryProps>(
-  function CartItemSummary(
-    { testId = 'store-cart-item-summary', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <div ref={ref} data-fs-cart-item-summary data-testid={testId} {...otherProps}>
-        {children}
-      </div>
-    )
-  }
-)
-
-export default CartItemSummary

package/src/components/molecules/CartItem/CartItemTitle.tsx

@@ -1,22 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface CartItemTitleProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest).
-   */
-  testId?: string
-}
-
-const CartItemTitle = forwardRef<HTMLDivElement, CartItemTitleProps>(function CartItemTitle(
-  { testId = 'store-cart-item-title', children, ...otherProps },
-  ref
-) {
-  return (
-    <div ref={ref} data-fs-cart-item-title data-testid={testId} {...otherProps}>
-      {children}
-    </div>
-  )
-})
-
-export default CartItemTitle

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

@@ -1,20 +0,0 @@
-export { default } from './CartItem'
-export type { CartItemProps } from './CartItem'
-
-export { default as CartItemActions } from './CartItemActions'
-export type { CartItemActionsProps } from './CartItemActions'
-
-export { default as CartItemContent } from './CartItemContent'
-export type { CartItemContentProps } from './CartItemContent'
-
-export { default as CartItemImage } from './CartItemImage'
-export type { CartItemImageProps } from './CartItemImage'
-
-export { default as CartItemPrices } from './CartItemPrices'
-export type { CartItemPricesProps } from './CartItemPrices'
-
-export { default as CartItemSummary } from './CartItemSummary'
-export type { CartItemSummaryProps } from './CartItemSummary'
-
-export { default as CartItemTitle } from './CartItemTitle'
-export type { CartItemTitleProps } from './CartItemTitle'

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'