@trinityui/design-system 2.1.4 → 2.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (215) hide show
  1. package/CHANGELOG.md +301 -1
  2. package/MIGRATION.md +118 -0
  3. package/README.md +56 -2
  4. package/dist/Legend.js +872 -870
  5. package/dist/app-shell.js +5754 -5824
  6. package/dist/charts.js +3110 -3075
  7. package/dist/components/AI/AIActions.d.ts +3 -3
  8. package/dist/components/AI/AIActions.d.ts.map +1 -1
  9. package/dist/components/AI/AIAvatar.d.ts +1 -1
  10. package/dist/components/AI/AIAvatar.d.ts.map +1 -1
  11. package/dist/components/AI/AIChainOfThought.d.ts +63 -188
  12. package/dist/components/AI/AIChainOfThought.d.ts.map +1 -1
  13. package/dist/components/AI/AIChainOfThought.types.d.ts +195 -0
  14. package/dist/components/AI/AIChainOfThought.types.d.ts.map +1 -0
  15. package/dist/components/AI/AIChainOfThought.utils.d.ts +20 -0
  16. package/dist/components/AI/AIChainOfThought.utils.d.ts.map +1 -0
  17. package/dist/components/AI/AIChat.d.ts +5 -5
  18. package/dist/components/AI/AIChat.d.ts.map +1 -1
  19. package/dist/components/AI/AIContainer.d.ts +3 -3
  20. package/dist/components/AI/AIContainer.d.ts.map +1 -1
  21. package/dist/components/AI/AIExplainability.d.ts +1 -1
  22. package/dist/components/AI/AIExplainability.d.ts.map +1 -1
  23. package/dist/components/AI/AILabel.d.ts +1 -1
  24. package/dist/components/AI/AILabel.d.ts.map +1 -1
  25. package/dist/components/AI/AIMessage.d.ts +15 -2
  26. package/dist/components/AI/AIMessage.d.ts.map +1 -1
  27. package/dist/components/AI/AIRelatedQuestions.d.ts +1 -1
  28. package/dist/components/AI/AIRelatedQuestions.d.ts.map +1 -1
  29. package/dist/components/AI/AIResponseRenderer.d.ts +33 -26
  30. package/dist/components/AI/AIResponseRenderer.d.ts.map +1 -1
  31. package/dist/components/AI/AISources.d.ts +2 -2
  32. package/dist/components/AI/AISources.d.ts.map +1 -1
  33. package/dist/components/AI/AISourcesPanel.d.ts +2 -2
  34. package/dist/components/AI/AISourcesPanel.d.ts.map +1 -1
  35. package/dist/components/AI/AITextBlock.d.ts +59 -19
  36. package/dist/components/AI/AITextBlock.d.ts.map +1 -1
  37. package/dist/components/AI/AIVisuals.d.ts +4 -4
  38. package/dist/components/AI/AIVisuals.d.ts.map +1 -1
  39. package/dist/components/AI/AIVoiceInput.d.ts +2 -2
  40. package/dist/components/AI/AIVoiceInput.d.ts.map +1 -1
  41. package/dist/components/AI/ChatHeader.d.ts +1 -1
  42. package/dist/components/AI/ChatHeader.d.ts.map +1 -1
  43. package/dist/components/AI/ChatHistoryList.d.ts +1 -1
  44. package/dist/components/AI/ChatHistoryList.d.ts.map +1 -1
  45. package/dist/components/AI/ChatThread.d.ts +21 -1
  46. package/dist/components/AI/ChatThread.d.ts.map +1 -1
  47. package/dist/components/AI/InsightEngine.d.ts +29 -1
  48. package/dist/components/AI/InsightEngine.d.ts.map +1 -1
  49. package/dist/components/AI/InsightEngineInput.d.ts +1 -1
  50. package/dist/components/AI/InsightEngineInput.d.ts.map +1 -1
  51. package/dist/components/AI/QueryInput.d.ts +1 -1
  52. package/dist/components/AI/QueryInput.d.ts.map +1 -1
  53. package/dist/components/AI/UserAvatar.d.ts +1 -1
  54. package/dist/components/AI/UserAvatar.d.ts.map +1 -1
  55. package/dist/components/AI/UserMessage.d.ts +1 -1
  56. package/dist/components/AI/UserMessage.d.ts.map +1 -1
  57. package/dist/components/AI/tokens.d.ts +120 -10
  58. package/dist/components/AI/tokens.d.ts.map +1 -1
  59. package/dist/components/AppLayout/AIFab.d.ts +1 -1
  60. package/dist/components/AppLayout/AIFab.d.ts.map +1 -1
  61. package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts +3 -2
  62. package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts.map +1 -1
  63. package/dist/components/AppLayout/AppLayout.d.ts +45 -1
  64. package/dist/components/AppLayout/AppLayout.d.ts.map +1 -1
  65. package/dist/components/AppLayout/InsightEnginePanel.d.ts +1 -1
  66. package/dist/components/AppLayout/InsightEnginePanel.d.ts.map +1 -1
  67. package/dist/components/AppLayout/ResizablePanel.d.ts +1 -1
  68. package/dist/components/AppLayout/ResizablePanel.d.ts.map +1 -1
  69. package/dist/components/AppLayout/ThreadHistorySidebar.d.ts +1 -1
  70. package/dist/components/AppLayout/ThreadHistorySidebar.d.ts.map +1 -1
  71. package/dist/components/Autocomplete/Autocomplete.d.ts +10 -1
  72. package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  73. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +57 -0
  74. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
  75. package/dist/components/Breadcrumbs/index.d.ts +3 -0
  76. package/dist/components/Breadcrumbs/index.d.ts.map +1 -0
  77. package/dist/components/Carousel/Carousel.d.ts +26 -1
  78. package/dist/components/Carousel/Carousel.d.ts.map +1 -1
  79. package/dist/components/Carousel/index.d.ts +1 -1
  80. package/dist/components/Carousel/index.d.ts.map +1 -1
  81. package/dist/components/Charts/AreaChart.d.ts +1 -1
  82. package/dist/components/Charts/AreaChart.d.ts.map +1 -1
  83. package/dist/components/Charts/BarChart.d.ts +1 -1
  84. package/dist/components/Charts/BarChart.d.ts.map +1 -1
  85. package/dist/components/Charts/ChartWrapper.d.ts +1 -1
  86. package/dist/components/Charts/ChartWrapper.d.ts.map +1 -1
  87. package/dist/components/Charts/ComposedChart.d.ts +1 -1
  88. package/dist/components/Charts/ComposedChart.d.ts.map +1 -1
  89. package/dist/components/Charts/CustomLegend.d.ts +6 -8
  90. package/dist/components/Charts/CustomLegend.d.ts.map +1 -1
  91. package/dist/components/Charts/CustomTooltip.d.ts +4 -3
  92. package/dist/components/Charts/CustomTooltip.d.ts.map +1 -1
  93. package/dist/components/Charts/LineChart.d.ts +1 -1
  94. package/dist/components/Charts/LineChart.d.ts.map +1 -1
  95. package/dist/components/Charts/PieChart.d.ts +1 -1
  96. package/dist/components/Charts/PieChart.d.ts.map +1 -1
  97. package/dist/components/Charts/RadialChart.d.ts +2 -2
  98. package/dist/components/Charts/RadialChart.d.ts.map +1 -1
  99. package/dist/components/Charts/ScatterChart.d.ts +1 -1
  100. package/dist/components/Charts/ScatterChart.d.ts.map +1 -1
  101. package/dist/components/Charts/Sparkline.d.ts +1 -1
  102. package/dist/components/Charts/Sparkline.d.ts.map +1 -1
  103. package/dist/components/Charts/highchartsUtils.d.ts.map +1 -1
  104. package/dist/components/ChipsInput/ChipsInput.d.ts +1 -1
  105. package/dist/components/ChipsInput/ChipsInput.d.ts.map +1 -1
  106. package/dist/components/ClearableTextField/ClearableTextField.d.ts +7 -1
  107. package/dist/components/ClearableTextField/ClearableTextField.d.ts.map +1 -1
  108. package/dist/components/Combobox/Combobox.d.ts +1 -1
  109. package/dist/components/Combobox/Combobox.d.ts.map +1 -1
  110. package/dist/components/CommandPalette/CommandPalette.d.ts +10 -1
  111. package/dist/components/CommandPalette/CommandPalette.d.ts.map +1 -1
  112. package/dist/components/Cron/Cron.d.ts +1 -1
  113. package/dist/components/Cron/Cron.d.ts.map +1 -1
  114. package/dist/components/DataCard/DataCard.d.ts +1 -1
  115. package/dist/components/DataCard/DataCard.d.ts.map +1 -1
  116. package/dist/components/DataTable/CellRenderers.d.ts.map +1 -1
  117. package/dist/components/DiffViewer/DiffViewer.d.ts +1 -1
  118. package/dist/components/DiffViewer/DiffViewer.d.ts.map +1 -1
  119. package/dist/components/DockLayout/DockLayout.d.ts +1 -1
  120. package/dist/components/DockLayout/DockLayout.d.ts.map +1 -1
  121. package/dist/components/DocumentCard/DocumentCard.d.ts +1 -1
  122. package/dist/components/DocumentCard/DocumentCard.d.ts.map +1 -1
  123. package/dist/components/FileUpload/FileUpload.d.ts +1 -1
  124. package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
  125. package/dist/components/FilterBar/FilterBar.d.ts +42 -1
  126. package/dist/components/FilterBar/FilterBar.d.ts.map +1 -1
  127. package/dist/components/Footer.d.ts +17 -2
  128. package/dist/components/Footer.d.ts.map +1 -1
  129. package/dist/components/GoToTop/GoToTop.d.ts +1 -1
  130. package/dist/components/GoToTop/GoToTop.d.ts.map +1 -1
  131. package/dist/components/HtmlToMui/HtmlToMui.d.ts +1 -1
  132. package/dist/components/HtmlToMui/HtmlToMui.d.ts.map +1 -1
  133. package/dist/components/HtmlToMui/StreamingHtmlToMui.d.ts +1 -1
  134. package/dist/components/HtmlToMui/StreamingHtmlToMui.d.ts.map +1 -1
  135. package/dist/components/IllustratedMessage.d.ts +2 -2
  136. package/dist/components/IllustratedMessage.d.ts.map +1 -1
  137. package/dist/components/LandingPage/LandingPage.d.ts +1 -1
  138. package/dist/components/LandingPage/LandingPage.d.ts.map +1 -1
  139. package/dist/components/MentionsInput/MentionsInput.d.ts +2 -2
  140. package/dist/components/MentionsInput/MentionsInput.d.ts.map +1 -1
  141. package/dist/components/Modal/Modal.d.ts +1 -1
  142. package/dist/components/Modal/Modal.d.ts.map +1 -1
  143. package/dist/components/NestedMenu/NestedMenu.d.ts +6 -0
  144. package/dist/components/NestedMenu/NestedMenu.d.ts.map +1 -1
  145. package/dist/components/OverflowTooltip/OverflowTooltip.d.ts +7 -3
  146. package/dist/components/OverflowTooltip/OverflowTooltip.d.ts.map +1 -1
  147. package/dist/components/PageHeader/PageHeader.d.ts +23 -5
  148. package/dist/components/PageHeader/PageHeader.d.ts.map +1 -1
  149. package/dist/components/Popper/Popper.d.ts +1 -1
  150. package/dist/components/Popper/Popper.d.ts.map +1 -1
  151. package/dist/components/PredictiveTextInput/PredictiveTextInput.d.ts +1 -1
  152. package/dist/components/PredictiveTextInput/PredictiveTextInput.d.ts.map +1 -1
  153. package/dist/components/SandboxedIframeRenderer/SandboxedIframeRenderer.d.ts +1 -1
  154. package/dist/components/SandboxedIframeRenderer/SandboxedIframeRenderer.d.ts.map +1 -1
  155. package/dist/components/SearchInput/SearchInput.d.ts +1 -1
  156. package/dist/components/SearchInput/SearchInput.d.ts.map +1 -1
  157. package/dist/components/SimpleTable/SimpleTable.d.ts +7 -2
  158. package/dist/components/SimpleTable/SimpleTable.d.ts.map +1 -1
  159. package/dist/components/SplitPane/SplitPane.d.ts +51 -7
  160. package/dist/components/SplitPane/SplitPane.d.ts.map +1 -1
  161. package/dist/components/SplitPane/index.d.ts +1 -1
  162. package/dist/components/SplitPane/index.d.ts.map +1 -1
  163. package/dist/components/StatusIndicator/Legend.d.ts.map +1 -1
  164. package/dist/components/StatusIndicator/StatusIndicator.d.ts +1 -1
  165. package/dist/components/StatusIndicator/StatusIndicator.d.ts.map +1 -1
  166. package/dist/components/Timeline/Timeline.d.ts +1 -1
  167. package/dist/components/Timeline/Timeline.d.ts.map +1 -1
  168. package/dist/components/Toast/Toast.d.ts +1 -1
  169. package/dist/components/Toast/Toast.d.ts.map +1 -1
  170. package/dist/components/TopNavHeader.d.ts +14 -2
  171. package/dist/components/TopNavHeader.d.ts.map +1 -1
  172. package/dist/components/TopNavWithSidebar.d.ts +34 -4
  173. package/dist/components/TopNavWithSidebar.d.ts.map +1 -1
  174. package/dist/components/Tour/Tour.d.ts +1 -1
  175. package/dist/components/Tour/Tour.d.ts.map +1 -1
  176. package/dist/components/TransferList/TransferList.d.ts +1 -1
  177. package/dist/components/TransferList/TransferList.d.ts.map +1 -1
  178. package/dist/components/TreeView/TreeView.d.ts +1 -1
  179. package/dist/components/TreeView/TreeView.d.ts.map +1 -1
  180. package/dist/components/index.d.ts +0 -2
  181. package/dist/components/index.d.ts.map +1 -1
  182. package/dist/components/navigation/components.d.ts +5 -5
  183. package/dist/components/navigation/components.d.ts.map +1 -1
  184. package/dist/components/shared/NavBar.styles.d.ts +65 -0
  185. package/dist/components/shared/NavBar.styles.d.ts.map +1 -0
  186. package/dist/components/shared/useResizable.d.ts +82 -0
  187. package/dist/components/shared/useResizable.d.ts.map +1 -0
  188. package/dist/components/shared/warnDeprecated.d.ts +30 -0
  189. package/dist/components/shared/warnDeprecated.d.ts.map +1 -0
  190. package/dist/components/templates/Dashboard/DashboardTemplate.d.ts +1 -1
  191. package/dist/components/templates/Dashboard/DashboardTemplate.d.ts.map +1 -1
  192. package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts +1 -1
  193. package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts.map +1 -1
  194. package/dist/components/templates/Settings/SettingsTemplate.d.ts +1 -1
  195. package/dist/components/templates/Settings/SettingsTemplate.d.ts.map +1 -1
  196. package/dist/data-table2.js +1383 -1382
  197. package/dist/data.js +120 -118
  198. package/dist/essentials.js +95 -93
  199. package/dist/form.d.ts.map +1 -1
  200. package/dist/forms.js +365 -46620
  201. package/dist/index.d.ts +44 -11
  202. package/dist/index.d.ts.map +1 -1
  203. package/dist/index.js +28110 -27701
  204. package/dist/theme.d.ts.map +1 -1
  205. package/dist/theme.js +42 -42
  206. package/dist/tokens.d.ts +16 -0
  207. package/dist/tokens.d.ts.map +1 -1
  208. package/dist/tokens.js +1 -1
  209. package/dist/trinity.css +864 -1025
  210. package/package.json +43 -38
  211. package/dist/assets/design-system.css +0 -1
  212. package/dist/components/RichTextEditor/RichTextEditor.d.ts +0 -39
  213. package/dist/components/RichTextEditor/RichTextEditor.d.ts.map +0 -1
  214. package/dist/components/RichTextEditor/index.d.ts +0 -3
  215. package/dist/components/RichTextEditor/index.d.ts.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,303 @@
1
+ ## [2.2.3](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.3) (2026-04-28)
2
+
3
+ ### Features
4
+
5
+ * **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)
6
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
7
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
8
+ * 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))
9
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
10
+ * **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))
11
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
12
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
13
+ * **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
14
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
15
+ * **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
16
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
17
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
18
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
19
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
20
+ * **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)
21
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
22
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
23
+
24
+ ### Bug Fixes
25
+
26
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
27
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
28
+ * **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)
29
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
30
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
31
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
32
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
33
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
34
+ * 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)
35
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
36
+ * 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)
37
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
38
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
39
+ ## [2.2.3](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.3) (2026-04-27)
40
+
41
+ ### Features
42
+
43
+ * **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)
44
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
45
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
46
+ * 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))
47
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
48
+ * **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))
49
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
50
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
51
+ * **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
52
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
53
+ * **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
54
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
55
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
56
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
57
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
58
+ * **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)
59
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
60
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
61
+
62
+ ### Bug Fixes
63
+
64
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
65
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
66
+ * **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)
67
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
68
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
69
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
70
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
71
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
72
+ * 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)
73
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
74
+ * 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)
75
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
76
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
77
+ ## [2.2.2](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.2) (2026-04-27)
78
+
79
+ ### Features
80
+
81
+ * **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)
82
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
83
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
84
+ * 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))
85
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
86
+ * **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))
87
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
88
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
89
+ * **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
90
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
91
+ * **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
92
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
93
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
94
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
95
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
96
+ * **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)
97
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
98
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
99
+
100
+ ### Bug Fixes
101
+
102
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
103
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
104
+ * **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)
105
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
106
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
107
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
108
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
109
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
110
+ * 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)
111
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
112
+ * 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)
113
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
114
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
115
+ ## [2.2.1](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.1) (2026-04-27)
116
+
117
+ ### Features
118
+
119
+ * **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)
120
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
121
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
122
+ * 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))
123
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
124
+ * **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))
125
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
126
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
127
+ * **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
128
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
129
+ * **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
130
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
131
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
132
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
133
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
134
+ * **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)
135
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
136
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
137
+
138
+ ### Bug Fixes
139
+
140
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
141
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
142
+ * **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)
143
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
144
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
145
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
146
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
147
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
148
+ * 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)
149
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
150
+ * 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)
151
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
152
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
153
+ ## [2.2.0](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.0) (2026-04-20)
154
+
155
+ ### Features
156
+
157
+ * **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)
158
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
159
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
160
+ * 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))
161
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
162
+ * **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))
163
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
164
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
165
+ * **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
166
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
167
+ * **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
168
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
169
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
170
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
171
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
172
+ * **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)
173
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
174
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
175
+
176
+ ### Bug Fixes
177
+
178
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
179
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
180
+ * **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)
181
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
182
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
183
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
184
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
185
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
186
+ * 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)
187
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
188
+ * 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)
189
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
190
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
191
+ ## [2.2.0](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.0) (2026-04-20)
192
+
193
+ ### Features
194
+
195
+ * **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)
196
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
197
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
198
+ * 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))
199
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
200
+ * **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))
201
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
202
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
203
+ * **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
204
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
205
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
206
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
207
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
208
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
209
+ * **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)
210
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
211
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
212
+
213
+ ### Bug Fixes
214
+
215
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
216
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
217
+ * **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)
218
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
219
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
220
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
221
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
222
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
223
+ * 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)
224
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
225
+ * 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)
226
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
227
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
228
+ ## [2.2.0](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.0) (2026-04-20)
229
+
230
+ ### Features
231
+
232
+ * **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)
233
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
234
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
235
+ * 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))
236
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
237
+ * **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))
238
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
239
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
240
+ * **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
241
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
242
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
243
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
244
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
245
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
246
+ * **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)
247
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
248
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
249
+
250
+ ### Bug Fixes
251
+
252
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
253
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
254
+ * **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)
255
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
256
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
257
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
258
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
259
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
260
+ * 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)
261
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
262
+ * 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)
263
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
264
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
265
+ ## [2.2.0](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.0) (2026-04-20)
266
+
267
+ ### Features
268
+
269
+ * **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)
270
+ * **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
271
+ * add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
272
+ * 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))
273
+ * add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
274
+ * **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))
275
+ * **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
276
+ * **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
277
+ * **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
278
+ * fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
279
+ * simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
280
+ * simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
281
+ * **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
282
+ * **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)
283
+ * **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
284
+ * **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
285
+
286
+ ### Bug Fixes
287
+
288
+ * add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
289
+ * add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
290
+ * **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)
291
+ * footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
292
+ * **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
293
+ * improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
294
+ * improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
295
+ * preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
296
+ * 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)
297
+ * replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
298
+ * 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)
299
+ * sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
300
+ * update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
1
301
  ## [2.1.4](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.1.4) (2026-04-17)
2
302
 
3
303
  ### Features
@@ -850,7 +1150,7 @@ All notable changes to the Trinity Design System will be documented in this file
850
1150
  ### Added
851
1151
 
852
1152
  - Complete Trinity Design System component library
853
- - MUI v6/v7 compatible themes (light and dark mode)
1153
+ - MUI v9 compatible themes (light and dark mode)
854
1154
  - CSS-only theme entry point (`@trinityui/design-system/css`)
855
1155
  - Design tokens system (baseTokens, semanticTokens, componentTokens)
856
1156
  - Extended MUI palette with Trinity semantic colors
package/MIGRATION.md CHANGED
@@ -4,6 +4,124 @@ This document outlines breaking changes and migration paths for the Trinity Desi
4
4
 
5
5
  ---
6
6
 
7
+ ## `@trinityui/design-system-css` v2.5.0 — CSS is now token-generated
8
+
9
+ **Non-breaking for the 602 variable names shipped in v2.4.x.** Every CSS variable that existed in the hand-maintained `trinity.css` is still present, at the same name, with the same or WCAG-improved value.
10
+
11
+ ### What changed
12
+
13
+ The `dist/trinity.css` shipped in `@trinityui/design-system-css` is now **generated from `src/tokens.ts`** via `scripts/generate-css-from-tokens.ts`. The previous hand-maintained `src/styles/trinity.css` is retired (kept as `trinity.css.legacy` in the repo for one release as a reference).
14
+
15
+ ### What you get as a consumer
16
+
17
+ 1. **Brand / semantic colors** are always current. Token changes in `tokens.ts` (including the v2.2 WCAG contrast updates — see the v3.0 section below) now reach CSS-only consumers automatically.
18
+ 2. **New tokens added in TS land in CSS on next release**. For example, v2.2 added `--trinity-on-dark-hover` (rgba 15% white) and `--trinity-on-dark-strong-emphasis` (rgba 90% white) — both now available via the CSS package.
19
+ 3. **CI-gated drift check** (`scripts/check-token-drift.ts`) prevents future drift between `tokens.ts` and the generated CSS.
20
+
21
+ ### Updated values (applied automatically on upgrade)
22
+
23
+ | Variable | v2.4.x | v2.5.0 | Why |
24
+ |---|---|---|---|
25
+ | `--trinity-text-disabled` (light) | `#D4D4D8` | `#6B7280` | WCAG AA (1.9:1 → 4.83:1) |
26
+ | `--trinity-text-link` | `#27AAE1` | `#0E62CA` | WCAG AA (~2.5:1 → ~5.9:1) |
27
+ | `--trinity-status-success-text` | `#16A34A` | `#15803D` | WCAG AA (3.3:1 → 4.6:1) |
28
+ | `--trinity-status-warning-text` | `#D97706` | `#B45309` | WCAG AA (2.6:1 → 4.8:1) |
29
+ | `--trinity-status-info-text` | `#27AAE1` | `#0E62CA` | Consistency with text-link |
30
+ | `--trinity-border-default` | `#E5E7EB` | `#D4D4D8` | Token system update |
31
+ | `--trinity-border-subtle` | `#F4F4F5` | `#E5E7EB` | Token system update |
32
+ | `--trinity-border-strong` | `#9CA3AF` | `#6B7280` | WCAG 1.4.11 (3:1 for UI) |
33
+
34
+ ### New variables in v2.5.0
35
+
36
+ - `--trinity-on-dark-hover: rgba(255, 255, 255, 0.15)` — interactive hover on dark surfaces
37
+ - `--trinity-on-dark-strong-emphasis: rgba(255, 255, 255, 0.9)` — pressed/active state on dark
38
+
39
+ ### Rollback
40
+
41
+ If a consumer hits unexpected visual regressions:
42
+ - Pin to `@trinityui/design-system-css@2.4.1` in `package.json`
43
+ - Or override the specific variable locally, e.g. `--trinity-text-link: #27AAE1` in your app CSS
44
+
45
+ ### For contributors
46
+
47
+ Edit tokens in `src/tokens.ts`, then regenerate:
48
+
49
+ ```bash
50
+ pnpm build:css:sync # regenerates src/styles/trinity-generated.css
51
+ npx tsx scripts/check-token-drift.ts # CI gate
52
+ ```
53
+
54
+ The hand-maintained `src/styles/trinity.css.legacy` is kept one release as a reference but is not built or shipped. It will be removed in v2.6.
55
+
56
+ ---
57
+
58
+ ## v3.0.0 — Planned removals (deprecations sunset)
59
+
60
+ The following already-deprecated exports will be removed in **v3.0.0 (target: Q4 2026)**. All have drop-in replacements today, and each emits a dev-mode console warning on first render so accidental usage surfaces immediately.
61
+
62
+ ### Deprecation summary
63
+
64
+ | Removed in v3.0 | Replace with | Why |
65
+ |---|---|---|
66
+ | `OverflowToolTip` (capital T) | `OverflowTooltip` | Casing aligned with component filename; the alias is a runtime wrapper emitting a dev warning. |
67
+ | `QueryInput`, `QueryInputProps` | `InsightEngineInput`, `InsightEngineInputProps` | `InsightEngineInput` is the canonical AI entry surface. |
68
+ | `AIChatMessage`, `AIChatInput`, `AITypingIndicator`, `AIQuickReply` | `AIMessage`, `ChatThread`, `AIShimmer`, `AISuggestedAction` | Consolidated AI chat primitives; richer block rendering, `aria-live` streaming support, better accessibility. |
69
+ | `AIChatMessageProps`, `AIChatInputProps`, `AITypingIndicatorProps`, `AIQuickReplyProps`, `MessageRole` | Prop types from `AIMessage` / `ChatThread` / `AIResponseRenderer` | — |
70
+ | `AIFabLayout` | `AppLayout` with `navStyle="topnav"` + `aiTrigger="fab"` | Single unified layout API; removes duplicate FAB-wrapper component. |
71
+ | `VirtualizedAutocomplete`, `VirtualizedAutocompleteProps`, `VirtualizedAutocompleteHandle` | `Autocomplete`, `AutocompleteProps`, `AutocompleteHandle` | MUI's built-in virtualization covers both paths; dedicated export is redundant. |
72
+
73
+ ### Migration snippets
74
+
75
+ ```tsx
76
+ // Before (deprecated)
77
+ import {
78
+ OverflowToolTip, QueryInput, AIChatMessage, AIChatInput,
79
+ AITypingIndicator, AIQuickReply, AIFabLayout, VirtualizedAutocomplete,
80
+ } from '@trinityui/design-system';
81
+
82
+ // After
83
+ import {
84
+ OverflowTooltip, InsightEngineInput, AIMessage, ChatThread,
85
+ AIShimmer, AISuggestedAction, AppLayout, Autocomplete,
86
+ } from '@trinityui/design-system';
87
+
88
+ // AIFabLayout → AppLayout
89
+ <AppLayout navStyle="topnav" aiTrigger="fab">{children}</AppLayout>
90
+
91
+ // AIChatMessage → AIMessage (richer API)
92
+ <AIMessage response={response} streaming={isStreaming} />
93
+ ```
94
+
95
+ ### Deprecation signals
96
+
97
+ Three overlapping warning channels so accidental usage can't slip through:
98
+
99
+ 1. **IDE hint** — every deprecated export has a `@deprecated` JSDoc tag. Your IDE strikes through the name on hover and in autocomplete.
100
+ 2. **TypeScript warning** — the same JSDoc tag triggers `ts(6385)` "'X' is deprecated" in tsc output.
101
+ 3. **Runtime console warning** — in development builds only, each deprecated component emits one `console.warn` per session on first render. Production builds strip the warning.
102
+
103
+ If you're an end-user consuming Trinity via a framework that hides deprecation warnings, check your console in `NODE_ENV=development` mode before upgrading to v3.0.
104
+
105
+ ### Accessibility token updates (non-breaking default, visual change)
106
+
107
+ Neutral tokens:
108
+ - `semanticTokens.colors.text.disabled` moved from `gray[300]` (1.9:1 on white — failed WCAG AA) to `gray[500]` (4.83:1). Disabled text will render darker.
109
+ - `semanticTokens.colors.border.default` moved from `gray[200]` to `gray[300]` for improved perceptibility.
110
+ - `semanticTokens.colors.border.subtle` moved from `gray[100]` to `gray[200]`. Still decorative; see `docs/TOKEN_USAGE_RULES.md`.
111
+ - `semanticTokens.colors.border.strong` moved from `gray[400]` to `gray[500]` so it meets WCAG 1.4.11 (3:1) for interactive component boundaries.
112
+
113
+ Brand-color tokens (Option A from `docs/BRAND_COLOR_CONTRAST_PROPOSAL.md`):
114
+ - `semanticTokens.colors.text.link` moved from `azure[500]` `#27AAE1` (~2.5:1) to `azure[900]` `#0E62CA` (~5.9:1).
115
+ - `semanticTokens.colors.text.success` and `semanticTokens.colors.status.success.text` moved from `#16A34A` (3.3:1) to `#15803D` (~4.6:1).
116
+ - `semanticTokens.colors.text.warning` and `semanticTokens.colors.status.warning.text` moved from `#D97706` (2.6:1) to `#B45309` (~4.8:1).
117
+ - `semanticTokens.colors.status.info.text` moved from `azure[500]` to `azure[900]` for consistency with `text.link`.
118
+
119
+ Expect deeper saturation on inline links, success/warning messages, alert text, and toast body copy. If consumer code relied on the brighter brand values, pin them via explicit hex or `baseTokens.colors.azure[500]` at the call site.
120
+
121
+ If consumer code relied on the exact prior colors, pin them via `baseTokens.colors.gray[N]` at the call site.
122
+
123
+ ---
124
+
7
125
  ## v1.2.0 - Build Optimization (Breaking Change)
8
126
 
9
127
  ### Overview
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Trinity Design System
2
2
 
3
- Enterprise component platform built on **MUI v7** for [Trinity LifeSciences](https://trinitylifesciences.com). Provides 100+ accessible React components, a 3-tier design token system, 35+ AI-specific components, 17 chart types, 18 custom hooks, and a CSS-only package for non-React consumers.
3
+ Enterprise component platform built on **MUI v9** for [Trinity LifeSciences](https://trinitylifesciences.com). Provides 100+ accessible React components, a 3-tier design token system, 35+ AI-specific components, 17 chart types, 18 custom hooks, and a CSS-only package for non-React consumers.
4
4
 
5
5
  [![npm version](https://img.shields.io/npm/v/@trinityui/design-system.svg)](https://www.npmjs.com/package/@trinityui/design-system)
6
6
  [![npm css package](https://img.shields.io/npm/v/@trinityui/design-system-css.svg)](https://www.npmjs.com/package/@trinityui/design-system-css)
@@ -281,6 +281,61 @@ import { DataTable, setAgGridEnterpriseLicenseKey } from '@trinityui/design-syst
281
281
  setAgGridEnterpriseLicenseKey('<YOUR_KEY>');
282
282
  ```
283
283
 
284
+ ### App Layout
285
+
286
+ `AppLayout` is the recommended shell for React applications that need Trinity branding, sidebar navigation, user context, and optional AI panel integration.
287
+
288
+ ```tsx
289
+ import * as React from 'react';
290
+ import HomeOutlinedIcon from '@mui/icons-material/HomeOutlined';
291
+ import BarChartIcon from '@mui/icons-material/BarChart';
292
+ import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined';
293
+ import { AppLayout, type NavItem } from '@trinityui/design-system';
294
+
295
+ const navItems: NavItem[] = [
296
+ { id: 'home', label: 'Home', icon: <HomeOutlinedIcon /> },
297
+ { id: 'analytics', label: 'Analytics', icon: <BarChartIcon /> },
298
+ { id: 'settings', label: 'Settings', icon: <SettingsOutlinedIcon /> },
299
+ ];
300
+
301
+ export default function AppShell() {
302
+ const [selectedNavItem, setSelectedNavItem] = React.useState('home');
303
+
304
+ return (
305
+ <AppLayout
306
+ navStyle="sidebar"
307
+ aiTrigger="none"
308
+ companyName="Portfolio Console"
309
+ navItems={navItems}
310
+ selectedNavItem={selectedNavItem}
311
+ onSelectedNavItemChange={setSelectedNavItem}
312
+ user={{ name: 'Jane Doe', email: 'jane@example.com', initials: 'JD' }}
313
+ >
314
+ <main>Page content</main>
315
+ </AppLayout>
316
+ );
317
+ }
318
+ ```
319
+
320
+ Optional header regions can be disabled when the consuming app owns those controls elsewhere:
321
+
322
+ ```tsx
323
+ <AppLayout
324
+ navStyle="sidebar"
325
+ showSearch={false}
326
+ showClientSelector={false}
327
+ showSidebarToggle={false}
328
+ >
329
+ <main>Page content</main>
330
+ </AppLayout>
331
+ ```
332
+
333
+ | Prop | Default | Description |
334
+ |---|---:|---|
335
+ | `showSearch` | `true` | Shows the desktop search field and mobile search action. |
336
+ | `showClientSelector` | `true` | Shows the client selector dropdown in the header. |
337
+ | `showSidebarToggle` | `true` | Shows the sidebar hamburger/collapse button in sidebar mode. |
338
+
284
339
  ---
285
340
 
286
341
  ### Input & Forms (18+ components)
@@ -295,7 +350,6 @@ setAgGridEnterpriseLicenseKey('<YOUR_KEY>');
295
350
  | `ChipsInput` | `@trinityui/design-system` | Tag/chip entry input with validation |
296
351
  | `MentionsInput` | `@trinityui/design-system` | @mention-enabled text input |
297
352
  | `FileUpload` / `UploadDropZone` | `@trinityui/design-system` | Drag-and-drop file upload with progress |
298
- | `RichTextEditor` | `@trinityui/design-system` | WYSIWYG rich text editor (Syncfusion) |
299
353
  | `CommandPalette` | `@trinityui/design-system` | Cmd+K style command palette with fuzzy search |
300
354
  | `FilterBar` | `@trinityui/design-system` | Multi-filter toolbar with presets and saved filters |
301
355
  | `NestedMenu` | `@trinityui/design-system` | Multi-level nested menu |