@faststore/core 3.0.39 → 3.0.40

package/.turbo/turbo-test.log

@@ -1,23 +1,23 @@
 $ jest
-PASS test/server/index.test.ts (26.714 s)
+PASS test/server/index.test.ts (26.365 s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (15 ms)
-      ✓ should return a valid GraphQL schema contain all expected types (22 ms)
+      ✓ should return a valid GraphQL schema (8 ms)
+      ✓ should return a valid GraphQL schema contain all expected types (10 ms)
       ✓ should return a valid GraphQL schema contain all expected queries (2 ms)
       ✓ should return a valid GraphQL schema contain all expected mutations
     VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (25 ms)
-    Third Party API Extension
       ✓ getTypeDefsFromFolder function should return an Array (9 ms)
+    Third Party API Extension
+      ✓ getTypeDefsFromFolder function should return an Array (18 ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (90 ms)
+      ✓ should return a valid merged GraphQL schema (59 ms)
     Envelop
-      ✓ should exist with its plugins (42 ms)
-      ✓ should handle options and execute (598 ms)
+      ✓ should exist with its plugins (53 ms)
+      ✓ should handle options and execute (237 ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        26.82 s
+Time:        26.461 s
 Ran all test suites.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.0.39",
+  "version": "3.0.40",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -39,11 +39,11 @@
     "@envelop/graphql-jit": "^1.1.1",
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
-    "@faststore/api": "^3.0.39",
-    "@faststore/components": "^3.0.39",
-    "@faststore/graphql-utils": "^3.0.39",
-    "@faststore/sdk": "^3.0.39",
-    "@faststore/ui": "^3.0.39",
+    "@faststore/api": "^3.0.40",
+    "@faststore/components": "^3.0.40",
+    "@faststore/graphql-utils": "^3.0.40",
+    "@faststore/sdk": "^3.0.40",
+    "@faststore/ui": "^3.0.40",
     "@graphql-codegen/cli": "^3.3.1",
     "@graphql-codegen/client-preset": "^4.1.0",
     "@graphql-codegen/typescript": "^3.0.4",
@@ -82,8 +82,8 @@
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",
     "@envelop/testing": "^6.0.0",
-    "@faststore/cli": "^3.0.39",
-    "@faststore/eslint-config": "^3.0.39",
+    "@faststore/cli": "^3.0.40",
+    "@faststore/eslint-config": "^3.0.40",
     "@faststore/lighthouse": "^1.12.32",
     "@lhci/cli": "^0.9.0",
     "@testing-library/cypress": "^10.0.1",
@@ -124,5 +124,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "164257d98e270785aaefc2c174a02f39c1c545d4"
+  "gitHead": "0c9cf2d2306ff21a626c3073a54e2ee69aaac919"
 }

package/pull_request_template.md

@@ -33,5 +33,4 @@
 
 **Documentation**
 - [ ] PR description
-- [ ] Added to/Updated the Storybook - *if applicable*
 - [ ] For documentation changes, ping `@carolinamenezes` or `@PedroAntunesCosta` to review and update

package/src/components/product/ProductCard/ProductCard.stories.mdx

@@ -1,413 +0,0 @@
-import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs'
-
-import { Button } from '@faststore/ui'
-
-import Icon from '../../ui/Icon'
-import ProductCard from '.'
-
-import {
-  TokenTable,
-  TokenRow,
-  TokenDivider,
-} from 'src/../.storybook/components'
-
-<Meta
-  title="Molecules/ProductCard"
-  component={ProductCard}
-  argTypes={{
-    variant: {
-      defaultValue: 'default',
-      table: { defaultValue: 'default' },
-    },
-    product: { table: { disable: true } },
-    index: { table: { disable: true } },
-    aspectRatio: {
-      options: [0.75, 1.5, 1],
-      control: { type: 'radio' },
-      table: { defaultValue: '1' },
-    },
-    BuyButton: {
-      control: 'boolean',
-      table: { defaultValue: false },
-    },
-  }}
-/>
-
-export const product = {
-  id: '15503951',
-  slug: 'handmade-steel-towels-practical-15503951',
-  sku: '15503951',
-  brand: { brandName: 'Brand', name: 'Brand' },
-  name: 'red',
-  gtin: '5595633577807',
-  isVariantOf: {
-    productGroupID: '130742',
-    name: 'Handmade Steel Towels Practical',
-  },
-  image: [
-    {
-      url: 'http://storeframework.vtexassets.com/arquivos/ids/190191/numquam.jpg?v=637755599170100000',
-      alternateName: 'est',
-    },
-  ],
-  offers: {
-    lowPrice: 181.71,
-    offers: [
-      {
-        availability: 'https://schema.org/InStock',
-        price: 181.71,
-        listPrice: 208.72,
-        quantity: 1,
-        seller: { identifier: '1' },
-      },
-    ],
-  },
-}
-
-export const Template = ({ BuyButton, ...args }) => {
-  const button = BuyButton ? (
-    <Button
-      variant="primary"
-      data-fs-button-size="small"
-      icon={<Icon name="ShoppingCart" width={18} height={18} />}
-      iconPosition="left"
-    >
-      Add
-    </Button>
-  ) : null
-  return (
-    <div style={{ width: 300 }}>
-      <ProductCard BuyButton={button} {...args} />
-    </div>
-  )
-}
-
-export const TemplateWide = ({ BuyButton, ...args }) => {
-  const button = BuyButton ? (
-    <Button
-      variant="primary"
-      data-fs-button-size="small"
-      icon={<Icon name="ShoppingCart" width={18} height={18} />}
-      iconPosition="left"
-    >
-      Add
-    </Button>
-  ) : null
-  return (
-    <div style={{ width: 400 }}>
-      <ProductCard BuyButton={button} {...args} />
-    </div>
-  )
-}
-
-<header>
-
-# Product Card
-
-ProductCard displays summarized information about a product. They usually present a call-to-action button, as well as the product's name, price, and image.
-
-</header>
-
-## Overview
-
-The `ProductCard` component uses [FastStore UI ProductCard](https://www.faststore.dev/reference/ui/molecules/ProductCard).
-
-<Canvas className="sbdocs-vertically-center">
-  <Story
-    name="overview-default"
-    args={{
-      product: product,
-      index: 1,
-      variant: 'default',
-      bordered: false,
-      aspectRatio: 1,
-      BuyButton: false,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-bordered"
-    args={{
-      product: product,
-      index: 1,
-      variant: 'default',
-      bordered: true,
-      aspectRatio: 1,
-      BuyButton: false,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-wide"
-    args={{
-      product: product,
-      index: 1,
-      variant: 'wide',
-      bordered: false,
-      aspectRatio: 1.5,
-      BuyButton: false,
-    }}
-  >
-    {TemplateWide.bind({})}
-  </Story>
-</Canvas>
-
----
-
-## Usage
-
-<Canvas>
-  <Story
-    name="default"
-    args={{
-      product: product,
-      index: 1,
-      variant: 'default',
-      bordered: false,
-      aspectRatio: 1,
-      BuyButton: false,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-<ArgsTable story="default" />
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-padding"
-    value="var(--fs-spacing-1) var(--fs-spacing-1) var(--fs-spacing-2) var(--fs-spacing-1)"
-  />
-  <TokenRow token="--fs-product-card-gap" value="var(--fs-grid-gap-2)" />
-  <TokenRow token="--fs-product-card-min-width" value="10rem" />
-  <TokenDivider />
-  <TokenRow token="--fs-product-card-shadow" value="var(--fs-shadow)" />
-  <TokenRow
-    token="--fs-product-card-shadow-hover"
-    value="var(--fs-shadow-hover)"
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-product-card-bkg-color"
-    value="var(--fs-color-body-bkg)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-product-card-bkg-color-hover"
-    value="var(--fs-product-card-bkg-color)"
-    globalValue="var(--fs-color-body-bkg)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-product-card-bkg-color-focus"
-    value="var(--fs-product-card-bkg-color-hover)"
-    globalValue="var(--fs-color-body-bkg)"
-    isColor
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-product-card-border-radius"
-    value="var(--fs-border-radius)"
-  />
-  <TokenRow
-    token="--fs-product-card-border-color-hover"
-    value="var(--fs-border-color-hover)"
-    isColor
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-product-card-transition-function"
-    value="var(--fs-transition-function)"
-  />
-  <TokenRow
-    token="--fs-product-card-transition-property"
-    value="var(--fs-transition-property)"
-  />
-  <TokenRow
-    token="--fs-product-card-transition-timing"
-    value="var(--fs-transition-timing)"
-  />
-</TokenTable>
-
----
-
-## Nested Elements
-
-### Content
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-content-padding"
-    value="var(--fs-spacing-2) 0 0 0"
-  />
-</TokenTable>
-
-### Image
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-img-radius"
-    value="var(--fs-product-card-border-radius)"
-  />
-  <TokenRow token="--fs-product-card-img-scale-hover" value="1" />
-</TokenTable>
-
-### Title
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-title-color"
-    value="var(--fs-color-text)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-product-card-title-size"
-    value="var(--fs-text-size-base)"
-  />
-  <TokenRow
-    token="--fs-product-card-title-weight"
-    value="var(--fs-text-weight-regular)"
-  />
-  <TokenRow
-    token="--fs-product-card-title-max-lines"
-    value="var(--fs-text-max-lines)"
-  />
-</TokenTable>
-
-### Price
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-price-color"
-    value="var(--fs-color-text)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-product-card-price-size"
-    value="var(--fs-text-size-base)"
-  />
-  <TokenRow
-    token="--fs-product-card-price-listing-color"
-    value="var(--fs-color-text-light)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-product-card-price-listing-size"
-    value="var(--fs-text-size-legend)"
-  />
-</TokenTable>
-
-### Description
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-description-color"
-    value="var(--fs-color-text)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-product-card-description-size"
-    value="var(--fs-text-size-legend)"
-  />
-</TokenTable>
-
-### Subtitle
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-subtitle-color"
-    value="var(--fs-color-text-light)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-product-card-subtitle-size"
-    value="var(--fs-text-size-tiny)"
-  />
-</TokenTable>
-
----
-
-## Variants
-
-### Default
-
-<Canvas>
-  <Story
-    name="product-card-default"
-    args={{
-      product: product,
-      index: 1,
-      variant: 'default',
-      bordered: false,
-      aspectRatio: 1,
-      BuyButton: false,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-### Bordered
-
-<Canvas>
-  <Story
-    name="product-card-bordered"
-    args={{
-      product: product,
-      index: 1,
-      variant: 'default',
-      bordered: true,
-      aspectRatio: 1,
-      BuyButton: false,
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-<TokenTable>
-  <TokenRow
-    token="--fs-product-card-border-width"
-    value="var(--fs-border-width)"
-  />
-  <TokenRow
-    token="--fs-product-card-border-color"
-    value="var(--fs-border-color-light)"
-    isColor
-  />
-</TokenTable>
-
-### Wide
-
-<Canvas>
-  <Story
-    name="product-card-wide"
-    args={{
-      product: product,
-      index: 1,
-      variant: 'wide',
-      bordered: false,
-      aspectRatio: 1.5,
-      BuyButton: false,
-    }}
-  >
-    {TemplateWide.bind({})}
-  </Story>
-</Canvas>
-
-<TokenTable>
-  <TokenRow token="--fs-product-card-wide-padding" value="0" />
-  <TokenRow
-    token="--fs-product-card-wide-content-padding"
-    value="var(--fs-spacing-2)"
-  />
-  <TokenRow
-    token="--fs-product-card-wide-bkg-color"
-    value="var(--fs-color-neutral-bkg)"
-    isColor
-  />
-  <TokenRow token="--fs-product-card-wide-min-width" value="9rem" />
-</TokenTable>

package/src/components/ui/Breadcrumb/Breadcrumb.stories.mdx

@@ -1,197 +0,0 @@
-import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs'
-import Breadcrumb from '.'
-
-import {
-  TokenTable,
-  TokenRow,
-  TokenDivider,
-} from 'src/../.storybook/components'
-
-<Meta component={Breadcrumb} title="Molecules/Breadcrumb" />
-
-export const breadcrumbList = [
-  { item: 'technology', name: 'Technology', position: 1 },
-  {
-    item: 'technology/electronics',
-    name: 'Electronics',
-    position: 2,
-  },
-  {
-    item: 'technology/electronics/audio-and-video',
-    name: 'Audio & Video',
-    position: 3,
-  },
-  {
-    item: 'technology/electronics/audio-and-video/headphones',
-    name: 'Headphones',
-    position: 4,
-  },
-]
-
-export const Template = (args) => <Breadcrumb {...args} />
-
-<header>
-
-# Breadcrumb
-
-Breadcrumbs indicate the user's location in a website hierarchy, facilitating the navigation to previous page levels.
-
-</header>
-
-## Overview
-
-The `Breadcrumb` component uses [FastStore UI Breadcrumb](https://www.faststore.dev/reference/ui/molecules/Breadcrumb) as base.
-
-<Canvas isColumn>
-  <Story name="overview" args={{ breadcrumbList }}>
-    {Template.bind({})}
-  </Story>
-  <Story
-    name="overview-with-dropdown"
-    args={{
-      breadcrumbList: [
-        ...breadcrumbList,
-        {
-          item: 'technology/electronics/audio-and-video/headphones/headphonesaedle-vk1-headphone',
-          name: 'Aedle VK-1 L Headphone',
-          position: 5,
-        },
-      ],
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
----
-
-## Usage
-
-`import Breadcrumb from 'src/components/ui/Breadcrumb'`
-
-<Canvas>
-  <Story name="default" args={{ breadcrumbList }}>
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-<ArgsTable story="default" />
-
-<TokenTable>
-  <TokenRow
-    token="--fs-breadcrumb-margin-left"
-    value="calc(-1 * var(--fs-spacing-1))"
-  />
-</TokenTable>
-
----
-
-## Nested Elements
-
-### List Item
-
-<TokenTable>
-  <TokenRow
-    token="--fs-breadcrumb-list-item-padding"
-    value="var(--fs-spacing-0)"
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-breadcrumb-list-item-last-text-color"
-    value="var(--fs-color-text-light)"
-    isColor
-  />
-  <TokenDivider />
-  <TokenRow token="--fs-breadcrumb-list-item-max-width-mobile" value="30%" />
-</TokenTable>
-
-### Link
-
-<TokenTable>
-  <TokenRow
-    token="--fs-breadcrumb-link-color-visited"
-    value="var(--fs-color-link)"
-    isColor
-  />
-</TokenTable>
-
-### Link Home
-
-<TokenTable>
-  <TokenRow
-    token="--fs-breadcrumb-link-home-padding"
-    value="var(--fs-spacing-1)"
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-breadcrumb-link-home-border-radius"
-    value="var(--fs-border-radius-circle)"
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-breadcrumb-link-home-hover-bkg-color"
-    value="var(--fs-color-primary-bkg-light)"
-    isColor
-  />
-  <TokenRow
-    token="--fs-breadcrumb-link-home-color"
-    value="var(--fs-color-text)"
-    isColor
-  />
-</TokenTable>
-
-### Divider
-
-<TokenTable>
-  <TokenRow
-    token="--fs-breadcrumb-divider-height"
-    value="var(--fs-spacing-3)"
-  />
-  <TokenRow
-    token="--fs-breadcrumb-divider-margin"
-    value="var(--fs-spacing-1)"
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-breadcrumb-divider-border-left-width"
-    value="var(--fs-border-width)"
-  />
-  <TokenRow
-    token="--fs-breadcrumb-divider-border-left-color"
-    value="var(--fs-border-color-light)"
-    isColor
-  />
-</TokenTable>
-
-### Dropdown Button
-
-<TokenTable>
-  <TokenRow
-    token="--fs-breadcrumb-dropdown-button-margin-left"
-    value="var(--fs-breadcrumb-margin-left)"
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-breadcrumb-dropdown-button-color"
-    value="var(--fs-color-link)"
-    isColor
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-breadcrumb-dropdown-button-border-radius"
-    value="var(--fs-spacing-0)"
-  />
-  <TokenDivider />
-  <TokenRow
-    token="--fs-breadcrumb-dropdown-button-transition-property"
-    value="var(--fs-transition-property)"
-  />
-  <TokenRow
-    token="--fs-breadcrumb-dropdown-button-transition-timing"
-    value="var(--fs-transition-timing)"
-  />
-  <TokenRow
-    token="--fs-breadcrumb-dropdown-button-transition-function"
-    value="var(--fs-transition-function)"
-  />
-</TokenTable>