Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: add tailwind styles support for lit components #4862

Merged
merged 21 commits into from
Jan 24, 2025

Conversation

fpbrault
Copy link
Contributor

@fpbrault fpbrault commented Jan 15, 2025

This PR adds the TailwindLitElement class which can be used to use tailwind classes in multiple Lit components with no unnecessary CSS duplication.

At this time this is for Tailwind V3 but this can be made compatible with Tailwind V4 with minimal changes.

Based on #4804, without the atomic-text component and its styles. You can refer to the comments for details on usage.

https://coveord.atlassian.net/browse/KIT-3911

@fpbrault fpbrault marked this pull request as ready for review January 15, 2025 20:25
@fpbrault fpbrault requested a review from a team as a code owner January 15, 2025 20:25
@fpbrault fpbrault changed the title chore: add styles/tailwind support for lit components chore: add tailwind styles support for lit components Jan 15, 2025
Copy link

github-actions bot commented Jan 16, 2025

Pull Request Report

PR Title

✅ Title follows the conventional commit spec.

Live demo links

Bundle Size

File Old (kb) New (kb) Change (%)
case-assist 243.9 243.9 0
commerce 355.1 355.1 0
search 415 415 0
insight 406.3 406.3 0
recommendation 256.2 256.2 0
ssr 408.9 408.9 0
ssr-commerce 372.9 372.9 0

SSR Progress

Use case SSR (#) CSR (#) Progress (%)
search 39 44 89
recommendation 0 4 0
case-assist 0 6 0
insight 0 27 0
commerce 0 15 0
Detailed logs search : buildInteractiveResult
search : buildInteractiveInstantResult
search : buildInteractiveRecentResult
search : buildInteractiveCitation
search : buildGeneratedAnswer
recommendation : missing SSR support
case-assist : missing SSR support
insight : missing SSR support
commerce : missing SSR support

packages/atomic/process-css.mjs Outdated Show resolved Hide resolved
the process-css.mjs file was not adding files to the appropriate path in
the dist folder.

I updated the logic so that the distDir variable can be computed based
on the tsconfig file... not hard coded
@fpbrault fpbrault requested a review from y-lakhdar January 22, 2025 14:37
@fpbrault fpbrault dismissed y-lakhdar’s stale review January 24, 2025 20:34

Changes where made

@fpbrault fpbrault added this pull request to the merge queue Jan 24, 2025
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks Jan 24, 2025
@fpbrault fpbrault added this pull request to the merge queue Jan 24, 2025
Merged via the queue into master with commit 6537c36 Jan 24, 2025
124 checks passed
@fpbrault fpbrault deleted the chore/lit-twstyles branch January 24, 2025 21:15
@fpbrault fpbrault restored the chore/lit-twstyles branch January 24, 2025 21:59
@fpbrault fpbrault deleted the chore/lit-twstyles branch January 24, 2025 21:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants