@latte-macchiat-io/latte-vanilla-components 0.0.203 → 0.0.204

package/package.json

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

package/src/components/Button/index.tsx

@@ -6,7 +6,6 @@ import { buttonRecipe, type ButtonVariants } from './styles.css';
 
 export type ButtonProps = React.HTMLAttributes<HTMLButtonElement> &
   ButtonVariants & {
-    css?: string;
     isPending?: boolean;
     isDisabled?: boolean;
     translation?: {

package/src/components/Columns/index.tsx

@@ -4,14 +4,13 @@ import { columnItem, columnsRecipe, ColumnsVariants } from './styles.css';
 
 export type ColumnsProps = React.HTMLAttributes<HTMLDivElement> &
   ColumnsVariants & {
-    css?: string;
     columns: number[];
     children: React.ReactNode;
   };
 
-export const Columns = ({ align, vAlign, columns, children, className, css }: ColumnsProps) => {
+export const Columns = ({ align, vAlign, columns, children, className }: ColumnsProps) => {
   return (
-    <div className={clsx(columnsRecipe({ align, vAlign }), css, className)}>
+    <div className={clsx(columnsRecipe({ align, vAlign }), className)}>
       {Array.isArray(children) &&
         children.map((child, index) => (
           <div

package/src/components/Footer/index.tsx

@@ -3,8 +3,7 @@ import { clsx } from 'clsx';
 import { footerRecipe } from './styles.css';
 
 export type FooterProps = React.HTMLAttributes<HTMLDivElement> & {
-  css?: string;
   children: React.ReactNode;
 };
 
-export const Footer = ({ children, css, className }: FooterProps) => <footer className={clsx(footerRecipe, css, className)}>{children}</footer>;
+export const Footer = ({ children, className }: FooterProps) => <footer className={clsx(footerRecipe, className)}>{children}</footer>;

package/src/components/Form/Form.tsx

@@ -4,7 +4,6 @@ import { formRecipe, type FormVariants } from './Form.css';
 import { sprinkles, type Sprinkles } from '../../styles/sprinkles.css';
 
 export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'color'>, Sprinkles, NonNullable<FormVariants> {
-  css?: string;
   children: React.ReactNode;
 }
 
@@ -14,7 +13,6 @@ export const Form = forwardRef<HTMLFormElement, FormProps>(
       children,
       spacing,
       layout,
-      css,
       className,
       // Extract sprinkles props
       margin,
@@ -114,7 +112,6 @@ export const Form = forwardRef<HTMLFormElement, FormProps>(
             overflowX,
             overflowY,
           }),
-          css,
           className
         )}
         {...htmlProps}>

package/src/components/Form/Row/Row.tsx

@@ -4,7 +4,6 @@ import { rowRecipe, type RowVariants } from './Row.css';
 import { sprinkles, type Sprinkles } from '../../../styles/sprinkles.css';
 
 export interface RowProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Sprinkles, NonNullable<RowVariants> {
-  css?: string;
   children: React.ReactNode;
   isActions?: boolean;
   isMessage?: boolean;
@@ -19,7 +18,6 @@ export const Row = forwardRef<HTMLDivElement, RowProps>(
       spacing,
       isActions = false,
       isMessage = false,
-      css,
       className,
       // Extract sprinkles props
       margin,
@@ -124,7 +122,6 @@ export const Row = forwardRef<HTMLDivElement, RowProps>(
             overflowX,
             overflowY,
           }),
-          css,
           className
         )}
         {...htmlProps}>

package/src/components/Form/TextField/Input/Input.tsx

@@ -9,7 +9,6 @@ export interface InputProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'color' | 'size' | 'height' | 'width'>,
     Sprinkles,
     NonNullable<InputVariants> {
-  css?: string;
   name: string;
   type?: InputType;
   hasError?: boolean;
@@ -23,7 +22,6 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
       hasError = false,
       size,
       variant,
-      css,
       className,
       // Extract sprinkles props
       margin,
@@ -126,7 +124,6 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
             overflowX,
             overflowY,
           }),
-          css,
           className
         )}
         data-error={hasError}

package/src/components/Form/TextField/Label/Label.tsx

@@ -4,7 +4,6 @@ import { labelRecipe, type LabelVariants } from './Label.css';
 import { sprinkles, type Sprinkles } from '../../../../styles/sprinkles.css';
 
 export interface LabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'color'>, Sprinkles, NonNullable<LabelVariants> {
-  css?: string;
   label: string;
   name: string;
   required?: boolean;
@@ -18,7 +17,6 @@ export const Label = forwardRef<HTMLLabelElement, LabelProps>(
       required = false,
       size,
       variant,
-      css,
       className,
       // Extract sprinkles props
       margin,
@@ -119,7 +117,6 @@ export const Label = forwardRef<HTMLLabelElement, LabelProps>(
             overflowX,
             overflowY,
           }),
-          css,
           className
         )}
         data-required={required}

package/src/components/Form/TextField/TextField.tsx

@@ -6,7 +6,6 @@ import { sprinkles, type Sprinkles } from '../../../styles/sprinkles.css';
 export type InputType = 'text' | 'email' | 'search' | 'number' | 'hidden' | 'password' | 'textarea';
 
 export interface TextFieldProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'>, Sprinkles, NonNullable<TextFieldVariants> {
-  css?: string;
   name: string;
   label?: string;
   value?: string;
@@ -33,7 +32,6 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
       type = 'text',
       onChange,
       size,
-      css,
       className,
       // Extract sprinkles props
       margin,
@@ -141,7 +139,6 @@ export const TextField = forwardRef<HTMLDivElement, TextFieldProps>(
             overflowX,
             overflowY,
           }),
-          css,
           className
         )}
         {...htmlProps}>

package/src/components/Form/TextField/Textarea/Textarea.tsx

@@ -7,7 +7,6 @@ export interface TextareaProps
   extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'color' | 'size'>,
     Sprinkles,
     NonNullable<TextareaVariants> {
-  css?: string;
   name: string;
   hasError?: boolean;
 }
@@ -20,7 +19,6 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
       size,
       variant,
       resize,
-      css,
       className,
       // Extract sprinkles props
       margin,
@@ -122,7 +120,6 @@ export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
             overflowX,
             overflowY,
           }),
-          css,
           className
         )}
         data-error={hasError}

package/src/components/Heading/index.tsx

@@ -5,13 +5,12 @@ import { AllowedHeading } from './types';
 
 export type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> &
   HeadingVariants & {
-    css?: string;
     as: AllowedHeading;
     children: React.ReactNode;
   };
 
-export const Heading = ({ as, size, weight, align, css, className, children }: HeadingProps) => {
+export const Heading = ({ as, size, weight, align, className, children }: HeadingProps) => {
   const Component = as as AllowedHeading;
 
-  return <Component className={clsx(headingRecipe({ size, weight, align }), css, className)}>{children}</Component>;
+  return <Component className={clsx(headingRecipe({ size, weight, align }), className)}>{children}</Component>;
 };

package/src/components/Video/index.tsx

@@ -17,7 +17,6 @@ import {
 
 export type VideoProps = React.HTMLAttributes<HTMLDivElement> &
   VideoVariants & {
-    css?: string;
     video: string;
     poster?: string;
     isAutoPlay?: boolean;