@latte-macchiat-io/latte-vanilla-components 0.0.281 → 0.0.283

package/package.json

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

package/src/components/Header/theme.ts

@@ -1,6 +1,5 @@
 const themeHeaderBase = {
   header: {
-    isFixed: 'true',
     fontSize: '1.2em',
     overlayBackgroundTransition: 'opacity 0.3s ease-in-out, visibility 0.3s ease-in-out',
 

package/src/components/Section/index.tsx

@@ -1,17 +1,27 @@
 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 & {
     children: React.ReactNode;
   };
 
-export const Section = ({ align, isDark, variant, isFullHeight, withPaddingTop, withPaddingBottom, className, children, style }: SectionProps) => (
+export const Section = ({
+  align,
+  isDark,
+  isHeaderFixed,
+  variant,
+  isFullHeight,
+  withPaddingTop,
+  withPaddingBottom,
+  className,
+  children,
+  style,
+}: SectionProps) => (
   <section
     style={style}
-    className={clsx(sectionRecipe({ align, isDark, variant, isFullHeight, withPaddingTop, withPaddingBottom, isHeaderFixed: true }), className)}>
+    className={clsx(sectionRecipe({ align, isDark, variant, isFullHeight, withPaddingTop, withPaddingBottom, isHeaderFixed }), className)}>
     <div className={sectionContent}>{children}</div>
   </section>
 );

package/src/theme/contract.css.ts

@@ -149,7 +149,6 @@ export const themeContract = createGlobalThemeContract({
     },
   },
   header: {
-    isFixed: 'latte-header-isFixed',
     fontSize: 'latte-header-fontSize',
     backgroundColor: 'latte-header-backgroundColor',
     overlayBackgroundColor: 'latte-header-overlayBackgroundColor',