@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.
- package/CHANGELOG.md +301 -1
- package/MIGRATION.md +118 -0
- package/README.md +56 -2
- package/dist/Legend.js +872 -870
- package/dist/app-shell.js +5754 -5824
- package/dist/charts.js +3110 -3075
- package/dist/components/AI/AIActions.d.ts +3 -3
- package/dist/components/AI/AIActions.d.ts.map +1 -1
- package/dist/components/AI/AIAvatar.d.ts +1 -1
- package/dist/components/AI/AIAvatar.d.ts.map +1 -1
- package/dist/components/AI/AIChainOfThought.d.ts +63 -188
- package/dist/components/AI/AIChainOfThought.d.ts.map +1 -1
- package/dist/components/AI/AIChainOfThought.types.d.ts +195 -0
- package/dist/components/AI/AIChainOfThought.types.d.ts.map +1 -0
- package/dist/components/AI/AIChainOfThought.utils.d.ts +20 -0
- package/dist/components/AI/AIChainOfThought.utils.d.ts.map +1 -0
- package/dist/components/AI/AIChat.d.ts +5 -5
- package/dist/components/AI/AIChat.d.ts.map +1 -1
- package/dist/components/AI/AIContainer.d.ts +3 -3
- package/dist/components/AI/AIContainer.d.ts.map +1 -1
- package/dist/components/AI/AIExplainability.d.ts +1 -1
- package/dist/components/AI/AIExplainability.d.ts.map +1 -1
- package/dist/components/AI/AILabel.d.ts +1 -1
- package/dist/components/AI/AILabel.d.ts.map +1 -1
- package/dist/components/AI/AIMessage.d.ts +15 -2
- package/dist/components/AI/AIMessage.d.ts.map +1 -1
- package/dist/components/AI/AIRelatedQuestions.d.ts +1 -1
- package/dist/components/AI/AIRelatedQuestions.d.ts.map +1 -1
- package/dist/components/AI/AIResponseRenderer.d.ts +33 -26
- package/dist/components/AI/AIResponseRenderer.d.ts.map +1 -1
- package/dist/components/AI/AISources.d.ts +2 -2
- package/dist/components/AI/AISources.d.ts.map +1 -1
- package/dist/components/AI/AISourcesPanel.d.ts +2 -2
- package/dist/components/AI/AISourcesPanel.d.ts.map +1 -1
- package/dist/components/AI/AITextBlock.d.ts +59 -19
- package/dist/components/AI/AITextBlock.d.ts.map +1 -1
- package/dist/components/AI/AIVisuals.d.ts +4 -4
- package/dist/components/AI/AIVisuals.d.ts.map +1 -1
- package/dist/components/AI/AIVoiceInput.d.ts +2 -2
- package/dist/components/AI/AIVoiceInput.d.ts.map +1 -1
- package/dist/components/AI/ChatHeader.d.ts +1 -1
- package/dist/components/AI/ChatHeader.d.ts.map +1 -1
- package/dist/components/AI/ChatHistoryList.d.ts +1 -1
- package/dist/components/AI/ChatHistoryList.d.ts.map +1 -1
- package/dist/components/AI/ChatThread.d.ts +21 -1
- package/dist/components/AI/ChatThread.d.ts.map +1 -1
- package/dist/components/AI/InsightEngine.d.ts +29 -1
- package/dist/components/AI/InsightEngine.d.ts.map +1 -1
- package/dist/components/AI/InsightEngineInput.d.ts +1 -1
- package/dist/components/AI/InsightEngineInput.d.ts.map +1 -1
- package/dist/components/AI/QueryInput.d.ts +1 -1
- package/dist/components/AI/QueryInput.d.ts.map +1 -1
- package/dist/components/AI/UserAvatar.d.ts +1 -1
- package/dist/components/AI/UserAvatar.d.ts.map +1 -1
- package/dist/components/AI/UserMessage.d.ts +1 -1
- package/dist/components/AI/UserMessage.d.ts.map +1 -1
- package/dist/components/AI/tokens.d.ts +120 -10
- package/dist/components/AI/tokens.d.ts.map +1 -1
- package/dist/components/AppLayout/AIFab.d.ts +1 -1
- package/dist/components/AppLayout/AIFab.d.ts.map +1 -1
- package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts +3 -2
- package/dist/components/AppLayout/AIFabLayout.deprecated.d.ts.map +1 -1
- package/dist/components/AppLayout/AppLayout.d.ts +45 -1
- package/dist/components/AppLayout/AppLayout.d.ts.map +1 -1
- package/dist/components/AppLayout/InsightEnginePanel.d.ts +1 -1
- package/dist/components/AppLayout/InsightEnginePanel.d.ts.map +1 -1
- package/dist/components/AppLayout/ResizablePanel.d.ts +1 -1
- package/dist/components/AppLayout/ResizablePanel.d.ts.map +1 -1
- package/dist/components/AppLayout/ThreadHistorySidebar.d.ts +1 -1
- package/dist/components/AppLayout/ThreadHistorySidebar.d.ts.map +1 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +10 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +57 -0
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -0
- package/dist/components/Breadcrumbs/index.d.ts +3 -0
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.d.ts +26 -1
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel/index.d.ts +1 -1
- package/dist/components/Carousel/index.d.ts.map +1 -1
- package/dist/components/Charts/AreaChart.d.ts +1 -1
- package/dist/components/Charts/AreaChart.d.ts.map +1 -1
- package/dist/components/Charts/BarChart.d.ts +1 -1
- package/dist/components/Charts/BarChart.d.ts.map +1 -1
- package/dist/components/Charts/ChartWrapper.d.ts +1 -1
- package/dist/components/Charts/ChartWrapper.d.ts.map +1 -1
- package/dist/components/Charts/ComposedChart.d.ts +1 -1
- package/dist/components/Charts/ComposedChart.d.ts.map +1 -1
- package/dist/components/Charts/CustomLegend.d.ts +6 -8
- package/dist/components/Charts/CustomLegend.d.ts.map +1 -1
- package/dist/components/Charts/CustomTooltip.d.ts +4 -3
- package/dist/components/Charts/CustomTooltip.d.ts.map +1 -1
- package/dist/components/Charts/LineChart.d.ts +1 -1
- package/dist/components/Charts/LineChart.d.ts.map +1 -1
- package/dist/components/Charts/PieChart.d.ts +1 -1
- package/dist/components/Charts/PieChart.d.ts.map +1 -1
- package/dist/components/Charts/RadialChart.d.ts +2 -2
- package/dist/components/Charts/RadialChart.d.ts.map +1 -1
- package/dist/components/Charts/ScatterChart.d.ts +1 -1
- package/dist/components/Charts/ScatterChart.d.ts.map +1 -1
- package/dist/components/Charts/Sparkline.d.ts +1 -1
- package/dist/components/Charts/Sparkline.d.ts.map +1 -1
- package/dist/components/Charts/highchartsUtils.d.ts.map +1 -1
- package/dist/components/ChipsInput/ChipsInput.d.ts +1 -1
- package/dist/components/ChipsInput/ChipsInput.d.ts.map +1 -1
- package/dist/components/ClearableTextField/ClearableTextField.d.ts +7 -1
- package/dist/components/ClearableTextField/ClearableTextField.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.d.ts +1 -1
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/CommandPalette/CommandPalette.d.ts +10 -1
- package/dist/components/CommandPalette/CommandPalette.d.ts.map +1 -1
- package/dist/components/Cron/Cron.d.ts +1 -1
- package/dist/components/Cron/Cron.d.ts.map +1 -1
- package/dist/components/DataCard/DataCard.d.ts +1 -1
- package/dist/components/DataCard/DataCard.d.ts.map +1 -1
- package/dist/components/DataTable/CellRenderers.d.ts.map +1 -1
- package/dist/components/DiffViewer/DiffViewer.d.ts +1 -1
- package/dist/components/DiffViewer/DiffViewer.d.ts.map +1 -1
- package/dist/components/DockLayout/DockLayout.d.ts +1 -1
- package/dist/components/DockLayout/DockLayout.d.ts.map +1 -1
- package/dist/components/DocumentCard/DocumentCard.d.ts +1 -1
- package/dist/components/DocumentCard/DocumentCard.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.d.ts +1 -1
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FilterBar/FilterBar.d.ts +42 -1
- package/dist/components/FilterBar/FilterBar.d.ts.map +1 -1
- package/dist/components/Footer.d.ts +17 -2
- package/dist/components/Footer.d.ts.map +1 -1
- package/dist/components/GoToTop/GoToTop.d.ts +1 -1
- package/dist/components/GoToTop/GoToTop.d.ts.map +1 -1
- package/dist/components/HtmlToMui/HtmlToMui.d.ts +1 -1
- package/dist/components/HtmlToMui/HtmlToMui.d.ts.map +1 -1
- package/dist/components/HtmlToMui/StreamingHtmlToMui.d.ts +1 -1
- package/dist/components/HtmlToMui/StreamingHtmlToMui.d.ts.map +1 -1
- package/dist/components/IllustratedMessage.d.ts +2 -2
- package/dist/components/IllustratedMessage.d.ts.map +1 -1
- package/dist/components/LandingPage/LandingPage.d.ts +1 -1
- package/dist/components/LandingPage/LandingPage.d.ts.map +1 -1
- package/dist/components/MentionsInput/MentionsInput.d.ts +2 -2
- package/dist/components/MentionsInput/MentionsInput.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/NestedMenu/NestedMenu.d.ts +6 -0
- package/dist/components/NestedMenu/NestedMenu.d.ts.map +1 -1
- package/dist/components/OverflowTooltip/OverflowTooltip.d.ts +7 -3
- package/dist/components/OverflowTooltip/OverflowTooltip.d.ts.map +1 -1
- package/dist/components/PageHeader/PageHeader.d.ts +23 -5
- package/dist/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/dist/components/Popper/Popper.d.ts +1 -1
- package/dist/components/Popper/Popper.d.ts.map +1 -1
- package/dist/components/PredictiveTextInput/PredictiveTextInput.d.ts +1 -1
- package/dist/components/PredictiveTextInput/PredictiveTextInput.d.ts.map +1 -1
- package/dist/components/SandboxedIframeRenderer/SandboxedIframeRenderer.d.ts +1 -1
- package/dist/components/SandboxedIframeRenderer/SandboxedIframeRenderer.d.ts.map +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/SimpleTable/SimpleTable.d.ts +7 -2
- package/dist/components/SimpleTable/SimpleTable.d.ts.map +1 -1
- package/dist/components/SplitPane/SplitPane.d.ts +51 -7
- package/dist/components/SplitPane/SplitPane.d.ts.map +1 -1
- package/dist/components/SplitPane/index.d.ts +1 -1
- package/dist/components/SplitPane/index.d.ts.map +1 -1
- package/dist/components/StatusIndicator/Legend.d.ts.map +1 -1
- package/dist/components/StatusIndicator/StatusIndicator.d.ts +1 -1
- package/dist/components/StatusIndicator/StatusIndicator.d.ts.map +1 -1
- package/dist/components/Timeline/Timeline.d.ts +1 -1
- package/dist/components/Timeline/Timeline.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts +1 -1
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/TopNavHeader.d.ts +14 -2
- package/dist/components/TopNavHeader.d.ts.map +1 -1
- package/dist/components/TopNavWithSidebar.d.ts +34 -4
- package/dist/components/TopNavWithSidebar.d.ts.map +1 -1
- package/dist/components/Tour/Tour.d.ts +1 -1
- package/dist/components/Tour/Tour.d.ts.map +1 -1
- package/dist/components/TransferList/TransferList.d.ts +1 -1
- package/dist/components/TransferList/TransferList.d.ts.map +1 -1
- package/dist/components/TreeView/TreeView.d.ts +1 -1
- package/dist/components/TreeView/TreeView.d.ts.map +1 -1
- package/dist/components/index.d.ts +0 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/navigation/components.d.ts +5 -5
- package/dist/components/navigation/components.d.ts.map +1 -1
- package/dist/components/shared/NavBar.styles.d.ts +65 -0
- package/dist/components/shared/NavBar.styles.d.ts.map +1 -0
- package/dist/components/shared/useResizable.d.ts +82 -0
- package/dist/components/shared/useResizable.d.ts.map +1 -0
- package/dist/components/shared/warnDeprecated.d.ts +30 -0
- package/dist/components/shared/warnDeprecated.d.ts.map +1 -0
- package/dist/components/templates/Dashboard/DashboardTemplate.d.ts +1 -1
- package/dist/components/templates/Dashboard/DashboardTemplate.d.ts.map +1 -1
- package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts +1 -1
- package/dist/components/templates/ListDetail/ListDetailTemplate.d.ts.map +1 -1
- package/dist/components/templates/Settings/SettingsTemplate.d.ts +1 -1
- package/dist/components/templates/Settings/SettingsTemplate.d.ts.map +1 -1
- package/dist/data-table2.js +1383 -1382
- package/dist/data.js +120 -118
- package/dist/essentials.js +95 -93
- package/dist/form.d.ts.map +1 -1
- package/dist/forms.js +365 -46620
- package/dist/index.d.ts +44 -11
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +28110 -27701
- package/dist/theme.d.ts.map +1 -1
- package/dist/theme.js +42 -42
- package/dist/tokens.d.ts +16 -0
- package/dist/tokens.d.ts.map +1 -1
- package/dist/tokens.js +1 -1
- package/dist/trinity.css +864 -1025
- package/package.json +43 -38
- package/dist/assets/design-system.css +0 -1
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +0 -39
- package/dist/components/RichTextEditor/RichTextEditor.d.ts.map +0 -1
- package/dist/components/RichTextEditor/index.d.ts +0 -3
- 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
|
|
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
|
|
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
|
[](https://www.npmjs.com/package/@trinityui/design-system)
|
|
6
6
|
[](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 |
|