@tangle-network/sandbox-ui 0.115.3 → 0.115.4

package/README.md

@@ -302,6 +302,9 @@ The shared visual contract lives in [src/styles/tokens.css](./src/styles/tokens.
 - borders: `--border-subtle`, `--border-default`, `--border-accent`
 - radii/shadows: `--radius-*`, `--shadow-card`, `--shadow-dropdown`, `--shadow-accent`
 
+Markdown prose uses `--foreground` and `--muted-foreground` as HSL channel values.
+Set them on the nearest product wrapper when its colors differ from the brand theme.
+
 App-level overrides can be scoped to a wrapper:
 
 ```css

package/dist/globals.css

@@ -5997,6 +5997,10 @@
   --border-default: rgba(120, 108, 158, 0.18);
   --border-hover: rgba(120, 108, 158, 0.28);
 }
+:is(.dark, .light, [data-theme], [data-sandbox-theme="vault"]) {
+  --foreground: var(--hsl-foreground);
+  --muted-foreground: var(--hsl-muted-foreground);
+}
 :root {
   --duration-instant: 90ms;
   --duration-fast: 150ms;
@@ -6523,7 +6527,7 @@
   box-shadow: none;
 }
 .tangle-prose {
-  color: var(--text-primary);
+  color: hsl(var(--foreground));
   line-height: 1.7;
 }
 .tangle-prose :where(p, ul, ol) {
@@ -6537,7 +6541,7 @@
   line-height: 1.3;
   margin-top: 1.4em;
   margin-bottom: 0.5em;
-  color: var(--text-primary);
+  color: inherit;
 }
 .tangle-prose h1 {
   font-size: 1.4em;
@@ -6565,7 +6569,7 @@
 .tangle-prose blockquote {
   border-left: 2px solid var(--border-default);
   padding-left: 0.9em;
-  color: var(--text-muted);
+  color: hsl(var(--muted-foreground));
 }
 .tangle-prose hr {
   border: 0;
@@ -6588,6 +6592,7 @@
   font-size: 0.95em;
   display: block;
   overflow-x: auto;
+  color: inherit;
 }
 .tangle-prose thead {
   border-bottom: 1px solid var(--border-default);
@@ -6596,7 +6601,7 @@
   text-align: left;
   font-weight: 600;
   padding: 0.5em 0.85em;
-  color: var(--text-primary);
+  color: inherit;
   white-space: nowrap;
 }
 .tangle-prose td {

package/dist/styles.css

@@ -5997,6 +5997,10 @@
   --border-default: rgba(120, 108, 158, 0.18);
   --border-hover: rgba(120, 108, 158, 0.28);
 }
+:is(.dark, .light, [data-theme], [data-sandbox-theme="vault"]) {
+  --foreground: var(--hsl-foreground);
+  --muted-foreground: var(--hsl-muted-foreground);
+}
 :root {
   --duration-instant: 90ms;
   --duration-fast: 150ms;
@@ -6523,7 +6527,7 @@
   box-shadow: none;
 }
 .tangle-prose {
-  color: var(--text-primary);
+  color: hsl(var(--foreground));
   line-height: 1.7;
 }
 .tangle-prose :where(p, ul, ol) {
@@ -6537,7 +6541,7 @@
   line-height: 1.3;
   margin-top: 1.4em;
   margin-bottom: 0.5em;
-  color: var(--text-primary);
+  color: inherit;
 }
 .tangle-prose h1 {
   font-size: 1.4em;
@@ -6565,7 +6569,7 @@
 .tangle-prose blockquote {
   border-left: 2px solid var(--border-default);
   padding-left: 0.9em;
-  color: var(--text-muted);
+  color: hsl(var(--muted-foreground));
 }
 .tangle-prose hr {
   border: 0;
@@ -6588,6 +6592,7 @@
   font-size: 0.95em;
   display: block;
   overflow-x: auto;
+  color: inherit;
 }
 .tangle-prose thead {
   border-bottom: 1px solid var(--border-default);
@@ -6596,7 +6601,7 @@
   text-align: left;
   font-weight: 600;
   padding: 0.5em 0.85em;
-  color: var(--text-primary);
+  color: inherit;
   white-space: nowrap;
 }
 .tangle-prose td {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.115.3",
+  "version": "0.115.4",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",