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

package/dist/index.d.ts

@@ -3,8 +3,6 @@ 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 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 Incentive } from './components/atoms/Incentive';
@@ -27,16 +25,12 @@ export { default as SearchInput } from './components/molecules/SearchInput';
 export type { SearchInputProps, SearchInputRef, } from './components/molecules/SearchInput';
 export { default as Carousel } from './components/molecules/Carousel';
 export type { CarouselProps } from './components/molecules/Carousel';
-export { default as Modal } from './components/molecules/Modal';
-export type { ModalProps } from './components/molecules/Modal';
 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 PriceRange } from './components/molecules/PriceRange';
-export type { PriceRangeProps } from './components/molecules/PriceRange';
 export { default as Form } from './components/molecules/Form';
 export type { FormProps } from './components/molecules/Form';
 export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './components/organisms/OutOfStock';

package/dist/index.js

@@ -2,7 +2,6 @@ export * from '@faststore/components';
 // Atoms
 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 Incentive } from './components/atoms/Incentive';
 // Molecules
@@ -15,11 +14,9 @@ export { default as CartItem, CartItemActions, CartItemContent, CartItemImage, C
 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 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 PriceRange } from './components/molecules/PriceRange';
 export { default as Form } from './components/molecules/Form';
 // Organisms
 export { default as OutOfStock, OutOfStockTitle, OutOfStockMessage, } from './components/organisms/OutOfStock';

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,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"}
+{"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,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,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "2.0.53-alpha.0",
+  "version": "2.0.56-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": "a9a211450d2173e08fd8b8dcf4a6da4d78590a71"
+  "gitHead": "6afa204ec28032832e3867f805fbc5bcbbed4aab"
 }

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

@@ -0,0 +1,137 @@
+[data-fs-slider] {
+  // --------------------------------------------------------
+  // Design Tokens for Slider
+  // --------------------------------------------------------
+
+  // Default properties
+  --fs-slider-height                      : var(--fs-spacing-2);
+  --fs-slider-border-radius               : var(--fs-border-radius-pill);
+  --fs-slider-margin-bottom               : var(--fs-spacing-3);
+
+  --fs-slider-bkg-color                   : var(--fs-color-neutral-bkg);
+  --fs-slider-selection-bkg-color         : var(--fs-color-primary-bkg-light-active);
+
+  --fs-slider-transition-function         : var(--fs-transition-function);
+  --fs-slider-transition-property         : var(--fs-transition-property);
+  --fs-slider-transition-timing           : var(--fs-transition-timing);
+
+  // Thumb
+  --fs-slider-thumb-size                  : var(--fs-spacing-4);
+  --fs-slider-thumb-bkg-color             : var(--fs-color-primary-bkg);
+  --fs-slider-thumb-bkg-color-hover       : var(--fs-color-primary-bkg-hover);
+  --fs-slider-thumb-border-width          : var(--fs-border-width);
+  --fs-slider-thumb-border-radius         : var(--fs-border-radius-circle);
+  --fs-slider-thumb-border-color          : var(--fs-slider-thumb-bkg-color);
+  --fs-slider-thumb-border-color-hover    : var(--fs-slider-thumb-bkg-color-hover);
+
+  // Absolute Values
+  --fs-slider-absolute-values-text-color  : var(--fs-color-disabled-text);
+
+  // Value Label
+  --fs-slider-value-label-bottom          : var(--fs-spacing-3);
+  --fs-slider-value-label-bkg-color       : var(--fs-color-body-bkg);
+
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  width: 100%;
+
+  [data-fs-slider-wrapper] {
+    position: relative;
+    width: 100%;
+    height: var(--fs-slider-height);
+    margin-bottom: var(--fs-slider-margin-bottom);
+    background-color: var(--fs-slider-bkg-color);
+    border-radius: var(--fs-slider-border-radius);
+  }
+
+  [data-fs-slider-range] {
+    position: absolute;
+    height: var(--fs-slider-height);
+    background-color: var(--fs-slider-selection-bkg-color);
+    border-radius: var(--fs-slider-border-radius);
+  }
+
+  // Thumb styles for Webkit based browsers (Chrome, Edge)
+  [data-fs-slider-thumb],
+  [data-fs-slider-thumb]::-webkit-slider-thumb {
+    width: var(--fs-slider-thumb-size);
+    height: var(--fs-slider-thumb-size);
+    pointer-events: auto;
+    cursor: col-resize;
+    background-color: var(--fs-slider-thumb-bkg-color);
+    border: var(--fs-slider-thumb-border-width) solid var(--fs-slider-thumb-border-color);
+    border-radius: var(--fs-slider-thumb-border-radius);
+    -webkit-tap-highlight-color: transparent;
+    appearance: none;
+    transition: var(--fs-slider-transition-property) var(--fs-slider-transition-timing) var(--fs-slider-transition-function);
+
+    &:hover {
+      background-color: var(--fs-slider-thumb-bkg-color-hover);
+      border-color: var(--fs-slider-thumb-border-color-hover);
+    }
+  }
+
+  // Thumb styles for Mozilla
+  [data-fs-slider-thumb]::-moz-range-thumb {
+    width: var(--fs-slider-thumb-size);
+    height: var(--fs-slider-thumb-size);
+    pointer-events: auto;
+    cursor: col-resize;
+    background-color: var(--fs-slider-thumb-bkg-color);
+    border: var(--fs-slider-thumb-border-width) solid var(--fs-slider-thumb-border-color);
+    border-radius: var(--fs-slider-thumb-radius);
+  }
+
+  [data-fs-slider-thumb] {
+    position: absolute;
+    width: inherit;
+    height: 0;
+    margin: calc(var(--fs-slider-height) / 2) 0;
+    pointer-events: none;
+    border: none;
+  }
+
+  [data-fs-slider-thumb="left"] {
+    z-index: 1;
+
+    &:hover + [data-fs-slider-value-label="min"] {
+      opacity: 1;
+    }
+  }
+
+  [data-fs-slider-thumb="right"] {
+    z-index: 2;
+
+    &:hover + [data-fs-slider-value-label="max"] {
+      opacity: 1;
+    }
+  }
+
+  [data-fs-slider-value-label] {
+    position: absolute;
+    bottom: var(--fs-slider-value-label-bottom);
+    padding: var(--fs-spacing-1);
+    background-color: var(--fs-slider-value-label-bkg-color);
+    opacity: 0;
+    transition: opacity var(--fs-slider-transition-timing) var(--fs-slider-transition-function);
+  }
+
+  [data-fs-slider-value-label="min"] {
+    text-align: left;
+    transform: translateX(-1rem);
+  }
+
+  [data-fs-slider-value-label="max"] {
+    text-align: right;
+    transform: translateX(calc(-100% + 1.25rem));
+  }
+
+  [data-fs-slider-absolute-values] {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: var(--fs-spacing-2);
+    color: var(--fs-slider-absolute-values-text-color);
+  }
+}

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

@@ -0,0 +1,97 @@
+[data-fs-modal] {
+  // --------------------------------------------------------
+  // Design Tokens for Modal
+  // --------------------------------------------------------
+
+  // Default properties
+  --fs-modal-position-top                          : 30vh;
+  --fs-modal-position-right                        : var(--fs-spacing-4);
+  --fs-modal-position-left                         : var(--fs-spacing-4);
+  --fs-modal-max-width                             : calc(var(--fs-grid-breakpoint-desktop) / 3);
+  --fs-modal-min-height                            : var(--fs-spacing-5);
+  --fs-modal-margin                                : auto;
+  --fs-modal-background-color                      : var(--fs-color-body-bkg);
+  --fs-modal-border-radius                         : var(--fs-border-radius);
+
+  --fs-modal-width-tablet                          : calc(100vw / 3);
+  --fs-modal-min-width-tablet                      : calc(var(--fs-grid-breakpoint-desktop) / 3);
+
+  --fs-modal-transition-timing                     : var(--fs-transition-timing);
+  --fs-modal-transition-property                   : transform;
+  --fs-modal-transition-in-function                : ease-in;
+  --fs-modal-transition-out-function               : ease-in;
+
+  // Header
+  --fs-modal-header-padding                        : var(--fs-spacing-4) var(--fs-spacing-7) var(--fs-spacing-4) var(--fs-spacing-4);
+
+  // Header Title
+  --fs-modal-header-title-margin-bottom            : .625rem;
+  --fs-modal-header-title-size                     : var(--fs-text-size-lead);
+  --fs-modal-header-title-weight                   : var(--fs-text-weight-bold);
+  --fs-modal-header-title-line-height              : 1.2;
+
+  // Header Description
+  --fs-modal-header-description-size               : var(--fs-text-size-body);
+  --fs-modal-header-description-line-height        : 1.5;
+  --fs-modal-header-description-color              : var(--fs-color-text-light);
+
+  // Header Close Button
+  --fs-modal-header-close-button-position-top      : 0;
+  --fs-modal-header-close-button-position-right    : 0;
+
+  // Body
+  --fs-modal-body-padding                          : var(--fs-spacing-1) var(--fs-spacing-4) var(--fs-spacing-5);
+
+  position: fixed;
+  top: var(--fs-modal-position-top);
+  right: var(--fs-modal-position-right);
+  left: var(--fs-modal-position-left);
+  max-width: var(--fs-modal-max-width);
+  min-height: var(--fs-modal-min-height);
+  margin: var(--fs-modal-margin);
+  background-color: var(--fs-modal-background-color);
+  border-radius: var(--fs-modal-border-radius);
+
+  @include media(">=tablet") {
+    width: var(--fs-modal-width-tablet);
+    min-width: var(--fs-modal-min-width-tablet);
+  }
+
+  &[data-fs-modal-state="in"] {
+    transition: var(--fs-modal-transition-property) var(--fs-modal-transition-timing) var(--fs-modal-transition-in-function);
+    transform: translate3d(0, 0, 0);
+  }
+
+  &[data-fs-modal-state="out"] {
+    transition: var(--fs-modal-transition-property) var(--fs-modal-transition-timing) var(--fs-modal-transition-in-function);
+    transform: translate3d(0, 50%, 0);
+  }
+
+  [data-fs-modal-header] {
+    position: relative;
+    padding: var(--fs-modal-header-padding);
+
+    [data-fs-modal-header-title] {
+      margin-bottom: var(--fs-modal-header-title-margin-bottom);
+      font-size: var(--fs-modal-header-title-size);
+      font-weight: var(--fs-modal-header-title-weight);
+      line-height: var(--fs-modal-header-title-line-height);
+    }
+
+    [data-fs-modal-header-description] {
+      font-size: var(--fs-modal-header-description-size);
+      line-height: var(--fs-modal-header-description-line-height);
+      color: var(--fs-modal-header-description-color);
+    }
+
+    [data-fs-modal-header-close-button] {
+      position: absolute;
+      top: var(--fs-modal-header-close-button-position-top);
+      right: var(--fs-modal-header-close-button-position-right);
+    }
+  }
+
+  [data-fs-modal-body] {
+    padding: var(--fs-modal-body-padding);
+  }
+}

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

@@ -0,0 +1,36 @@
+[data-fs-price-range] {
+  // --------------------------------------------------------
+  // Structural Styles
+  // --------------------------------------------------------
+
+  width: 100%;
+
+  [data-fs-price-range-inputs] {
+    display: flex;
+
+    [data-fs-input-field] {
+      width: 50%;
+
+      input:hover,
+      input:focus-visible,
+      input:focus {
+        z-index: 1;
+        + label { z-index: 1; }
+      }
+
+      &:first-of-type {
+        margin-right: -1px;
+
+        input {
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+        }
+      }
+
+      &:last-of-type input {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+  }
+}

package/src/index.ts

@@ -7,9 +7,6 @@ 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 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'
 
@@ -83,9 +80,6 @@ export type {
 export { default as Carousel } from './components/molecules/Carousel'
 export type { CarouselProps } from './components/molecules/Carousel'
 
-export { default as Modal } from './components/molecules/Modal'
-export type { ModalProps } from './components/molecules/Modal'
-
 export {
   default as Banner,
   BannerContent,
@@ -105,9 +99,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 PriceRange } from './components/molecules/PriceRange'
-export type { PriceRangeProps } from './components/molecules/PriceRange'
-
 export { default as Form } from './components/molecules/Form'
 export type { FormProps } from './components/molecules/Form'
 

package/src/styles/components.scss

@@ -11,6 +11,7 @@
 @import "../components/atoms/Price/styles";
 @import "../components/atoms/Radio/styles";
 @import "../components/atoms/Select/styles";
+@import "../components/atoms/Slider/styles";
 @import "../components/atoms/SROnly/styles";
 
 // Molecules
@@ -23,6 +24,7 @@
 @import "../components/molecules/Gift/styles";
 @import "../components/molecules/InputField/styles";
 @import "../components/molecules/LinkButton/styles";
+@import "../components/molecules/Modal/styles";
 @import "../components/molecules/QuantitySelector/styles";
 @import "../components/molecules/RadioField/styles";
 @import "../components/molecules/Rating/styles";
@@ -34,3 +36,4 @@
 
 // Organisms
 @import "../components/organisms/Hero/styles";
+@import "../components/organisms/PriceRange/styles";

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

@@ -1,67 +0,0 @@
-/**
- * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
- */
-import React from 'react';
-import type { ReactNode } from 'react';
-interface Range {
-    absolute: number;
-    selected: number;
-}
-export type SliderProps = {
-    /**
-     * The minimum value of the slider.
-     */
-    min: Range;
-    /**
-     * The maximum value of the slider.
-     */
-    max: Range;
-    /**
-     * Specifies the number interval to be used in the inputs.
-     */
-    step?: number;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     *
-     * @default 'store-slider'
-     */
-    testId?: string;
-    /**
-     * Callback that fires when the slider value changes.
-     */
-    onChange?: (value: {
-        min: number;
-        max: number;
-    }) => void;
-    /**
-     * Callback that fires when the slider value ends changing.
-     */
-    onEnd?: (value: {
-        min: number;
-        max: number;
-    }) => void;
-    /**
-     * A function used to set a human-readable value text based on the slider's current value.
-     */
-    getAriaValueText?(value: number, thumb?: 'min' | 'max'): string;
-    /**
-     * Returns the value of element's class content attribute.
-     */
-    className?: string;
-    /**
-     * Component that renders min value label above the left thumb.
-     */
-    minValueLabelComponent?: (minValue: number) => ReactNode;
-    /**
-     * Component that renders max value label above the right thumb.
-     */
-    maxValueLabelComponent?: (maxValue: number) => ReactNode;
-};
-type SliderRefType = {
-    setSliderValues: (values: {
-        min: number;
-        max: number;
-    }) => void;
-};
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRefType | undefined>>;
-export default Slider;

package/dist/components/atoms/Slider/Slider.js

@@ -1,48 +0,0 @@
-/**
- * This code is inspired by the work of [sandra-lewis](https://codesandbox.io/u/sandra-lewis)
- */
-import React, { useState, useMemo, useImperativeHandle, forwardRef, } from 'react';
-const percent = (value, min, max) => Math.round(((value - min) / (max - min)) * 100);
-const Slider = forwardRef(function Slider({ min, max, onChange, onEnd, testId = 'store-slider', getAriaValueText, className, step, minValueLabelComponent, maxValueLabelComponent, }, ref) {
-    const widthPercent = useMemo(() => (max.absolute - min.absolute) / 100, [max.absolute, min.absolute]);
-    const [minPercent, setMinPercent] = useState(() => percent(min.selected, min.absolute, max.absolute));
-    const [maxPercent, setMaxPercent] = useState(() => percent(max.selected, min.absolute, max.absolute));
-    const [minVal, setMinVal] = useState(() => Math.round(min.absolute + minPercent * widthPercent));
-    const [maxVal, setMaxVal] = useState(() => Math.round(min.absolute + maxPercent * widthPercent));
-    useImperativeHandle(ref, () => ({
-        setSliderValues: (values) => {
-            const sliderMinValue = Math.min(Number(values.min), maxVal);
-            setMinVal(sliderMinValue);
-            setMinPercent(percent(sliderMinValue, min.absolute, max.absolute));
-            if (values.max > max.absolute) {
-                setMaxVal(max.absolute);
-                setMaxPercent(percent(max.absolute, min.absolute, max.absolute));
-                return;
-            }
-            const sliderMaxValue = Math.max(Number(values.max), minVal);
-            setMaxVal(sliderMaxValue);
-            setMaxPercent(percent(sliderMaxValue, min.absolute, max.absolute));
-        },
-    }));
-    return (React.createElement("div", { "data-fs-slider": true, "data-testid": testId, className: className },
-        React.createElement("div", { "data-slider-range": true, style: {
-                left: `${minPercent}%`,
-                width: `${maxPercent - minPercent}%`,
-            } }),
-        React.createElement("input", { type: "range", min: Math.round(min.absolute), max: Math.round(max.absolute), value: minVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
-                const minValue = Math.min(Number(event.target.value), maxVal);
-                setMinVal(minValue);
-                setMinPercent(percent(minValue, min.absolute, max.absolute));
-                onChange?.({ min: minValue, max: maxVal });
-            }, "data-slider-thumb": "left", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": minVal, "aria-label": String(minVal), "aria-labelledby": getAriaValueText?.(minVal, 'min') }),
-        minValueLabelComponent && minValueLabelComponent(minVal),
-        React.createElement("input", { type: "range", min: Math.round(min.absolute), max: Math.round(max.absolute), value: maxVal, step: step, onMouseUp: () => onEnd?.({ min: minVal, max: maxVal }), onTouchEnd: () => onEnd?.({ min: minVal, max: maxVal }), onChange: (event) => {
-                const maxValue = Math.max(Number(event.target.value), minVal);
-                setMaxVal(maxValue);
-                setMaxPercent(percent(maxValue, min.absolute, max.absolute));
-                onChange?.({ min: minVal, max: maxValue });
-            }, "data-slider-thumb": "right", "aria-valuemin": min.absolute, "aria-valuemax": max.absolute, "aria-valuenow": maxVal, "aria-label": String(maxVal), "aria-labelledby": getAriaValueText?.(maxVal, 'max') }),
-        maxValueLabelComponent && maxValueLabelComponent(maxVal)));
-});
-export default Slider;
-//# sourceMappingURL=Slider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/Slider.tsx"],"names":[],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1,25 +0,0 @@
-import type { AriaAttributes, KeyboardEvent, MouseEvent, PropsWithChildren } from 'react';
-import React from 'react';
-import type { ModalContentProps } from './ModalContent';
-export interface ModalProps extends ModalContentProps {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * Identifies the element (or elements) that labels the current element.
-     * @see aria-labelledby https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby
-     */
-    'aria-labelledby'?: AriaAttributes['aria-label'];
-    /**
-     * This function is called whenever the user hits "Escape" or clicks outside
-     * the dialog.
-     */
-    onDismiss?: (event: MouseEvent | KeyboardEvent) => void;
-    /**
-     * Controls whether or not the dialog is open.
-     */
-    isOpen: boolean;
-}
-declare const Modal: ({ isOpen, children, onDismiss, testId, ...otherProps }: PropsWithChildren<ModalProps>) => React.ReactPortal | null;
-export default Modal;

package/dist/components/molecules/Modal/Modal.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { createPortal } from 'react-dom';
-import { Overlay } from '@faststore/components';
-import ModalContent from './ModalContent';
-/*
- * This component is based on @reach/dialog.
- * https://github.com/reach/reach-ui/blob/main/packages/dialog/src/index.tsx
- * https://reach.tech/dialog
- */
-const Modal = ({ isOpen, children, onDismiss, testId = 'store-modal', ...otherProps }) => {
-    const handleBackdropClick = (event) => {
-        if (event.defaultPrevented) {
-            return;
-        }
-        event.stopPropagation();
-        onDismiss?.(event);
-    };
-    const handleBackdropKeyDown = (event) => {
-        if (event.key !== 'Escape' || event.defaultPrevented) {
-            return;
-        }
-        event.stopPropagation();
-        onDismiss?.(event);
-    };
-    return isOpen
-        ? createPortal(React.createElement(Overlay, { onClick: handleBackdropClick, onKeyDown: handleBackdropKeyDown },
-            React.createElement(ModalContent, { ...otherProps, testId: testId }, children)), document.body)
-        : null;
-};
-export default Modal;
-//# sourceMappingURL=Modal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/molecules/Modal/Modal.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAwBzC;;;;GAIG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,MAAM,EACN,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,aAAa,EACtB,GAAG,UAAU,EACiB,EAAE,EAAE;IAClC,MAAM,mBAAmB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAChD,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACrD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE;YACpD,OAAM;SACP;QAED,KAAK,CAAC,eAAe,EAAE,CAAA;QACvB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,OAAO,MAAM;QACX,CAAC,CAAC,YAAY,CACV,oBAAC,OAAO,IACN,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,qBAAqB;YAEhC,oBAAC,YAAY,OAAK,UAAU,EAAE,MAAM,EAAE,MAAM,IACzC,QAAQ,CACI,CACP,EACV,QAAQ,CAAC,IAAI,CACd;QACH,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/molecules/Modal/ModalContent.d.ts

@@ -1,10 +0,0 @@
-import type { DetailedHTMLProps, HTMLAttributes, RefObject } from 'react';
-interface ModalContentPureProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    beforeElementRef: RefObject<HTMLDivElement>;
-    trapFocusRef: RefObject<HTMLDivElement>;
-    afterElementRef: RefObject<HTMLDivElement>;
-    testId?: string;
-}
-export type ModalContentProps = Omit<ModalContentPureProps, 'trapFocusRef' | 'onClick' | 'beforeElementRef' | 'afterElementRef'>;
-declare const ModalContent: ({ children, ...otherProps }: ModalContentProps) => JSX.Element;
-export default ModalContent;

package/dist/components/molecules/Modal/ModalContent.js

@@ -1,23 +0,0 @@
-import React, { useRef } from 'react';
-import useTrapFocus from './useTrapFocus';
-const ModalContentPure = ({ beforeElementRef, trapFocusRef, afterElementRef, testId = 'store-modal-content', children, ...otherProps }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: beforeElementRef, "data-testid": "beforeElement", tabIndex: 0, "aria-hidden": "true" }),
-        React.createElement("div", { "data-fs-modal-content": true, "data-testid": testId, ref: trapFocusRef, "aria-modal": "true", role: "dialog", tabIndex: -1, ...otherProps }, children),
-        React.createElement("div", { ref: afterElementRef, "data-testid": "afterElement", tabIndex: 0, "aria-hidden": "true" })));
-};
-const ModalContent = ({ children, ...otherProps }) => {
-    const trapFocusRef = useRef(null);
-    const beforeElementRef = useRef(null);
-    const afterElementRef = useRef(null);
-    useTrapFocus({
-        beforeElementRef,
-        trapFocusRef,
-        afterElementRef,
-    });
-    return (React.createElement(ModalContentPure, { ...otherProps, trapFocusRef: trapFocusRef, beforeElementRef: beforeElementRef, afterElementRef: afterElementRef, onClick: (event) => {
-            event.stopPropagation();
-        } }, children));
-};
-export default ModalContent;
-//# sourceMappingURL=ModalContent.js.map

package/dist/components/molecules/Modal/ModalContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/molecules/Modal/ModalContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAazC,MAAM,gBAAgB,GAAG,CAAC,EACxB,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,MAAM,GAAG,qBAAqB,EAC9B,QAAQ,EACR,GAAG,UAAU,EACS,EAAE,EAAE;IAC1B,OAAO,CACL;QACE,6BACE,GAAG,EAAE,gBAAgB,iBACT,eAAe,EAC3B,QAAQ,EAAE,CAAC,iBACC,MAAM,GAClB;QACF,2EAEe,MAAM,EACnB,GAAG,EAAE,YAAY,gBACN,MAAM,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,KACR,UAAU,IAEb,QAAQ,CACL;QACN,6BACE,GAAG,EAAE,eAAe,iBACR,cAAc,EAC1B,QAAQ,EAAE,CAAC,iBACC,MAAM,GAClB,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,EAAE,EAAE;IACtE,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACjD,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACrD,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEpD,YAAY,CAAC;QACX,gBAAgB;QAChB,YAAY;QACZ,eAAe;KAChB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,gBAAgB,OACX,UAAU,EACd,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;YAC7B,KAAK,CAAC,eAAe,EAAE,CAAA;QACzB,CAAC,IAEA,QAAQ,CACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

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

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

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

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

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