@faststore/ui 2.0.173-alpha.0 → 2.1.0

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

@@ -1,7 +1,7 @@
 [data-fs-banner-newsletter] {
   margin-bottom: var(--fs-grid-padding);
 
-  [data-fs-banner-text] {
+  [data-fs-banner] {
     border-radius: var(--fs-border-radius);
   }
 

package/src/index.ts

@@ -7,20 +7,6 @@ export type { TextAreaProps } from './components/atoms/TextArea'
 export { default as Incentive } from './components/atoms/Incentive'
 export type { IncentiveProps } from './components/atoms/Incentive'
 
-// Molecules
-export {
-  default as Banner,
-  BannerContent,
-  BannerImage,
-  BannerLink,
-} from './components/molecules/Banner'
-export type {
-  BannerProps,
-  BannerContentProps,
-  BannerImageProps,
-  BannerLinkProps,
-} from './components/molecules/Banner'
-
 // Organisms
 export { Tile, Tiles } from './components/organisms/Tiles'
 export type { TilesProps, TileProps } from './components/organisms/Tiles'

package/src/styles/base/layout.scss

@@ -78,3 +78,13 @@ main {
   height: 100%;
   object-fit: cover;
 }
+
+////////////////////
+// Pages
+////////////////////
+
+// Homepage
+.section-newsletter {
+  padding-top: var(--fs-grid-padding);
+  padding-bottom: 0;
+}

package/src/styles/components.scss

@@ -19,7 +19,6 @@
 // Molecules
 @import "../components/molecules/Accordion/styles";
 @import "../components/molecules/Alert/styles";
-@import "../components/molecules/Banner/styles";
 @import "../components/molecules/Breadcrumb/styles";
 @import "../components/molecules/BuyButton/styles";
 @import "../components/molecules/Carousel/styles";
@@ -56,6 +55,7 @@
 @import "../components/molecules/ToggleField/styles";
 
 // Organisms
+@import "../components/organisms/Banner/styles";
 @import "../components/organisms/BannerNewsletter/styles";
 @import "../components/organisms/CartSidebar/styles";
 @import "../components/organisms/EmptyState/styles";

package/src/components/molecules/Banner/Banner.tsx

@@ -1,31 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-type BannerDirectionVariant = 'vertical' | 'horizontal'
-export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  children: React.ReactNode
-  variant?: BannerDirectionVariant
-}
-
-const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(
-  { testId = 'store-banner', children, variant = 'vertical', ...otherProps },
-  ref
-) {
-  return (
-    <article
-      ref={ref}
-      data-fs-banner={variant}
-      data-testid={testId}
-      {...otherProps}
-    >
-      {children}
-    </article>
-  )
-})
-
-export default Banner

package/src/components/molecules/Banner/BannerContent.tsx

@@ -1,24 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface BannerContentProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const BannerContent = forwardRef<HTMLDivElement, BannerContentProps>(
-  function BannerContent(
-    { testId = 'store-banner-content', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <div ref={ref} data-banner-content data-testid={testId} {...otherProps}>
-        {children}
-      </div>
-    )
-  }
-)
-
-export default BannerContent

package/src/components/molecules/Banner/BannerImage.tsx

@@ -1,24 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface BannerImageProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const BannerImage = forwardRef<HTMLDivElement, BannerImageProps>(
-  function BannerImage(
-    { testId = 'store-banner-image', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <div ref={ref} data-banner-image data-testid={testId} {...otherProps}>
-        {children}
-      </div>
-    )
-  }
-)
-
-export default BannerImage

package/src/components/molecules/Banner/BannerLink.tsx

@@ -1,24 +0,0 @@
-import type { HTMLAttributes } from 'react'
-import React, { forwardRef } from 'react'
-
-export interface BannerLinkProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-}
-
-const BannerLink = forwardRef<HTMLDivElement, BannerLinkProps>(
-  function BannerLink(
-    { testId = 'store-banner-link', children, ...otherProps },
-    ref
-  ) {
-    return (
-      <div ref={ref} data-banner-link data-testid={testId} {...otherProps}>
-        {children}
-      </div>
-    )
-  }
-)
-
-export default BannerLink

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

@@ -1,11 +0,0 @@
-export { default } from './Banner'
-export type { BannerProps } from './Banner'
-
-export { default as BannerImage } from './BannerImage'
-export type { BannerImageProps } from './BannerImage'
-
-export { default as BannerContent } from './BannerContent'
-export type { BannerContentProps } from './BannerContent'
-
-export { default as BannerLink } from './BannerLink'
-export type { BannerLinkProps } from './BannerLink'