@faststore/ui 2.0.50-alpha.0 → 2.0.53-alpha.0

package/dist/index.d.ts

@@ -7,14 +7,10 @@ export { default as Slider } from './components/atoms/Slider';
 export type { SliderProps } from './components/atoms/Slider';
 export { default as Skeleton } from './components/atoms/Skeleton';
 export type { SkeletonProps } from './components/atoms/Skeleton';
-export { default as Spinner } from './components/atoms/Spinner';
-export type { SpinnerProps } from './components/atoms/Spinner';
 export { default as Incentive } from './components/atoms/Incentive';
 export type { IncentiveProps } from './components/atoms/Incentive';
 export { default as SkuSelector } from './components/molecules/SkuSelector';
 export type { SkuSelectorProps } from './components/molecules/SkuSelector';
-export { default as Gift, GiftContent, GiftImage, } from './components/molecules/Gift';
-export type { GiftProps, GiftContentProps, GiftImageProps, } from './components/molecules/Gift';
 export { default as ProductTitle } from './components/molecules/ProductTitle';
 export type { ProductTitleProps } from './components/molecules/ProductTitle';
 export { default as OrderSummary } from './components/molecules/OrderSummary';
@@ -39,8 +35,6 @@ 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 LoadingButton } from './components/molecules/LoadingButton';
-export type { LoadingButtonProps } from './components/molecules/LoadingButton';
 export { default as PriceRange } from './components/molecules/PriceRange';
 export type { PriceRangeProps } from './components/molecules/PriceRange';
 export { default as Form } from './components/molecules/Form';

package/dist/index.js

@@ -4,11 +4,9 @@ export { default as Popover } from './components/atoms/Popover';
 export { default as TextArea } from './components/atoms/TextArea';
 export { default as Slider } from './components/atoms/Slider';
 export { default as Skeleton } from './components/atoms/Skeleton';
-export { default as Spinner } from './components/atoms/Spinner';
 export { default as Incentive } from './components/atoms/Incentive';
 // Molecules
 export { default as SkuSelector } from './components/molecules/SkuSelector';
-export { default as Gift, GiftContent, GiftImage, } from './components/molecules/Gift';
 export { default as ProductTitle } from './components/molecules/ProductTitle';
 export { default as OrderSummary } from './components/molecules/OrderSummary';
 export { default as ProductCard, ProductCardImage, ProductCardContent, ProductCardActions, } from './components/molecules/ProductCard';
@@ -21,7 +19,6 @@ export { default as Modal } from './components/molecules/Modal';
 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 LoadingButton } from './components/molecules/LoadingButton';
 export { default as PriceRange } from './components/molecules/PriceRange';
 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,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAG7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAG/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAA;AAG3E,OAAO,EACL,OAAO,IAAI,IAAI,EACf,WAAW,EACX,SAAS,GACV,MAAM,6BAA6B,CAAA;AAOpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAA;AAG7E,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,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAA;AAG/D,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,aAAa,EAAE,MAAM,sCAAsC,CAAA;AAG/E,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,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAG7D,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,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,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,8BAA8B,CAAA;AAG/D,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,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.50-alpha.0",
+  "version": "2.0.53-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": "ff4612f903a6be4e99df0b614a032b21ad7dc711"
+  "gitHead": "a9a211450d2173e08fd8b8dcf4a6da4d78590a71"
 }

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

@@ -95,6 +95,9 @@
   --fs-button-disabled-bkg-color                    : var(--fs-color-disabled-bkg);
   --fs-button-disabled-text-color                   : var(--fs-color-disabled-text);
 
+  // Loading
+  --fs-button-loading-label-column-gap              : var(--fs-spacing-3);
+
   // Small
   --fs-button-small-padding                         : var(--fs-spacing-0) var(--fs-spacing-1);
   --fs-button-small-min-height                      : var(--fs-spacing-5);
@@ -314,4 +317,17 @@
       border-width: 0;
     }
   }
+
+  &[data-fs-button-loading="true"] {
+    > * {
+      opacity: 0;
+      pointer-events: none;
+    }
+    [data-fs-button-loading-label] {
+      position: absolute;
+      opacity: 1;
+      display: flex;
+      column-gap: var(--fs-button-loading-label-column-gap);
+    }
+  }
 }

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

@@ -0,0 +1,72 @@
+[data-fs-loader] {
+  // --------------------------------------------------------
+  // Design Tokens for Loader
+  // --------------------------------------------------------
+
+  --fs-loader-gap                         : var(--fs-spacing-0);
+
+  --fs-loader-animation-function          : var(--fs-transition-function);
+  --fs-loader-animation-timing            : var(--fs-transition-timing);
+
+  // Item
+  --fs-loader-item-width                  : var(--fs-spacing-0);
+  --fs-loader-item-height                 : var(--fs-loader-item-width);
+  --fs-loader-item-border-radius          : var(--fs-border-radius-circle);
+  --fs-loader-item-initial-opacity        : .6;
+
+  // Dark (Default)
+  --fs-loader-dark-item-bkg-color         : var(--fs-color-primary-bkg-active);
+
+  // Light
+  --fs-loader-light-item-bkg-color        : var(--fs-color-tertiary-bkg-light);
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  display: flex;
+  align-items: center;
+  column-gap: var(--fs-loader-gap);
+
+  [data-fs-loader-item] {
+    width: var(--fs-loader-item-width);
+    height: var(--fs-loader-item-height);
+    border-radius: var(--fs-loader-item-border-radius);
+    opacity: var(--fs-loader-item-initial-opacity);
+    top: 0;
+    position: relative;
+    animation: load 1.2s infinite var(--fs-loader-animation-function) calc(var(--fs-loader-item-delay,0)*var(--fs-loader-animation-timing));
+
+    &:first-of-type { --fs-loader-item-delay: -1; }
+    &:last-of-type  { --fs-loader-item-delay:  1; }
+  }
+
+  @keyframes load {
+    20% {
+      top: calc(-1 * var(--fs-spacing-0));
+      opacity: 1;
+    }
+    40% {
+      top: 0;
+      opacity: .6;
+    }
+    60% {
+      top: 0;
+      opacity: .6;
+    }
+  }
+
+  // --------------------------------------------------------
+  // Variants Styles
+  // --------------------------------------------------------
+
+  &[data-fs-loader-variant="dark"] [data-fs-loader-item] {
+    background-color: var(--fs-loader-dark-item-bkg-color);
+  }
+
+  &[data-fs-loader-variant="light"] [data-fs-loader-item] {
+    background-color: var(--fs-loader-light-item-bkg-color);
+  }
+
+}
+

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

@@ -0,0 +1,92 @@
+[data-fs-gift] {
+  // --------------------------------------------------------
+  // Design Tokens for Gift
+  // --------------------------------------------------------
+
+  // Default properties
+
+  --fs-gift-height            : var(--fs-spacing-12);
+
+  --fs-gift-border-width      : var(--fs-border-width);
+  --fs-gift-border-color      : var(--fs-border-color-light);
+  --fs-gift-border-radius     : var(--fs-border-radius);
+
+  // Content
+  --fs-gift-content-padding   : var(--fs-spacing-1) var(--fs-spacing-2);
+  --fs-gift-content-row-gap   : var(--fs-spacing-0);
+
+  // Title
+  --fs-gift-title-line-height : 1.25;
+  --fs-gift-title-size        : var(--fs-text-size-body);
+  --fs-gift-title-color       : var(--fs-color-text);
+
+  // Icon
+  --fs-gift-icon-size         : 1.75rem; // 28px
+  --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);
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  position: relative;
+
+  [data-fs-gift-wrapper] {
+    display: grid;
+    grid-template-columns: var(--fs-gift-height) repeat(4, 1fr);
+    align-items: flex-start;
+    height: var(--fs-gift-height);
+    overflow: hidden;
+    border: var(--fs-gift-border-width) solid var(--fs-gift-border-color);
+    border-radius: var(--fs-gift-border-radius);
+  }
+
+  [data-fs-gift-image] {
+    height: 100%;
+    overflow: hidden;
+
+    img {
+      object-fit: cover;
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  [data-fs-gift-content] {
+    display: grid;
+    grid-column: 2 / span 4;
+    row-gap: var(--fs-gift-content-row-gap);
+    padding: var(--fs-gift-content-padding);
+  }
+
+  [data-fs-gift-product-title] {
+    font-size: var(--fs-gift-title-size);
+    line-height: var(--fs-gift-title-line-height);
+    color: var(--fs-gift-title-color);
+
+    @include truncate-title;
+  }
+
+  [data-fs-gift-product-summary] {
+    display: flex;
+    align-items: center;
+
+    [data-fs-badge] {
+      margin-left: var(--fs-spacing-1);
+    }
+  }
+
+  [data-fs-gift-icon] {
+    position: absolute;
+    top: calc(-1 * var(--fs-gift-icon-size) / 2);
+    left: calc(-1 * var(--fs-gift-icon-size) / 2);
+    width: var(--fs-gift-icon-size);
+    height: var(--fs-gift-icon-size);
+    padding: var(--fs-gift-icon-padding);
+    color: var(--fs-gift-icon-color);
+    background-color: var(--fs-gift-icon-bkg-color);
+    border: var(--fs-gift-border-width) solid var(--fs-gift-border-color);
+    border-radius: var(--fs-border-radius-circle);
+  }
+}

package/src/index.ts

@@ -13,9 +13,6 @@ export type { SliderProps } from './components/atoms/Slider'
 export { default as Skeleton } from './components/atoms/Skeleton'
 export type { SkeletonProps } from './components/atoms/Skeleton'
 
-export { default as Spinner } from './components/atoms/Spinner'
-export type { SpinnerProps } from './components/atoms/Spinner'
-
 export { default as Incentive } from './components/atoms/Incentive'
 export type { IncentiveProps } from './components/atoms/Incentive'
 
@@ -23,17 +20,6 @@ export type { IncentiveProps } from './components/atoms/Incentive'
 export { default as SkuSelector } from './components/molecules/SkuSelector'
 export type { SkuSelectorProps } from './components/molecules/SkuSelector'
 
-export {
-  default as Gift,
-  GiftContent,
-  GiftImage,
-} from './components/molecules/Gift'
-export type {
-  GiftProps,
-  GiftContentProps,
-  GiftImageProps,
-} from './components/molecules/Gift'
-
 export { default as ProductTitle } from './components/molecules/ProductTitle'
 export type { ProductTitleProps } from './components/molecules/ProductTitle'
 
@@ -119,9 +105,6 @@ 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 LoadingButton } from './components/molecules/LoadingButton'
-export type { LoadingButtonProps } from './components/molecules/LoadingButton'
-
 export { default as PriceRange } from './components/molecules/PriceRange'
 export type { PriceRangeProps } from './components/molecules/PriceRange'
 

package/src/styles/components.scss

@@ -3,9 +3,10 @@
 @import "../components/atoms/Button/styles";
 @import "../components/atoms/Checkbox/styles";
 @import "../components/atoms/Icon/styles";
-@import "../components/atoms/Link/styles";
 @import "../components/atoms/Input/styles";
+@import "../components/atoms/Link/styles";
 @import "../components/atoms/List/styles";
+@import "../components/atoms/Loader/styles";
 @import "../components/atoms/Overlay/styles";
 @import "../components/atoms/Price/styles";
 @import "../components/atoms/Radio/styles";
@@ -19,6 +20,7 @@
 @import "../components/molecules/CheckboxField/styles";
 @import "../components/molecules/DiscountBadge/styles";
 @import "../components/molecules/Dropdown/styles";
+@import "../components/molecules/Gift/styles";
 @import "../components/molecules/InputField/styles";
 @import "../components/molecules/LinkButton/styles";
 @import "../components/molecules/QuantitySelector/styles";

package/dist/components/atoms/Spinner/Spinner.d.ts

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

package/dist/components/atoms/Spinner/Spinner.js

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

package/dist/components/atoms/Spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/atoms/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACzE,OAAO,CACL,8BAAM,GAAG,EAAE,GAAG,0CAA+B,MAAM,KAAM,UAAU,GAAI,CACxE,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/components/atoms/Spinner/index.d.ts

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

package/dist/components/atoms/Spinner/index.js

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

package/dist/components/atoms/Spinner/index.js.map

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

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

@@ -1,15 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import React from 'react';
-export interface GiftProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * A React component that will be rendered as an icon.
-     */
-    icon?: ReactNode;
-}
-declare const Gift: React.ForwardRefExoticComponent<GiftProps & React.RefAttributes<HTMLDivElement>>;
-export default Gift;

package/dist/components/molecules/Gift/Gift.js

@@ -1,9 +0,0 @@
-import React, { forwardRef } from 'react';
-import { Icon } from '@faststore/components';
-const Gift = forwardRef(function Gift({ icon, testId = 'store-gift', children, ...otherProps }, ref) {
-    return (React.createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
-        icon && React.createElement(Icon, { component: icon, "data-fs-gift-icon": true }),
-        React.createElement("div", { "data-fs-gift-wrapper": true }, children)));
-});
-export default Gift;
-//# sourceMappingURL=Gift.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../../src/components/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAc5C,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU;QAC5D,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAI,8BAAsB;QACpD,6DAA2B,QAAQ,CAAO,CACtC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/components/molecules/Gift/GiftContent.d.ts

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

package/dist/components/molecules/Gift/GiftContent.js

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

package/dist/components/molecules/Gift/GiftContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GiftContent.js","sourceRoot":"","sources":["../../../../src/components/molecules/Gift/GiftContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,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,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/molecules/Gift/GiftImage.d.ts

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

package/dist/components/molecules/Gift/GiftImage.js

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

package/dist/components/molecules/Gift/GiftImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GiftImage.js","sourceRoot":"","sources":["../../../../src/components/molecules/Gift/GiftImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,kBAAkB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACxD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,6CAAkC,MAAM,KAAM,UAAU,IAClE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

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

@@ -1,6 +0,0 @@
-export { default } from './Gift';
-export type { GiftProps } from './Gift';
-export { default as GiftContent } from './GiftContent';
-export type { GiftContentProps } from './GiftContent';
-export { default as GiftImage } from './GiftImage';
-export type { GiftImageProps } from './GiftImage';

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

@@ -1,4 +0,0 @@
-export { default } from './Gift';
-export { default as GiftContent } from './GiftContent';
-export { default as GiftImage } from './GiftImage';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/Gift/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAGtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA"}

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from '@faststore/components';
-export interface LoadingButtonProps extends ButtonProps {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * The current loading state of the button.
-     */
-    loading: boolean;
-}
-declare const LoadingButton: React.ForwardRefExoticComponent<LoadingButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default LoadingButton;

package/dist/components/molecules/LoadingButton/LoadingButton.js

@@ -1,8 +0,0 @@
-import React, { forwardRef } from 'react';
-import { Button } from '@faststore/components';
-import Spinner from '../../atoms/Spinner';
-const LoadingButton = forwardRef(function LoadingButton({ children, loading, testId = 'store-loading-button', ...otherProps }, ref) {
-    return (React.createElement(Button, { ref: ref, "data-fs-loading-button": true, testId: testId, ...otherProps }, loading ? React.createElement(Spinner, null) : children));
-});
-export default LoadingButton;
-//# sourceMappingURL=LoadingButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/LoadingButton/LoadingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAE9C,OAAO,OAAO,MAAM,qBAAqB,CAAA;AAazC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,sBAAsB,EAAE,GAAG,UAAU,EAAE,EACrE,GAAG;IAEH,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAE,GAAG,kCAAyB,MAAM,EAAE,MAAM,KAAM,UAAU,IACpE,OAAO,CAAC,CAAC,CAAC,oBAAC,OAAO,OAAG,CAAC,CAAC,CAAC,QAAQ,CAC1B,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

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

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

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

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

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

package/src/components/atoms/Spinner/Spinner.tsx

@@ -1,19 +0,0 @@
-import type { PropsWithChildren } from 'react'
-import React, { forwardRef } from 'react'
-
-export type SpinnerProps = {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const Spinner = forwardRef<HTMLDivElement, PropsWithChildren<SpinnerProps>>(
-  function Spinner({ children, testId = 'store-spinner', ...otherProps }, ref) {
-    return (
-      <span ref={ref} data-fs-spinner data-testid={testId} {...otherProps} />
-    )
-  }
-)
-
-export default Spinner

package/src/components/atoms/Spinner/index.tsx

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

package/src/components/molecules/Gift/Gift.tsx

@@ -1,30 +0,0 @@
-import type { HTMLAttributes, ReactNode } from 'react'
-import React, { forwardRef } from 'react'
-
-import { Icon } from '@faststore/components'
-
-export interface GiftProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  /**
-   * A React component that will be rendered as an icon.
-   */
-  icon?: ReactNode
-}
-
-const Gift = forwardRef<HTMLDivElement, GiftProps>(function Gift(
-  { icon, testId = 'store-gift', children, ...otherProps },
-  ref
-) {
-  return (
-    <div ref={ref} data-fs-gift data-testid={testId} {...otherProps}>
-      {icon && <Icon component={icon} data-fs-gift-icon />}
-      <div data-fs-gift-wrapper>{children}</div>
-    </div>
-  )
-})
-
-export default Gift

package/src/components/molecules/Gift/GiftContent.tsx

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

package/src/components/molecules/Gift/GiftImage.tsx

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

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

@@ -1,8 +0,0 @@
-export { default } from './Gift'
-export type { GiftProps } from './Gift'
-
-export { default as GiftContent } from './GiftContent'
-export type { GiftContentProps } from './GiftContent'
-
-export { default as GiftImage } from './GiftImage'
-export type { GiftImageProps } from './GiftImage'

package/src/components/molecules/LoadingButton/LoadingButton.tsx

@@ -1,31 +0,0 @@
-import React, { forwardRef } from 'react'
-
-import { Button } from '@faststore/components'
-import type { ButtonProps } from '@faststore/components'
-import Spinner from '../../atoms/Spinner'
-
-export interface LoadingButtonProps extends ButtonProps {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  /**
-   * The current loading state of the button.
-   */
-  loading: boolean
-}
-
-const LoadingButton = forwardRef<HTMLButtonElement, LoadingButtonProps>(
-  function LoadingButton(
-    { children, loading, testId = 'store-loading-button', ...otherProps },
-    ref
-  ) {
-    return (
-      <Button ref={ref} data-fs-loading-button testId={testId} {...otherProps}>
-        {loading ? <Spinner /> : children}
-      </Button>
-    )
-  }
-)
-
-export default LoadingButton

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

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