Skip to content

feat(xds)!: migrate from x-tailwindcss to x-design-system #740

Merged
joseacabaneros merged 7 commits intomainfrom
xds-migration
Apr 22, 2026
Merged

feat(xds)!: migrate from x-tailwindcss to x-design-system #740
joseacabaneros merged 7 commits intomainfrom
xds-migration

Conversation

@joseacabaneros
Copy link
Copy Markdown
Member

@joseacabaneros joseacabaneros commented Mar 31, 2026

XDS migration from x-tailwindcss to x-design-system. It includes:

  • Replace x-tailwindcss with x-design-system
  • Tailwind configuration from v3 to v4 (get rid of postcss, tailwind.config.ts, etc)
  • Bundler migration from rollup to Vite (same bundler for DEV and BUILD, rendering shadowRoot by default for both). Get rid of everything related to rollup (instrumentation.build.mjs)
  • X deps with stable versions.
  • Compile the project from CommonJS to ES. (moduleResolution: bundler & type: module in package)
  • Remove SCSS support
  • Migrate every Vue component to use xds: instead of x-
  • Fix e2e issues.
  • Update every instruction in the Markdown AI files to accomplish new requirements.
  • Add create-task Claude command to create Jira tasks with AI.
  • Minor scaffolding changes

Setup migration steps

  1. Replace x-tailwindcss with x-design-system
  2. Replace x- prefix by xds:
  3. Update docs and skills

@joseacabaneros joseacabaneros requested a review from a team as a code owner March 31, 2026 10:40
@joseacabaneros joseacabaneros marked this pull request as draft March 31, 2026 10:41
Comment thread package.json
@joseacabaneros joseacabaneros changed the title feat!: initial xds migration from tailwind 3 to 4 feat(xds)!: migrate from x-tailwindcss to x-design-system Apr 15, 2026
@joseacabaneros joseacabaneros marked this pull request as ready for review April 15, 2026 14:25
@github-actions
Copy link
Copy Markdown

Check PR 740 preview 👀

https://x.test.empathy.co/preview/740/index.html

Comment thread src/components/icons/ai-spinner-icon.vue Outdated
@github-actions
Copy link
Copy Markdown

Check PR 740 preview 👀

https://x.test.empathy.co/preview/740/index.html

# Conflicts:
#	.claude/skills/skilld-lock.yaml
#	.claude/skills/tailwindcss-skilld/SKILL.md
#	.claude/skills/vite-skilld/SKILL.md
#	.claude/skills/vue-skilld/SKILL.md
#	.claude/skills/vueuse-core-skilld/SKILL.md
#	eslint.config.mjs
#	package-lock.json
#	package.json
#	src/components/desktop/desktop-top-section.vue
#	src/components/desktop/desktop.vue
#	src/components/predictive-layer/predictive-layer.vue
@github-actions
Copy link
Copy Markdown

Check PR 740 preview 👀

https://x.test.empathy.co/preview/740/index.html

@lauramargar
Copy link
Copy Markdown
Contributor

Next Queries CTA tags
Before:
Screenshot 2026-04-16 at 14 11 02
After:
Screenshot 2026-04-16 at 14 10 50

@joseacabaneros
Copy link
Copy Markdown
Member Author

@github-actions
Copy link
Copy Markdown

Check PR 740 preview 👀

https://x.test.empathy.co/preview/740/index.html

@github-actions
Copy link
Copy Markdown

Check PR 740 preview 👀

https://x.test.empathy.co/preview/740/index.html

@github-actions
Copy link
Copy Markdown

Check PR 740 preview 👀

https://x.test.empathy.co/preview/740/index.html

@joseacabaneros joseacabaneros merged commit 2f92467 into main Apr 22, 2026
4 checks passed
@joseacabaneros joseacabaneros deleted the xds-migration branch April 22, 2026 08:13
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