@overmap-ai/blocks 1.0.31-tailwind-components.46 → 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",
@@ -292,7 +293,9 @@ const buttonCva = cva(
           "hover:inset-ring-0",
           "hover:bg-(--accent-a3)",
           "hover:text-(--accent-a12)",
-          "active:bg-(--accent-a4)"
+          "active:bg-(--accent-a4)",
+          "data-[state='open']:inset-ring-0",
+          "data-[state='open']:bg-(--accent-a3)"
         ]
       },
       icon: {
@@ -1255,7 +1258,7 @@ const DialogContent = forwardRef((props, ref) => {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex h-max w-full justify-between", children: [
           /* @__PURE__ */ jsx(RadixDialog.Title, { className: "font-medium", children: title }),
-          /* @__PURE__ */ jsx(RadixDialog.Close, { children: /* @__PURE__ */ jsx(IconButton, { accentColor: "base", size: size2, variant: "ghost", children: /* @__PURE__ */ jsx(HiX, {}) }) })
+          /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { accentColor: "base", size: size2, variant: "ghost", children: /* @__PURE__ */ jsx(HiX, {}) }) })
         ] }),
         computedChildren
       ]
@@ -1384,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"],
@@ -2044,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: [
@@ -2100,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"
@@ -2156,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: {
@@ -3105,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"],
@@ -4396,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)",