chore: removes other sections scss

packages/core/src/components/search/Filter/FilterSlider.tsx

@@ -13,8 +13,6 @@ import type { Filter_FacetsFragment } from '@generated/graphql'
 
 import type { useFilter } from 'src/sdk/search/useFilter'
 
-import styles from './section.module.scss'
-
 export interface FilterSliderProps {
   /**
    * ID to find this component in testing tools (e.g.: cypress,
@@ -54,7 +52,7 @@ function FilterSlider({
   return (
     <UIFilterSlider
       overlayProps={{
-        className: `section ${styles.section} section-filter-slider`,
+        className: `section section-filter-slider`,
       }}
       title={title}
       size="partial"

packages/core/src/components/sections/Breadcrumb/Breadcrumb.tsx

@@ -2,17 +2,16 @@ import { memo } from 'react'
 
 import Section from '../Section'
 
-import styles from './section.module.scss'
+import { getOverridableSection } from '../../../sdk/overrides/getOverriddenSection'
+import { useOverrideComponents } from '../../../sdk/overrides/OverrideContext'
 import {
   PDPContext,
   PLPContext,
   isPDP,
   isPLP,
   usePage,
 } from '../../../sdk/overrides/PageProvider'
-import { useOverrideComponents } from '../../../sdk/overrides/OverrideContext'
 import { BreadcrumbDefaultComponents } from './DefaultComponents'
-import { getOverridableSection } from '../../../sdk/overrides/getOverriddenSection'
 
 interface BreadcrumbSectionProps {
   icon: string
@@ -35,7 +34,7 @@ function BreadcrumbSection({ ...otherProps }: BreadcrumbSectionProps) {
     : fallback
 
   return (
-    <Section className={`${styles.section} section-breadcrumb`}>
+    <Section className={`section-breadcrumb`}>
       <Breadcrumb.Component breadcrumbList={breadcrumbList} {...otherProps} />
     </Section>
   )

packages/core/src/components/sections/EmptyState/EmptyState.tsx

@@ -1,16 +1,14 @@
-import type { PropsWithChildren } from 'react'
 import { useRouter } from 'next/router'
+import type { PropsWithChildren } from 'react'
 
 import { Icon as UIIcon, Loader as UILoader } from '@faststore/ui'
 
 import { useOverrideComponents } from '../../../sdk/overrides/OverrideContext'
 
 import Section from '../Section'
 
-import styles from './section.module.scss'
-
-import { EmptyStateDefaultComponents } from './DefaultComponents'
 import { getOverridableSection } from '../../../sdk/overrides/getOverriddenSection'
+import { EmptyStateDefaultComponents } from './DefaultComponents'
 
 export interface EmptyStateProps {
   /**
@@ -86,7 +84,7 @@ function EmptyState({
   )
 
   return (
-    <Section className={`${styles.section} section-empty-state`}>
+    <Section className={`section-empty-state`}>
       <EmptyStateWrapper.Component
         bkgColor="light"
         {...EmptyStateWrapper.props}

packages/core/src/components/sections/ProductDetails/ProductDetails.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState, useMemo } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 import type { CurrencyCode, ViewItemEvent } from '@faststore/sdk'
 import { sendAnalyticsEvent } from '@faststore/sdk'
@@ -10,12 +10,10 @@ import { useSession } from 'src/sdk/session'
 
 import Section from '../Section'
 
-import styles from './section.module.scss'
-
-import { usePDP } from '../../../sdk/overrides/PageProvider'
+import { getOverridableSection } from '../../../sdk/overrides/getOverriddenSection'
 import { useOverrideComponents } from '../../../sdk/overrides/OverrideContext'
+import { usePDP } from '../../../sdk/overrides/PageProvider'
 import { ProductDetailsDefaultComponents } from './DefaultComponents'
-import { getOverridableSection } from '../../../sdk/overrides/getOverriddenSection'
 
 export interface ProductDetailsProps {
   productTitle: {
@@ -153,7 +151,7 @@ function ProductDetails({
   )
 
   return (
-    <Section className={`${styles.section} section-product-details`}>
+    <Section className={`section-product-details`}>
       <section data-fs-product-details>
         <section data-fs-product-details-body data-fs-content="product-details">
           <header data-fs-product-details-title data-fs-product-details-section>

packages/core/src/components/sections/ProductGallery/ProductGallery.tsx

@@ -6,15 +6,14 @@ import ProductGallery, {
 import Section from '../Section'
 import type { EmptyGalleryProps } from './EmptyGallery'
 
-import styles from './section.module.scss'
+import { useOverrideComponents } from '../../../sdk/overrides/OverrideContext'
 import {
   PLPContext,
   SearchPageContext,
   isPLP,
   isSearchPage,
   usePage,
 } from '../../../sdk/overrides/PageProvider'
-import { useOverrideComponents } from '../../../sdk/overrides/OverrideContext'
 import { getOverridableSection } from '../../../sdk/overrides/getOverriddenSection'
 import { ProductGalleryDefaultComponents } from './DefaultComponents'
 
@@ -48,7 +47,7 @@ function ProductGallerySection({
 
   if (context?.data?.search?.products && totalCount === 0) {
     return (
-      <Section className={`${styles.section} section-product-gallery`}>
+      <Section className={`section-product-gallery`}>
         <section data-testid="product-gallery" data-fs-product-listing>
           <EmptyGallery.Component {...emptyGallery} />
         </section>

packages/core/src/components/sections/ScrollToTopButton/ScrollToTopButton.tsx

@@ -2,7 +2,6 @@ import type { ButtonProps } from '@faststore/ui'
 import { Icon, Button as UIButton } from '@faststore/ui'
 
 import Section from '../Section'
-import styles from './section.module.scss'
 
 interface ScrollToTopButtonProps {
   /**
@@ -28,7 +27,7 @@ function ScrollToTopButton({
   iconPosition = 'left',
 }: ScrollToTopButtonProps) {
   return (
-    <Section className={`${styles.section} section-scroll-to-top-button`}>
+    <Section className={`section-scroll-to-top-button`}>
       <UIButton
         variant="secondary"
         icon={icon}