@tangle-network/brand 1.14.2 → 1.15.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 1.15.0
+
+### Minor Changes
+
+- bb8e620: `tokens.css` now defines the role radii (`--radius-tag`, `--radius-chip`, `--radius-field`, `--radius-panel`, `--radius-cover`, `--radius-sheet`), so apps that load tokens.css without system.css can use them instead of declaring their own. Values match system.css.
+
+### Patch Changes
+
+- 8feb230: Lower the Physim row in the drift baseline to physim main 663cfed: hex 328 -> 0, redeclared tokens 108 -> 2.
+- 922bf6f: Lower the GTM and Creative rows in the shipped drift baseline to their default branches after design-system slice 1: GTM gtm-agent 905258f, raw palette 67 → 0; Creative creative-agent 4e1768d, raw palette 223 → 0, hex 307 → 272, arbitrary colours 35 → 0. Their local gates now fail on any new raw palette class.
+
+## 1.14.3
+
+### Patch Changes
+
+- 6b96ac4: Lower the Agent Builder row in the tangle-drift baseline to agent-builder main 305f99a: raw palette 99 -> 0, hex 46 -> 2, arbitrary colors 1 -> 0, redeclared tokens 71 -> 0.
+- 4e62c6b: Lower the Hospitality drift baseline to hex 0 (hospitality-agent 1626db3): the guest preview's last raw colors now read the business preset and Brand's danger token.
+
 ## 1.14.2
 
 ### Patch Changes

package/bin/drift-baseline.json

@@ -304,42 +304,31 @@
    ""
   ],
   "branch": "master",
-  "head": "7a11a251e132",
-  "tsx_files": 122,
+  "head": "905258f9e5ea",
+  "tsx_files": 121,
   "css_files": 3,
   "versions": {
    "agent-app": [
-    "0.53.7"
+    "0.53.12"
    ],
    "brand": [
-    "1.10.0"
+    "1.11.0"
    ],
    "sandbox-ui": [
-    "0.120.0"
+    "0.124.0"
    ],
    "ui": [
-    "11.15.2"
+    "11.17.0"
    ]
   },
   "importing_files": {
    "brand": 0,
    "ui": 5,
-   "sandbox-ui": 91,
-   "agent-app": 175
+   "sandbox-ui": 93,
+   "agent-app": 176
   },
   "by_file": {
-   "raw_palette": {
-    "src/components/board/status-chip.tsx": 18,
-    "src/components/chat-transcript.tsx": 6,
-    "src/components/designs/design-agent-panel.tsx": 2,
-    "src/components/plan-item.tsx": 1,
-    "src/components/sequences/gtm-sequence-agent-panel.tsx": 2,
-    "src/components/workspace-chat-surface.tsx": 2,
-    "src/components/workspace-terminal-panel.tsx": 16,
-    "src/routes/admin.integrations.tsx": 4,
-    "src/routes/app.workspace.sequences.tsx": 12,
-    "src/routes/app.workspace.vault.tsx": 4
-   },
+   "raw_palette": {},
    "hex": {
     "src/app.css": 92,
     "src/components/chat-transcript.tsx": 1,
@@ -353,37 +342,12 @@
    },
    "local_primitive_count": {}
   },
-  "raw_palette": 67,
+  "raw_palette": 0,
   "hex": 99,
   "arbitrary_color": 0,
   "css_var_defs": 177,
   "local_primitive_count": 0,
-  "palette_top": [
-   [
-    "bg-amber-500",
-    8
-   ],
-   [
-    "border-amber-500",
-    6
-   ],
-   [
-    "bg-emerald-500",
-    5
-   ],
-   [
-    "text-amber-300",
-    4
-   ],
-   [
-    "text-amber-700",
-    4
-   ],
-   [
-    "border-emerald-500",
-    3
-   ]
-  ],
+  "palette_top": [],
   "local_primitives": {}
  },
  "tax": {
@@ -494,100 +458,47 @@
    ""
   ],
   "branch": "master",
-  "head": "511f5fd6faf7",
-  "tsx_files": 55,
+  "head": "4e1768d988bd",
+  "tsx_files": 54,
   "css_files": 1,
   "versions": {
    "agent-app": [
-    "0.53.7"
+    "0.53.12"
    ],
    "brand": [
-    "1.10.0"
+    "1.11.0"
    ],
    "sandbox-ui": [
-    "0.121.1"
+    "0.124.0"
    ],
    "ui": [
-    "11.15.3"
+    "11.17.0"
    ]
   },
   "importing_files": {
    "brand": 1,
    "ui": 0,
-   "sandbox-ui": 30,
+   "sandbox-ui": 33,
    "agent-app": 116
   },
   "by_file": {
-   "raw_palette": {
-    "src/components/agent-instruction-panel.tsx": 4,
-    "src/components/generations/GenerationCard.tsx": 26,
-    "src/components/missions/MissionCard.tsx": 34,
-    "src/components/sequences/SequenceAgentSidebar.tsx": 16,
-    "src/components/sequences/SequenceAssetShelf.tsx": 2,
-    "src/components/workspace-terminal-panel.tsx": 16,
-    "src/routes/app.workspace.calendar.tsx": 21,
-    "src/routes/app.workspace.chat.tsx": 19,
-    "src/routes/app.workspace.designs.tsx": 4,
-    "src/routes/app.workspace.experiments.tsx": 18,
-    "src/routes/app.workspace.missions.tsx": 35,
-    "src/routes/app.workspace.proposals.tsx": 9,
-    "src/routes/app.workspace.sequences.$sequenceId.tsx": 6,
-    "src/routes/app.workspace.sequences.tsx": 8,
-    "src/routes/app.workspace.settings.tsx": 4,
-    "src/routes/login.tsx": 1
-   },
+   "raw_palette": {},
    "hex": {
     "src/app.css": 268,
-    "src/components/generations/GenerationCard.tsx": 6,
-    "src/components/missions/MissionCard.tsx": 9,
-    "src/root.tsx": 4,
-    "src/routes/app.workspace.activity.tsx": 1,
-    "src/routes/app.workspace.chat.tsx": 18,
-    "src/routes/app.workspace.missions.tsx": 1
-   },
-   "arbitrary_color": {
-    "src/components/generations/GenerationCard.tsx": 6,
-    "src/components/missions/MissionCard.tsx": 9,
-    "src/routes/app.workspace.activity.tsx": 1,
-    "src/routes/app.workspace.chat.tsx": 18,
-    "src/routes/app.workspace.missions.tsx": 1
+    "src/root.tsx": 4
    },
+   "arbitrary_color": {},
    "css_var_defs": {
     "src/app.css": 337
    },
    "local_primitive_count": {}
   },
-  "raw_palette": 223,
-  "hex": 307,
-  "arbitrary_color": 35,
+  "raw_palette": 0,
+  "hex": 272,
+  "arbitrary_color": 0,
   "css_var_defs": 337,
   "local_primitive_count": 0,
-  "palette_top": [
-   [
-    "bg-emerald-500",
-    22
-   ],
-   [
-    "bg-amber-500",
-    21
-   ],
-   [
-    "border-emerald-500",
-    15
-   ],
-   [
-    "border-amber-500",
-    14
-   ],
-   [
-    "text-amber-300",
-    14
-   ],
-   [
-    "text-amber-700",
-    14
-   ]
-  ],
+  "palette_top": [],
   "local_primitives": {}
  },
  "physim": {
@@ -596,67 +507,51 @@
    "apps/web"
   ],
   "branch": "main",
-  "head": "d25cc6549e33",
+  "head": "663cfedea162",
   "tsx_files": 15,
   "css_files": 8,
   "versions": {
    "agent-app": [
-    "0.53.7"
+    "0.53.13"
    ],
    "brand": [
-    "1.10.1"
+    "1.13.0"
    ],
    "override:brand": [
-    "1.10.1"
+    "1.13.0"
    ],
    "override:sandbox-ui": [
-    "0.122.3"
+    "0.125.3"
    ],
    "override:ui": [
-    "11.16.3"
+    "11.19.0"
    ],
    "sandbox-ui": [
-    "0.122.3"
+    "0.125.3"
    ],
    "ui": [
-    "11.16.3"
+    "11.19.0"
    ]
   },
   "importing_files": {
    "brand": 1,
-   "ui": 0,
+   "ui": 2,
    "sandbox-ui": 5,
    "agent-app": 5
   },
   "by_file": {
    "raw_palette": {},
-   "hex": {
-    "apps/web/src/App.tsx": 2,
-    "apps/web/src/AuthGate.tsx": 2,
-    "apps/web/src/assembly/AssemblyBooklet.tsx": 4,
-    "apps/web/src/canvas/NodeInspector.tsx": 1,
-    "apps/web/src/canvas/SystemDiagramCanvas.tsx": 8,
-    "apps/web/src/main.tsx": 1,
-    "apps/web/src/styles.css": 226,
-    "apps/web/src/styles/assembly.css": 19,
-    "apps/web/src/styles/canvas-nodes.css": 21,
-    "apps/web/src/styles/composer.css": 13,
-    "apps/web/src/styles/fusion.css": 10,
-    "apps/web/src/styles/provenance.css": 21
-   },
+   "hex": {},
    "arbitrary_color": {},
    "css_var_defs": {
-    "apps/web/src/styles.css": 95,
-    "apps/web/src/styles/canvas-nodes.css": 2,
-    "apps/web/src/styles/composer.css": 9,
-    "apps/web/src/styles/shell.css": 2
+    "apps/web/src/styles/canvas-nodes.css": 2
    },
    "local_primitive_count": {}
   },
   "raw_palette": 0,
-  "hex": 328,
+  "hex": 0,
   "arbitrary_color": 0,
-  "css_var_defs": 108,
+  "css_var_defs": 2,
   "local_primitive_count": 0,
   "palette_top": [],
   "local_primitives": {}
@@ -667,9 +562,9 @@
    ""
   ],
   "branch": "main",
-  "head": "b297d943cd4a",
-  "tsx_files": 27,
-  "css_files": 13,
+  "head": "1626db333b09",
+  "tsx_files": 26,
+  "css_files": 12,
   "versions": {
    "agent-app": [
     "0.53.13"
@@ -692,16 +587,13 @@
   },
   "by_file": {
    "raw_palette": {},
-   "hex": {
-    "src/resetos/demo/preview.css": 7,
-    "src/resetos/resetos.css": 1
-   },
+   "hex": {},
    "arbitrary_color": {},
    "css_var_defs": {},
    "local_primitive_count": {}
   },
   "raw_palette": 0,
-  "hex": 8,
+  "hex": 0,
   "arbitrary_color": 0,
   "css_var_defs": 0,
   "local_primitive_count": 0,
@@ -908,107 +800,56 @@
    ""
   ],
   "branch": "main",
-  "head": "d9d8f341523d",
+  "head": "305f99a0b46e",
   "tsx_files": 97,
   "css_files": 2,
   "versions": {
    "agent-app": [
-    "0.52.14"
+    "0.53.14"
    ],
    "brand": [
-    "1.10.0"
+    "1.13.0"
    ],
    "override:agent-app": [
-    "0.52.14"
+    "0.53.14"
    ],
    "override:brand": [
-    "1.10.0"
+    "1.13.0"
    ],
    "override:sandbox-ui": [
-    "0.121.0"
+    "0.125.3"
    ],
    "override:ui": [
-    "11.15.2"
+    "11.19.0"
    ],
    "sandbox-ui": [
-    "0.121.0"
+    "0.125.3"
    ],
    "ui": [
-    "11.15.2"
+    "11.19.0"
    ]
   },
   "importing_files": {
    "brand": 1,
    "ui": 6,
-   "sandbox-ui": 28,
-   "agent-app": 49
+   "sandbox-ui": 33,
+   "agent-app": 51
   },
   "by_file": {
-   "raw_palette": {
-    "src/components/improve-button.tsx": 5,
-    "src/components/trading/BondingCurveViz.tsx": 4,
-    "src/components/trading/BuySellPanel.tsx": 20,
-    "src/components/trading/MarketStats.tsx": 3,
-    "src/components/trading/TokenInfoCard.tsx": 16,
-    "src/components/trading/TradingPage.tsx": 14,
-    "src/lib/.server/scaffold/onboarding/onboarding-gen.ts": 3,
-    "src/routes/app.$agentId.eval.tsx": 15,
-    "src/routes/app.$agentId.knowledge.tsx": 2,
-    "src/routes/app.$agentId.readiness.tsx": 2,
-    "src/routes/app.$agentId.research.tsx": 7,
-    "src/routes/app.admin.auto-research.tsx": 2,
-    "src/routes/app.admin.findings.tsx": 2,
-    "src/routes/app.admin.integrations.tsx": 1,
-    "src/routes/app.admin.proposals.tsx": 1,
-    "src/routes/app.trade.$slug.tsx": 1,
-    "src/routes/creators.$handle.tsx": 1
-   },
+   "raw_palette": {},
    "hex": {
-    "src/app.css": 2,
-    "src/components/local-time.tsx": 2,
-    "src/components/tool-call-card.tsx": 13,
-    "src/components/trading/TradingViewChart.tsx": 9,
-    "src/components/trading/providers.tsx": 1,
-    "src/root.tsx": 2,
-    "src/routes/agents.$slug.tsx": 1,
-    "src/routes/creators.$handle.tsx": 3,
-    "src/styles/listing.css": 13
-   },
-   "arbitrary_color": {
-    "src/components/chat-composer.tsx": 1
-   },
-   "css_var_defs": {
-    "src/app.css": 71
+    "src/root.tsx": 2
    },
+   "arbitrary_color": {},
+   "css_var_defs": {},
    "local_primitive_count": {}
   },
-  "raw_palette": 99,
-  "hex": 46,
-  "arbitrary_color": 1,
-  "css_var_defs": 71,
+  "raw_palette": 0,
+  "hex": 2,
+  "arbitrary_color": 0,
+  "css_var_defs": 0,
   "local_primitive_count": 0,
-  "palette_top": [
-   [
-    "text-gray-11",
-    78
-   ],
-   [
-    "text-gray-12",
-    18
-   ],
-   [
-    "border-neutral-200",
-    1
-   ],
-   [
-    "text-neutral-500",
-    1
-   ],
-   [
-    "text-neutral-700",
-    1
-   ]
-  ],
+  "palette_top": [],
   "local_primitives": {}
  },
  "blueprint": {

package/package.json

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

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: c09b4b2d488a4b0bbe7ace4523e27d9cc9bba99013b95b2d361ab476bd61ebf2
+ * SHA-256: 9d5eee8a83628c74a74b439891d4fdff80ebc80e178fd009e0c0e54191c0a211
  * Light-default compatibility; all explicit modes remain canonical.
  */
 :where(:root),
@@ -281,6 +281,12 @@
     --radius-pill: 999px;
     --radius-full: 999px;
     --radius-composer: 26px;
+    --radius-tag: 4px;
+    --radius-chip: 8px;
+    --radius-field: 12px;
+    --radius-panel: 16px;
+    --radius-cover: 20px;
+    --radius-sheet: 24px;
     --control-height: 2.25rem;
     --panel-padding: 1rem;
     --content-max-width: 80rem;
@@ -603,6 +609,12 @@
     --radius-pill: 999px;
     --radius-full: 999px;
     --radius-composer: 26px;
+    --radius-tag: 4px;
+    --radius-chip: 8px;
+    --radius-field: 12px;
+    --radius-panel: 16px;
+    --radius-cover: 20px;
+    --radius-sheet: 24px;
 }
 :where(:root),
 .dark,

package/src/styles/tokens.css

@@ -430,6 +430,14 @@
   --radius-pill: 999px;
   --radius-full: 999px;
   --radius-composer: 26px;    /* centered composer pill */
+  /* Radius by role. New surfaces pick the role they play; system.css repeats
+     these for pages that load it on its own ladders. */
+  --radius-tag: 4px;
+  --radius-chip: 8px;
+  --radius-field: 12px;
+  --radius-panel: 16px;
+  --radius-cover: 20px;
+  --radius-sheet: 24px;
   --radius: 0.5rem;           /* 8px chrome default (was 10px) */
 
   /* Density */
@@ -860,6 +868,14 @@
   --radius-pill: 999px;
   --radius-full: 999px;
   --radius-composer: 26px;
+  /* Radius by role. New surfaces pick the role they play; system.css repeats
+     these for pages that load it on its own ladders. */
+  --radius-tag: 4px;
+  --radius-chip: 8px;
+  --radius-field: 12px;
+  --radius-panel: 16px;
+  --radius-cover: 20px;
+  --radius-sheet: 24px;
 }