chore(Checkbox): update to 5.0.0

Author: benjitrosch

src/Checkbox/Checkbox.stories.tsx

@@ -35,10 +35,11 @@ FormControl.args = {}
 
 export const Colors: Story<CheckboxProps> = (args) => {
   return (
-    <div className="flex flex-col items-center float-left gap-2">
+    <div className="flex flex-row items-center float-left gap-2">
       <Checkbox {...args} defaultChecked color="primary" />
       <Checkbox {...args} defaultChecked color="secondary" />
       <Checkbox {...args} defaultChecked color="accent" />
+      <Checkbox {...args} defaultChecked color="neutral" />
       <Checkbox {...args} defaultChecked color="success" />
       <Checkbox {...args} defaultChecked color="warning" />
       <Checkbox {...args} defaultChecked color="info" />
@@ -50,11 +51,12 @@ Colors.args = {}
 
 export const Sizes: Story<CheckboxProps> = (args) => {
   return (
-    <div className="flex flex-col items-center float-left gap-2">
+    <div className="flex flex-row items-center float-left gap-2">
       <Checkbox {...args} defaultChecked size="xs" />
       <Checkbox {...args} defaultChecked size="sm" />
       <Checkbox {...args} defaultChecked size="md" />
       <Checkbox {...args} defaultChecked size="lg" />
+      <Checkbox {...args} defaultChecked size="xl" />
     </div>
   )
 }

src/Checkbox/Checkbox.tsx

@@ -39,10 +39,12 @@ const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
       'checkbox',
       className,
       clsx({
+        'checkbox-xl': size === 'xl',
         'checkbox-lg': size === 'lg',
         'checkbox-md': size === 'md',
         'checkbox-sm': size === 'sm',
         'checkbox-xs': size === 'xs',
+        'checkbox-neutral': color === 'neutral',
         'checkbox-primary': color === 'primary',
         'checkbox-secondary': color === 'secondary',
         'checkbox-accent': color === 'accent',