@tutti-os/ui-system 0.0.95 → 0.0.96

package/dist/styles/theme.css

@@ -128,7 +128,7 @@
   --z-popover: 100200;
   --z-panel: 100500;
   --z-panel-popover: 100550;
-  --z-toast: 100560;
+  --z-toast: 100650;
   --z-dialog-overlay: 100600;
   --z-dialog: 100610;
   --z-dialog-popover: 100620;

package/dist/styles/theme.spec.ts

@@ -0,0 +1,21 @@
+import { readFileSync } from "node:fs";
+import { describe, expect, it } from "vitest";
+
+const themeCss = readFileSync("src/styles/theme.css", "utf8");
+
+function zIndexToken(name: string): number {
+  const match = themeCss.match(new RegExp(`--${name}:\\s*(\\d+);`));
+  if (!match?.[1]) {
+    throw new Error(`Missing z-index token: --${name}`);
+  }
+  return Number(match[1]);
+}
+
+describe("global overlay layers", () => {
+  it("keeps toast notifications above dialogs and below tooltips", () => {
+    expect(zIndexToken("z-toast")).toBeGreaterThan(
+      zIndexToken("z-dialog-popover")
+    );
+    expect(zIndexToken("z-toast")).toBeLessThan(zIndexToken("z-tooltip"));
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tutti-os/ui-system",
-  "version": "0.0.95",
+  "version": "0.0.96",
   "private": false,
   "type": "module",
   "types": "./dist/index.d.ts",

package/ui-system.md

@@ -301,8 +301,6 @@ The current shared global `z-index` tokens are:
   The genie animation layer that must stay above ordinary workbench chrome.
 - `--z-popover`
   Cross-feature floating UI such as menus, switchers, and layout popovers.
-- `--z-toast`
-  Toast notifications that should stay above popovers.
 - `--z-panel`
   Full-panel overlays such as workspace settings surfaces.
 - `--z-panel-popover`
@@ -313,6 +311,8 @@ The current shared global `z-index` tokens are:
   Dialog content rendered above dialog backdrops.
 - `--z-dialog-popover`
   Floating controls or host-owned preview windows that must stay above dialog content and backdrop while remaining below tooltips.
+- `--z-toast`
+  Toast notifications that must remain visible above dialogs and their portaled controls while staying below tooltips.
 - `--z-tooltip`
   Short hover/focus guidance that should stay above panels, drawers, and their popovers so clipped text can be inspected across overlay boundaries.