@camox/ui 0.11.0 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camox/ui",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "files": [
     "src"
   ],
@@ -139,5 +139,10 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
+  },
+  "nx": {
+    "tags": [
+      "type:pkg"
+    ]
   }
 }

package/src/components/alert-dialog.tsx

@@ -21,7 +21,7 @@ function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdr
     <AlertDialogPrimitive.Backdrop
       data-slot="alert-dialog-overlay"
       className={cn(
-        "fixed inset-0 isolate z-50 bg-black/50 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 isolate z-50 bg-black/66 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
         className,
       )}
       {...props}

package/src/components/dialog.tsx

@@ -26,7 +26,7 @@ function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props)
     <DialogPrimitive.Backdrop
       data-slot="dialog-overlay"
       className={cn(
-        "fixed inset-0 isolate z-50 bg-black/50 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 isolate z-50 bg-black/66 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
         className,
       )}
       {...props}

package/src/components/sheet.tsx

@@ -26,7 +26,7 @@ function SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {
     <SheetPrimitive.Backdrop
       data-slot="sheet-overlay"
       className={cn(
-        "fixed inset-0 z-50 bg-black/50 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        "fixed inset-0 z-50 bg-black/66 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0",
         className,
       )}
       {...props}

package/src/styles/globals.css

@@ -14,8 +14,8 @@
   --secondary-foreground: theme(--color-zinc-900);
   --muted: theme(--color-zinc-100);
   --muted-foreground: theme(--color-zinc-500);
-  --accent: oklch(0.95 0.01 190);
-  --accent-foreground: theme(--color-slate-900);
+  --accent: oklch(0.95 0.005 190);
+  --accent-foreground: oklch(0.2 0.01 190);
   --destructive: theme(--color-red-600);
   --destructive-foreground: theme(--color-red-600);
   --border: theme(--color-zinc-200);
@@ -50,8 +50,8 @@
   --secondary-foreground: theme(--color-zinc-50);
   --muted: theme(--color-zinc-800);
   --muted-foreground: theme(--color-zinc-400);
-  --accent: oklch(0.27 0.02 182);
-  --accent-foreground: theme(--color-slate-50);
+  --accent: oklch(0.27 0.01 182);
+  --accent-foreground: oklch(0.97 0.01 182);
   --destructive: theme(--color-red-400);
   --destructive-foreground: theme(--color-red-500);
   --border: oklch(1 0 0 / 10%);
@@ -115,9 +115,26 @@
   * {
     @apply border-border outline-ring/50;
   }
+
   body {
-    @apply bg-background text-foreground;
+    @apply bg-background text-foreground m-0;
+    font-family:
+      "Lato",
+      -apple-system,
+      BlinkMacSystemFont,
+      "Segoe UI",
+      "Roboto",
+      "Oxygen",
+      "Ubuntu",
+      "Cantarell",
+      "Fira Sans",
+      "Droid Sans",
+      "Helvetica Neue",
+      sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
+
   a:focus-visible,
   button:focus-visible {
     @apply outline-ring ring-ring/50 rounded-md ring-3 outline-1 -outline-offset-1;