@refineui/react 0.0.10 → 0.0.12

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-15T14:23:35.741Z",
   "role": "Behavior and DOM contracts — source of truth for Doctor, MCP, and Docs",
   "files": {
     "manifest": "./manifest.json",

package/dist/spec/token-graph.json

@@ -1065,10 +1065,6 @@
       "id": "component.chip.default.background",
       "layer": "component"
     },
-    {
-      "id": "semantic.backgroundSurface",
-      "layer": "semantic"
-    },
     {
       "id": "component.chip.default.foreground",
       "layer": "component"
@@ -1865,6 +1861,10 @@
       "id": "component.avatar.groupCount.foreground",
       "layer": "component"
     },
+    {
+      "id": "component.avatar.shell.border",
+      "layer": "component"
+    },
     {
       "id": "component.avatars.count.background",
       "layer": "component"
@@ -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",
@@ -4459,16 +4439,16 @@
     },
     {
       "from": "component.chip.default.background",
-      "to": "semantic.backgroundSurface"
+      "to": "semantic.backgroundSurfaceSelected"
     },
     {
-      "from": "semantic.backgroundSurface",
-      "to": "foundation.neutralWhite",
+      "from": "semantic.backgroundSurfaceSelected",
+      "to": "foundation.neutral200",
       "context": "light"
     },
     {
-      "from": "semantic.backgroundSurface",
-      "to": "foundation.neutral800",
+      "from": "semantic.backgroundSurfaceSelected",
+      "to": "foundation.neutral650",
       "context": "dark"
     },
     {
@@ -4711,16 +4691,16 @@
     },
     {
       "from": "component.tag.default.background",
-      "to": "semantic.backgroundSurface"
+      "to": "semantic.backgroundSurfaceSelected"
     },
     {
-      "from": "semantic.backgroundSurface",
-      "to": "foundation.neutralWhite",
+      "from": "semantic.backgroundSurfaceSelected",
+      "to": "foundation.neutral200",
       "context": "light"
     },
     {
-      "from": "semantic.backgroundSurface",
-      "to": "foundation.neutral800",
+      "from": "semantic.backgroundSurfaceSelected",
+      "to": "foundation.neutral650",
       "context": "dark"
     },
     {
@@ -6845,6 +6825,20 @@
       "to": "foundation.neutral350",
       "context": "dark"
     },
+    {
+      "from": "component.avatar.shell.border",
+      "to": "semantic.borderSubtle"
+    },
+    {
+      "from": "semantic.borderSubtle",
+      "to": "foundation.neutral200",
+      "context": "light"
+    },
+    {
+      "from": "semantic.borderSubtle",
+      "to": "foundation.neutral750",
+      "context": "dark"
+    },
     {
       "from": "component.avatars.count.background",
       "to": "semantic.backgroundPrimary"

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

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 2,
-  "generatedAt": "2026-09-28T07:29:58.244Z",
+  "generatedAt": "2026-10-15T14:23:35.737Z",
   "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": {
@@ -2788,14 +2776,14 @@
       "type": "component",
       "source": "packages/react/src/tokens/componentColorTokens.ts",
       "resolvesTo": {
-        "semantic": "backgroundSurface",
+        "semantic": "backgroundSurfaceSelected",
         "light": {
-          "foundation": "neutralWhite",
-          "value": "#FFFFFF"
+          "foundation": "neutral200",
+          "value": "#EBEBEB"
         },
         "dark": {
-          "foundation": "neutral800",
-          "value": "#2A2A2A"
+          "foundation": "neutral650",
+          "value": "#5B5B5B"
         }
       }
     },
@@ -3058,14 +3046,14 @@
       "type": "component",
       "source": "packages/react/src/tokens/componentColorTokens.ts",
       "resolvesTo": {
-        "semantic": "backgroundSurface",
+        "semantic": "backgroundSurfaceSelected",
         "light": {
-          "foundation": "neutralWhite",
-          "value": "#FFFFFF"
+          "foundation": "neutral200",
+          "value": "#EBEBEB"
         },
         "dark": {
-          "foundation": "neutral800",
-          "value": "#2A2A2A"
+          "foundation": "neutral650",
+          "value": "#5B5B5B"
         }
       }
     },
@@ -5352,6 +5340,21 @@
         }
       }
     },
+    "avatar.shell.border": {
+      "type": "component",
+      "source": "packages/react/src/tokens/componentColorTokens.ts",
+      "resolvesTo": {
+        "semantic": "borderSubtle",
+        "light": {
+          "foundation": "neutral200",
+          "value": "#EBEBEB"
+        },
+        "dark": {
+          "foundation": "neutral750",
+          "value": "#333333"
+        }
+      }
+    },
     "avatars.count.background": {
       "type": "component",
       "source": "packages/react/src/tokens/componentColorTokens.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refineui/react",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "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;
   }