@refineui/react 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schema": "refineui.authoring/1",
3
3
  "packageName": "@refineui/react",
4
- "packageVersion": "0.1.0",
4
+ "packageVersion": "0.1.2",
5
5
  "css": [
6
6
  "@refineui/react/refineui.css"
7
7
  ],
@@ -3,7 +3,7 @@
3
3
  "contractLayer": "component-spec",
4
4
  "contractLayerVersion": "1.1",
5
5
  "status": "catalog",
6
- "generatedAt": "2026-10-23T02:52:55.901Z",
6
+ "generatedAt": "2026-11-02T15:03:08.935Z",
7
7
  "role": "Behavior and DOM contracts — source of truth for Doctor, MCP, and Docs",
8
8
  "files": {
9
9
  "manifest": "./manifest.json",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schemaVersion": 2,
3
- "generatedAt": "2026-10-23T02:52:55.897Z",
3
+ "generatedAt": "2026-11-02T15:03:08.930Z",
4
4
  "contractLayer": "component-token-trace",
5
5
  "tokens": {
6
6
  "webIcon.primary": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@refineui/react",
3
- "version": "0.1.0",
3
+ "version": "0.1.2",
4
4
  "description": "RefineUI React components — Pelagornis RefineUI Web Kit",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/refineui.css CHANGED
@@ -1112,9 +1112,7 @@
1112
1112
  [data-refineui="menu"],
1113
1113
  [data-refineui="dropdown-menu"],
1114
1114
  [data-refineui="select-menu"],
1115
- [data-refineui="popover"],
1116
- [data-refineui="tooltip-panel"],
1117
- [data-refineui="floating-beak-surface"],
1115
+ [data-refineui="floating-surface"],
1118
1116
  [data-refineui="sidebar-peek-panel"],
1119
1117
  [data-refineui="navigation-menu-content-panel"] {
1120
1118
  background-color: var(--refineui-color-alias-background-primary) !important;
@@ -1138,8 +1136,7 @@
1138
1136
  [data-refineui="menu"],
1139
1137
  [data-refineui="dropdown-menu"],
1140
1138
  [data-refineui="select-menu"],
1141
- [data-refineui="popover"],
1142
- [data-refineui="tooltip-panel"],
1139
+ [data-refineui="floating-surface"],
1143
1140
  [data-refineui="sidebar-peek-panel"],
1144
1141
  [data-refineui="navigation-menu-content-panel"] {
1145
1142
  background-color: var(--refineui-color-alias-surface-frosted);
@@ -1148,12 +1145,11 @@
1148
1145
  }
1149
1146
 
1150
1147
  /*
1151
- * Beaks are smaller than the surface blur radius. A separate backdrop-filter
1152
- * samples the nearby trigger and shifts their visible color, so use the
1153
- * frosted panel's resolved base tone to keep the seam pixel-consistent.
1148
+ * Popover / Tooltip — panel + beak share one clipped surface. The shadow layer is a
1149
+ * sibling (not an ancestor) so its filter does not become the surface's backdrop root.
1154
1150
  */
1155
- [data-refineui="floating-beak-surface"] {
1156
- background-color: var(--refineui-color-alias-background-primary);
1151
+ [data-refineui="floating-shadow"] {
1152
+ filter: var(--refineui-elevation-floating-filter);
1157
1153
  }
1158
1154
 
1159
1155
  [data-refineui="toast"][data-swiping="true"] {
@@ -2287,7 +2283,6 @@ a[data-refineui="link"]:focus-visible {
2287
2283
  [data-refineui="select-menu"],
2288
2284
  [data-refineui="popover"],
2289
2285
  [data-refineui="tooltip-panel"],
2290
- [data-refineui="floating-beak-surface"],
2291
2286
  [data-refineui="navigation-menu-content-panel"],
2292
2287
  [data-refineui="sidebar-peek-panel"] {
2293
2288
  background-color: Canvas !important;
@@ -2295,6 +2290,11 @@ a[data-refineui="link"]:focus-visible {
2295
2290
  -webkit-backdrop-filter: none;
2296
2291
  }
2297
2292
 
2293
+ /* System colors draw the panel box itself; the clipped beak surface would not be forced. */
2294
+ [data-refineui="floating-chrome"] {
2295
+ display: none;
2296
+ }
2297
+
2298
2298
  [data-refineui="dialog"] > [role="presentation"],
2299
2299
  [data-refineui="drawer"] > [role="presentation"] {
2300
2300
  backdrop-filter: none;
@@ -2308,7 +2308,8 @@ a[data-refineui="link"]:focus-visible {
2308
2308
 
2309
2309
  [data-refineui="dialog"],
2310
2310
  [data-refineui="drawer"],
2311
- [data-refineui="popover"] {
2311
+ [data-refineui="popover"],
2312
+ [data-refineui="tooltip-panel"] {
2312
2313
  border: var(--refineui-stroke-width-thin) solid CanvasText;
2313
2314
  }
2314
2315
 
@@ -2344,10 +2345,7 @@ a[data-refineui="link"]:focus-visible {
2344
2345
  border-width: var(--refineui-stroke-width-thick);
2345
2346
  }
2346
2347
 
2347
- [data-refineui="toast"],
2348
- [data-refineui="popover"],
2349
- [data-refineui="tooltip-panel"],
2350
- [data-refineui="floating-beak-surface"] {
2348
+ [data-refineui="toast"] {
2351
2349
  border-style: solid;
2352
2350
  border-color: var(--refineui-color-alias-border-default);
2353
2351
  background-color: var(--refineui-color-alias-surface-popover) !important;
@@ -2355,6 +2353,16 @@ a[data-refineui="link"]:focus-visible {
2355
2353
  -webkit-backdrop-filter: none;
2356
2354
  }
2357
2355
 
2356
+ [data-refineui="floating-surface"] {
2357
+ background-color: var(--refineui-color-alias-surface-popover) !important;
2358
+ backdrop-filter: none;
2359
+ -webkit-backdrop-filter: none;
2360
+ }
2361
+
2362
+ [data-refineui="floating-outline"] path {
2363
+ stroke-width: var(--refineui-stroke-width-thick);
2364
+ }
2365
+
2358
2366
  [data-refineui="dialog"] > [role="presentation"],
2359
2367
  [data-refineui="drawer"] > [role="presentation"] {
2360
2368
  backdrop-filter: none;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schema": "refineui.authoring/1",
3
3
  "packageName": "@refineui/react",
4
- "packageVersion": "0.1.0",
4
+ "packageVersion": "0.1.2",
5
5
  "css": [
6
6
  "@refineui/react/refineui.css"
7
7
  ],