This repository was archived by the owner on Mar 7, 2026. It is now read-only.
feat: comprehensive UI kit upgrade (Tailwind v4, Shadcn theming, DataTable, new components)#79
Merged
christoph2806 merged 4 commits intodevelopfrom Feb 20, 2026
Merged
Conversation
added 4 commits
February 20, 2026 17:54
- WS1: Drop DaisyUI, implement Shadcn-native theming with globals.css as single source of truth for design tokens - WS2: Fix dark mode via class-based toggling on <html> - WS3: Fix badge contrast with Tailwind -600 status tokens - WS4: DataTable overhaul: filtering, row selection, column visibility, row expansion, column pinning, tree tables, toolbar, loading/empty states, and thin resize handle with wide grab area - WS5: Add Modal and ConfirmModal components - WS6: Fix transparent backgrounds on inputs, textarea, select, OTP, and rewrite Toast to use Tailwind classes - WS7: Create 5 AI agent skills (add-component, add-form-field, fix-compliance, update-theme, run-tests) - WS8: Suppress DB compliance rules, fix API format (pageSize/sort), add dependency approval register - WS9: Add Drawer, Resizable, Carousel, Spinner, EmptyState, Kbd components
…acy APIs - Upgrade Tailwind CSS v3 to v4 with CSS-first @theme inline config - Replace tsup with Vite library mode for ui-kit builds - Remove DaisyUI tailwind.config.js and postcss.config.js files - Fix JSX runtime (jsxDEV -> jsx) in library output - Remove deprecated Button `intent` prop and variant mapping layer - Standardize all `outline-solid` variants to Shadcn `outline` - Remove deprecated top-level DataTable `pageSize` prop - Remove legacy AppShell TopBar/SideNav/Breadcrumbs re-exports - Remove Sonner backward-compat useSonnerToast hook - Fix Storybook dark/light theme toggle via decorator - Delete DataTable MIGRATION.md (migration complete)
- Brighten light-mode status tokens (success, warning, error, info) - Increase dark-mode secondary background contrast - Tone down dark-mode destructive from overly bright to balanced red - Set dark-mode border/input to visible blue-grey (50% lightness)
Add documentation for --color-* and --radius-* theme aliases required by the tokens-check CI job. Update stale token values.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Comprehensive UI kit upgrade covering all planned workstreams (WS1–WS10):
globals.csswith semantic tokens (success, warning, info, critical).darkclass on<html>, badge colors use high-contrast semantic tokensModalandConfirmModalcomponents with size variants and form supportintentprop,outline-solidvariant, top-level DataTablepageSize, AppShell legacy re-exports, Sonner backward-compat hooksTest plan
pnpm lintpassespnpm testpassespnpm buildpassesReferences
Task IDs: WS1, WS2, WS3, WS4, WS5, WS6, WS7, WS8, WS9, WS10 from
docs/project_plan.md