@refineui/react 0.0.10 → 0.0.11

package/dist/spec/contract-index.json

@@ -3,7 +3,7 @@
   "contractLayer": "component-spec",
   "contractLayerVersion": "1.1",
   "status": "catalog",
-  "generatedAt": "2026-09-28T07:29:58.247Z",
+  "generatedAt": "2026-10-15T07:20:10.756Z",
   "role": "Behavior and DOM contracts — source of truth for Doctor, MCP, and Docs",
   "files": {
     "manifest": "./manifest.json",

package/dist/spec/token-graph.json

@@ -3051,17 +3051,7 @@
     },
     {
       "from": "component.tooltip.default.background",
-      "to": "semantic.backgroundPrimary"
-    },
-    {
-      "from": "semantic.backgroundPrimary",
-      "to": "foundation.neutralWhite",
-      "context": "light"
-    },
-    {
-      "from": "semantic.backgroundPrimary",
-      "to": "foundation.neutral900",
-      "context": "dark"
+      "to": "semantic.surfaceFrosted"
     },
     {
       "from": "component.tooltip.default.foreground",
@@ -3093,17 +3083,7 @@
     },
     {
       "from": "component.popover.default.background",
-      "to": "semantic.backgroundPrimary"
-    },
-    {
-      "from": "semantic.backgroundPrimary",
-      "to": "foundation.neutralWhite",
-      "context": "light"
-    },
-    {
-      "from": "semantic.backgroundPrimary",
-      "to": "foundation.neutral900",
-      "context": "dark"
+      "to": "semantic.surfaceFrosted"
     },
     {
       "from": "component.popover.default.foreground",

package/dist/spec/token-trace-v2.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 2,
-  "generatedAt": "2026-09-28T07:29:58.244Z",
+  "generatedAt": "2026-10-15T07:20:10.753Z",
   "contractLayer": "component-token-trace",
   "tokens": {
     "webIcon.primary": {
@@ -1270,15 +1270,9 @@
       "type": "component",
       "source": "packages/react/src/tokens/componentColorTokens.ts",
       "resolvesTo": {
-        "semantic": "backgroundPrimary",
-        "light": {
-          "foundation": "neutralWhite",
-          "value": "#FFFFFF"
-        },
-        "dark": {
-          "foundation": "neutral900",
-          "value": "#1A1A1A"
-        }
+        "semantic": "surfaceFrosted",
+        "light": null,
+        "dark": null
       }
     },
     "tooltip.default.foreground": {
@@ -1315,15 +1309,9 @@
       "type": "component",
       "source": "packages/react/src/tokens/componentColorTokens.ts",
       "resolvesTo": {
-        "semantic": "backgroundPrimary",
-        "light": {
-          "foundation": "neutralWhite",
-          "value": "#FFFFFF"
-        },
-        "dark": {
-          "foundation": "neutral900",
-          "value": "#1A1A1A"
-        }
+        "semantic": "surfaceFrosted",
+        "light": null,
+        "dark": null
       }
     },
     "popover.default.foreground": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refineui/react",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "RefineUI React components — Pelagornis RefineUI Web Kit",
   "type": "module",
   "license": "MIT",

package/refineui.css

@@ -1105,17 +1105,21 @@
 @media (prefers-reduced-transparency: reduce) {
   [data-refineui="dialog"] > [role="presentation"],
   [data-refineui="drawer"] > [role="presentation"] {
-    backdrop-filter: none;
-    -webkit-backdrop-filter: none;
+    backdrop-filter: none !important;
+    -webkit-backdrop-filter: none !important;
   }
   /* Frosted panels — fall back to opaque primary when blur is disabled */
   [data-refineui="menu"],
   [data-refineui="dropdown-menu"],
   [data-refineui="select-menu"],
-  [data-refineui="sidebar-peek-panel"] {
-    background-color: var(--refineui-color-alias-background-primary);
-    backdrop-filter: none;
-    -webkit-backdrop-filter: none;
+  [data-refineui="popover"],
+  [data-refineui="tooltip-panel"],
+  [data-refineui="floating-beak-surface"],
+  [data-refineui="sidebar-peek-panel"],
+  [data-refineui="navigation-menu-content-panel"] {
+    background-color: var(--refineui-color-alias-background-primary) !important;
+    backdrop-filter: none !important;
+    -webkit-backdrop-filter: none !important;
   }
 }
 
@@ -1127,19 +1131,31 @@
 }
 
 /*
- * Frosted panels — fill + surface blur (Menu, ContextMenu, Dropdown, Select, SidebarPeek).
+ * Frosted panels — fill + surface blur (Menu, ContextMenu, Dropdown, Select, Popover, Tooltip, SidebarPeek, Navigation Menu).
  * Fill: `--refineui-color-alias-surface-frosted`; blur: `--refineui-blur-surface-frost`.
  * Avoid ancestor `transform` / leftover animation transform on these nodes (breaks backdrop).
  */
 [data-refineui="menu"],
 [data-refineui="dropdown-menu"],
 [data-refineui="select-menu"],
-[data-refineui="sidebar-peek-panel"] {
+[data-refineui="popover"],
+[data-refineui="tooltip-panel"],
+[data-refineui="sidebar-peek-panel"],
+[data-refineui="navigation-menu-content-panel"] {
   background-color: var(--refineui-color-alias-surface-frosted);
   -webkit-backdrop-filter: blur(var(--refineui-blur-surface-frost));
   backdrop-filter: blur(var(--refineui-blur-surface-frost));
 }
 
+/*
+ * Beaks are smaller than the surface blur radius. A separate backdrop-filter
+ * samples the nearby trigger and shifts their visible color, so use the
+ * frosted panel's resolved base tone to keep the seam pixel-consistent.
+ */
+[data-refineui="floating-beak-surface"] {
+  background-color: var(--refineui-color-alias-background-primary);
+}
+
 [data-refineui="toast"][data-swiping="true"] {
   cursor: grabbing;
   transition: none;
@@ -2269,8 +2285,12 @@ a[data-refineui="link"]:focus-visible {
   [data-refineui="menu"],
   [data-refineui="dropdown-menu"],
   [data-refineui="select-menu"],
+  [data-refineui="popover"],
+  [data-refineui="tooltip-panel"],
+  [data-refineui="floating-beak-surface"],
+  [data-refineui="navigation-menu-content-panel"],
   [data-refineui="sidebar-peek-panel"] {
-    background-color: Canvas;
+    background-color: Canvas !important;
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
   }
@@ -2324,10 +2344,13 @@ a[data-refineui="link"]:focus-visible {
     border-width: var(--refineui-stroke-width-thick);
   }
 
-  [data-refineui="toast"] {
+  [data-refineui="toast"],
+  [data-refineui="popover"],
+  [data-refineui="tooltip-panel"],
+  [data-refineui="floating-beak-surface"] {
     border-style: solid;
     border-color: var(--refineui-color-alias-border-default);
-    background-color: var(--refineui-color-alias-surface-popover);
+    background-color: var(--refineui-color-alias-surface-popover) !important;
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
   }