@overmap-ai/blocks 1.0.32 → 1.0.33-menu-styling-updates.0

package/dist/blocks.js

@@ -136,7 +136,8 @@ const dialogContent = cva(
     "max-h-3/4",
     "overflow-hidden",
     "w-full",
-    "bg-(--base-2)",
+    "bg-(--color-background)",
+    "dark:bg-(--base-2)",
     "ring-1",
     "ring-(--base-6)",
     "fixed",
@@ -1386,7 +1387,7 @@ const HoverCardArrow = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(RadixHoverCard.Arrow, { className: cx(className, "fill-(--base-6)"), ref, ...rest });
 });
 HoverCardArrow.displayName = "HoverCardArrow";
-const hoverCardContent = cva(["bg-(--base-1)", "ring-1", "ring-(--base-6)"], {
+const hoverCardContent = cva(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
   variants: {
     size: {
       xs: ["text-xs", "p-2"],
@@ -2046,11 +2047,11 @@ const menuItem = cva(
   {
     variants: {
       size: {
-        xs: ["h-5", "text-xs", "gap-1", "px-1"],
-        sm: ["h-6", "text-sm", "gap-1.5", "px-1.5"],
-        md: ["h-7", "text-base", "gap-2", "px-2"],
-        lg: ["h-8", "text-lg", "gap-2.5", "px-2.5"],
-        xl: ["h-9", "text-xl", "gap-3", "px-3"]
+        xs: ["h-5", "text-xs", "gap-1.5", "px-1.5"],
+        sm: ["h-6", "text-sm", "gap-2.25", "px-2.25"],
+        md: ["h-7", "text-base", "gap-3", "px-3"],
+        lg: ["h-8", "text-lg", "gap-3.75", "px-3.75"],
+        xl: ["h-9", "text-xl", "gap-4.5", "px-4.5"]
       },
       variant: {
         solid: [
@@ -2102,7 +2103,8 @@ const menuContent = cva(
     "w-max",
     "outline-none",
     "pointer-events-auto",
-    "bg-(--base-1)",
+    "bg-(--color-background)",
+    "dark:bg-(--base-2)",
     "ring-1",
     "ring-(--base-6)",
     "overflow-hidden"
@@ -2158,11 +2160,11 @@ const inputRoot = cva(
   {
     variants: {
       size: {
-        xs: ["h-5", "text-xs", "px-1", "gap-1"],
-        sm: ["h-6", "text-sm", "px-1.5", "gap-1.5"],
-        md: ["h-7", "text-base", "px-2", "gap-2"],
-        lg: ["h-8", "text-lg", "px-2.5", "gap-2.5"],
-        xl: ["h-9", "text-xl", "px-3", "gap-3"]
+        xs: ["h-5", "text-xs", "px-1.5", "gap-1.5"],
+        sm: ["h-6", "text-sm", "px-2.25", "gap-2.25"],
+        md: ["h-7", "text-base", "px-3", "gap-3"],
+        lg: ["h-8", "text-lg", "px-3.75", "gap-3.75"],
+        xl: ["h-9", "text-xl", "px-4.5", "gap-4.5"]
       }
     },
     defaultVariants: {
@@ -3107,7 +3109,7 @@ const PopoverArrow = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(RadixPopover.Arrow, { className: cx(className, "fill-(--base-6)"), ref, ...rest });
 });
 PopoverArrow.displayName = "PopoverArrow";
-const popoverContent = cva(["bg-(--base-1)", "ring-1", "ring-(--base-6)"], {
+const popoverContent = cva(["bg-(--color-background)", "dark:bg-(--base-2)", "ring-1", "ring-(--base-6)"], {
   variants: {
     size: {
       xs: ["text-xs", "p-2"],
@@ -4398,7 +4400,8 @@ const tooltipContent = cva(
     "data-[state=closed]:animate-out",
     "data-[state=closed]:fade-out-0",
     "data-[state=closed]:zoom-out-95",
-    "bg-(--base-1)",
+    "bg-(--color-background)",
+    "dark:bg-(--base-2)",
     "ring-1",
     "ring-inset",
     "ring-(--base-a6)",