Adopt StyleX for application styling - #7133
Merged
Merged
Conversation
Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
✅ Deploy Preview for anarlog ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
|
Replace Tailwind utility styling across the core shared UI primitives with typed StyleX styles while preserving transitional className and sx compatibility. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Move editor widgets, attachment views, changelog rendering, and pricing feature lists off Tailwind utilities and add StyleX styling contracts for editor consumers. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Apply the StyleX ESLint rules to editor, changelog, and pricing source alongside the application and UI packages. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Express portal coordinates and resizable image width through StyleX so generated styles do not conflict with inline style props. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Run the StyleX Vite transform for package-local editor tests so token and style declarations are erased before runtime. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Express descendant, state, structural, and animation selectors directly in StyleX across the shared UI primitives. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Wrap the Radix select value primitive with a StyleX contract so line clamping remains type-safe without descendant vendor-property selectors. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Replace application Tailwind utility styling with compiled StyleX styles and update affected tests to use semantic hooks. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Move web route and component styling into StyleX, including responsive states, shared-note surfaces, and marketing pages. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Replace leftover utility strings and nested style arrays with compiled StyleX styles across account, shared-note, auth, enterprise, YC, and marketing surfaces. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
…r/refactor-stylex-cdf3 Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
…x-cdf3 Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Replace remaining Tailwind utility styling across desktop and web, add shared markdown and StyleX test helpers, and remove superseded Tailwind configuration and dependencies. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Type injected fetchers by their callable signature so Node's static fetch methods are not required by tests. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Report the missing compiled classes directly when migrated style assertions fail. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Treat compiled conditional class groups as individual classes in style assertions. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Apply the repository formatter to StyleX files missed by the earlier scoped pass. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Wire StyleX markers for ancestor and sibling states, restore deep text selection, and remove the final Tailwind-era selector and palette contracts. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
…x-cdf3 Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
Migrate the newly merged OAuth consent route to shared auth styles and local compiled StyleX rules. Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
ComputelessComputer
marked this pull request as ready for review
August 28, 2026 13:31
Co-authored-by: John Jeong <ComputelessComputer@users.noreply.github.com>
ComputelessComputer
added a commit
that referenced
this pull request
Aug 28, 2026
#7133 left the marketing site unstyled and broke desktop chrome. Restore the previous Tailwind setup so both surfaces render again.
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 join this conversation on GitHub.
Already have an account?
Sign in to comment
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
Problem: Tailwind utility strings and global generation kept component styling implicit and split styling ownership across runtime classes, CSS directives, and TypeScript. The migrated web stylesheet also consumed generated UI CSS that was absent in clean Netlify builds.
Fix: Compile desktop and web styling with StyleX, centralize typed tokens and shared markdown styles, migrate application and shared-package surfaces, remove superseded Tailwind dependencies and configuration, and materialize the UI CSS package before Netlify builds the web app.
Verification
pnpm -F ui buildpnpm -F desktop typecheckpnpm -F desktop test(406 files, 3,495 tests)pnpm -F web typecheckpnpm -F web testCI=true SKIP_NETLIFY=1 pnpm -F web buildpnpm -F @anlg/editor test(27 files, 199 tests)pnpm -F @anlg/supabase typecheckpnpm -F @anlg/supabase testpnpm -F web media:figures:checkpnpm -r typecheckpnpm -F desktop i18n:checkpnpm exec oxlint --quiet --format=github apps/desktop/src/