@latte-macchiat-io/latte-vanilla-components 0.0.131 → 0.0.132

package/dist/latte-vanilla-components.css

@@ -1 +1 @@
-._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)}
+._1h0tdm5e{position:relative;display:inline-block;color:var(--_1h0tdm50);border:var(--_1h0tdm52);cursor:var(--_1h0tdm51);min-width:var(--_1h0tdm53);font-weight:var(--_1h0tdm54);transition:var(--_1h0tdm55);padding-top:var(--_1h0tdm56);padding-left:var(--_1h0tdm57);padding-right:var(--_1h0tdm58);padding-bottom:var(--_1h0tdm59);pointer-event:var(--_1h0tdm5a);border-radius:var(--_1h0tdm5b);letter-spacing:var(--_1h0tdm5c);background-color:var(--_1h0tdm5d)}._1h0tdm5e:hover{opacity:.5}._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/Button/export.d.ts

@@ -1,3 +1,4 @@
 export { Button } from '.';
 export type { ButtonProps } from '.';
 export { Type as ButtonType, Size as ButtonSize, Style as ButtonStyle, Variant as ButtonVariant } from './types';
+export { styles as ButtonStyles } from './styles.css';

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

@@ -1,6 +1,6 @@
-import { CSSProperties } from 'react';
-import { Size, Style, Type, Variant } from './types';
 import { Theme } from '../../types/theme';
+import { WithClassName } from '../../types/withClassName';
+import { Size, Style, Type, Variant } from './types';
 export type ButtonProps = {
     type?: Type;
     size?: Size;
@@ -11,7 +11,6 @@ export type ButtonProps = {
     isDisabled?: boolean;
     staticColor?: string;
     onClick?: () => void;
-    styles?: CSSProperties;
     children: React.ReactNode;
 };
-export declare const Button: ({ children, styles, staticColor, isPending, isDisabled, type, style, size, onClick, theme, variant, }: ButtonProps) => import("react").JSX.Element;
+export declare const Button: ({ children, className, staticColor, isPending, isDisabled, type, style, size, onClick, theme, variant, }: ButtonProps & WithClassName) => import("react").JSX.Element;

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

@@ -0,0 +1,38 @@
+export declare const buttonColorVar: `var(--${string})`;
+export declare const buttonCursorVar: `var(--${string})`;
+export declare const buttonBorderVar: `var(--${string})`;
+export declare const buttonMinWithVar: `var(--${string})`;
+export declare const buttonFontWeightVar: `var(--${string})`;
+export declare const buttonTransitionVar: `var(--${string})`;
+export declare const buttonPaddingTopVar: `var(--${string})`;
+export declare const buttonPaddingLeftVar: `var(--${string})`;
+export declare const buttonPaddingRightVar: `var(--${string})`;
+export declare const buttonPaddingBottomVar: `var(--${string})`;
+export declare const buttonPointerEventVar: `var(--${string})`;
+export declare const buttonBorderRadiusVar: `var(--${string})`;
+export declare const buttonLetterSpacingVar: `var(--${string})`;
+export declare const buttonBackgroundColorVar: `var(--${string})`;
+export declare const styles: {
+    position: string;
+    display: string;
+    color: `var(--${string})`;
+    border: `var(--${string})`;
+    cursor: `var(--${string})`;
+    minWidth: `var(--${string})`;
+    fontWeight: `var(--${string})`;
+    transition: `var(--${string})`;
+    paddingTop: `var(--${string})`;
+    paddingLeft: `var(--${string})`;
+    paddingRight: `var(--${string})`;
+    paddingBottom: `var(--${string})`;
+    pointerEvent: `var(--${string})`;
+    borderRadius: `var(--${string})`;
+    letterSpacing: `var(--${string})`;
+    backgroundColor: `var(--${string})`;
+    selectors: {
+        '&:hover': {
+            opacity: number;
+        };
+    };
+};
+export declare const buttonStyle: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latte-macchiat-io/latte-vanilla-components",
-  "version": "0.0.131",
+  "version": "0.0.132",
   "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/Button/styles.d.ts

@@ -1,17 +0,0 @@
-import { CSSProperties } from 'react';
-import { Theme } from '../../types/theme';
-interface IStyledButton {
-    theme: Theme;
-    isSmall: boolean;
-    isLarge: boolean;
-    isDisabled: boolean;
-    isOutlined: boolean;
-    isSecondary: boolean;
-    staticColor: string;
-    styles: CSSProperties;
-}
-export declare const StyledButton: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & IStyledButton, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export {};