@faststore/ui 2.0.122-alpha.0 → 2.0.132-alpha.0

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

@@ -117,10 +117,10 @@
 
     [data-fs-button] {
       position: absolute;
-      top: var(--fs-spacing-1);
-      right: var(--fs-spacing-1);
+      top: 0;
+      right: 0;
 
-      &::before {
+      [data-fs-button-wrapper]::before {
         position: absolute;
         left: calc(-1 * var(--fs-spacing-1));
         width: 1px;
@@ -129,11 +129,5 @@
         background-color: var(--fs-input-field-border-color);
       }
     }
-
-    [data-fs-button][data-fs-icon-button] {
-      &::before {
-        left: calc(-1 * var(--fs-spacing-1));
-      }
-    }
   }
 }

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

@@ -2,8 +2,7 @@
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
+  text-decoration: none;
 
-  &:hover { text-decoration: none; }
-    
   &:disabled, &[data-fs-button-disabled="true"] { pointer-events: none; }
 }

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

@@ -3,9 +3,6 @@
   // Design Tokens for Navbar Links
   // --------------------------------------------------------
 
-  --fs-navbar-links-padding-top-notebook             : var(--fs-spacing-1);
-  --fs-navbar-links-padding-bottom-notebook          : var(--fs-navbar-links-padding-top-notebook);
-
   --fs-navbar-links-bkg-color                        : var(--fs-color-body-bkg);
 
   --fs-navbar-links-transition-property              : var(--fs-transition-property);
@@ -57,7 +54,7 @@
     margin-left: calc(-1 * var(--fs-spacing-1));
 
     // TODO: remove this after navbar 2.0 is implemented
-    &[data-fs-button-variant="tertiary"] {
+    &[data-fs-button-variant="tertiary"] [data-fs-button-wrapper] {
       color: var(--fs-color-text-display);
     }
 
@@ -67,18 +64,24 @@
   }
 
   @include media(">=notebook") {
-    padding-top: var(--fs-navbar-links-padding-top-notebook);
-    padding-bottom: var(--fs-navbar-links-padding-bottom-notebook);
-
     [data-fs-navbar-links-list] {
+      position: relative;
       display: flex;
+      align-items: center;
       column-gap: var(--fs-spacing-3);
       padding-left: var(--fs-navbar-links-list-padding-left-notebook);
       margin-left: var(--fs-navbar-links-list-margin-left-notebook);
-      border-left: var(--fs-navbar-links-list-border-left-width-notebook) solid var(--fs-navbar-links-list-border-left-color-notebook);
+      &::before {
+        position: absolute;
+        left: calc(-1 * var(--fs-spacing-1));
+        width: var(--fs-navbar-links-list-border-left-width-notebook);
+        height: 60%;
+        content: "";
+        background-color: var(--fs-navbar-links-list-border-left-color-notebook);
+      }
     }
 
-    [data-fs-navbar-links-list-item] {
+    [data-fs-navbar-links-list-item] > [data-fs-link] {
       width: var(--fs-navbar-links-link-width-notebook);
       padding: var(--fs-navbar-links-link-padding-notebook);
     }

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

@@ -19,28 +19,17 @@
   --fs-qty-selector-border-color              : var(--fs-border-color);
   --fs-qty-selector-border-color-hover        : var(--fs-border-color-active);
 
-  // Text
   --fs-qty-selector-text-size                 : var(--fs-text-size-base);
   --fs-qty-selector-text-color                : var(--fs-color-text);
-  --fs-qty-selector-text-color-hover          : var(--fs-qty-selector-text-color);
-
-  // Icon
-  --fs-qty-selector-icon-color                : var(--fs-color-link);
 
   // Button
-  --fs-qty-selector-button-shadow             : none;
-  --fs-qty-selector-button-shadow-hover       : none;
   --fs-qty-selector-button-bkg-color          : transparent;
-  --fs-qty-selector-button-bkg-color-hover    : var(--fs-color-primary-bkg-light);
-  --fs-qty-selector-button-bkg-color-focus    : var(--fs-qty-selector-button-bkg-color-hover);
   --fs-qty-selector-button-border-radius      : var(--fs-qty-selector-border-radius);
 
   // Disabled
   --fs-qty-selector-disabled-bkg-color        : var(--fs-color-disabled-bkg);
   --fs-qty-selector-disabled-text-color       : var(--fs-color-disabled-text);
-  --fs-qty-selector-disabled-icon-color       : var(--fs-border-color-light-disabled);
   --fs-qty-selector-disabled-border-color     : var(--fs-qty-selector-disabled-bkg-color);
-  --fs-qty-selector-disabled-button-bkg-color : var(--fs-qty-selector-button-bkg-color-hover);
 
   // --------------------------------------------------------
   // Structural Styles
@@ -56,12 +45,6 @@
   border-radius: var(--fs-qty-selector-border-radius);
   box-shadow: var(--fs-qty-selector-shadow);
 
-  [data-fs-icon] {
-    margin: 0;
-    line-height: 0;
-    color: var(--fs-qty-selector-icon-color);
-  }
-
   [data-quantity-selector-input] {
     width: 100%;
     height: 100%;
@@ -69,74 +52,34 @@
     font-size: var(--fs-qty-selector-text-size);
     color: var(--fs-qty-selector-text-color);
     text-align: center;
+    border: var(--fs-qty-selector-border-width) solid var(--fs-qty-selector-border-color);
   }
 
   [data-quantity-selector-button] {
     position: absolute;
-    background-color: var(--fs-qty-selector-button-bkg-color);
-
-    [data-fs-button-icon] {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 100%;
-      border-radius: var(--fs-qty-selector-button-border-radius);
-      box-shadow: var(--fs-qty-selector-button-shadow);
-    }
 
-    &[data-fs-icon-button] {
-      padding: var(--fs-spacing-1);
+    [data-fs-button-wrapper] { border-radius: var(--fs-qty-selector-button-border-radius); }
+
+    &:not(:hover):not(:focus-visible) {
+      [data-fs-button-wrapper] {
+        background-color: var(--fs-qty-selector-button-bkg-color);
+      }
     }
 
     &:first-of-type { left: 0; }
-
     &:last-of-type { right: 0; }
 
-    &:hover:not(:disabled) [data-fs-button-icon] {
-      background-color: var(--fs-qty-selector-button-bkg-color-hover);
-      box-shadow: var(--fs-qty-selector-button-shadow-hover);
-    }
-
     &:disabled {
-      cursor: not-allowed;
-      background-color: var(--fs-qty-selector-button-bkg-color);
-
-      &:hover, &:focus-visible {
+      [data-fs-button-wrapper],
+      &:hover [data-fs-button-wrapper],
+      &:focus-visible [data-fs-button-wrapper] {
         background-color: var(--fs-qty-selector-button-bkg-color);
       }
-
-      [data-fs-button-icon] {
-        color: var(--fs-qty-selector-disabled-icon-color);
-      }
-    }
-
-    &:hover:not(:disabled) {
-      background-color: transparent;
-      box-shadow: none;
-    }
-
-    &:focus:not(:disabled) {
-      background-color: transparent;
-      box-shadow: none;
-    }
-
-    &:focus-visible {
-      background-color: var(--fs-qty-selector-button-bkg-color);
-      outline: none;
-      box-shadow: none;
-
-      [data-fs-button-icon] {
-        @include focus-ring;
-
-        background-color: var(--fs-qty-selector-button-bkg-color-focus);
-      }
     }
   }
 
   &:hover {
     [data-quantity-selector-input]:not(:disabled):not(:focus) {
-      color: var(--fs-qty-selector-text-color-hover);
       background-color: var(--fs-qty-selector-bkg-color-hover);
       border-color: var(--fs-qty-selector-border-color-hover);
       border-width: var(--fs-qty-selector-border-width-hover);
@@ -144,14 +87,16 @@
     }
   }
 
-  // --------------------------------------------------------
-  // Variants Styles
-  // --------------------------------------------------------
+}
 
-  &[data-fs-quantity-selector="disabled"] {
-    [data-quantity-selector-input] {
-      border-color: var(--fs-qty-selector-disabled-border-color);
-    }
-    [data-quantity-selector-button]:hover [data-fs-button-icon] { background-color: transparent; }
+// --------------------------------------------------------
+// Variants Styles
+// --------------------------------------------------------
+
+[data-fs-quantity-selector="disabled"] {
+  [data-quantity-selector-input] {
+    background-color: var(--fs-qty-selector-disabled-bkg-color);
+    border-color: var(--fs-qty-selector-disabled-border-color);
+    color: var(--fs-qty-selector-disabled-text-color);
   }
 }

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

@@ -5,7 +5,7 @@
 
   // Default properties
   --fs-region-bar-width                    : 100%;
-  --fs-region-bar-padding                  : var(--fs-spacing-0) var(--fs-spacing-2) var(--fs-spacing-0) var(--fs-spacing-3);
+  --fs-region-bar-padding                  : var(--fs-spacing-0) var(--fs-spacing-1) var(--fs-spacing-1) var(--fs-spacing-2);
 
   --fs-region-bar-text-color               : var(--fs-color-text-display);
 
@@ -32,14 +32,17 @@
 
   [data-fs-button] {
     width: var(--fs-region-bar-width);
-    padding: var(--fs-region-bar-padding);
-    color: var(--fs-region-bar-text-color);
-    background-color: var(--fs-region-bar-bkg-color);
-    border-bottom: var(--fs-region-bar-border-bottom-width) solid var(--fs-region-bar-border-bottom-color);
-    border-radius: 0;
-
-    > span {
-      display: contents;
+
+    [data-fs-button-wrapper]{
+      padding: var(--fs-region-bar-padding);
+      color: var(--fs-region-bar-text-color);
+      background-color: var(--fs-region-bar-bkg-color);
+      border-bottom: var(--fs-region-bar-border-bottom-width) solid var(--fs-region-bar-border-bottom-color);
+      border-radius: 0;
+
+      > span {
+        display: contents;
+      }
     }
   }
 

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

@@ -3,29 +3,20 @@
   // Design Tokens for Search Input Field
   // --------------------------------------------------------
   // Default properties
-  --fs-search-input-height-desktop                : var(--fs-spacing-6);
+  --fs-search-input-field-height-mobile                 : var(--fs-control-tap-size);
+  --fs-search-input-field-height-desktop                : var(--fs-spacing-6);
 
-  --fs-search-input-field-height-mobile           : var(--fs-control-tap-size);
-  --fs-search-input-field-height-desktop          : var(--fs-spacing-6);
-
-  --fs-search-input-field-transition-timing       : var(--fs-transition-timing);
-  --fs-search-input-field-transition-function     : ease;
+  --fs-search-input-field-transition-timing             : var(--fs-transition-timing);
+  --fs-search-input-field-transition-function           : ease;
 
   // Button
-  --fs-search-input-field-button-width            : var(--fs-spacing-7);
-  --fs-search-input-field-button-min-height       : var(--fs-search-input-height-desktop);
-  --fs-search-input-field-button-bkg-color        : transparent;
-
-  --fs-search-input-field-button-height-mobile    : var(--fs-search-input-field-button-width);
-  --fs-search-input-field-button-height-desktop   : var(--fs-search-input-field-height-desktop);
+  --fs-search-input-field-button-min-height             : var(--fs-search-input-field-height-desktop);
+  --fs-search-input-field-button-padding-top-desktop    : var(--fs-spacing-0);
+  --fs-search-input-field-button-padding-bottom-desktop : var(--fs-search-input-field-button-padding-top-desktop);
 
   // Input
-  --fs-search-input-field-input-padding-right     : var(--fs-search-input-field-button-width);
-  --fs-search-input-field-input-bkg-color         : var(--fs-color-body-bkg);
-
-  // Icon
-  --fs-search-input-field-icon-width              : var(--fs-spacing-4);
-  --fs-search-input-field-icon-height             : var(--fs-search-input-field-icon-width);
+  --fs-search-input-field-input-padding-right           : var(--fs-spacing-7);
+  --fs-search-input-field-input-bkg-color               : var(--fs-color-body-bkg);
 
   // --------------------------------------------------------
   // Structural Styles
@@ -41,20 +32,14 @@
   @include media(">=notebook") { height: var(--fs-search-input-field-height-desktop); }
 
   [data-fs-icon-button][data-fs-button-variant] {
-    position: absolute;
-    right: var(--fs-spacing-0);
-    width: var(--fs-search-input-field-button-width);
-    height: var(--fs-search-input-field-button-height-mobile);
-    padding: 0;
-    background-color: var(--fs-search-input-field-button-bkg-color);
-    border: 0;
+    position: relative;
+    right: .125rem;
     @include media(">=notebook") {
-      height: var(--fs-search-input-field-button-height-desktop);
+      position: absolute;
+      padding-top: var(--fs-search-input-field-button-padding-top-desktop);
+      padding-bottom: var(--fs-search-input-field-button-padding-bottom-desktop);
       min-height: var(--fs-search-input-field-button-min-height);
-    }
-    svg {
-      width: var(--fs-search-input-field-icon-width);
-      height: var(--fs-search-input-field-icon-height);
+      right: 0;
     }
   }
 
@@ -63,6 +48,7 @@
     padding-right: var(--fs-search-input-field-input-padding-right);
     background-color: var(--fs-search-input-field-input-bkg-color);
     transition: box-shadow var(--fs-search-input-field-transition-timing) var(--fs-search-input-field-transition-timing), border var(--fs-search-input-field-transition-timing) var(--fs-search-input-field-transition-function);
+    @include media("<notebook") { border: 0; }
   }
 
 }

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

@@ -21,7 +21,7 @@
   --fs-filter-accordion-button-padding-right-notebook     : var(--fs-spacing-4);
   --fs-filter-accordion-button-padding-left-notebook      : var(--fs-filter-accordion-button-padding-right-notebook);
 
-  --fs-filter-accordion-button-text-size-notebook       : var(--fs-text-size-2);
+  --fs-filter-accordion-button-text-size-notebook         : var(--fs-text-size-2);
   --fs-filter-accordion-button-line-height-notebook       : 1.25;
 
   // Accordion Item Panel
@@ -69,15 +69,16 @@
 
   [data-fs-filter-accordion-item] {
     [data-fs-accordion-button] {
-      font-size: var(--fs-filter-accordion-button-text-size);
-      font-weight: var(--fs-filter-accordion-button-text-weight);
-      line-height: var(--fs-filter-accordion-button-line-height);
-
-      @include media(">=notebook") {
-        padding-right: var(--fs-filter-accordion-button-padding-right-notebook);
-        padding-left: var(--fs-filter-accordion-button-padding-left-notebook);
-        font-size: var(--fs-filter-accordion-button-text-size-notebook);
-        line-height: var(--fs-filter-accordion-button-line-height-notebook);
+      [data-fs-button-wrapper] {
+        font-size: var(--fs-filter-accordion-button-text-size);
+        font-weight: var(--fs-filter-accordion-button-text-weight);
+        line-height: var(--fs-filter-accordion-button-line-height);
+        @include media(">=notebook") {
+          padding-right: var(--fs-filter-accordion-button-padding-right-notebook);
+          padding-left: var(--fs-filter-accordion-button-padding-left-notebook);
+          font-size: var(--fs-filter-accordion-button-text-size-notebook);
+          line-height: var(--fs-filter-accordion-button-line-height-notebook);
+        }
       }
     }
 

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

@@ -107,9 +107,11 @@
   }
 
   [data-fs-button] {
-    justify-content: space-between;
-    min-width: 11.25rem;
     margin-top: var(--fs-spacing-6);
+    [data-fs-button-wrapper] {
+      min-width: 11.25rem;
+      justify-content: space-between;
+    }
   }
 
   [data-fs-hero-icon] {

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

@@ -26,7 +26,8 @@
   // Image Gallery Selector Elements
   --fs-image-gallery-selector-elements-gap                      : var(--fs-spacing-1);
   --fs-image-gallery-selector-elements-gap-notebook             : var(--fs-spacing-2);
-  --fs-image-gallery-selector-elements-padding                  : var(--fs-spacing-0) var(--fs-spacing-2);
+  --fs-image-gallery-selector-elements-padding-mobile           : var(--fs-spacing-0) var(--fs-grid-padding);
+  --fs-image-gallery-selector-elements-padding-notebook         : var(--fs-spacing-0) 0;
 
   // Image Gallery Selector Thumbnail
   --fs-image-gallery-selector-thumbnail-width-mobile            : var(--fs-spacing-8);
@@ -89,7 +90,7 @@
   [data-fs-image-gallery-selector-elements] {
     display: flex;
     column-gap: var(--fs-image-gallery-selector-elements-gap);
-    padding: var(--fs-image-gallery-selector-elements-padding);
+    padding: var(--fs-image-gallery-selector-elements-padding-mobile);
     overflow-x: auto;
     scroll-behavior: smooth;
 
@@ -99,32 +100,37 @@
       flex-direction: column;
       row-gap: var(--fs-image-gallery-selector-elements-gap-notebook);
       overflow-y: hidden;
+      align-items: center;
+      width: 100%;
+      padding: var(--fs-image-gallery-selector-elements-padding-notebook);
     }
   }
 
   [data-fs-image-gallery-selector-thumbnail] {
-    flex-shrink: 0;
     width: var(--fs-image-gallery-selector-thumbnail-width-mobile);
     height: var(--fs-image-gallery-selector-thumbnail-height-mobile);
-    padding: 0;
-    overflow: hidden;
-    background-color: transparent;
-    border: var(--fs-image-gallery-selector-thumbnail-border-width) solid transparent;
-    border-radius: var(--fs-image-gallery-selector-thumbnail-border-radius);
-    transition: all var(--fs-image-gallery-transition-timing) var(--fs-image-gallery-transition-function);
-
-    &:hover:not([data-fs-image-gallery-selector-thumbnail="selected"]) {
-      border-color: var(--fs-image-gallery-selector-thumbnail-selected-border-color);
+
+    [data-fs-button-wrapper] {
+      padding: 0;
+      overflow: hidden;
+      background-color: transparent;
+      border: var(--fs-image-gallery-selector-thumbnail-border-width) solid transparent;
+      border-radius: var(--fs-image-gallery-selector-thumbnail-border-radius);
+      transition: all var(--fs-image-gallery-transition-timing) var(--fs-image-gallery-transition-function);
+      > span {
+        width: 100%;
+        height: 100%;
+      }
     }
 
-    &[data-fs-image-gallery-selector-thumbnail="selected"] {
+
+    &:hover:not([data-fs-image-gallery-selector-thumbnail="selected"]) [data-fs-button-wrapper] {
       border-color: var(--fs-image-gallery-selector-thumbnail-selected-border-color);
-      box-shadow: 0 0 0 var(--fs-image-gallery-selector-thumbnail-selected-border-width) var(--fs-color-focus-ring-outline);
     }
 
-    > span {
-      width: 100%;
-      height: 100%;
+    &[data-fs-image-gallery-selector-thumbnail="selected"] [data-fs-button-wrapper] {
+      border-color: var(--fs-image-gallery-selector-thumbnail-selected-border-color);
+      box-shadow: 0 0 0 var(--fs-image-gallery-selector-thumbnail-selected-border-width) var(--fs-color-focus-ring-outline);
     }
 
     [data-fs-image] {
@@ -186,9 +192,16 @@
   }
 
   [data-fs-image-gallery-selector-control-button] {
-    background-color: var(--fs-image-gallery-selector-control-bkg-color);
-    border-radius: var(--fs-image-gallery-selector-control-border-radius);
-    box-shadow: var(--fs-image-gallery-selector-control-shadow);
+
+    [data-fs-button-wrapper] {
+      background-color: var(--fs-image-gallery-selector-control-bkg-color);
+      border-radius: var(--fs-image-gallery-selector-control-border-radius);
+      box-shadow: var(--fs-image-gallery-selector-control-shadow);
+    }
+
+    &:hover [data-fs-button-wrapper] { box-shadow: var(--fs-image-gallery-selector-control-shadow); }
+
+    &:hover { box-shadow: var(--fs-image-gallery-selector-control-shadow); }
 
     @include media(">=notebook") {
       transform: rotate(90deg);

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

@@ -6,19 +6,18 @@
   --fs-product-shelf-items-gap              : var(--fs-grid-gap-1);
   --fs-product-shelf-items-padding-top      : var(--fs-spacing-0);
   --fs-product-shelf-items-padding-bottom   : var(--fs-spacing-3);
-  --fs-product-shelf-items-left             : calc(-1 * var(--fs-spacing-1));
 
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
 
+  width: 100%;
+
   [data-fs-product-shelf-items] {
     display: flex;
     align-items: stretch;
     overflow-x: auto;
     position: relative;
-    left: var(--fs-product-shelf-items-left);
-
 
     [data-fs-product-shelf-item] { width: 100%; }
 

package/src/index.ts

@@ -8,13 +8,6 @@ export { default as Incentive } from './components/atoms/Incentive'
 export type { IncentiveProps } from './components/atoms/Incentive'
 
 // Molecules
-
-export { default as Bullets } from './components/molecules/Bullets'
-export type { BulletsProps } from './components/molecules/Bullets'
-
-export { default as Carousel } from './components/molecules/Carousel'
-export type { CarouselProps } from './components/molecules/Carousel'
-
 export {
   default as Banner,
   BannerContent,
@@ -31,12 +24,3 @@ export type {
 // Organisms
 export { Tile, Tiles } from './components/organisms/Tiles'
 export type { TilesProps, TileProps } from './components/organisms/Tiles'
-
-// Hooks
-export { default as useSlider } from './hooks/useSlider'
-export type {
-  UseSliderArgs,
-  SliderState,
-  SliderDispatch,
-  SlideDirection,
-} from './hooks/useSlider'

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

@@ -1,35 +0,0 @@
-import type { HTMLAttributes, MouseEvent } from 'react';
-import React from 'react';
-export interface BulletsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role'> {
-    /**
-     * Number of bullets that should be rendered.
-     */
-    totalQuantity: number;
-    /**
-     * The currently active bullet (zero-indexed).
-     */
-    activeBullet: number;
-    /**
-     * Event handler for clicks on each bullet. The handler will be called with
-     * the index of the bullet that received the click.
-     */
-    onClick: (e: MouseEvent, bulletIdx: number) => void;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * Function that should be used to generate the aria-label attribute added
-     * to each bullet that is inactive. It receives the bullet index as an
-     * argument so that it can be interpolated in the generated string.
-     */
-    ariaLabelGenerator?: (index: number, isActive: boolean) => string;
-    /**
-     * Function that should be used to generate the aria-controls attribute added
-     * to each bullet. It receives the bullet index as argument and should return a string.
-     */
-    ariaControlsGenerator?: (index: number) => string;
-}
-declare const Bullets: React.ForwardRefExoticComponent<BulletsProps & React.RefAttributes<HTMLDivElement>>;
-export default Bullets;

package/dist/components/molecules/Bullets/Bullets.js

@@ -1,12 +0,0 @@
-import React, { forwardRef, useMemo } from 'react';
-import { Button } from '@faststore/components';
-const defaultAriaLabel = (idx, isActive) => isActive ? 'Current page' : `Go to page ${idx + 1}`;
-const Bullets = forwardRef(function Bullets({ totalQuantity, activeBullet, onClick, testId = 'store-bullets', ariaLabelGenerator = defaultAriaLabel, ariaControlsGenerator, ...otherProps }, ref) {
-    const bulletIndexes = useMemo(() => Array(totalQuantity).fill(0), [totalQuantity]);
-    return (React.createElement("div", { ref: ref, "data-fs-bullets": true, "data-testid": testId, role: "tablist", ...otherProps }, bulletIndexes.map((_, idx) => {
-        const isActive = activeBullet === idx;
-        return (React.createElement(Button, { key: idx, role: "tab", tabIndex: -1, "data-fs-bullet": true, testId: `${testId}-bullet`, onClick: (e) => onClick(e, idx), "aria-label": ariaLabelGenerator(idx, isActive), "aria-controls": ariaControlsGenerator?.(idx), "aria-selected": isActive }));
-    })));
-});
-export default Bullets;
-//# sourceMappingURL=Bullets.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Bullets.js","sourceRoot":"","sources":["../../../../src/components/molecules/Bullets/Bullets.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAmC9C,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,QAAiB,EAAE,EAAE,CAC1D,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,GAAG,GAAG,CAAC,EAAE,CAAA;AAErD,MAAM,OAAO,GAAG,UAAU,CAA+B,SAAS,OAAO,CACvE,EACE,aAAa,EACb,YAAY,EACZ,OAAO,EACP,MAAM,GAAG,eAAe,EACxB,kBAAkB,GAAG,gBAAgB,EACrC,qBAAqB,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,0CAEK,MAAM,EACnB,IAAI,EAAC,SAAS,KACV,UAAU,IAEb,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,YAAY,KAAK,GAAG,CAAA;QAErC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,0BAEZ,MAAM,EAAE,GAAG,MAAM,SAAS,EAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,gBACnB,kBAAkB,CAAC,GAAG,EAAE,QAAQ,CAAC,mBAC9B,qBAAqB,EAAE,CAAC,GAAG,CAAC,mBAC5B,QAAQ,GACvB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

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

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

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

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

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

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

package/dist/components/molecules/Carousel/Arrows.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-interface IconProps {
-    size?: {
-        width: number;
-        height: number;
-    };
-    viewBox?: string;
-    color?: string;
-}
-export declare const LeftArrowIcon: ({ size, viewBox, color, }: IconProps) => JSX.Element;
-export declare const RightArrowIcon: ({ size, viewBox, color, }: IconProps) => JSX.Element;
-export {};

package/dist/components/molecules/Carousel/Arrows.js

@@ -1,6 +0,0 @@
-import React from 'react';
-export const LeftArrowIcon = ({ size = { width: 25, height: 25 }, viewBox = '0 0 16 16', color = 'currentColor', }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: viewBox, width: size.width, height: size.height },
-    React.createElement("path", { d: "M11 1L4 8L11 15", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round", stroke: color, fill: "none" })));
-export const RightArrowIcon = ({ size = { width: 25, height: 25 }, viewBox = '0 0 16 16', color = 'currentColor', }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: viewBox, width: size.width, height: size.height },
-    React.createElement("path", { d: "M5 15L12 8L5 1", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round", stroke: color, fill: "none" })));
-//# sourceMappingURL=Arrows.js.map

package/dist/components/molecules/Carousel/Arrows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Arrows.js","sourceRoot":"","sources":["../../../../src/components/molecules/Carousel/Arrows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,cAAc,GACZ,EAAE,EAAE,CAAC,CACf,6BACE,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM;IAEnB,8BACE,CAAC,EAAC,iBAAiB,EACnB,WAAW,EAAC,GAAG,EACf,gBAAgB,EAAC,IAAI,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,MAAM,GACX,CACE,CACP,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,cAAc,GACZ,EAAE,EAAE,CAAC,CACf,6BACE,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM;IAEnB,8BACE,CAAC,EAAC,gBAAgB,EAClB,WAAW,EAAC,GAAG,EACf,gBAAgB,EAAC,IAAI,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,MAAM,GACX,CACE,CACP,CAAA"}