@faststore/ui 2.0.33-alpha.0 → 2.0.34-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 2.0.34-alpha.0 (2023-01-04)
+
+
+### Chores
+
+* remove storybook ([#1586](https://github.com/vtex/faststore/issues/1586)) ([82dbfb3](https://github.com/vtex/faststore/commit/82dbfb3102850bfa1115547773f84a293a055c6b))
+
+
+
 ## 2.0.33-alpha.0 (2023-01-04)
 
 

package/dist/components/molecules/Accordion/AccordionItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { ElementType, HTMLAttributes, ReactElement } from 'react';
+import React from 'react';
 import type { PolymorphicComponentPropsWithRef } from '../../../typings';
 interface AccordionItemContext {
     index: number;
@@ -28,10 +28,4 @@ export type AccordionItemProps<C extends ElementType> = PolymorphicComponentProp
 type AccordionItemComponent = <C extends ElementType = 'div'>(props: AccordionItemProps<C>) => ReactElement | null;
 declare const AccordionItem: AccordionItemComponent;
 export declare function useAccordionItem(): AccordionItemContext;
-/**
- * This is only being exported to make it easier to use in Storybook.
- * **DON'T** import this directly to use this component, use the default export
- * instead.
- */
-export declare const StorybookAccordionItem: React.FC<Props>;
 export default AccordionItem;

package/dist/components/molecules/Accordion/AccordionItem.js

@@ -1,4 +1,4 @@
-import React, { useContext, forwardRef, createContext } from 'react';
+import React, { createContext, forwardRef, useContext } from 'react';
 const AccordionItemContext = createContext(undefined);
 const AccordionItem = forwardRef(function AccordionItem({ testId = 'store-accordion-item', children, prefixId = '', index = 0, as: MaybeComponent, ...otherProps }, ref) {
     const Component = MaybeComponent ?? 'div';
@@ -18,11 +18,5 @@ export function useAccordionItem() {
     }
     return context;
 }
-/**
- * This is only being exported to make it easier to use in Storybook.
- * **DON'T** import this directly to use this component, use the default export
- * instead.
- */
-export const StorybookAccordionItem = AccordionItem;
 export default AccordionItem;
 //# sourceMappingURL=AccordionItem.js.map

package/dist/components/molecules/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,oBAAoB,GAAG,aAAa,CACxC,SAAS,CACV,CAAA;AA4BD,MAAM,aAAa,GAA2B,UAAU,CACtD,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,sBAAsB,EAC/B,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,CAAC,EACT,EAAE,EAAE,cAAc,EAClB,GAAG,UAAU,EACS,EACxB,GAAsB;IAEtB,MAAM,SAAS,GAAG,cAAc,IAAI,KAAK,CAAA;IAEzC,MAAM,OAAO,GAAG;QACd,KAAK;QACL,QAAQ;QACR,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,UAAU,KAAK,EAAE;QACrD,MAAM,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,KAAK,EAAE;KACxD,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC3C,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,8CAAmC,MAAM,KAAM,UAAU,IACzE,QAAQ,CACC,CACkB,CACjC,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAA0B,CAAA;AAEhE,eAAe,aAAa,CAAA"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../src/components/molecules/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAapE,MAAM,oBAAoB,GAAG,aAAa,CACxC,SAAS,CACV,CAAA;AA2BD,MAAM,aAAa,GAA2B,UAAU,CAAC,SAAS,aAAa,CAG7E,EACE,MAAM,GAAG,sBAAsB,EAC/B,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,CAAC,EACT,EAAE,EAAE,cAAc,EAClB,GAAG,UAAU,EACS,EACxB,GAAsB;IAEtB,MAAM,SAAS,GAAG,cAAc,IAAI,KAAK,CAAA;IAEzC,MAAM,OAAO,GAAG;QACd,KAAK;QACL,QAAQ;QACR,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,UAAU,KAAK,EAAE;QACrD,MAAM,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,KAAK,EAAE;KACxD,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC3C,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,8CAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACC,CACkB,CACjC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,aAAa,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "2.0.33-alpha.0",
+  "version": "2.0.34-alpha.0",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -24,10 +24,8 @@
     "develop": "tsc --watch",
     "build": "tsc",
     "lint": "eslint src/**/*.{ts,tsx}",
-    "storybook": "start-storybook -p 6006",
     "size": "size-limit",
-    "analyze": "size-limit --why",
-    "build-storybook": "build-storybook"
+    "analyze": "size-limit --why"
   },
   "size-limit": [
     {
@@ -49,20 +47,10 @@
   },
   "devDependencies": {
     "@babel/core": "^7.19.6",
-    "@faststore/eslint-config": "^2.0.33-alpha.0",
-    "@faststore/shared": "^2.0.33-alpha.0",
-    "@faststore/styles": "^2.0.33-alpha.0",
+    "@faststore/eslint-config": "^2.0.34-alpha.0",
+    "@faststore/shared": "^2.0.34-alpha.0",
+    "@faststore/styles": "^2.0.34-alpha.0",
     "@size-limit/preset-small-lib": "^7.0.8",
-    "@storybook/addon-a11y": "^6.5.13",
-    "@storybook/addon-actions": "^6.5.13",
-    "@storybook/addon-essentials": "^6.5.13",
-    "@storybook/addon-interactions": "^6.5.13",
-    "@storybook/addon-links": "^6.5.13",
-    "@storybook/builder-webpack5": "^6.5.13",
-    "@storybook/manager-webpack5": "^6.5.13",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.5.13",
-    "@storybook/testing-library": "^0.0.13",
     "@types/tabbable": "^3.1.1",
     "babel-loader": "^8.2.5",
     "css-loader": "^6.7.1",
@@ -72,7 +60,6 @@
     "sass": "^1.55.0",
     "sass-loader": "^13.1.0",
     "size-limit": "^7.0.8",
-    "storybook-addon-themes": "^6.1.0",
     "style-loader": "^3.3.1",
     "typescript": "^4.2.4"
   },
@@ -80,5 +67,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "64b82f07ceaa1f7b1f374cd0588dbc82e39d1fc6"
+  "gitHead": "4386f1c780f536219f7b170f956055af35522564"
 }

package/src/components/molecules/Accordion/AccordionItem.tsx

@@ -1,6 +1,9 @@
-import React, { useContext, forwardRef, createContext } from 'react'
-import type { ElementType, FC, HTMLAttributes, ReactElement } from 'react'
-import type { PolymorphicComponentPropsWithRef, PolymorphicRef } from '../../../typings'
+import type { ElementType, HTMLAttributes, ReactElement } from 'react'
+import React, { createContext, forwardRef, useContext } from 'react'
+import type {
+  PolymorphicComponentPropsWithRef,
+  PolymorphicRef,
+} from '../../../typings'
 
 interface AccordionItemContext {
   index: number
@@ -30,45 +33,49 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
   prefixId?: string
 }
 
-export type AccordionItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<
-  C,
-  Props
->
+export type AccordionItemProps<
+  C extends ElementType
+> = PolymorphicComponentPropsWithRef<C, Props>
 
 type AccordionItemComponent = <C extends ElementType = 'div'>(
   props: AccordionItemProps<C>
 ) => ReactElement | null
 
-const AccordionItem: AccordionItemComponent = forwardRef(
-  function AccordionItem<C extends ElementType = 'div'>(
-    {
-      testId = 'store-accordion-item',
-      children,
-      prefixId = '',
-      index = 0,
-      as: MaybeComponent,
-      ...otherProps
-    }: AccordionItemProps<C>,
-    ref: PolymorphicRef<C>
-  ) {
-    const Component = MaybeComponent ?? 'div'
+const AccordionItem: AccordionItemComponent = forwardRef(function AccordionItem<
+  C extends ElementType = 'div'
+>(
+  {
+    testId = 'store-accordion-item',
+    children,
+    prefixId = '',
+    index = 0,
+    as: MaybeComponent,
+    ...otherProps
+  }: AccordionItemProps<C>,
+  ref: PolymorphicRef<C>
+) {
+  const Component = MaybeComponent ?? 'div'
 
-    const context = {
-      index,
-      prefixId,
-      panel: `${prefixId && `${prefixId}-`}panel--${index}`,
-      button: `${prefixId && `${prefixId}-`}button--${index}`,
-    }
-
-    return (
-      <AccordionItemContext.Provider value={context}>
-        <Component ref={ref} data-accordion-item data-testid={testId} {...otherProps}>
-          {children}
-        </Component>
-      </AccordionItemContext.Provider>
-    )
+  const context = {
+    index,
+    prefixId,
+    panel: `${prefixId && `${prefixId}-`}panel--${index}`,
+    button: `${prefixId && `${prefixId}-`}button--${index}`,
   }
-)
+
+  return (
+    <AccordionItemContext.Provider value={context}>
+      <Component
+        ref={ref}
+        data-accordion-item
+        data-testid={testId}
+        {...otherProps}
+      >
+        {children}
+      </Component>
+    </AccordionItemContext.Provider>
+  )
+})
 
 export function useAccordionItem() {
   const context = useContext(AccordionItemContext)
@@ -82,11 +89,4 @@ export function useAccordionItem() {
   return context
 }
 
-/**
- * This is only being exported to make it easier to use in Storybook.
- * **DON'T** import this directly to use this component, use the default export
- * instead.
- */
-export const StorybookAccordionItem = AccordionItem as FC<Props>
-
 export default AccordionItem

package/dist/components/atoms/Incentive/stories/assets/Icons.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function SafetyIcon(): JSX.Element;

package/dist/components/atoms/Incentive/stories/assets/Icons.js

@@ -1,6 +0,0 @@
-import React from 'react';
-export function SafetyIcon() {
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "35", height: "35", fill: "none" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 7h20v7c0 10-8 14-10 14S6 24 6 14V7Zm0-2a2 2 0 0 0-2 2v7c0 11 10 15 11 16h2c1-1 11-5 11-16V7a2 2 0 0 0-2-2H6Zm16 9a1 1 0 0 0-1-2l-7 7-3-3a1 1 0 0 0-1 1l4 4h1l7-7Z", fill: "#323845" })));
-}
-//# sourceMappingURL=Icons.js.map

package/dist/components/atoms/Incentive/stories/assets/Icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../src/components/atoms/Incentive/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,6BAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM;QACxE,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sKAAsK,EACxK,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/components/molecules/Dropdown/stories/assets/Caret.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Caret: () => JSX.Element;

package/dist/components/molecules/Dropdown/stories/assets/Caret.js

@@ -1,4 +0,0 @@
-import React from 'react';
-export const Caret = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "feather feather-chevron-down", style: { display: 'inline' } },
-    React.createElement("polyline", { points: "6 9 12 15 18 9" })));
-//# sourceMappingURL=Caret.js.map

package/dist/components/molecules/Dropdown/stories/assets/Caret.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/Dropdown/stories/assets/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CACzB,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;IAE5B,kCAAU,MAAM,EAAC,gBAAgB,GAAG,CAChC,CACP,CAAA"}

package/dist/components/molecules/PaymentMethods/stories/assets/Icons.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare function VisaCard(): JSX.Element;
-export declare function MasterCard(): JSX.Element;
-export declare function AmericanExpressCard(): JSX.Element;
-export declare function MaestroCard(): JSX.Element;
-export declare function EloCard(): JSX.Element;
-export declare function HiperCard(): JSX.Element;
-export declare function PayPal(): JSX.Element;
-export declare function DinersClub(): JSX.Element;

package/dist/components/molecules/PaymentMethods/stories/assets/Icons.js

@@ -1,26 +0,0 @@
-import React from 'react';
-export function VisaCard() {
-    return (React.createElement("img", { alt: "Visa logo", width: 50, height: 50, src: "https://seeklogo.com/images/V/visa-logo-BDDD51C62D-seeklogo.com.png" }));
-}
-export function MasterCard() {
-    return (React.createElement("img", { alt: "Mastercard logo", width: 50, height: 50, src: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Mastercard-logo.svg/1544px-Mastercard-logo.svg.png" }));
-}
-export function AmericanExpressCard() {
-    return (React.createElement("img", { alt: "American express logo", width: 50, height: 50, src: "https://seeklogo.com/images/A/american-express-logo-EDF87C04A0-seeklogo.com.png" }));
-}
-export function MaestroCard() {
-    return (React.createElement("img", { alt: "American express logo", width: 50, height: 50, src: "https://seeklogo.com/images/M/Maestro-logo-BF4E5E7686-seeklogo.com.png" }));
-}
-export function EloCard() {
-    return (React.createElement("img", { alt: "Elo logo", width: 50, height: 50, src: "https://seeklogo.com/images/E/elo-logo-9F0CF48D54-seeklogo.com.png" }));
-}
-export function HiperCard() {
-    return (React.createElement("img", { alt: "Hipercard logo", width: 50, height: 50, src: "https://seeklogo.com/images/H/Hipercard-logo-139D91D263-seeklogo.com.png" }));
-}
-export function PayPal() {
-    return (React.createElement("img", { alt: "PayPal brand", width: 50, height: 50, src: "https://seeklogo.com/images/P/paypal-logo-484B6FE744-seeklogo.com.png" }));
-}
-export function DinersClub() {
-    return (React.createElement("img", { alt: "Diners club logo", width: 50, height: 50, src: "https://seeklogo.com/images/D/Diners_Club_International-logo-EF50D35BE8-seeklogo.com.png" }));
-}
-//# sourceMappingURL=Icons.js.map

package/dist/components/molecules/PaymentMethods/stories/assets/Icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/PaymentMethods/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,QAAQ;IACtB,OAAO,CACL,6BACE,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,qEAAqE,GACzE,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,6BACE,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,8GAA8G,GAClH,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,CACL,6BACE,GAAG,EAAC,uBAAuB,EAC3B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,iFAAiF,GACrF,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,6BACE,GAAG,EAAC,uBAAuB,EAC3B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,wEAAwE,GAC5E,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,OAAO;IACrB,OAAO,CACL,6BACE,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,oEAAoE,GACxE,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,6BACE,GAAG,EAAC,gBAAgB,EACpB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,0EAA0E,GAC9E,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,MAAM;IACpB,OAAO,CACL,6BACE,GAAG,EAAC,cAAc,EAClB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,uEAAuE,GAC3E,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,6BACE,GAAG,EAAC,kBAAkB,EACtB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,GAAG,EAAC,0FAA0F,GAC9F,CACH,CAAA;AACH,CAAC"}

package/dist/components/molecules/QuantitySelector/stories/assets/Icons.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type QuantitySelectorIconProps = {
-    color: string;
-};
-export declare function PlusIcon(props: QuantitySelectorIconProps): JSX.Element;
-export declare function MinusIcon(props: QuantitySelectorIconProps): JSX.Element;
-export {};

package/dist/components/molecules/QuantitySelector/stories/assets/Icons.js

@@ -1,11 +0,0 @@
-import React from 'react';
-export function PlusIcon(props) {
-    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M16 11V21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
-}
-export function MinusIcon(props) {
-    return (React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M11 16H21", stroke: props.color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
-}
-//# sourceMappingURL=Icons.js.map

package/dist/components/molecules/QuantitySelector/stories/assets/Icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/QuantitySelector/stories/assets/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,UAAU,QAAQ,CAAC,KAAgC;IACvD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;QACF,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAgC;IACxD,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,8BACE,CAAC,EAAC,WAAW,EACb,MAAM,EAAE,KAAK,CAAC,KAAK,EACnB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC"}

package/dist/components/molecules/SearchInput/stories/assets/CustomIcon.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-declare const CustomIcon: FC;
-export default CustomIcon;

package/dist/components/molecules/SearchInput/stories/assets/CustomIcon.js

@@ -1,7 +0,0 @@
-import React from 'react';
-const CustomIcon = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
-    React.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    React.createElement("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
-    React.createElement("line", { x1: "9", y1: "9", x2: "15", y2: "15" })));
-export default CustomIcon;
-//# sourceMappingURL=CustomIcon.js.map

package/dist/components/molecules/SearchInput/stories/assets/CustomIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomIcon.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/SearchInput/stories/assets/CustomIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,UAAU,GAAO,GAAG,EAAE,CAAC,CAC3B,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;IAEtB,gCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;IACjC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG;IACtC,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CAClC,CACP,CAAA;AAED,eAAe,UAAU,CAAA"}

package/src/components/atoms/Badge/Badge.stories.mdx

@@ -1,156 +0,0 @@
-import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs'
-
-import { Badge } from '@faststore/components'
-
-<Meta
-  title="Atoms/Badge/Default"
-  component={Badge}
-  argTypes={{
-    children: {
-      name: 'content',
-    },
-    variant: {
-      options: [
-        'info',
-        'highlighted',
-        'success',
-        'neutral',
-        'warning',
-        'danger',
-        '',
-      ],
-      control: { type: 'select' },
-    },
-    size: {
-      options: ['small', 'big'],
-      control: { type: 'radio' },
-    },
-    counter: {
-      options: ['true', 'false'],
-      control: { type: 'radio' },
-    },
-  }}
-/>
-
-export const Template = ({ children, ...args }) => (
-  <Badge {...args}>{children}</Badge>
-)
-
-<header>
-
-# Badge
-
-Badges are status descriptors used to emphasize an item's state.
-
-</header>
-
-## Overview
-
-<Canvas>
-  <Story
-    name="overview-neutral"
-    args={{
-      children: 'Neutral',
-      size: 'small',
-      variant: 'neutral',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-info"
-    args={{
-      children: 'Info',
-      size: 'small',
-      variant: 'info',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-highlighted"
-    args={{
-      children: 'Highlighted',
-      size: 'small',
-      variant: 'highlighted',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-success"
-    args={{
-      children: 'Success',
-      size: 'small',
-      variant: 'success',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-warning"
-    args={{
-      children: 'Warning',
-      size: 'small',
-      variant: 'warning',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-danger"
-    args={{
-      children: 'Danger',
-      size: 'small',
-      variant: 'danger',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-big"
-    args={{
-      children: 'Big',
-      size: 'big',
-      variant: 'success',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-counter"
-    args={{
-      children: '3',
-      size: 'false',
-      counter: 'true',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
----
-
-## Usage
-
-```jsx
-import Badge from '@faststore/ui'
-
-// Styles
-import @faststore/ui/src/components/atoms/Badge/styles.scss
-```
-
-<Canvas>
-  <Story
-    name="default"
-    args={{
-      children: 'New arrival',
-      size: 'small',
-      variant: 'info',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-<ArgsTable story="default" />

package/src/components/atoms/Incentive/stories/Incentive.mdx

@@ -1,24 +0,0 @@
-import { Canvas, Props, Story, ArgsTable } from '@storybook/addon-docs'
-
-import Incentive from '../Incentive'
-
-# Incentive
-
-<Canvas>
-  <Story id="atoms-incentive--incentive" />
-</Canvas>
-
-## Props
-
-`Incentive` component support all attributes also supported by the `<div>` tag.
-
-Besides those attributes, the following props are also supported:
-
-<ArgsTable of={Incentive} />
-
-## CSS Selectors
-
-```css
-[data-fs-incentive] {
-}
-```

package/src/components/atoms/Incentive/stories/Incentive.stories.tsx

@@ -1,26 +0,0 @@
-import type { Story, Meta } from '@storybook/react'
-import React from 'react'
-
-import { SafetyIcon } from './assets/Icons'
-import type { IncentiveProps } from '../Incentive'
-import Component from '../Incentive'
-import mdx from './Incentive.mdx'
-
-const IncentiveTemplate: Story<IncentiveProps> = ({ testId }) => (
-  <Component testId={testId}>
-    <SafetyIcon />
-    <span>Trusted by SafeCompany</span>
-  </Component>
-)
-
-export const Incentive = IncentiveTemplate.bind({})
-Incentive.storyName = 'Incentive'
-
-export default {
-  title: 'Atoms/Incentive',
-  parameters: {
-    docs: {
-      page: mdx,
-    },
-  },
-} as Meta

package/src/components/atoms/Incentive/stories/assets/Icons.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-
-export function SafetyIcon() {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="none">
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6 7h20v7c0 10-8 14-10 14S6 24 6 14V7Zm0-2a2 2 0 0 0-2 2v7c0 11 10 15 11 16h2c1-1 11-5 11-16V7a2 2 0 0 0-2-2H6Zm16 9a1 1 0 0 0-1-2l-7 7-3-3a1 1 0 0 0-1 1l4 4h1l7-7Z"
-        fill="#323845"
-      />
-    </svg>
-  )
-}

package/src/components/atoms/Input/Input.stories.mdx

@@ -1,34 +0,0 @@
-import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs'
-
-import { Input } from '@faststore/components'
-
-<Meta title="Atoms/Input" component={Input} argTypes={{}} />
-
-export const Template = ({ args }) => <Input {...args} />
-
-<header>
-
-# Input
-
-Inputs are text fields used to get user inputs. // Update this!!!!!
-
-</header>
-
-## Overview
-
-<Canvas>
-  <Story name="default">{Template.bind({})}</Story>
-</Canvas>
-
----
-
-## Usage
-
-```jsx
-import { Input } from '@faststore/ui'
-
-// Styles
-import @faststore/ui/src/components/atoms/Input/styles.scss
-```
-
-<ArgsTable story="default" />