@trinityui/design-system 2.10.7 → 2.10.8

package/CHANGELOG.md

@@ -1,3 +1,50 @@
+## [2.10.8](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.10.8) (2026-09-25)
+
+### Features
+
+* **a11y:** brand-color Option A — text.link/success/warning now WCAG AA ([812241b](https://github.com/Trinity-UI-Components/trinity-design-system/commit/812241b2013010a834511dbd75968fba62517fd7)), closes [#27AAE1](https://github.com/Trinity-UI-Components/trinity-design-system/issues/27AAE1) [#0E62CA](https://github.com/Trinity-UI-Components/trinity-design-system/issues/0E62CA) [#16A34A](https://github.com/Trinity-UI-Components/trinity-design-system/issues/16A34A) [#15803D](https://github.com/Trinity-UI-Components/trinity-design-system/issues/15803D) [#D97706](https://github.com/Trinity-UI-Components/trinity-design-system/issues/D97706) [#B45309](https://github.com/Trinity-UI-Components/trinity-design-system/issues/B45309)
+* **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
+* add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
+* add copy-paste UI pattern examples and component API details to agent prompts ([a647c9a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a647c9a8633f3164f9065743719e74376705c9fd))
+* add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
+* **ai:** add AIChainOfThought component and Storybook docs for all AI components\n\n- Add AIChainOfThought component with 5 phase types: Understanding, Plan,\n  Execution, Output, and Insight. Features collapsible thought process toggle,\n  auto-collapse, typing indicators, error/retry flows, artifact cards, and\n  reuses AIMessage, AISourcesPanel, AIRelatedQuestions, AISuggestedAction.\n- Add 10 stories for AIChainOfThought (PipelineAnalysis, ErrorAndRetry,\n  LiveSimulation, etc.)\n- Add Storybook stories for 12 previously undocumented AI components:\n  AILabel, AIAvatar, AIActions, AIContainer, AIExplainability, AIVisuals,\n  AIChat, UserMessage, ChatThread, InsightEngine\n- Export AIChainOfThought and all related types from public API\n- Fix Storybook theme: purple buttons, darker text, a11y context parameter\n- Add white-on-purple button text CSS in manager-head.html" ([27032ab](https://github.com/Trinity-UI-Components/trinity-design-system/commit/27032abb4403838de1d1cecbe7202e66492da928))
+* **ai:** attachment upload states + fix composer gradient glow ([934ae68](https://github.com/Trinity-UI-Components/trinity-design-system/commit/934ae684c83baa8b99b959cd58e058b0df79b3e5))
+* **ai:** enterprise InsightEngineInput composer + functional voice mode ([3694d3b](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3694d3ba16795206e03b40e6529424043aa6437a))
+* **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
+* **components:** add new component & template library, Figma parity tooling ([d549e44](https://github.com/Trinity-UI-Components/trinity-design-system/commit/d549e44743027cdbd652f2196b82ddd403e712ba))
+* **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
+* **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
+* **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
+* **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
+* fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
+* simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
+* simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
+* **storybook:** add Figma design links to stories via addon-designs ([4cb7a5d](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4cb7a5dce1f96fdb8772511f9d19310f92c72f30))
+* **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
+* **storybook:** add Trinity branding with custom logo and theme ([8859283](https://github.com/Trinity-UI-Components/trinity-design-system/commit/8859283b58ad77f22b303f0e31f915c0f4f9aecd)), closes [#050742](https://github.com/Trinity-UI-Components/trinity-design-system/issues/050742) [#7841C9](https://github.com/Trinity-UI-Components/trinity-design-system/issues/7841C9)
+* **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
+* **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
+
+### Bug Fixes
+
+* add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
+* add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
+* **ci:** drop redundant pnpm version input from workflows ([7695cfd](https://github.com/Trinity-UI-Components/trinity-design-system/commit/7695cfdb004fcee7a37bf16f8f0081e8f2ea9fb1))
+* **combobox:** make creatable mode usable and prevent duplicates ([665a787](https://github.com/Trinity-UI-Components/trinity-design-system/commit/665a7878cecf3048f9e7dabfcf3a66f660c75f38))
+* **DataCard:** use theme-aware status backgrounds for dark mode ([621a039](https://github.com/Trinity-UI-Components/trinity-design-system/commit/621a039446736238cabb7ed5919333c97145f009)), closes [#F0FDF4](https://github.com/Trinity-UI-Components/trinity-design-system/issues/F0FDF4) [#FFFBEB](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFFBEB)
+* footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
+* **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
+* improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
+* improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
+* **mentions:** restore textarea aria-label under MUI v9 ([6950879](https://github.com/Trinity-UI-Components/trinity-design-system/commit/69508794046ba0fa390fad733fd2b78d06a40c1f))
+* pre-launch blockers — build errors, secret removal, deprecation cleanup ([d8cedf1](https://github.com/Trinity-UI-Components/trinity-design-system/commit/d8cedf19ef15537ea53df325fc3285a566792fa1))
+* preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
+* replace hardcoded colors with token references across stories ([c962ab7](https://github.com/Trinity-UI-Components/trinity-design-system/commit/c962ab78cbc1b648f91157c200cba401944574f2)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [eee/#444](https://github.com/eee/trinity-design-system/issues/444) [FFFFFF/#E5E7EB](https://github.com/FFFFFF/trinity-design-system/issues/E5E7EB) [#e0e0e0](https://github.com/Trinity-UI-Components/trinity-design-system/issues/e0e0e0) [e0e0e0/#30363d](https://github.com/e0e0e0/trinity-design-system/issues/30363d)
+* replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
+* sync theme.ts with token system and spec ([78ae04c](https://github.com/Trinity-UI-Components/trinity-design-system/commit/78ae04c7e8e0e50a70b66e6dbcdf6a8154af4f4c)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [#1DC286](https://github.com/Trinity-UI-Components/trinity-design-system/issues/1DC286) [#FFB400](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFB400)
+* sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
+* **tests:** repair AG Grid test env + a11y fixes; add StatusHero/TopRisksStrip/DateRangePicker ([69e3be2](https://github.com/Trinity-UI-Components/trinity-design-system/commit/69e3be27678466d7f95b9d9a4bbf745908e4f564))
+* update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
 ## [2.10.7](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.10.7) (2026-09-24)
 
 ### Features

package/README.md

@@ -30,6 +30,7 @@ Enterprise component platform built on **MUI v9** for [Trinity LifeSciences](htt
 - [Theme Presets](#theme-presets)
 - [CSS-Only Usage](#css-only-usage)
 - [Storybook](#storybook)
+- [MCP (Model Context Protocol)](#mcp-model-context-protocol)
 - [Development](#development)
 - [Documentation](#documentation)
 - [License](#license)
@@ -621,6 +622,40 @@ pnpm run start        # Opens at http://localhost:6006
 
 ---
 
+## MCP (Model Context Protocol)
+
+Trinity exposes component and docs knowledge to AI coding agents (Claude Code, Cursor, etc.) over MCP, so agents can look up real props, variants, and usage examples instead of guessing them.
+
+| Server | URL | When to use |
+|---|---|---|
+| `trinity-design-system-mcp` | `https://design.trinitylifesciences.com/api/mcp` | Production. Always available, backed by the deployed Storybook. Use this for day-to-day agent work. |
+| `trinity-storybook` | `http://localhost:6006/mcp` | Local dev only. Backed by `@storybook/addon-mcp`, requires `pnpm run start` to be running. |
+
+Both are pre-configured in [`.mcp.json`](./.mcp.json) — an MCP-aware client picks them up automatically from the repo root.
+
+Available tools: `list-all-documentation`, `get-documentation`, `get-documentation-for-story`.
+
+### How the production server is deployed
+
+The production endpoint is **not** a separate service — it's an Azure Functions app in [`api/`](./api) (`@storybook/mcp`), deployed alongside the static Storybook build by the existing Azure Static Web Apps workflow (`api_location: "api"`). It derives its component manifest at request time from the deployed Storybook's own `index.json`, so there's no extra build step to keep in sync.
+
+`staticwebapp.config.json` allows anonymous access to `/api/mcp`, `/index.json`, and `/project.json` specifically so the MCP handler and its manifest source stay reachable without authentication, while the rest of the site stays behind Azure AD.
+
+### Verifying it's up
+
+MCP is a JSON-RPC protocol over `POST`, not a browsable page — hitting the URL directly in a browser opens a `GET` request that the transport treats as an idle SSE stream, which will hang and can surface as Azure's generic "Backend call failure" page. That's expected, not a sign of an outage. To check health, send a real `initialize` request:
+
+```bash
+curl -s -X POST https://design.trinitylifesciences.com/api/mcp \
+  -H "Content-Type: application/json" \
+  -H "Accept: application/json, text/event-stream" \
+  -d '{"jsonrpc":"2.0","id":1,"method":"initialize","params":{"protocolVersion":"2025-06-18","capabilities":{},"clientInfo":{"name":"health-check","version":"0.0.1"}}}'
+```
+
+A healthy response is `HTTP/2 200` with an `mcp-session-id` header and a JSON-RPC `result` containing `serverInfo.name: "@storybook/mcp"`.
+
+---
+
 ## Development
 
 ```bash

package/dist/trinity.css

@@ -3,7 +3,7 @@
  *
  * AUTO-GENERATED FILE — do not edit.
  * Source: src/tokens.ts  +  scripts/generate-css-from-tokens.ts
- * Generated from tokens.ts on 2026-09-24T23:54:18.777Z
+ * Generated from tokens.ts on 2026-09-25T00:15:00.182Z
  *
  * This file is the canonical CSS surface shipped in
  * `@trinityui/design-system-css`. It supersedes the hand-maintained

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trinityui/design-system",
   "private": false,
-  "version": "2.10.7",
+  "version": "2.10.8",
   "type": "module",
   "description": "Trinity Design System — enterprise MUI v9 React component library with design tokens, AI components, and WCAG 2.1 AA accessibility.",
   "main": "dist/index.js",