@trinityui/design-system 2.2.1 → 2.2.4

package/CHANGELOG.md

@@ -1,3 +1,155 @@
+## [2.2.4](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.4) (2026-04-28)
+
+### Features
+
+* **a11y:** brand-color Option A — text.link/success/warning now WCAG AA ([812241b](https://github.com/Trinity-UI-Components/trinity-design-system/commit/812241b2013010a834511dbd75968fba62517fd7)), closes [#27AAE1](https://github.com/Trinity-UI-Components/trinity-design-system/issues/27AAE1) [#0E62CA](https://github.com/Trinity-UI-Components/trinity-design-system/issues/0E62CA) [#16A34A](https://github.com/Trinity-UI-Components/trinity-design-system/issues/16A34A) [#15803D](https://github.com/Trinity-UI-Components/trinity-design-system/issues/15803D) [#D97706](https://github.com/Trinity-UI-Components/trinity-design-system/issues/D97706) [#B45309](https://github.com/Trinity-UI-Components/trinity-design-system/issues/B45309)
+* **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
+* add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
+* add copy-paste UI pattern examples and component API details to agent prompts ([a647c9a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a647c9a8633f3164f9065743719e74376705c9fd))
+* add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
+* **ai:** add AIChainOfThought component and Storybook docs for all AI components\n\n- Add AIChainOfThought component with 5 phase types: Understanding, Plan,\n  Execution, Output, and Insight. Features collapsible thought process toggle,\n  auto-collapse, typing indicators, error/retry flows, artifact cards, and\n  reuses AIMessage, AISourcesPanel, AIRelatedQuestions, AISuggestedAction.\n- Add 10 stories for AIChainOfThought (PipelineAnalysis, ErrorAndRetry,\n  LiveSimulation, etc.)\n- Add Storybook stories for 12 previously undocumented AI components:\n  AILabel, AIAvatar, AIActions, AIContainer, AIExplainability, AIVisuals,\n  AIChat, UserMessage, ChatThread, InsightEngine\n- Export AIChainOfThought and all related types from public API\n- Fix Storybook theme: purple buttons, darker text, a11y context parameter\n- Add white-on-purple button text CSS in manager-head.html" ([27032ab](https://github.com/Trinity-UI-Components/trinity-design-system/commit/27032abb4403838de1d1cecbe7202e66492da928))
+* **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
+* **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
+* **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
+* **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
+* **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
+* fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
+* simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
+* simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
+* **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
+* **storybook:** add Trinity branding with custom logo and theme ([8859283](https://github.com/Trinity-UI-Components/trinity-design-system/commit/8859283b58ad77f22b303f0e31f915c0f4f9aecd)), closes [#050742](https://github.com/Trinity-UI-Components/trinity-design-system/issues/050742) [#7841C9](https://github.com/Trinity-UI-Components/trinity-design-system/issues/7841C9)
+* **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
+* **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
+
+### Bug Fixes
+
+* add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
+* add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
+* **DataCard:** use theme-aware status backgrounds for dark mode ([621a039](https://github.com/Trinity-UI-Components/trinity-design-system/commit/621a039446736238cabb7ed5919333c97145f009)), closes [#F0FDF4](https://github.com/Trinity-UI-Components/trinity-design-system/issues/F0FDF4) [#FFFBEB](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFFBEB)
+* footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
+* **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
+* improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
+* improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
+* preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
+* replace hardcoded colors with token references across stories ([c962ab7](https://github.com/Trinity-UI-Components/trinity-design-system/commit/c962ab78cbc1b648f91157c200cba401944574f2)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [eee/#444](https://github.com/eee/trinity-design-system/issues/444) [FFFFFF/#E5E7EB](https://github.com/FFFFFF/trinity-design-system/issues/E5E7EB) [#e0e0e0](https://github.com/Trinity-UI-Components/trinity-design-system/issues/e0e0e0) [e0e0e0/#30363d](https://github.com/e0e0e0/trinity-design-system/issues/30363d)
+* replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
+* sync theme.ts with token system and spec ([78ae04c](https://github.com/Trinity-UI-Components/trinity-design-system/commit/78ae04c7e8e0e50a70b66e6dbcdf6a8154af4f4c)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [#1DC286](https://github.com/Trinity-UI-Components/trinity-design-system/issues/1DC286) [#FFB400](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFB400)
+* sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
+* update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
+## [2.2.3](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.3) (2026-04-28)
+
+### Features
+
+* **a11y:** brand-color Option A — text.link/success/warning now WCAG AA ([812241b](https://github.com/Trinity-UI-Components/trinity-design-system/commit/812241b2013010a834511dbd75968fba62517fd7)), closes [#27AAE1](https://github.com/Trinity-UI-Components/trinity-design-system/issues/27AAE1) [#0E62CA](https://github.com/Trinity-UI-Components/trinity-design-system/issues/0E62CA) [#16A34A](https://github.com/Trinity-UI-Components/trinity-design-system/issues/16A34A) [#15803D](https://github.com/Trinity-UI-Components/trinity-design-system/issues/15803D) [#D97706](https://github.com/Trinity-UI-Components/trinity-design-system/issues/D97706) [#B45309](https://github.com/Trinity-UI-Components/trinity-design-system/issues/B45309)
+* **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
+* add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
+* add copy-paste UI pattern examples and component API details to agent prompts ([a647c9a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a647c9a8633f3164f9065743719e74376705c9fd))
+* add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
+* **ai:** add AIChainOfThought component and Storybook docs for all AI components\n\n- Add AIChainOfThought component with 5 phase types: Understanding, Plan,\n  Execution, Output, and Insight. Features collapsible thought process toggle,\n  auto-collapse, typing indicators, error/retry flows, artifact cards, and\n  reuses AIMessage, AISourcesPanel, AIRelatedQuestions, AISuggestedAction.\n- Add 10 stories for AIChainOfThought (PipelineAnalysis, ErrorAndRetry,\n  LiveSimulation, etc.)\n- Add Storybook stories for 12 previously undocumented AI components:\n  AILabel, AIAvatar, AIActions, AIContainer, AIExplainability, AIVisuals,\n  AIChat, UserMessage, ChatThread, InsightEngine\n- Export AIChainOfThought and all related types from public API\n- Fix Storybook theme: purple buttons, darker text, a11y context parameter\n- Add white-on-purple button text CSS in manager-head.html" ([27032ab](https://github.com/Trinity-UI-Components/trinity-design-system/commit/27032abb4403838de1d1cecbe7202e66492da928))
+* **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
+* **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
+* **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
+* **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
+* **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
+* fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
+* simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
+* simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
+* **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
+* **storybook:** add Trinity branding with custom logo and theme ([8859283](https://github.com/Trinity-UI-Components/trinity-design-system/commit/8859283b58ad77f22b303f0e31f915c0f4f9aecd)), closes [#050742](https://github.com/Trinity-UI-Components/trinity-design-system/issues/050742) [#7841C9](https://github.com/Trinity-UI-Components/trinity-design-system/issues/7841C9)
+* **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
+* **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
+
+### Bug Fixes
+
+* add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
+* add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
+* **DataCard:** use theme-aware status backgrounds for dark mode ([621a039](https://github.com/Trinity-UI-Components/trinity-design-system/commit/621a039446736238cabb7ed5919333c97145f009)), closes [#F0FDF4](https://github.com/Trinity-UI-Components/trinity-design-system/issues/F0FDF4) [#FFFBEB](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFFBEB)
+* footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
+* **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
+* improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
+* improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
+* preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
+* replace hardcoded colors with token references across stories ([c962ab7](https://github.com/Trinity-UI-Components/trinity-design-system/commit/c962ab78cbc1b648f91157c200cba401944574f2)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [eee/#444](https://github.com/eee/trinity-design-system/issues/444) [FFFFFF/#E5E7EB](https://github.com/FFFFFF/trinity-design-system/issues/E5E7EB) [#e0e0e0](https://github.com/Trinity-UI-Components/trinity-design-system/issues/e0e0e0) [e0e0e0/#30363d](https://github.com/e0e0e0/trinity-design-system/issues/30363d)
+* replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
+* sync theme.ts with token system and spec ([78ae04c](https://github.com/Trinity-UI-Components/trinity-design-system/commit/78ae04c7e8e0e50a70b66e6dbcdf6a8154af4f4c)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [#1DC286](https://github.com/Trinity-UI-Components/trinity-design-system/issues/1DC286) [#FFB400](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFB400)
+* sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
+* update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
+## [2.2.3](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.3) (2026-04-27)
+
+### Features
+
+* **a11y:** brand-color Option A — text.link/success/warning now WCAG AA ([812241b](https://github.com/Trinity-UI-Components/trinity-design-system/commit/812241b2013010a834511dbd75968fba62517fd7)), closes [#27AAE1](https://github.com/Trinity-UI-Components/trinity-design-system/issues/27AAE1) [#0E62CA](https://github.com/Trinity-UI-Components/trinity-design-system/issues/0E62CA) [#16A34A](https://github.com/Trinity-UI-Components/trinity-design-system/issues/16A34A) [#15803D](https://github.com/Trinity-UI-Components/trinity-design-system/issues/15803D) [#D97706](https://github.com/Trinity-UI-Components/trinity-design-system/issues/D97706) [#B45309](https://github.com/Trinity-UI-Components/trinity-design-system/issues/B45309)
+* **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
+* add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
+* add copy-paste UI pattern examples and component API details to agent prompts ([a647c9a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a647c9a8633f3164f9065743719e74376705c9fd))
+* add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
+* **ai:** add AIChainOfThought component and Storybook docs for all AI components\n\n- Add AIChainOfThought component with 5 phase types: Understanding, Plan,\n  Execution, Output, and Insight. Features collapsible thought process toggle,\n  auto-collapse, typing indicators, error/retry flows, artifact cards, and\n  reuses AIMessage, AISourcesPanel, AIRelatedQuestions, AISuggestedAction.\n- Add 10 stories for AIChainOfThought (PipelineAnalysis, ErrorAndRetry,\n  LiveSimulation, etc.)\n- Add Storybook stories for 12 previously undocumented AI components:\n  AILabel, AIAvatar, AIActions, AIContainer, AIExplainability, AIVisuals,\n  AIChat, UserMessage, ChatThread, InsightEngine\n- Export AIChainOfThought and all related types from public API\n- Fix Storybook theme: purple buttons, darker text, a11y context parameter\n- Add white-on-purple button text CSS in manager-head.html" ([27032ab](https://github.com/Trinity-UI-Components/trinity-design-system/commit/27032abb4403838de1d1cecbe7202e66492da928))
+* **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
+* **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
+* **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
+* **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
+* **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
+* fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
+* simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
+* simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
+* **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
+* **storybook:** add Trinity branding with custom logo and theme ([8859283](https://github.com/Trinity-UI-Components/trinity-design-system/commit/8859283b58ad77f22b303f0e31f915c0f4f9aecd)), closes [#050742](https://github.com/Trinity-UI-Components/trinity-design-system/issues/050742) [#7841C9](https://github.com/Trinity-UI-Components/trinity-design-system/issues/7841C9)
+* **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
+* **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
+
+### Bug Fixes
+
+* add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
+* add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
+* **DataCard:** use theme-aware status backgrounds for dark mode ([621a039](https://github.com/Trinity-UI-Components/trinity-design-system/commit/621a039446736238cabb7ed5919333c97145f009)), closes [#F0FDF4](https://github.com/Trinity-UI-Components/trinity-design-system/issues/F0FDF4) [#FFFBEB](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFFBEB)
+* footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
+* **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
+* improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
+* improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
+* preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
+* replace hardcoded colors with token references across stories ([c962ab7](https://github.com/Trinity-UI-Components/trinity-design-system/commit/c962ab78cbc1b648f91157c200cba401944574f2)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [eee/#444](https://github.com/eee/trinity-design-system/issues/444) [FFFFFF/#E5E7EB](https://github.com/FFFFFF/trinity-design-system/issues/E5E7EB) [#e0e0e0](https://github.com/Trinity-UI-Components/trinity-design-system/issues/e0e0e0) [e0e0e0/#30363d](https://github.com/e0e0e0/trinity-design-system/issues/30363d)
+* replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
+* sync theme.ts with token system and spec ([78ae04c](https://github.com/Trinity-UI-Components/trinity-design-system/commit/78ae04c7e8e0e50a70b66e6dbcdf6a8154af4f4c)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [#1DC286](https://github.com/Trinity-UI-Components/trinity-design-system/issues/1DC286) [#FFB400](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFB400)
+* sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
+* update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
+## [2.2.2](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.2) (2026-04-27)
+
+### Features
+
+* **a11y:** brand-color Option A — text.link/success/warning now WCAG AA ([812241b](https://github.com/Trinity-UI-Components/trinity-design-system/commit/812241b2013010a834511dbd75968fba62517fd7)), closes [#27AAE1](https://github.com/Trinity-UI-Components/trinity-design-system/issues/27AAE1) [#0E62CA](https://github.com/Trinity-UI-Components/trinity-design-system/issues/0E62CA) [#16A34A](https://github.com/Trinity-UI-Components/trinity-design-system/issues/16A34A) [#15803D](https://github.com/Trinity-UI-Components/trinity-design-system/issues/15803D) [#D97706](https://github.com/Trinity-UI-Components/trinity-design-system/issues/D97706) [#B45309](https://github.com/Trinity-UI-Components/trinity-design-system/issues/B45309)
+* **a11y:** track A+B fixes — contrast tokens, addon-vitest, deprecation milestones ([296ae23](https://github.com/Trinity-UI-Components/trinity-design-system/commit/296ae23360132cd0f9f6e792e45f62404f177931))
+* add AI agent guide story, custom CSF indexer, and split agent docs ([5545d77](https://github.com/Trinity-UI-Components/trinity-design-system/commit/5545d7708d6e9482506eb05ef02eb61dd9d1a96b))
+* add copy-paste UI pattern examples and component API details to agent prompts ([a647c9a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a647c9a8633f3164f9065743719e74376705c9fd))
+* add DocumentCard component with configurable features ([41e3370](https://github.com/Trinity-UI-Components/trinity-design-system/commit/41e3370f8cf460d82b3c53159887ad04cb60f764))
+* **ai:** add AIChainOfThought component and Storybook docs for all AI components\n\n- Add AIChainOfThought component with 5 phase types: Understanding, Plan,\n  Execution, Output, and Insight. Features collapsible thought process toggle,\n  auto-collapse, typing indicators, error/retry flows, artifact cards, and\n  reuses AIMessage, AISourcesPanel, AIRelatedQuestions, AISuggestedAction.\n- Add 10 stories for AIChainOfThought (PipelineAnalysis, ErrorAndRetry,\n  LiveSimulation, etc.)\n- Add Storybook stories for 12 previously undocumented AI components:\n  AILabel, AIAvatar, AIActions, AIContainer, AIExplainability, AIVisuals,\n  AIChat, UserMessage, ChatThread, InsightEngine\n- Export AIChainOfThought and all related types from public API\n- Fix Storybook theme: purple buttons, darker text, a11y context parameter\n- Add white-on-purple button text CSS in manager-head.html" ([27032ab](https://github.com/Trinity-UI-Components/trinity-design-system/commit/27032abb4403838de1d1cecbe7202e66492da928))
+* **Combobox:** add visible checkboxes and Select All option ([435e01a](https://github.com/Trinity-UI-Components/trinity-design-system/commit/435e01a71f0c6ba7fab9decb7d0d9b5cd760bbb1))
+* **components:** ship 70-fix roadmap across 10 phases ([544febc](https://github.com/Trinity-UI-Components/trinity-design-system/commit/544febce403ca60a511d30c490a513e28534b0dd))
+* **css-package:** generate trinity.css from tokens.ts (v2.5.0) ([640fd75](https://github.com/Trinity-UI-Components/trinity-design-system/commit/640fd75ee52bb020866606851704c6d9e8dd65de))
+* **css:** expand trinity.css with comprehensive design tokens ([e1a9f22](https://github.com/Trinity-UI-Components/trinity-design-system/commit/e1a9f22c97d58959afcbf0d4c1aa76a76db52126))
+* **docs:** add AI Agent Guide (CSS edition) for non-React stacks ([3eeb7af](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eeb7afecdf9b5487ba9d9691493b47f9a4020e1))
+* fix button styling, add TopNav features, and add MuiAppBar override ([2354390](https://github.com/Trinity-UI-Components/trinity-design-system/commit/235439022d372696e5904f47ac03f9b44091f6ef))
+* simplify dependencies - remove date-pickers, add SimpleTable ([ee02f3e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ee02f3e299e13173e77355925dca513f3becf8a4))
+* simplify developer experience with essentials entry point ([a7e4a2f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/a7e4a2fb1b221da9c2ee01f1b8c1a851f4e45697))
+* **storybook:** add interactive Component Picker page ([2642326](https://github.com/Trinity-UI-Components/trinity-design-system/commit/2642326fbb68d30c865ea008cdb283fff96562a1))
+* **storybook:** add Trinity branding with custom logo and theme ([8859283](https://github.com/Trinity-UI-Components/trinity-design-system/commit/8859283b58ad77f22b303f0e31f915c0f4f9aecd)), closes [#050742](https://github.com/Trinity-UI-Components/trinity-design-system/issues/050742) [#7841C9](https://github.com/Trinity-UI-Components/trinity-design-system/issues/7841C9)
+* **theme:** add theme presets system for app variations ([ec21481](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ec2148114bfb33b508755675abcd00a0abf3662c))
+* **TopNav:** add white-label logo support with invert option ([0d0a337](https://github.com/Trinity-UI-Components/trinity-design-system/commit/0d0a337de5500ac75919b4ccead9c6b159775600))
+
+### Bug Fixes
+
+* add non-null assertion for darkMode status tokens to fix TS18048 ([dac98bb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/dac98bb46fab6ca9e61f7e3a053a55e90aa339bd))
+* add visual identity requirements to AI agent prompts ([3eba2d8](https://github.com/Trinity-UI-Components/trinity-design-system/commit/3eba2d8243907cac70fbcc6d50c1d38e3cd94d2c))
+* **DataCard:** use theme-aware status backgrounds for dark mode ([621a039](https://github.com/Trinity-UI-Components/trinity-design-system/commit/621a039446736238cabb7ed5919333c97145f009)), closes [#F0FDF4](https://github.com/Trinity-UI-Components/trinity-design-system/issues/F0FDF4) [#FFFBEB](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFFBEB)
+* footer dark/light theme, token compliance, and component overhaul ([31c0dd4](https://github.com/Trinity-UI-Components/trinity-design-system/commit/31c0dd450c1725eb1992eab665de3fe491609837))
+* **form:** eliminate register/validate render loop and stale validation state ([65c9f79](https://github.com/Trinity-UI-Components/trinity-design-system/commit/65c9f79012cb13d84e7df4ff3f17ef8ec05be30d))
+* improve AI agent migration prompts and fix download button ([654c7eb](https://github.com/Trinity-UI-Components/trinity-design-system/commit/654c7ebe871c5e1e9167704324e7fc3dacc3bcc1))
+* improve Storybook configurability and documentation ([912194f](https://github.com/Trinity-UI-Components/trinity-design-system/commit/912194f35d20903d9252f25cb87ae7b7fc266db5))
+* preserve Storybook deep links through Azure AD authentication ([4467667](https://github.com/Trinity-UI-Components/trinity-design-system/commit/4467667a2d9c81c8b36d4c60c3d81f17c0d91042))
+* replace hardcoded colors with token references across stories ([c962ab7](https://github.com/Trinity-UI-Components/trinity-design-system/commit/c962ab78cbc1b648f91157c200cba401944574f2)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [eee/#444](https://github.com/eee/trinity-design-system/issues/444) [FFFFFF/#E5E7EB](https://github.com/FFFFFF/trinity-design-system/issues/E5E7EB) [#e0e0e0](https://github.com/Trinity-UI-Components/trinity-design-system/issues/e0e0e0) [e0e0e0/#30363d](https://github.com/e0e0e0/trinity-design-system/issues/30363d)
+* replace light-mode-only overlays with theme-aware action palette ([00ff8ad](https://github.com/Trinity-UI-Components/trinity-design-system/commit/00ff8adb5a5b345e6a8c239da792276d2e38aa94))
+* sync theme.ts with token system and spec ([78ae04c](https://github.com/Trinity-UI-Components/trinity-design-system/commit/78ae04c7e8e0e50a70b66e6dbcdf6a8154af4f4c)), closes [#fff](https://github.com/Trinity-UI-Components/trinity-design-system/issues/fff) [#1DC286](https://github.com/Trinity-UI-Components/trinity-design-system/issues/1DC286) [#FFB400](https://github.com/Trinity-UI-Components/trinity-design-system/issues/FFB400)
+* sync trinity.css with theme.ts and tokens.ts ([ac3209e](https://github.com/Trinity-UI-Components/trinity-design-system/commit/ac3209e2f26c8b71c7b990f7192bc03d2c2c467c))
+* update CSS theme to match brandColors from theme.ts ([481e0ca](https://github.com/Trinity-UI-Components/trinity-design-system/commit/481e0cafb55eed6c6d426115f25c3cfaef918b1e))
 ## [2.2.1](https://github.com/Trinity-UI-Components/trinity-design-system/compare/v1.0.0...v2.2.1) (2026-04-27)
 
 ### Features

package/dist/Legend.js

@@ -6,7 +6,7 @@ import Ce from "@mui/icons-material/CheckCircle";
 import We from "@mui/icons-material/Error";
 import Ie from "@mui/icons-material/Warning";
 import ze from "@mui/icons-material/Info";
-import De from "@mui/icons-material/HelpOutline";
+import De from "@mui/icons-material/HelpOutlined";
 import { s as I, b as d, I as E } from "./app-shell.js";
 function Me(r) {
   const i = r.palette.trinity;
@@ -135,7 +135,7 @@ const Pe = D.forwardRef(function({
                   children: R.icon
                 }
               ),
-              /* @__PURE__ */ e(S, { variant: "h6", component: "span", fontWeight: 600, children: o }),
+              /* @__PURE__ */ e(S, { variant: "h6", component: "span", sx: { fontWeight: 600 }, children: o }),
               w && /* @__PURE__ */ e(
                 de,
                 {
@@ -263,7 +263,7 @@ const Pe = D.forwardRef(function({
       autoHideDuration: l,
       onClose: w,
       anchorOrigin: L,
-      TransitionComponent: z,
+      slots: { transition: z },
       children: /* @__PURE__ */ f(
         ye,
         {
@@ -711,8 +711,7 @@ const Pe = D.forwardRef(function({
             P,
             {
               spacing: 1.5,
-              alignItems: "center",
-              sx: { mt: p.spacing },
+              sx: { mt: p.spacing, alignItems: "center" },
               children: [
                 n && (n.href ? /* @__PURE__ */ e(
                   T,
@@ -803,7 +802,7 @@ const Pe = D.forwardRef(function({
           /* @__PURE__ */ e(S, { variant: h.titleVariant, sx: { mb: 0.5, fontWeight: 600 }, children: i }),
           /* @__PURE__ */ e(S, { variant: h.descriptionVariant, color: "text.secondary", sx: { mb: 2 }, children: t }),
           /* @__PURE__ */ e(T, { variant: "outlined", size: g === "small" ? "small" : "medium", children: n }),
-          o && /* @__PURE__ */ e(S, { variant: "caption", color: "text.secondary", display: "block", sx: { mt: 2 }, children: o })
+          o && /* @__PURE__ */ e(S, { variant: "caption", color: "text.secondary", sx: { mt: 2, display: "block" }, children: o })
         ]
       }
     );
@@ -1052,7 +1051,7 @@ const Pe = D.forwardRef(function({
   hexagon: ri
 }, oi = (r, i, t, o, n, l) => {
   const a = M[r], s = B[i];
-  return n ? /* @__PURE__ */ f(P, { direction: "row", alignItems: "center", spacing: 1, sx: l, role: "status", children: [
+  return n ? /* @__PURE__ */ f(P, { direction: "row", spacing: 1, sx: { ...l, alignItems: "center" }, role: "status", children: [
     /* @__PURE__ */ e(
       E,
       {
@@ -1063,7 +1062,7 @@ const Pe = D.forwardRef(function({
       }
     ),
     o && /* @__PURE__ */ e(S, { variant: "body2", sx: { fontSize: s.fontSize }, children: t })
-  ] }) : /* @__PURE__ */ f(P, { direction: "row", alignItems: "center", spacing: 1, sx: l, role: "status", children: [
+  ] }) : /* @__PURE__ */ f(P, { direction: "row", spacing: 1, sx: { ...l, alignItems: "center" }, role: "status", children: [
     /* @__PURE__ */ e(
       C,
       {
@@ -1086,7 +1085,7 @@ const Pe = D.forwardRef(function({
   ] });
 }, ni = (r, i, t, o, n, l, a) => {
   const s = M[r], g = B[i], x = n || s.shape, p = Y[x];
-  return /* @__PURE__ */ f(P, { direction: "row", alignItems: "center", spacing: 1, sx: a, role: "status", children: [
+  return /* @__PURE__ */ f(P, { direction: "row", spacing: 1, sx: { ...a, alignItems: "center" }, role: "status", children: [
     /* @__PURE__ */ e(C, { "aria-hidden": "true", children: /* @__PURE__ */ e(
       p,
       {
@@ -1154,7 +1153,7 @@ const Pe = D.forwardRef(function({
   );
 }, ai = (r, i, t, o, n, l) => {
   const a = M[r], s = B[i];
-  return /* @__PURE__ */ f(P, { direction: "row", alignItems: "center", spacing: 1, sx: l, role: "status", children: [
+  return /* @__PURE__ */ f(P, { direction: "row", spacing: 1, sx: { ...l, alignItems: "center" }, role: "status", children: [
     o && /* @__PURE__ */ e(
       C,
       {
@@ -1223,9 +1222,8 @@ const Pe = D.forwardRef(function({
     P,
     {
       direction: "row",
-      alignItems: "center",
       spacing: 0.5,
-      sx: { color: h, ...g },
+      sx: { color: h, ...g, alignItems: "center" },
       role: "status",
       "aria-label": `${p ? "Increased" : "Decreased"} by ${L()}`,
       children: [
@@ -1386,12 +1384,11 @@ const Pe = D.forwardRef(function({
     {
       direction: t,
       spacing: t === "row" ? 3 : 1,
-      flexWrap: "wrap",
       useFlexGap: !0,
-      sx: n,
+      sx: { ...n, flexWrap: "wrap" },
       children: r.map((a, s) => {
         const g = M[a.status], x = a.label || g.label;
-        return /* @__PURE__ */ f(P, { direction: "row", alignItems: "center", spacing: 1, children: [
+        return /* @__PURE__ */ f(P, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
           i === "icon" && /* @__PURE__ */ e(
             C,
             {