@latte-macchiat-io/latte-vanilla-components 0.0.252 → 0.0.253

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.252",
+  "version": "0.0.253",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/Section/index.tsx

@@ -1,6 +1,7 @@
 import { clsx } from 'clsx';
 
 import { sectionContent, sectionRecipe, type SectionVariants } from './styles.css';
+import { themeContract } from '../../theme/contract.css';
 
 export type SectionProps = React.HTMLAttributes<HTMLDivElement> &
   SectionVariants & {
@@ -8,7 +9,9 @@ export type SectionProps = React.HTMLAttributes<HTMLDivElement> &
   };
 
 export const Section = ({ align, isDark, variant, isFullHeight, withPaddingTop, withPaddingBottom, className, children, style }: SectionProps) => (
-  <section style={style} className={clsx(sectionRecipe({ align, isDark, variant, isFullHeight, withPaddingTop, withPaddingBottom }), className)}>
+  <section
+    style={style}
+    className={clsx(sectionRecipe({ align, isDark, variant, isFullHeight, withPaddingTop, withPaddingBottom, isHeaderFixed: true }), className)}>
     <div className={sectionContent}>{children}</div>
   </section>
 );

package/src/components/Section/styles.css.ts

@@ -106,7 +106,7 @@ export const sectionRecipe = recipe(
       align: 'left',
       isDark: false,
       isFullHeight: false,
-      isHeaderFixed: themeContract.header.isFixed ? true : false,
+      isHeaderFixed: false,
       withPaddingTop: true,
       withPaddingBottom: true,
       variant: 'transparent',