@tangle-network/sandbox-ui 0.125.0 → 0.125.2

package/dist/tokens.css

@@ -45,8 +45,14 @@
 [data-theme="aubergine-light"],
 [data-theme="arena"],
 [data-theme="arena-light"],
+[data-theme="super"],
+[data-theme="super-light"],
 [data-theme="tangle-dark"],
 [data-theme="tangle-light"],
+[data-theme="hospitality"],
+[data-theme="agents"],
+[data-theme="agents-light"],
+[data-theme="website"],
 .light,
 .dark {
   color-scheme: dark;
@@ -516,10 +522,14 @@
  * carries both `data-sandbox-ui` (dark) and `data-theme="light"`, light wins. */
 [data-sandbox-theme="vault"]:where(:not(.dark)),
 [data-sandbox-theme="dawn"]:where(:not(.dark)),
+[data-theme="hospitality"]:where(:not(.dark)),
+[data-theme="website"]:where(:not(.dark)),
 [data-theme="light"],
 [data-theme="aubergine-light"],
 [data-theme="arena-light"],
+[data-theme="super-light"],
 [data-theme="tangle-light"],
+[data-theme="agents-light"],
 .light {
   color-scheme: light;
   /* Light theme — neutral surfaces with purple accents */
@@ -925,6 +935,8 @@
  * themes, which would otherwise inherit the dark ramp from :root. */
 [data-sandbox-theme="vault"]:where(:not(.dark)),
 [data-sandbox-theme="dawn"]:where(:not(.dark)),
+[data-theme="hospitality"]:where(:not(.dark)),
+[data-theme="website"]:where(:not(.dark)),
 [data-theme="light"],
 .light,
 [data-theme$="-light"] {
@@ -959,3 +971,86 @@
     --motion-arrive: var(--duration-arrive) var(--ease-expo);
   }
 }
+
+/* tone-scopes:begin — generated by scripts/gen-ladders.mjs; edit its CATEGORY map, not these lines. */
+[data-tone="violet"],
+[data-tone="violet"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-violet-bg);
+  --tone-bg-hover: var(--tone-violet-bg-hover);
+  --tone-bg-selected: var(--tone-violet-bg-selected);
+  --tone-border: var(--tone-violet-border);
+  --tone-border-selected: var(--tone-violet-border-selected);
+  --tone-text: var(--tone-violet-text);
+  --tone-icon: var(--tone-violet-icon);
+}
+[data-tone="orange"],
+[data-tone="orange"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-orange-bg);
+  --tone-bg-hover: var(--tone-orange-bg-hover);
+  --tone-bg-selected: var(--tone-orange-bg-selected);
+  --tone-border: var(--tone-orange-border);
+  --tone-border-selected: var(--tone-orange-border-selected);
+  --tone-text: var(--tone-orange-text);
+  --tone-icon: var(--tone-orange-icon);
+}
+[data-tone="teal"],
+[data-tone="teal"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-teal-bg);
+  --tone-bg-hover: var(--tone-teal-bg-hover);
+  --tone-bg-selected: var(--tone-teal-bg-selected);
+  --tone-border: var(--tone-teal-border);
+  --tone-border-selected: var(--tone-teal-border-selected);
+  --tone-text: var(--tone-teal-text);
+  --tone-icon: var(--tone-teal-icon);
+}
+[data-tone="blue"],
+[data-tone="blue"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-blue-bg);
+  --tone-bg-hover: var(--tone-blue-bg-hover);
+  --tone-bg-selected: var(--tone-blue-bg-selected);
+  --tone-border: var(--tone-blue-border);
+  --tone-border-selected: var(--tone-blue-border-selected);
+  --tone-text: var(--tone-blue-text);
+  --tone-icon: var(--tone-blue-icon);
+}
+[data-tone="pink"],
+[data-tone="pink"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-pink-bg);
+  --tone-bg-hover: var(--tone-pink-bg-hover);
+  --tone-bg-selected: var(--tone-pink-bg-selected);
+  --tone-border: var(--tone-pink-border);
+  --tone-border-selected: var(--tone-pink-border-selected);
+  --tone-text: var(--tone-pink-text);
+  --tone-icon: var(--tone-pink-icon);
+}
+[data-tone="brown"],
+[data-tone="brown"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-brown-bg);
+  --tone-bg-hover: var(--tone-brown-bg-hover);
+  --tone-bg-selected: var(--tone-brown-bg-selected);
+  --tone-border: var(--tone-brown-border);
+  --tone-border-selected: var(--tone-brown-border-selected);
+  --tone-text: var(--tone-brown-text);
+  --tone-icon: var(--tone-brown-icon);
+}
+[data-tone="cyan"],
+[data-tone="cyan"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-cyan-bg);
+  --tone-bg-hover: var(--tone-cyan-bg-hover);
+  --tone-bg-selected: var(--tone-cyan-bg-selected);
+  --tone-border: var(--tone-cyan-border);
+  --tone-border-selected: var(--tone-cyan-border-selected);
+  --tone-text: var(--tone-cyan-text);
+  --tone-icon: var(--tone-cyan-icon);
+}
+[data-tone="lime"],
+[data-tone="lime"] :is(.light, .dark, [data-theme], [data-sandbox-ui], [data-sandbox-theme]) {
+  --tone-bg: var(--tone-lime-bg);
+  --tone-bg-hover: var(--tone-lime-bg-hover);
+  --tone-bg-selected: var(--tone-lime-bg-selected);
+  --tone-border: var(--tone-lime-border);
+  --tone-border-selected: var(--tone-lime-border-selected);
+  --tone-text: var(--tone-lime-text);
+  --tone-icon: var(--tone-lime-icon);
+}
+/* tone-scopes:end */

package/dist/{workbench-CMnjtsN3.js → workbench-DLQ07SoM.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { s as PortsList } from "./dashboard-BQhWvIsS.js";
+import { s as PortsList } from "./dashboard-Ce1Qy0Yv.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CMRPEvon.js";

package/dist/workbench.js

@@ -1,3 +1,3 @@
-import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-CMnjtsN3.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-DLQ07SoM.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CMRPEvon.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.125.0",
+  "version": "0.125.2",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -128,7 +128,7 @@
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
-    "@tangle-network/brand": "^1.11.0",
+    "@tangle-network/brand": "^1.13.0",
     "@tangle-network/ui": "^11.17.0",
     "@tanstack/react-query": "^5.0.0",
     "@tiptap/core": ">=3.20.4 <4.0.0",
@@ -214,7 +214,7 @@
     "@storybook/react-vite": "^10.6.0",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "2.13.1",
-    "@tangle-network/brand": "1.11.0",
+    "@tangle-network/brand": "1.13.0",
     "@tangle-network/ui": "11.17.0",
     "@tanstack/react-query": "^5.104.0",
     "@testing-library/dom": "^10.4.2",