@mbao01/common 0.0.25 → 0.0.27

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.25",
+  "version": "0.0.27",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -142,5 +142,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "gitHead": "21b244318df301268ee408b187aa8bf776e9f298"
+  "gitHead": "011f80eb4c8b456df0a2af179f46f57000a603b5"
 }

package/src/components/Alert/constants.ts

@@ -1,7 +1,7 @@
 import { cva } from "../../libs";
 
 export const getAlertClasses = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-inherit",
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-inherit",
   {
     variants: {
       variant: {

package/src/components/Avatar/constants.ts

@@ -23,7 +23,7 @@ const classesConfig = {
   variants: {
     variant: {
       accent: "bg-accent text-accent-content ring-accent",
-      default: "bg-default text-default-content ring-default",
+      default: "bg-base-200 text-base-content ring-default",
       error: "bg-error text-error-content ring-error",
       ghost: "bg-ghost text-ghost-content ring-ghost",
       info: "bg-info text-info-content ring-info",

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/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"