@latte-macchiat-io/latte-vanilla-components 0.0.123 → 0.0.125

package/dist/latte-vanilla-components.css

@@ -1 +1 @@
-._1wp326d2{display:flex;background-color:var(--_1wp326d1);flex:1 1 auto;min-height:45vh;text-align:center;align-items:center;flex-direction:column;justify-content:center}@media (min-width: 768px){._1wp326d2{min-height:var(--_1wp326d0)}}
+._1wp326d2{display:flex;background-color:var(--_1wp326d1);flex:1 1 auto;min-height:45vh;text-align:center;align-items:center;flex-direction:column;justify-content:center}@media (min-width: 768px){._1wp326d2{min-height:var(--_1wp326d0)}}.jqc4y06{width:100%;display:flex;color:var(--jqc4y02);align-items:center;position:relative;z-index:var(--jqc4y01);flex-direction:column;min-height:var(--jqc4y03);background:var(--jqc4y05);justify-content:var(--jqc4y04);animation:background .5s ease-in-out}

package/dist/types/components/Main/index.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from '../../types/theme';
 export type MainProps = {
     theme?: Theme;
-    styles: string;
+    className: string;
     children: React.ReactNode;
 };
-export declare const Main: ({ children, theme, styles }: MainProps) => import("react").JSX.Element;
+export declare const Main: ({ className, children, theme }: MainProps) => import("react").JSX.Element;

package/dist/types/components/Main/stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ children, theme, styles }: import('.').MainProps) => import("react").JSX.Element;
+    component: ({ className, children, theme }: import('.').MainProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/types/components/Main/styles.css.d.ts

@@ -15,4 +15,4 @@ export declare const styles: {
         };
     };
 };
-export declare const main: string;
+export declare const mainStyle: string;

package/dist/types/components/Section/export.d.ts

@@ -1,2 +1,3 @@
 export { Section } from '.';
 export type { SectionProps } from '.';
+export { styles as SectionStyles } from './styles.css';

package/dist/types/components/Section/index.d.ts

@@ -1,4 +1,3 @@
-import { CSSProperties } from 'react';
 import { Align } from './types';
 import { Theme } from '../../types/theme';
 export type SectionProps = {
@@ -7,7 +6,7 @@ export type SectionProps = {
     align?: Align;
     zIndex?: number;
     isDark?: boolean;
-    styles?: CSSProperties;
+    className: string;
     isFullHeight?: boolean;
     noPaddingTop?: boolean;
     children: React.ReactNode;
@@ -15,4 +14,4 @@ export type SectionProps = {
     backgroundColor?: string;
     backgroundGradient?: string;
 };
-export declare const Section: ({ children, zIndex, styles, id, isDark, align, isFullHeight, noPaddingTop, backgroundColor, theme, noPaddingBottom, }: SectionProps) => import("react").JSX.Element;
+export declare const Section: ({ children, className, zIndex, isDark, id, align, isFullHeight, backgroundColor, theme, }: SectionProps) => import("react").JSX.Element;

package/dist/types/components/Section/stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ children, zIndex, styles, id, isDark, align, isFullHeight, noPaddingTop, backgroundColor, theme, noPaddingBottom, }: import('.').SectionProps) => import("react").JSX.Element;
+    component: ({ children, className, zIndex, isDark, id, align, isFullHeight, backgroundColor, theme, }: import('.').SectionProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/types/components/Section/styles.css.d.ts

@@ -0,0 +1,20 @@
+export declare const sectionAlign: `var(--${string})`;
+export declare const sectionZIndex: `var(--${string})`;
+export declare const sectionColor: `var(--${string})`;
+export declare const sectionMinHeight: `var(--${string})`;
+export declare const sectionJustifyContent: `var(--${string})`;
+export declare const sectionBackgroundColor: `var(--${string})`;
+export declare const styles: {
+    width: string;
+    display: string;
+    color: `var(--${string})`;
+    alignItems: string;
+    position: string;
+    zIndex: `var(--${string})`;
+    flexDirection: string;
+    minHeight: `var(--${string})`;
+    background: `var(--${string})`;
+    justifyContent: `var(--${string})`;
+    animation: string;
+};
+export declare const sectionStyle: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.123",
+  "version": "0.0.125",
   "description": "Beautiful components for amazing projects, with a touch of Vanilla 🥤",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",