@latte-macchiat-io/latte-vanilla-components 0.0.128 → 0.0.130

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)}}.jqc4y0a{width:100%;display:flex;align-items:center;position:relative;flex-direction:column;animation:background .5s ease-in-out;color:var(--jqc4y02);z-index:var(--jqc4y01);min-height:var(--jqc4y07);padding-top:var(--jqc4y03);padding-left:var(--jqc4y04);padding-right:var(--jqc4y05);padding-bottom:var(--jqc4y06);background:var(--jqc4y09);justify-content:var(--jqc4y08)}.jqc4y0b{gap:15px;width:100%;display:flex;flex-direction:column;max-width:var(--max-width);text-align:var(--jqc4y00);align-items:var(--jqc4y00)}
+._1v7zi9y5{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:var(--_1v7zi9y0);align-items:var(--_1v7zi9y1);padding-top:var(--_1v7zi9y2);padding-bottom:var(--_1v7zi9y3);justify-content:var(--_1v7zi9y4)}._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)}}.jqc4y0a{width:100%;display:flex;align-items:center;position:relative;flex-direction:column;animation:background .5s ease-in-out;color:var(--jqc4y02);z-index:var(--jqc4y01);min-height:var(--jqc4y07);padding-top:var(--jqc4y03);padding-left:var(--jqc4y04);padding-right:var(--jqc4y05);padding-bottom:var(--jqc4y06);background:var(--jqc4y09);justify-content:var(--jqc4y08)}.jqc4y0b{gap:15px;width:100%;display:flex;flex-direction:column;max-width:var(--max-width);text-align:var(--jqc4y00);align-items:var(--jqc4y00)}

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

@@ -1,3 +1,4 @@
 export { Actions } from '.';
 export type { ActionsProps } from '.';
 export { Align as ActionsAlign } from './types';
+export { styles as ActionsStyles } from './styles.css';

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

@@ -1,10 +1,9 @@
-import { CSSProperties } from 'react';
-import { Align } from './types';
 import { Theme } from '../../types/theme';
+import { WithClassName } from '../../types/withClassName';
+import { Align } from './types';
 export type ActionsProps = {
     align?: Align;
     theme?: Theme;
-    styles?: CSSProperties;
     children: React.ReactNode;
 };
-export declare const Actions: ({ children, styles, theme, align }: ActionsProps) => import("react").JSX.Element;
+export declare const Actions: ({ children, className, theme, align }: ActionsProps & WithClassName) => import("react").JSX.Element;

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

@@ -0,0 +1,17 @@
+export declare const actionGapVar: `var(--${string})`;
+export declare const actionAlignVar: `var(--${string})`;
+export declare const actionPaddingTopVar: `var(--${string})`;
+export declare const actionPaddingBottomVar: `var(--${string})`;
+export declare const actionJustifyContentVar: `var(--${string})`;
+export declare const styles: {
+    width: string;
+    display: string;
+    flexWrap: string;
+    flexDirection: string;
+    gap: `var(--${string})`;
+    alignItems: `var(--${string})`;
+    paddingTop: `var(--${string})`;
+    paddingBottom: `var(--${string})`;
+    justifyContent: `var(--${string})`;
+};
+export declare const actionsStyle: string;

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

@@ -4,4 +4,4 @@ export type MainProps = {
     theme?: Theme;
     children: React.ReactNode;
 };
-export declare const Main: ({ className, children, theme }: MainProps & WithClassName) => import("react").JSX.Element;
+export declare const Main: ({ children, className, theme }: MainProps & WithClassName) => 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: ({ className, children, theme }: import('.').MainProps & import('../../types/withClassName').WithClassName) => import("react").JSX.Element;
+    component: ({ children, className, theme }: import('.').MainProps & import('../../types/withClassName').WithClassName) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };

package/package.json

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

package/dist/types/components/Actions/styles.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties } from 'react';
-import { Align } from './types';
-import { Theme } from '../../types/theme';
-interface IStyledActions {
-    align: Align;
-    theme: Theme;
-    styles: CSSProperties;
-}
-export declare const StyledActions: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & IStyledActions, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

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

@@ -1,11 +0,0 @@
-import { CSSProperties } from 'react';
-import { Theme } from '../../types/theme';
-interface IStyledMain {
-    theme: Theme;
-    styles: CSSProperties;
-}
-declare const StyledMain: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & IStyledMain, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export default StyledMain;