@faststore/ui 2.0.70-alpha.0 → 2.0.73-alpha.0

package/dist/index.d.ts

@@ -1,6 +1,4 @@
 export * from '@faststore/components';
-export { default as Popover } from './components/atoms/Popover';
-export type { PopoverProps } from './components/atoms/Popover';
 export { default as TextArea } from './components/atoms/TextArea';
 export type { TextAreaProps } from './components/atoms/TextArea';
 export { default as Incentive } from './components/atoms/Incentive';
@@ -9,8 +7,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 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';
 export type { BulletsProps } from './components/molecules/Bullets';
 export { default as SearchInput } from './components/molecules/SearchInput';

package/dist/index.js

@@ -1,12 +1,10 @@
 export * from '@faststore/components';
 // Atoms
-export { default as Popover } from './components/atoms/Popover';
 export { default as TextArea } from './components/atoms/TextArea';
 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 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';

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,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,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,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,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,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.70-alpha.0",
+  "version": "2.0.73-alpha.0",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -30,12 +30,11 @@
   "size-limit": [
     {
       "path": "dist/index.js",
-      "limit": "30 KB"
+      "limit": "40 KB"
     }
   ],
   "dependencies": {
     "@faststore/components": "*",
-    "@reach/popover": "^0.16.0",
     "include-media": "^1.4.10",
     "modern-normalize": "^1.1.0",
     "react-swipeable": "^7.0.0",
@@ -46,8 +45,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@faststore/eslint-config": "^2.0.66-alpha.0",
-    "@faststore/shared": "^2.0.66-alpha.0",
+    "@faststore/eslint-config": "^2.0.73-alpha.0",
+    "@faststore/shared": "^2.0.73-alpha.0",
     "@size-limit/preset-small-lib": "^7.0.8",
     "@types/tabbable": "^3.1.1",
     "babel-loader": "^8.2.5",
@@ -59,5 +58,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "5718a199c16ee52a9446cd4090a4f564863c4243"
+  "gitHead": "6ea74fc2ff1eaa78550e8801304eeac29e7d5938"
 }

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

@@ -4,22 +4,27 @@
   // --------------------------------------------------------
 
   // Listing
+  --fs-price-listing-text-size       : var(--fs-text-size-legend);
   --fs-price-listing-color           : var(--fs-color-text-light);
   --fs-price-listing-text-decoration : line-through;
 
   // Spot
   --fs-price-spot-font-weight        : var(--fs-text-weight-bold);
+  --fs-price-spot-color              : var(--fs-color-text);
 
   // --------------------------------------------------------
   // Variants Styles
   // --------------------------------------------------------
 
   &[data-fs-price-variant="listing"] {
+    font-size: var(--fs-price-listing-text-size);
+    line-height: 1.7;
     color: var(--fs-price-listing-color);
     text-decoration: var(--fs-price-listing-text-decoration);
   }
 
   &[data-fs-price-variant="spot"] {
+    color: var(--fs-price-spot-color);
     font-weight: var(--fs-price-spot-font-weight);
   }
 }

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

@@ -31,7 +31,6 @@
 
   // Prices
   --fs-cart-item-price-gap                : var(--fs-spacing-1);
-  --fs-cart-item-listing-price-text-size  : var(--fs-text-size-legend);
 
 
   // --------------------------------------------------------
@@ -99,7 +98,6 @@
     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] {
@@ -125,4 +123,4 @@
     [data-fs-cart-item-actions] { display: none; }
   }
 
-}
+}

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

@@ -27,6 +27,9 @@
   --fs-gift-icon-color        : var(--fs-gift-title-color);
   --fs-gift-icon-bkg-color    : var(--fs-color-body-bkg);
 
+  // Price
+  --fs-gift-price-size        : var(--fs-text-size-legend);
+
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
@@ -78,6 +81,11 @@
     [data-fs-badge] {
       margin-left: var(--fs-spacing-1);
     }
+
+    [data-fs-price-variant="listing"] {
+      font-size: var(--fs-gift-price-size);
+      line-height: 1.7;
+    }
   }
 
   [data-fs-gift-icon] {

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

@@ -38,8 +38,6 @@
   --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);
@@ -146,11 +144,6 @@
       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] {

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

@@ -0,0 +1,85 @@
+[data-fs-search-history] {
+  // --------------------------------------------------------
+  // Design Tokens for Search History
+  // --------------------------------------------------------
+
+  // Default properties
+  --fs-search-history-padding-top             : var(--fs-spacing-2);
+  --fs-search-history-padding-right           : var(--fs-spacing-3);
+  --fs-search-history-padding-bottom          : var(--fs-search-history-padding-top);
+  --fs-search-history-padding-left            : var(--fs-search-history-padding-right);
+  --fs-search-history-transition-property     : var(--fs-transition-property);
+  --fs-search-history-transition-function     : var(--fs-transition-function);
+  --fs-search-history-transition-timing       : var(--fs-transition-timing);
+
+  // Header
+  --fs-search-history-header-padding-top      : var(--fs-spacing-1);
+  --fs-search-history-header-padding-bottom   : var(--fs-search-history-header-padding-top);
+
+  // Title
+  --fs-search-history-title-size              : var(--fs-text-size-lead);
+  --fs-search-history-title-line-height       : 1.5;
+
+  // Item
+  --fs-search-history-item-column-gap         : var(--fs-spacing-1);
+  --fs-search-history-item-text-size          : var(--fs-text-size-2);
+  --fs-search-history-item-line-height        : 1.25;
+  --fs-search-history-item-bkg-color-hover    : var(--fs-color-tertiary-bkg-hover);
+
+  // Icon
+  --fs-search-history-item-icon-color         : var(--fs-color-neutral-4);
+  --fs-search-history-item-icon-size          : 1.125rem;
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  width: 100%;
+  padding-top: var(--fs-search-history-padding-top);
+  padding-bottom: var(--fs-search-history-padding-bottom);
+
+  [data-fs-search-history-header] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: var(--fs-search-history-min-height);
+    padding: var(--fs-search-history-header-padding-top) var(--fs-search-history-padding-right) var(--fs-search-history-header-padding-bottom) var(--fs-search-history-padding-left);
+    [data-fs-button] { white-space: nowrap; }
+  }
+
+  [data-fs-search-history-title] {
+    width: 100%;
+    font-size: var(--fs-search-history-title-size);
+    line-height: var(--fs-search-history-title-line-height);
+  }
+
+  [data-fs-search-history-item] {
+    display: flex;
+    align-items: center;
+    font-size: var(--fs-search-history-item-text-size);
+    line-height: var(--fs-search-history-item-line-height);
+    transition: var(--fs-search-history-transition-property) var(--fs-search-history-transition-timing) var(--fs-search-history-transition-function);
+
+    &:hover {
+      background-color: var(--fs-search-history-item-bkg-color-hover);
+    }
+
+    [data-fs-search-history-item-link] {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      width: 100%;
+      padding-left: var(--fs-search-history-padding-left);
+      padding-right: var(--fs-search-history-padding-right);
+      column-gap: var(--fs-search-history-item-column-gap);
+    }
+
+    [data-fs-search-history-item-icon] {
+      flex-grow: 0;
+      flex-shrink: 0;
+      width: var(--fs-search-history-item-icon-size);
+      height: var(--fs-search-history-item-icon-size);
+      color: var(--fs-search-history-item-icon-color);
+    }
+  }
+}

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

@@ -19,8 +19,7 @@
 
   // Price
   --fs-search-product-card-price-gap                      : var(--fs-spacing-1);
-  --fs-search-product-card-price-size                     : var(--fs-text-size-2);
-  --fs-search-product-card-price-listing-size             : var(--fs-text-size-1);
+  --fs-search-product-card-price-size                     : var(--fs-text-size-base);
 
   [data-fs-search-product-card-image] {
     display: flex;
@@ -48,14 +47,8 @@
     align-items: baseline;
     column-gap: var(--fs-search-product-card-price-gap);
 
-    [data-fs-price-variant="listing"] {
-      font-size: var(--fs-search-product-card-price-listing-size);
-      line-height: 1.7;
-    }
-
     [data-fs-price-variant="spot"] {
       font-size: var(--fs-search-product-card-price-size);
-      color: var(--fs-product-card-price-color);
     }
   }
 

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

@@ -0,0 +1,77 @@
+[data-fs-search-top] {
+  // --------------------------------------------------------
+  // Design Tokens for Search Top
+  // --------------------------------------------------------
+
+  // Default properties
+  --fs-search-top-padding-top             : var(--fs-spacing-2);
+  --fs-search-top-padding-right           : var(--fs-spacing-3);
+  --fs-search-top-padding-bottom          : var(--fs-search-top-padding-top);
+  --fs-search-top-padding-left            : var(--fs-search-top-padding-right);
+  --fs-search-top-transition-property     : var(--fs-transition-property);
+  --fs-search-top-transition-function     : var(--fs-transition-function);
+  --fs-search-top-transition-timing       : var(--fs-transition-timing);
+
+  // Header
+  --fs-search-top-header-padding-top      : var(--fs-spacing-1);
+  --fs-search-top-header-padding-bottom   : var(--fs-search-top-header-padding-top);
+
+  // Title
+  --fs-search-top-title-padding-top       : var(--fs-spacing-1);
+  --fs-search-top-title-padding-bottom    : var(--fs-search-top-title-padding-top);
+  --fs-search-top-title-size              : var(--fs-text-size-lead);
+  --fs-search-top-title-line-height       : 1.5;
+
+  // Item
+  --fs-search-top-item-column-gap         : var(--fs-spacing-1);
+  --fs-search-top-item-text-size          : var(--fs-text-size-2);
+  --fs-search-top-item-line-height        : 1.25;
+  --fs-search-top-item-bkg-color-hover    : var(--fs-color-tertiary-bkg-hover);
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  width: 100%;
+  padding-top: var(--fs-search-top-padding-top);
+  padding-bottom: var(--fs-search-top-padding-bottom);
+
+  [data-fs-search-top-header] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: var(--fs-search-top-min-height);
+    padding: var(--fs-search-top-header-padding-top) var(--fs-search-top-padding-right) var(--fs-search-top-header-padding-bottom) var(--fs-search-top-padding-left);
+  }
+
+  [data-fs-search-top-title] {
+    width: 100%;
+    font-size: var(--fs-search-top-title-size);
+    line-height: var(--fs-search-top-title-line-height);
+  }
+
+  [data-fs-search-top-item] {
+    display: flex;
+    align-items: center;
+    font-size: var(--fs-search-top-item-text-size);
+    line-height: var(--fs-search-top-item-line-height);
+    transition: var(--fs-search-top-transition-property) var(--fs-search-top-transition-timing) var(--fs-search-top-transition-function);
+
+    &:hover {
+      background-color: var(--fs-search-top-item-bkg-color-hover);
+    }
+
+    [data-fs-search-top-item-link] {
+      display: flex;
+      align-items: flex-end;
+      justify-content: flex-start;
+      width: 100%;
+      padding-left: var(--fs-search-top-padding-left);
+      padding-right: var(--fs-search-top-padding-right);
+      column-gap: var(--fs-search-top-item-column-gap);
+    }
+
+  }
+
+  [data-fs-search-top-item-badge] [data-fs-badge-wrapper] { display: inline-block; }
+}

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

@@ -0,0 +1,84 @@
+[data-fs-slide-over] {
+
+  // --------------------------------------------------------
+  // Design Tokens for Slide Over
+  // --------------------------------------------------------
+
+  // Default properties
+  --fs-slide-over-bkg-color                  : var(--fs-color-body-bkg);
+  --fs-slide-over-transition-timing          : var(--fs-transition-timing);
+
+  // Header
+  --fs-slide-over-header-padding             : var(--fs-spacing-2) var(--fs-spacing-3) var(--fs-spacing-2);
+  --fs-slide-over-header-bkg-color           : var(--fs-color-neutral-0);
+
+  // Partial
+  --fs-slide-over-partial-gap                : calc(2 * var(--fs-grid-padding));
+  --fs-slide-over-partial-width-mobile       : calc(100vw - var(--fs-slide-over-partial-gap));
+
+  --fs-slide-over-partial-width-notebook     : calc(100% / 3);
+  --fs-slide-over-partial-max-width-notebook : calc(var(--fs-grid-breakpoint-notebook) / 3);
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  position: fixed;
+  height: 100vh;
+  background-color: var(--fs-slide-over-bkg-color);
+
+  &[data-fs-slide-over-size="full"] {
+    width: 100vw;
+  }
+
+  &[data-fs-slide-over-size="partial"] {
+    width: var(--fs-slide-over-partial-width-mobile);
+
+    @include media(">=notebook") {
+      width: var(--fs-slide-over-partial-width-notebook);
+      max-width: var(--fs-slide-over-partial-max-width-notebook);
+    }
+  }
+
+  &[data-fs-slide-over-state="in"] {
+    transition: transform var(--fs-slide-over-transition-timing) ease-in;
+    transform: translateX(0);
+  }
+
+  &[data-fs-slide-over-state="out"] {
+    transition: transform var(--fs-slide-over-transition-timing) ease-out;
+  }
+
+  &[data-fs-slide-over-direction="leftSide"] {
+    left: 0;
+
+    &[data-fs-slide-over-state="out"] {
+      transform: translateX(-100%);
+    }
+  }
+
+  &[data-fs-slide-over-direction="rightSide"] {
+    right: 0;
+
+    &[data-fs-slide-over-state="out"] {
+      transform: translateX(100%);
+    }
+  }
+
+  [data-fs-slide-over-header] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--fs-slide-over-header-padding);
+    background-color: var(--fs-slide-over-header-bkg-color);
+
+    [data-fs-slide-over-header-icon] {
+      margin-right: calc(-1 * var(--fs-spacing-1));
+
+      svg {
+        width: 32px;
+        height: 32px;
+      }
+    }
+  }
+}

package/src/index.ts

@@ -1,9 +1,6 @@
 export * from '@faststore/components'
 
 // Atoms
-export { default as Popover } from './components/atoms/Popover'
-export type { PopoverProps } from './components/atoms/Popover'
-
 export { default as TextArea } from './components/atoms/TextArea'
 export type { TextAreaProps } from './components/atoms/TextArea'
 
@@ -17,19 +14,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 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'
 export type { BulletsProps } from './components/molecules/Bullets'
 

package/src/styles/base.scss

@@ -1,3 +1,5 @@
-@import "../base/layout";
-@import "../base/tokens";
-@import "../base/typography";
+@import "./base/utilities";
+@import "./base/typography";
+@import "./base/reset";
+@import "./base/tokens";
+@import "./base/layout";

package/src/styles/components.scss

@@ -33,7 +33,9 @@
 @import "../components/molecules/QuantitySelector/styles";
 @import "../components/molecules/RadioField/styles";
 @import "../components/molecules/Rating/styles";
+@import "../components/molecules/SearchHistory/styles";
 @import "../components/molecules/SearchProductCard/styles";
+@import "../components/molecules/SearchTop/styles";
 @import "../components/molecules/SelectField/styles";
 @import "../components/molecules/Table/styles";
 @import "../components/molecules/Tag/styles";
@@ -44,3 +46,4 @@
 @import "../components/organisms/Hero/styles";
 @import "../components/organisms/PaymentMethods/styles";
 @import "../components/organisms/PriceRange/styles";
+@import "../components/organisms/SlideOver/styles";

package/src/styles/global.scss

@@ -1,4 +1,2 @@
-@import "./utilities";
-@import "./reset";
 @import "./base";
 @import "./components";

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

@@ -1,15 +0,0 @@
-import type { PopoverProps as ReachPopoverProps } from '@reach/popover';
-import type { ReactNode } from 'react';
-export type PopoverProps = Omit<ReachPopoverProps, 'position' | 'targetRef'> & {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * Ref for the component initial position.
-     */
-    targetRef: ReachPopoverProps['targetRef'];
-    children: ReactNode;
-};
-declare const Popover: ({ targetRef, testId, children, ...otherProps }: PopoverProps) => JSX.Element;
-export default Popover;

package/dist/components/atoms/Popover/Popover.js

@@ -1,7 +0,0 @@
-import ReachPopover, { positionDefault } from '@reach/popover';
-import React from 'react';
-const Popover = ({ targetRef, testId = 'store-popover', children, ...otherProps }) => {
-    return (React.createElement(ReachPopover, { "data-fs-popover": true, "data-testid": testId, position: positionDefault, targetRef: targetRef, ...otherProps }, children));
-};
-export default Popover;
-//# sourceMappingURL=Popover.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/atoms/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,EAAE,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,MAAM,GAAG,eAAe,EACxB,QAAQ,EACR,GAAG,UAAU,EACA,EAAE,EAAE;IACjB,OAAO,CACL,oBAAC,YAAY,4CAEE,MAAM,EACnB,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,SAAS,KAChB,UAAU,IAEb,QAAQ,CACI,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

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

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

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

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

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

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

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

package/dist/components/molecules/Card/Card.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/molecules/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,MAAM,GAAG,YAAY,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClD,GAAG;IAEH,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU,IAChE,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/components/molecules/Card/CardActions.d.ts

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

package/dist/components/molecules/Card/CardActions.js

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

package/dist/components/molecules/Card/CardActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../src/components/molecules/Card/CardActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,4CAAiC,MAAM,KAAM,UAAU,IACjE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/molecules/Card/CardContent.d.ts

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

package/dist/components/molecules/Card/CardContent.js

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

package/dist/components/molecules/Card/CardContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../src/components/molecules/Card/CardContent.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,iCAAS,GAAG,EAAE,GAAG,4CAAiC,MAAM,KAAM,UAAU,IACrE,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/molecules/Card/CardImage.d.ts

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

package/dist/components/molecules/Card/CardImage.js

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

package/dist/components/molecules/Card/CardImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardImage.js","sourceRoot":"","sources":["../../../../src/components/molecules/Card/CardImage.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,0CAA+B,MAAM,KAAM,UAAU,IAC/D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

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

@@ -1,8 +0,0 @@
-export { default } from './Card';
-export type { CardProps } from './Card';
-export { default as CardImage } from './CardImage';
-export type { CardImageProps } from './CardImage';
-export { default as CardContent } from './CardContent';
-export type { CardContentProps } from './CardContent';
-export { default as CardActions } from './CardActions';
-export type { CardActionsProps } from './CardActions';

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

@@ -1,5 +0,0 @@
-export { default } from './Card';
-export { default as CardImage } from './CardImage';
-export { default as CardContent } from './CardContent';
-export { default as CardActions } from './CardActions';
-//# sourceMappingURL=index.js.map

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

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

package/src/components/atoms/Popover/Popover.tsx

@@ -1,37 +0,0 @@
-import type { PopoverProps as ReachPopoverProps } from '@reach/popover'
-import ReachPopover, { positionDefault } from '@reach/popover'
-import type { ReactNode } from 'react'
-import React from 'react'
-
-export type PopoverProps = Omit<ReachPopoverProps, 'position' | 'targetRef'> & {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  /**
-   * Ref for the component initial position.
-   */
-  targetRef: ReachPopoverProps['targetRef']
-  children: ReactNode
-}
-
-const Popover = ({
-  targetRef,
-  testId = 'store-popover',
-  children,
-  ...otherProps
-}: PopoverProps) => {
-  return (
-    <ReachPopover
-      data-fs-popover
-      data-testid={testId}
-      position={positionDefault}
-      targetRef={targetRef}
-      {...otherProps}
-    >
-      {children}
-    </ReachPopover>
-  )
-}
-
-export default Popover

package/src/components/atoms/Popover/index.ts

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

package/src/components/molecules/Card/Card.tsx

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

package/src/components/molecules/Card/CardActions.tsx

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

package/src/components/molecules/Card/CardContent.tsx

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

package/src/components/molecules/Card/CardImage.tsx

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

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

@@ -1,11 +0,0 @@
-export { default } from './Card'
-export type { CardProps } from './Card'
-
-export { default as CardImage } from './CardImage'
-export type { CardImageProps } from './CardImage'
-
-export { default as CardContent } from './CardContent'
-export type { CardContentProps } from './CardContent'
-
-export { default as CardActions } from './CardActions'
-export type { CardActionsProps } from './CardActions'