@mbao01/common 0.9.7 → 0.9.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.9.7",
+  "version": "0.9.9",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",

package/src/components/ActivityFeed/constants.ts

@@ -11,7 +11,7 @@ export const getActivityIconClasses = cva(
 );
 
 export const getActivityLineClasses = cva(
-  "absolute left-4 top-8 -bottom-0 w-px -translate-x-1/2 bg-base-300"
+  "absolute left-4 top-8 -bottom-0 w-px -translate-x-1/2 bg-base-content/10"
 );
 
 export const getActivityContentClasses = cva("flex min-w-0 flex-1 flex-col gap-0.5 pt-1");

package/src/components/Box/constants.ts

@@ -5,15 +5,15 @@ export const getBoxClasses = cva("", {
   variants: createVariants({
     style: {
       default: "",
-      outlined: "border border-base-200",
-      bordered: "border-[4px] border-double border-base-200",
-      elevated: "border border-base-200 bg-base-100 shadow-md",
+      outlined: "border",
+      bordered: "border-[4px] border-double",
+      elevated: "border bg-base-100 shadow-md",
       ghost: "bg-base-200/40",
       gradient:
         "relative border-0 bg-base-100 before:absolute before:inset-0 before:-z-10 before:-m-[2px] before:rounded-[inherit] before:bg-linear-to-br before:from-primary before:via-secondary before:to-accent",
-      strip: "border border-base-300 ring-1 ring-base-300 ring-offset-[2px] ring-offset-base-200",
+      strip: "border ring-1 ring-base-300 ring-offset-[2px] ring-offset-base-200",
       glass: "border border-white/20 bg-white/10 shadow-lg backdrop-blur-md",
-      inset: "border border-base-200 bg-base-200/20 shadow-inner",
+      inset: "border bg-base-200/20 shadow-inner",
     },
     display: {
       block: "block",

package/src/components/StatCard/StatCard.tsx

@@ -1,5 +1,5 @@
-import { cn } from "../../utilities";
 import type { StatCardProps } from "./types";
+import { cn } from "../../utilities";
 
 const StatCard = ({
   icon,
@@ -17,7 +17,7 @@ const StatCard = ({
   return (
     <div
       className={cn(
-        "relative rounded-2xl border border-base-200 bg-base-100 px-6 pb-6 pt-10 shadow-sm",
+        "relative rounded-2xl border bg-base-100 px-6 pb-6 pt-10 shadow-sm",
         icon && "pt-14",
         className
       )}

package/src/stylesheets/tailwind.css

@@ -30,7 +30,7 @@
   ::before,
   ::backdrop,
   ::file-selector-button {
-    border-color: var(--color-gray-200, currentColor);
+    border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
   }
 }