@tangle-network/brand 1.31.2 → 1.31.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 1.31.4
+
+### Patch Changes
+
+- b22474e: Publish the brand source merged after 1.31.3 (#512): the Logo wordmark is semibold with the suffix in `--accent-text`, `globals.css` adds the `status-dot-creating`, `status-dot-warm`, `status-dot-cold` and `status-dot-deleted` lifecycle classes, and the shipped `tangle-drift` baseline is lowered to the current website measurement.
+
+## 1.31.3
+
+### Patch Changes
+
+- 2da4253: Own the categorical chart series palette in both themes so retained records, live charts and provenance graphs share one color source.
+
 ## 1.31.2
 
 ### Patch Changes

package/bin/drift-baseline.json

@@ -4,21 +4,22 @@
   "roots": [
    "src"
   ],
+  "exclude": [],
   "branch": "master",
-  "head": "32b7e40a9131",
-  "tsx_files": 33,
+  "head": "406d9975f03a",
+  "tsx_files": 29,
   "css_files": 5,
   "versions": {
    "brand": [
-    "1.15.7"
+    "1.31.3"
    ],
    "ui": [
-    "11.24.0"
+    "11.51.12"
    ]
   },
   "importing_files": {
-   "brand": 0,
-   "ui": 6,
+   "brand": 1,
+   "ui": 5,
    "sandbox-ui": 0,
    "agent-app": 0
   },
@@ -31,55 +32,47 @@
    "arbitrary_color": {},
    "css_var_defs": {
     "src/components/quickstart-code.css": 4,
-    "src/components/recorded-agent-timeline.css": 4,
-    "src/components/recorded-run-waterfall.css": 9
+    "src/components/run-replay.css": 1
    },
    "local_primitive_count": {},
    "font_size_literal": {
-    "src/components/BenchmarkExplorer.astro": 2,
-    "src/components/BenchmarkReport.astro": 27,
-    "src/components/BenchmarkTaskPrompts.astro": 5,
-    "src/components/BlogCover.astro": 2,
-    "src/components/Footer.astro": 7,
-    "src/components/RunActions.astro": 6,
-    "src/components/RunStory.astro": 7,
-    "src/components/SandboxQuickstart.astro": 2,
-    "src/components/quickstart-code.css": 6,
-    "src/components/recorded-agent-timeline.css": 1,
-    "src/components/recorded-run-waterfall.css": 1,
-    "src/layouts/BlogLayout.astro": 13,
+    "src/components/ComplianceBadge.astro": 1,
+    "src/components/Example.astro": 1,
+    "src/components/Footer.astro": 8,
+    "src/components/PostList.astro": 3,
+    "src/components/quickstart-code.css": 1,
+    "src/components/run-replay.css": 1,
+    "src/layouts/BlogLayout.astro": 15,
     "src/pages/404.astro": 4,
-    "src/pages/benchmarks/[id].astro": 2,
-    "src/pages/benchmarks/index.astro": 8,
-    "src/pages/blog/index.astro": 6,
+    "src/pages/blog/index.astro": 5,
     "src/pages/blog/series/[series].astro": 2,
-    "src/pages/brand-kit.astro": 9,
-    "src/pages/index.astro": 29,
+    "src/pages/brand-kit.astro": 8,
+    "src/pages/data-deletion.astro": 1,
+    "src/pages/index.astro": 6,
     "src/pages/privacy-policy.astro": 1,
     "src/pages/security.astro": 1,
     "src/pages/sub-processors.astro": 1,
     "src/pages/terms-of-service.astro": 1,
     "src/pages/what-is-tangle.astro": 5,
+    "src/styles/bench.css": 3,
     "src/styles/global.css": 7
    },
    "size_literal": {
     "src/pages/releases.astro": 1
    },
    "native_control": {
-    "src/components/BenchmarkExplorer.astro": 1,
     "src/components/Header.astro": 3,
-    "src/components/QuickstartCode.tsx": 5
+    "src/components/QuickstartCode.tsx": 2
    },
    "control_override": {},
    "page_heading": {
+    "src/components/BenchHead.astro": 1,
     "src/layouts/BlogLayout.astro": 1,
     "src/pages/404.astro": 1,
-    "src/pages/benchmarks/[id].astro": 1,
-    "src/pages/benchmarks/index.astro": 1,
-    "src/pages/benchmarks/preview/[campaign].astro": 1,
     "src/pages/blog/index.astro": 1,
     "src/pages/blog/series/[series].astro": 1,
     "src/pages/brand-kit.astro": 1,
+    "src/pages/data-deletion.astro": 1,
     "src/pages/index.astro": 1,
     "src/pages/privacy-policy.astro": 1,
     "src/pages/releases.astro": 1,
@@ -90,30 +83,26 @@
     "src/pages/what-is-tangle.astro": 1
    },
    "shell_override": {},
-   "header_height_literal": {
-    "src/components/RunStory.astro": 1,
-    "src/components/quickstart-code.css": 2,
-    "src/pages/index.astro": 1
-   },
+   "header_height_literal": {},
    "transcript_type_override": {},
    "settings_layout": {}
   },
   "raw_palette": 0,
   "hex": 29,
   "arbitrary_color": 0,
-  "css_var_defs": 17,
+  "css_var_defs": 5,
   "local_primitive_count": 0,
-  "font_size_literal": 155,
+  "font_size_literal": 75,
   "size_literal": 1,
-  "native_control": 9,
+  "native_control": 5,
   "control_override": 0,
-  "page_heading": 16,
+  "page_heading": 15,
   "shell_override": 0,
-  "header_height_literal": 4,
+  "header_height_literal": 0,
   "transcript_type_override": 0,
+  "settings_layout": 0,
   "palette_top": [],
-  "local_primitives": {},
-  "settings_layout": 0
+  "local_primitives": {}
  },
  "sandbox": {
   "repo": "tangle-network/agent-container",

package/dist/index.js

@@ -79,10 +79,10 @@ function Logo({ size = "md", variant = "full", suffix = null, className }) {
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex items-baseline gap-1",
 			children: [/* @__PURE__ */ jsx("span", {
-				className: `font-bold tracking-tight ${cfg.text}`,
+				className: `font-semibold tracking-tight ${cfg.text}`,
 				children: "Tangle"
 			}), suffix ? /* @__PURE__ */ jsx("span", {
-				className: `font-medium text-gradient-brand ${cfg.suffix}`,
+				className: `font-medium text-[var(--accent-text)] ${cfg.suffix}`,
 				children: suffix
 			}) : null]
 		})]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/brand",
-  "version": "1.31.2",
+  "version": "1.31.4",
   "description": "Tangle brand system — design tokens, logo, Tailwind v4 theme. Single source of truth for every Tangle app.",
   "type": "module",
   "license": "MIT",

package/src/logo.tsx

@@ -54,9 +54,9 @@ export function Logo({
     <div className={cls}>
       <TangleKnot size={cfg.icon} className="shrink-0" />
       <div className="flex items-baseline gap-1">
-        <span className={`font-bold tracking-tight ${cfg.text}`}>Tangle</span>
+        <span className={`font-semibold tracking-tight ${cfg.text}`}>Tangle</span>
         {suffix ? (
-          <span className={`font-medium text-gradient-brand ${cfg.suffix}`}>{suffix}</span>
+          <span className={`font-medium text-[var(--accent-text)] ${cfg.suffix}`}>{suffix}</span>
         ) : null}
       </div>
     </div>

package/src/styles/globals.css

@@ -162,8 +162,12 @@
   }
 
   .status-dot-running { background: var(--status-running); box-shadow: var(--shadow-status-running); }
+  .status-dot-creating { background: var(--status-creating); }
   .status-dot-stopped { background: var(--status-stopped); }
+  .status-dot-warm { background: var(--status-warm); }
+  .status-dot-cold { background: var(--status-cold); }
   .status-dot-error { background: var(--status-error); box-shadow: var(--shadow-status-error); }
+  .status-dot-deleted { background: var(--status-deleted); }
 }
 
 /* Markdown prose — applied via `tangle-prose` on the Markdown renderer. The

package/src/styles/legacy-light.css

@@ -1,6 +1,6 @@
 /* GENERATED by scripts/gen-compat.mjs. Do not edit.
  * Source: tokens.css + named-themes.css
- * SHA-256: fc22dd14d46adcb3da24a7c9c41cc61b2b1c3eadbd6490c628ea63e4cfb57621
+ * SHA-256: 9c796b6c0e1dc1ca46d1dd9d1e45adfb8b40bcf836198dc0e24d5afd0393f182
  * Light-default compatibility; all explicit modes remain canonical.
  */
 :where(:root),
@@ -694,6 +694,18 @@
 [data-theme] {
     --chart-ink: var(--text-primary);
     --chart-ink-muted: var(--text-dim);
+    --chart-series-1: var(--chart-accent);
+    --chart-series-2: light-dark(#2a7fa8, #6cc0e8);
+    --chart-series-3: light-dark(#7b4fc0, #b99af0);
+    --chart-series-4: light-dark(#1f7f88, #5fc2c9);
+    --chart-series-5: light-dark(#a8418f, #e58ccf);
+    --chart-series-6: light-dark(#5a6ad8, #8fa4ff);
+    --chart-series-7: light-dark(#45507a, #c0c4dc);
+    --chart-series-8: var(--text-muted);
+    --chart-category-1: light-dark(#2a78d6, #3987e5);
+    --chart-category-2: light-dark(#eb6834, #d95926);
+    --chart-category-3: light-dark(#1baf7a, #199e70);
+    --chart-category-other: var(--text-muted);
     --chart-muted: var(--md3-outline);
     --chart-grid: var(--md3-surface-container-high);
     --chart-rule: var(--md3-outline-variant);
@@ -1895,4 +1907,5 @@
     --color-primary: hsl(var(--primary));
     --color-primary-foreground: hsl(var(--primary-foreground));
     --color-ring: hsl(var(--ring));
+    --chart-series-1: var(--chart-accent);
 }

package/src/styles/named-themes.css

@@ -473,6 +473,7 @@
   --color-primary: hsl(var(--primary));
   --color-primary-foreground: hsl(var(--primary-foreground));
   --color-ring: hsl(var(--ring));
+  --chart-series-1: var(--chart-accent);
 }
 /* accent-scopes:end */
 /* palette:end */

package/src/styles/tokens.css

@@ -1,5 +1,5 @@
 /* palette:begin — generated by scripts/gen-ladders.mjs; edit palette.mjs or palette-template.css. */
-/* Palette layout only. Colour inputs live in palette.mjs; gen-ladders.mjs writes the public stylesheets. */
+/* Theme roles derive from palette.mjs; fixed categorical chart pairs live here. gen-ladders.mjs writes the public stylesheets. */
 :root,
 [data-sandbox-ui],
 [data-sandbox-theme="vault"],
@@ -524,6 +524,12 @@
 [data-sandbox-theme],
 [data-theme] {
   --chart-ink: var(--text-primary); --chart-ink-muted: var(--text-dim);
+  --chart-series-1: var(--chart-accent); --chart-series-2: light-dark(#2a7fa8, #6cc0e8);
+  --chart-series-3: light-dark(#7b4fc0, #b99af0); --chart-series-4: light-dark(#1f7f88, #5fc2c9);
+  --chart-series-5: light-dark(#a8418f, #e58ccf); --chart-series-6: light-dark(#5a6ad8, #8fa4ff);
+  --chart-series-7: light-dark(#45507a, #c0c4dc); --chart-series-8: var(--text-muted);
+  --chart-category-1: light-dark(#2a78d6, #3987e5); --chart-category-2: light-dark(#eb6834, #d95926);
+  --chart-category-3: light-dark(#1baf7a, #199e70); --chart-category-other: var(--text-muted);
   --chart-muted: var(--md3-outline); --chart-grid: var(--md3-surface-container-high);
   --chart-rule: var(--md3-outline-variant); --chart-shade: var(--bg-hover);
   --chart-accent: var(--brand-cool); --chart-tier-c: hsl(246.1017 55.1402% 41.9608%);