@faststore/ui 2.0.106-alpha.0 → 2.0.108-alpha.0

package/dist/index.d.ts

@@ -9,8 +9,6 @@ export { default as Carousel } from './components/molecules/Carousel';
 export type { CarouselProps } from './components/molecules/Carousel';
 export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
 export type { BannerProps, BannerContentProps, BannerImageProps, BannerLinkProps, } from './components/molecules/Banner';
-export { default as Form } from './components/molecules/Form';
-export type { FormProps } from './components/molecules/Form';
 export { Tile, Tiles } from './components/organisms/Tiles';
 export type { TilesProps, TileProps } from './components/organisms/Tiles';
 export { default as useSlider } from './hooks/useSlider';

package/dist/index.js

@@ -6,7 +6,6 @@ export { default as Incentive } from './components/atoms/Incentive';
 export { default as Bullets } from './components/molecules/Bullets';
 export { default as Carousel } from './components/molecules/Carousel';
 export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
-export { default as Form } from './components/molecules/Form';
 // Organisms
 export { Tile, Tiles } from './components/organisms/Tiles';
 // Hooks

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,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AAEZ,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,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,EAAE,IAAI,EAAE,KAAK,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;AAEZ,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,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,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,KAAK,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.106-alpha.0",
+  "version": "2.0.108-alpha.0",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -58,5 +58,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "e2e1f115c8372629eb729918052f662337a0c3b3"
+  "gitHead": "89d5c048f1ebe684c74a748b799a5fc0a3954819"
 }

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

@@ -0,0 +1,71 @@
+[data-fs-empty-state] {
+  // --------------------------------------------------------
+  // Design Tokens for EmptyState
+  // --------------------------------------------------------
+  --fs-empty-state-height               : 100%;
+  --fs-empty-state-min-height           : 50vh;
+  --fs-empty-state-padding              : 0 var(--fs-spacing-8);
+  --fs-empty-state-bkg-color-default    : var(--fs-color-neutral-bkg);
+  --fs-empty-state-bkg-color-light      : var(--fs-color-body-bkg);
+
+  // Title
+  --fs-empty-state-title-margin-bottom  : var(--fs-spacing-2);
+  --fs-empty-state-title-color          : var(--fs-color-disabled-text);
+  --fs-empty-state-title-size           : var(--fs-text-size-lead);
+
+  // Link
+  --fs-empty-state-link-min-width       : 11.875rem;
+
+  // Rounded
+  --fs-empty-state-border-radius        : var(--fs-border-radius);
+
+  // Default properties
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--fs-spacing-3);
+  justify-content: center;
+  align-items: center;
+  height: var(--fs-empty-state-height);
+  min-height: var(--fs-empty-state-min-height);
+  padding: var(--fs-empty-state-padding);
+  background-color: var(--fs-empty-state-bkg-color);
+
+  @include media(">=notebook") {
+    align-items: center;
+  }
+
+  > [data-fs-empty-state-title] {
+    display: flex;
+    flex-direction: column;
+    row-gap: var(--fs-spacing-1);
+    align-items: center;
+    justify-content: center;
+    margin-bottom: var(--fs-empty-state-title-margin-bottom);
+    color: var(--fs-empty-state-title-color);
+
+    p {
+      font-size: var(--fs-empty-state-title-size);
+      text-align: center;
+    }
+  }
+
+  [data-fs-link-button] {
+    min-width: var(--fs-empty-state-link-min-width);
+  }
+
+  // --------------------------------------------------------
+  // Variants Styles
+  // --------------------------------------------------------
+
+  &[data-fs-empty-state-variant="rounded"] {
+    border-radius: var(--fs-empty-state-border-radius);
+  }
+
+  &[data-fs-empty-state-bkg-color="default"] {
+    background-color: var(--fs-empty-state-bkg-color-default);
+  }
+
+  &[data-fs-empty-state-bkg-color="light"] {
+    background-color: var(--fs-empty-state-bkg-color-light);
+  }
+}

package/src/index.ts

@@ -28,9 +28,6 @@ export type {
   BannerLinkProps,
 } from './components/molecules/Banner'
 
-export { default as Form } from './components/molecules/Form'
-export type { FormProps } from './components/molecules/Form'
-
 // Organisms
 export { Tile, Tiles } from './components/organisms/Tiles'
 export type { TilesProps, TileProps } from './components/organisms/Tiles'

package/src/styles/components.scss

@@ -51,6 +51,7 @@
 
 // Organisms
 @import "../components/organisms/CartSidebar/styles";
+@import "../components/organisms/EmptyState/styles";
 @import "../components/organisms/Filter/styles";
 @import "../components/organisms/FilterSlider/styles";
 @import "../components/organisms/Hero/styles";

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

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

package/dist/components/molecules/Form/Form.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/molecules/Form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,IAAI,GAAG,UAAU,CAA6B,SAAS,IAAI,CAC/D,EAAE,MAAM,GAAG,YAAY,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAClD,GAAG;IAEH,OAAO,CACL,8BAAM,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU,IAC7D,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}

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

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

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

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

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

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

package/src/components/molecules/Form/Form.tsx

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

package/src/components/molecules/Form/index.ts

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