style: renamed cls in className (#117)

* style: renamed cls in className

* style: renamed className in classNames

Author: fabiobiondi

packages/daisy/src/components/button-group/button-group.tsx

@@ -6,9 +6,9 @@ export type ButtonGroupProps = HTMLAttributes<HTMLElement>;
 
 export const ButtonGroup = component$(
   (props: ButtonGroupProps) => {
-    const { class: cls, ...rest } = props;
+    const { class: classNames, ...rest } = props;
     return (
-      <HeadlessButtonGroup class={clsq('btn-group', cls)} {...rest}>
+      <HeadlessButtonGroup class={clsq('btn-group', classNames)} {...rest}>
         <Slot />
       </HeadlessButtonGroup>
     );

packages/daisy/src/components/button/button.tsx

@@ -28,7 +28,7 @@ export const Button = component$(
       variant = 'primary',
       circle,
       active,
-      class: cls,
+      class: classNames,
       disabled,
       glass,
       loading,
@@ -62,7 +62,7 @@ export const Button = component$(
               [options.circle]: circle,
               [options.square]: square,
             },
-            cls
+            classNames
           )}
       >
         <Slot />

packages/material/src/components/button/button.tsx

@@ -15,7 +15,7 @@ export type ButtonProps = HTMLButtonProps & MaterialButtonProps;
 
 export const Button = component$((props: ButtonProps) => {
   const {
-    class: cls,
+    class: classNames,
     disabled,
     floating,
     flat,
@@ -36,7 +36,7 @@ export const Button = component$((props: ButtonProps) => {
           btn: size === 'medium',
           'btn-large': size === 'large',
         },
-        cls
+        classNames
       )}
     >
       <Slot />