@faststore/ui 3.99.1 → 4.0.0-dev.2

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

@@ -1,3 +1,5 @@
+@use "../../../styles/base/utilities";
+
 [data-fs-product-grid] {
   // --------------------------------------------------------
   // Design Tokens for ProductGrid
@@ -20,7 +22,7 @@
   grid-template-columns: repeat(var(--fs-product-grid-columns-mobile), 1fr);
   grid-gap: var(--fs-product-grid-gap-mobile);
 
-  @include media(">=tablet") {
+  @include utilities.media(">=tablet") {
     $pagination-start-index: 2;
 
     grid-template-columns: repeat(var(--fs-product-grid-columns-desktop), 1fr);
@@ -31,9 +33,9 @@
     }
   }
 
-  @include media("<notebook") { padding-bottom: var(--fs-grid-gap-2); }
+  @include utilities.media("<notebook") { padding-bottom: var(--fs-grid-gap-2); }
 
-  @include media(">=notebook") {
+  @include utilities.media(">=notebook") {
     grid-gap: var(--fs-product-grid-gap-desktop);
   }
 }

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

@@ -1,3 +1,5 @@
+@use "../../../styles/base/utilities";
+
 [data-fs-product-shelf] {
   // --------------------------------------------------------
   // Design Tokens for Product Shelf
@@ -14,15 +16,15 @@
   width: 100%;
 
   [data-fs-product-shelf-items] {
+    position: relative;
     display: flex;
+    column-gap: var(--fs-product-shelf-items-gap);
     align-items: stretch;
     overflow-x: auto;
-    position: relative;
-    column-gap: var(--fs-product-shelf-items-gap);
 
     [data-fs-product-shelf-item] { width: 100%; }
 
-    @include media(">=tablet") {
+    @include utilities.media(">=tablet") {
       padding-top: var(--fs-product-shelf-items-padding-top);
       padding-bottom: var(--fs-product-shelf-items-padding-bottom);
       overflow-x: auto;

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

@@ -1,16 +1,6 @@
-[data-fs-quick-order-drawer] {
-  @import "../../atoms/Badge/styles";
-  @import "../../atoms/Button/styles";
-  @import "../../atoms/Icon/styles";
-  @import "../../atoms/Overlay/styles";
-  @import "../../atoms/Price/styles";
-  @import "../../atoms/Skeleton/styles";
-  @import "../../molecules/Alert/styles";
-  @import "../../molecules/QuantitySelector/styles";
-  @import "../../molecules/Table/styles";
-  @import "../../molecules/Tooltip/styles";
-  @import "../../organisms/SlideOver/styles";
+@use "../../../styles/base/utilities";
 
+[data-fs-quick-order-drawer] {
   // --------------------------------------------------------
   // Design Tokens for Quick Order Drawer
   // --------------------------------------------------------
@@ -101,7 +91,7 @@
   &[data-fs-slide-over][data-fs-slide-over-size="partial"] {
     width: var(--fs-quick-order-drawer-width);
 
-    @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       width: var(--fs-quick-order-drawer-width);
       max-width: var(--fs-quick-order-drawer-width);
     }

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

@@ -1,3 +1,5 @@
+@use "../../../styles/base/utilities";
+
 [data-fs-region-popover] {
   // --------------------------------------------------------
   // Design Tokens for Region Popover
@@ -21,7 +23,7 @@
 
   width: auto;
 
-  @include media(">=tablet") {
+  @include utilities.media(">=tablet") {
     width: var(--fs-region-popover-width);
   }
 

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

@@ -1,3 +1,5 @@
+@use "../../../styles/base/utilities";
+
 [data-fs-sku-matrix-sidebar] {
   // --------------------------------------------------------
   // Design Tokens for SKU Matrix Sidebar
@@ -31,17 +33,6 @@
   height: 100vh;
   overflow: auto;
 
-  [data-fs-table] {
-    flex-shrink: 0;
-    padding: var(--fs-spacing-3) var(--fs-spacing-8);
-    padding-bottom: 0;
-
-    @include media('<tablet') {
-      padding: var(--fs-spacing-3);
-      padding-bottom: 0;
-    }
-  }
-
   &[data-fs-slide-over] {
     background-color: var(--fs-sku-matrix-sidebar-bkg-color);
 
@@ -49,16 +40,16 @@
       padding: var(--fs-spacing-8);
       padding-bottom: 0;
 
-      @include media('<tablet') {
+      @include utilities.media("<tablet") {
         padding: var(--fs-spacing-3);
         padding-bottom: 0;
       }
     }
 
-    &[data-fs-slide-over-size='partial'] {
+    &[data-fs-slide-over-size="partial"] {
       width: var(--fs-sku-matrix-slide-over-partial-width-mobile);
 
-      @include media('>=notebook') {
+      @include utilities.media(">=notebook") {
         max-width: var(--fs-sku-matrix-slide-over-partial-width-mobile);
       }
     }
@@ -71,8 +62,16 @@
   }
 
   [data-fs-table] {
+    flex-shrink: 0;
+    padding: var(--fs-spacing-3) var(--fs-spacing-8);
+    padding-bottom: 0;
     color: var(--fs-color-neutral-6);
 
+    @include utilities.media("<tablet") {
+      padding: var(--fs-spacing-3);
+      padding-bottom: 0;
+    }
+
     [data-fs-table-cell] {
       &:first-child {
         padding-left: 0;
@@ -92,7 +91,7 @@
   }
 
   [data-fs-table-cell],
-  [data-fs-price-variant='spot'] {
+  [data-fs-price-variant="spot"] {
     font-weight: var(--fs-text-weight-medium);
   }
 
@@ -113,8 +112,8 @@
 
   [data-fs-sku-matrix-sidebar-cell-image] {
     display: flex;
-    align-items: center;
     gap: var(--fs-spacing-2);
+    align-items: center;
 
     img {
       object-fit: cover;
@@ -132,17 +131,17 @@
   }
 
   [data-fs-sku-matrix-sidebar-footer] {
-    display: flex;
-    width: 100%;
-    padding: var(--fs-spacing-4) var(--fs-spacing-8);
-    justify-content: space-between;
     position: sticky;
+    right: 0;
     bottom: 0;
     left: 0;
-    right: 0;
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    padding: var(--fs-spacing-4) var(--fs-spacing-8);
     margin-top: auto;
-    border-top: var(--fs-border-width) solid var(--fs-border-color-light);
     background-color: var(--fs-sku-matrix-sidebar-bkg-color);
+    border-top: var(--fs-border-width) solid var(--fs-border-color-light);
 
     > div {
       display: flex;
@@ -155,7 +154,7 @@
       }
     }
 
-    @include media('<tablet') {
+    @include utilities.media("<tablet") {
       padding: var(--fs-spacing-3);
     }
   }

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

@@ -1,3 +1,5 @@
+@use "../../../styles/base/utilities";
+
 [data-fs-search-input] {
   // --------------------------------------------------------
   // Design Tokens for Search Input
@@ -13,7 +15,7 @@
   position: relative;
 
   &[data-fs-search-input-dropdown-visible="true"] [data-fs-search-input-field-input] {
-      @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       border-bottom-right-radius: 0;
       border-bottom-left-radius: 0;
     }

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

@@ -1,31 +1,39 @@
+@use "../../../styles/base/utilities";
+
 [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);
+  --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);
+  --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-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);
 
-  --fs-slide-over-partial-width-notebook     : calc(100% / 3);
-  --fs-slide-over-partial-max-width-notebook : calc(var(--fs-grid-breakpoint-notebook) / 3);
+  // Bottom Side
+  --fs-slide-over-partial-height-bottom: 80vh;
 
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
 
   position: fixed;
-  height: 100vh;
   background-color: var(--fs-slide-over-bkg-color);
 
+  &:not([data-fs-slide-over-direction="bottomSide"]) {
+    height: 100vh;
+  }
+
   &[data-fs-slide-over-size="full"] {
     width: 100vw;
   }
@@ -33,7 +41,7 @@
   &[data-fs-slide-over-size="partial"] {
     width: var(--fs-slide-over-partial-width-mobile);
 
-    @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       width: var(--fs-slide-over-partial-width-notebook);
       max-width: var(--fs-slide-over-partial-max-width-notebook);
     }
@@ -41,9 +49,16 @@
 
   &[data-fs-slide-over-state="in"] {
     transition: transform var(--fs-slide-over-transition-timing) ease-in;
+  }
+
+  &:not([data-fs-slide-over-direction="bottomSide"])[data-fs-slide-over-state="in"] {
     transform: translateX(0);
   }
 
+  &[data-fs-slide-over-direction="bottomSide"][data-fs-slide-over-state="in"] {
+    transform: translateY(0);
+  }
+
   &[data-fs-slide-over-state="out"] {
     transition: transform var(--fs-slide-over-transition-timing) ease-out;
   }
@@ -76,6 +91,27 @@
     }
   }
 
+  &[data-fs-slide-over-direction="bottomSide"] {
+    top: auto;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100vw;
+    height: auto;
+
+    &[data-fs-slide-over-state="out"] {
+      transform: translateY(100%);
+    }
+
+    &[data-fs-slide-over-size="full"] {
+      max-height: 100vh;
+    }
+
+    &[data-fs-slide-over-size="partial"] {
+      max-height: var(--fs-slide-over-partial-height-bottom);
+    }
+  }
+
   [data-fs-slide-over-header] {
     display: flex;
     align-items: center;

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

@@ -1,3 +1,5 @@
+@use "../../../styles/base/utilities";
+
 [data-fs-tiles] {
   // --------------------------------------------------------
   // Design Tokens for Tiles
@@ -20,11 +22,11 @@
   row-gap: var(--fs-tiles-gap-mobile);
   column-gap: var(--fs-tiles-gap-mobile);
 
-  @include media(">=tablet") {
+  @include utilities.media(">=tablet") {
     grid-template-columns: repeat(4, 1fr);
   }
 
-  @include media(">=notebook") { column-gap: var(--fs-tiles-gap-notebook); }
+  @include utilities.media(">=notebook") { column-gap: var(--fs-tiles-gap-notebook); }
 
   [data-fs-tile] {
     min-width: var(--fs-tiles-tile-min-width);
@@ -33,13 +35,13 @@
       overflow: hidden;
       border-radius: var(--fs-tiles-tile-border-radius);
 
-      @include media(">=tablet") {
+      @include utilities.media(">=tablet") {
         display: grid;
         grid-auto-rows: 62% auto;
         [data-fs-product-card-image] { height: 100%; }
       }
 
-      @include media(">=notebook") { grid-auto-rows: 80% auto; }
+      @include utilities.media(">=notebook") { grid-auto-rows: 80% auto; }
     }
   }
 

package/src/styles/base/layout.scss

@@ -1,3 +1,5 @@
+@use "./utilities";
+
 // ----------------------------------------------------------
 // FS UI STYLES
 // Layout
@@ -20,7 +22,7 @@
     margin-top: var(--fs-spacing-4);
     margin-bottom: var(--fs-spacing-4);
 
-    @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       margin-top: var(--fs-grid-padding);
       margin-bottom: var(--fs-grid-padding);
     }
@@ -34,7 +36,7 @@
     margin-inline: auto;
   }
 
-  [data-fs-content] { @include layout-content; }
+  [data-fs-content] { @include utilities.layout-content; }
 
   .no-scroll {
     overflow: hidden;
@@ -43,7 +45,7 @@
 
   // Helper class
   .display-mobile {
-    @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       display: none;
       visibility: hidden;
     }
@@ -51,7 +53,7 @@
 
   // Helper class
   .hidden-mobile {
-    @include media("<notebook") {
+    @include utilities.media("<notebook") {
       display: none;
       visibility: hidden;
     }

package/src/styles/base/reset.scss

@@ -3,8 +3,10 @@
 // Reset
 // ----------------------------------------------------------
 
+@use "sass:meta";
+
 @layer base {
-  @import "~modern-normalize/modern-normalize";
+  @include meta.load-css("~modern-normalize/modern-normalize");
 
   // Reset default styles
   body {
@@ -49,9 +51,9 @@
   }
 
   button {
+    background-color: transparent;
     border: 0;
     outline: none;
-    background-color: transparent;
     box-shadow: none;
   }
 

package/src/styles/base/tokens.scss

@@ -2,6 +2,8 @@
 // FS UI TOKENS
 // Brandless Theme
 // ----------------------------------------------------------
+@use "./utilities.scss";
+@use "sass:map";
 
 @layer base {
   body {
@@ -139,7 +141,7 @@
 
     --fs-scale                           : var(--fs-text-scale-mobile);
 
-    @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       --fs-scale                         : var(--fs-text-scale-desktop);
     }
 
@@ -197,11 +199,11 @@
     // PADDING
     --fs-grid-padding                    : var(--fs-spacing-3);
 
-    @include media(">=tablet") {
+    @include utilities.media(">=tablet") {
       --fs-grid-padding                  : var(--fs-spacing-4);
     }
 
-    @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       --fs-grid-padding                  : var(--fs-spacing-5);
     }
 
@@ -223,11 +225,11 @@
     --fs-grid-gap-4                      : var(--fs-spacing-5);
 
     // BREAKPOINTS
-    --fs-grid-breakpoint-phone           : #{map-get($breakpoints, "phone")};
-    --fs-grid-breakpoint-phonemid        : #{map-get($breakpoints, "phonemid")};
-    --fs-grid-breakpoint-tablet          : #{map-get($breakpoints, "tablet")};
-    --fs-grid-breakpoint-notebook        : #{map-get($breakpoints, "notebook")};
-    --fs-grid-breakpoint-desktop         : #{map-get($breakpoints, "desktop")};
+    --fs-grid-breakpoint-phone           : #{map.get(utilities.$breakpoints, "phone")};
+    --fs-grid-breakpoint-phonemid        : #{map.get(utilities.$breakpoints, "phonemid")};
+    --fs-grid-breakpoint-tablet          : #{map.get(utilities.$breakpoints, "tablet")};
+    --fs-grid-breakpoint-notebook        : #{map.get(utilities.$breakpoints, "notebook")};
+    --fs-grid-breakpoint-desktop         : #{map.get(utilities.$breakpoints, "desktop")};
 
     // --------------------------------------------------------
     // Interactive Controls (UI Essentials)
@@ -238,7 +240,7 @@
     --fs-control-tap-size-smallest       : calc(var(--fs-control-tap-size) / 2);
     --fs-control-min-height              : var(--fs-control-tap-size);
 
-    @include media(">=notebook") {
+    @include utilities.media(">=notebook") {
       --fs-control-tap-size              : var(--fs-spacing-7); // This value can be smaller on desktops
     }
 

package/src/styles/base/typography.scss

@@ -2,6 +2,7 @@
 // FS UI STYLES
 // Typography (Text)
 // ----------------------------------------------------------
+@use "./utilities.scss";
 
 @layer base {
   body {
@@ -22,7 +23,7 @@
     font-weight: var(--fs-text-weight-bold);
     line-height: 1.16;
 
-    @include media(">=notebook") { font-size: var(--fs-text-size-5); }
+    @include utilities.media(">=notebook") { font-size: var(--fs-text-size-5); }
   }
 
   .text__title-mini {

package/src/styles/base/utilities.scss

@@ -9,16 +9,14 @@
 /* SQ-ENABLE */
 
 // Include Media Overwrites //////////////////////////
+@use "~include-media/dist/include-media" as * with ($breakpoints: ("phone": 320px,
+"phonemid": 375px,
+"tablet": 768px,
+    "notebook": 1280px,
+    "desktop": 1440px,
+  ));
 
-@import "~include-media/dist/include-media";
-
-$breakpoints: (
-  "phone":          320px,
-  "phonemid":       375px,
-  "tablet":         768px,
-  "notebook":      1280px,
-  "desktop":       1440px,
-);
+@forward "~include-media/dist/include-media";
 
 // Global mixins /////////////////////////////////////
 
@@ -68,23 +66,30 @@ $base: 16px !default;
     padding-top: $padding;
     border-top: var(--fs-border-width) solid var(--fs-border-color-light);
 
-    @include media(">=notebook") { padding-top: $padding; }
+    @include media(">=notebook") {
+      padding-top: $padding;
+    }
   }
 
   @if $position == "bottom" {
     padding-bottom: $padding;
     border-bottom: var(--fs-border-width) solid var(--fs-border-color-light);
 
-    @include media(">=notebook") { padding-bottom: $padding; }
+    @include media(">=notebook") {
+      padding-bottom: $padding;
+    }
   }
 }
 
 // Focus Ring Mixins /////////////////////////////////
 
 @mixin input-focus-ring($outline: #{var(--fs-color-focus-ring)}, $border: #{var(--fs-border-color-active)}) {
-  @media not all and (min-resolution: .001dpcm) { // Target only Safari browsers
-    @supports (-webkit-appearance:none) {         // Use `focus` instead of `focus-visible`
-      &:hover:focus,                              // due to Safari's lack of support
+  @media not all and (min-resolution: .001dpcm) {
+    // Target only Safari browsers
+    @supports (-webkit-appearance:none) {
+      // Use `focus` instead of `focus-visible`
+      &:hover:focus,
+      // due to Safari's lack of support
       &:focus {
         border-color: $border;
         outline: none;
@@ -113,10 +118,19 @@ $base: 16px !default;
 }
 
 @mixin focus-ring-visible {
-  @media not all and (min-resolution: .001dpcm) { // Target only Safari browsers
-    @supports (-webkit-appearance:none) {         // Use `focus` instead of `focus-visible`
-      &:focus { @include focus-ring; }            // due to Safari's lack of support
+  @media not all and (min-resolution: .001dpcm) {
+    // Target only Safari browsers
+    @supports (-webkit-appearance:none) {
+      // Use `focus` instead of `focus-visible`
+      &:focus {
+        @include focus-ring;
+      }
+
+      // due to Safari's lack of support
     }
   }
-  &:focus-visible { @include focus-ring; }
+
+  &:focus-visible {
+    @include focus-ring;
+  }
 }

package/src/styles/base.scss

@@ -1,4 +1,4 @@
-@import "./base/reset";
-@import "./base/tokens";
-@import "./base/typography";
-@import "./base/layout";
+@use "./base/reset";
+@use "./base/tokens";
+@use "./base/typography";
+@use "./base/layout";

package/src/styles/components.scss

@@ -98,3 +98,4 @@
 @import "../components/organisms/ShippingSimulation/styles";
 @import "../components/organisms/SlideOver/styles";
 @import "../components/organisms/Tiles/styles";
+@import "../components/organisms/LocalizationSelector/styles";

package/src/styles/global.scss

@@ -1 +1 @@
-@import "./base";
+@use "./base";

package/dist/cjs/components/atoms/Incentive/Incentive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Incentive.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Incentive/Incentive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,SAAS,uFASb,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/cjs/components/atoms/Incentive/Incentive.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const Incentive = (0, react_1.forwardRef)(function Incentive({ testId = 'store-incentive', children, ...otherProps }, ref) {
-    return (react_1.default.createElement("section", { ref: ref, "data-fs-incentive": true, "data-testid": testId, ...otherProps }, children));
-});
-exports.default = Incentive;
-//# sourceMappingURL=Incentive.js.map

package/dist/cjs/components/atoms/Incentive/Incentive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Incentive.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Incentive/Incentive.tsx"],"names":[],"mappings":";;;AACA,uDAAyC;AAUzC,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,iBAAiB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvD,GAAG;IAEH,OAAO,CACL,2CAAS,GAAG,EAAE,GAAG,4CAAiC,MAAM,KAAM,UAAU,IACrE,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,SAAS,CAAA"}

package/dist/cjs/components/atoms/Incentive/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Incentive/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}

package/dist/cjs/components/atoms/Incentive/index.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Incentive_1 = require("./Incentive");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Incentive_1).default; } });
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/atoms/Incentive/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Incentive/index.tsx"],"names":[],"mappings":";;;;;;AAAA,yCAAqC;AAA5B,qHAAA,OAAO,OAAA"}

package/dist/cjs/components/organisms/Tiles/Tile.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { HTMLAttributes } from 'react';
-export interface TileProps extends HTMLAttributes<HTMLLIElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: Cypress,
-     * Testing Library, and Jest).
-     */
-    testId?: string;
-}
-declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLLIElement>>;
-export default Tile;
-//# sourceMappingURL=Tile.d.ts.map

package/dist/cjs/components/organisms/Tiles/Tile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Tiles/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,IAAI,iFAeR,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/cjs/components/organisms/Tiles/Tile.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const Tile = (0, react_1.forwardRef)(function Tile({ testId = 'store-tile', children, ...otherProps }, ref) {
-    return (react_1.default.createElement("li", { ref: ref, role: "listitem", "data-fs-tile": true, "data-testid": testId, ...otherProps }, children));
-});
-exports.default = Tile;
-//# sourceMappingURL=Tile.js.map