@mbao01/common 0.0.24 → 0.0.26

package/dist/types/components/Badge/Badge.d.ts

@@ -1,2 +1,2 @@
 import { type BadgeProps } from "./types";
-export declare const Badge: ({ size, outline, variant, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ size, outline, rounded, variant, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Badge/constants.d.ts

@@ -2,4 +2,5 @@ export declare const getBadgeClasses: (props?: ({
     variant?: "accent" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+    rounded?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/components/Form/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const Input: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & {
-    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;

package/dist/types/components/Form/Input/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const getInputClasses: (props?: ({
-    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;

package/dist/types/components/Form/TextField/TextField.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 export declare const TextField: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLInputElement>, "size" | "ref"> & {
-    variant?: "accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
     wide?: boolean | undefined;
     size?: "xs" | "sm" | "md" | "lg" | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.24",
+  "version": "0.0.26",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -142,5 +142,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "gitHead": "b95f089ac1b19964127f550809c9943b2766749f"
+  "gitHead": "ae57ca0c314f2fb4aeb6b3c87d11f96cc7b8d5f0"
 }

package/src/components/Badge/Badge.tsx

@@ -5,13 +5,17 @@ import { type BadgeProps } from "./types";
 export const Badge = ({
   size,
   outline,
+  rounded,
   variant,
   className,
   ...props
 }: BadgeProps) => {
   return (
     <span
-      className={cn(getBadgeClasses({ size, variant, outline }), className)}
+      className={cn(
+        getBadgeClasses({ size, variant, outline, rounded }),
+        className
+      )}
       {...props}
     />
   );

package/src/components/Badge/constants.ts

@@ -22,7 +22,28 @@ export const getBadgeClasses = cva("badge", {
       md: "badge-md",
       lg: "badge-lg",
     },
+    rounded: {
+      xs: "rounded-xs",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+    },
   },
+  compoundVariants: [
+    {
+      size: undefined,
+      className: "text-xs",
+    },
+    {
+      rounded: undefined,
+      className: "rounded-md",
+    },
+    {
+      variant: "ghost",
+      outline: true,
+      className: "border-base-300",
+    },
+  ],
   defaultVariants: {
     variant: "ghost",
   },

package/src/components/Button/constants.ts

@@ -36,5 +36,10 @@ export const getButtonClasses = cva("btn", {
       size: undefined,
       className: "min-h-fit h-10",
     },
+    {
+      variant: undefined,
+      outline: true,
+      className: "border-neutral-content",
+    },
   ],
 });

package/src/components/Form/Input/constants.ts

@@ -5,6 +5,7 @@ export const getInputClasses = cva(
   {
     variants: {
       variant: {
+        default: "bg-transparent",
         accent: "input-accent",
         error: "input-error",
         ghost: "input-ghost",
@@ -32,6 +33,16 @@ export const getInputClasses = cva(
         size: undefined,
         className: "min-h-fit h-10",
       },
+      {
+        variant: undefined,
+        outline: true,
+        className: "border-neutral-content",
+      },
+      {
+        variant: "default",
+        outline: true,
+        className: "border-base-content",
+      },
     ],
   }
 );

package/src/components/Pagination/constants.ts

@@ -1,6 +1,6 @@
 import { cva } from "../../libs";
 
-export const getPaginationClasses = cva("mx-auto flex w-full justify-center");
+export const getPaginationClasses = cva("flex justify-center");
 
 export const getPaginationContentClasses = cva(
   "flex flex-row items-center gap-1"