Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
a39f55e
chore: update dependencies
Turito Dec 18, 2025
b666693
feat: refactor components and styles for Tailwind migration
Turito Dec 18, 2025
b6ad97a
feat(x-tailwindcss): update TypeScript configuration
Turito Dec 18, 2025
b4a626b
feat(x-components): integrate x-tailwindcss
Turito Dec 18, 2025
2c53a22
feat(x-components): remove prefix in common Tailwind classes
Turito Dec 18, 2025
a912f33
feat: refactor components and styles for Tailwind migration
Turito Dec 18, 2025
07e8921
feat: recover old plugin
Turito Dec 18, 2025
a37b83f
fix(x-components): remove prefix in common Tailwind classes
Turito Dec 18, 2025
934061a
ci: exclude Tailwind config from Rollup build
Turito Dec 18, 2025
263c00e
ci: format
Turito Dec 19, 2025
4f410a3
feat(x-tailwindcss): remove prefix x-
Turito Jan 9, 2026
dc2d25a
feat(x-tailwindcss): remove prefix x- from demo
Turito Jan 9, 2026
c736341
feat(x-tailwindcss): remove prefix x-
Turito Jan 10, 2026
07a1e4c
feat(x-components): update prefix to xds
Turito Jan 12, 2026
460ba77
chore: update workflows and improve release tagging logic
AdrianArenal Jan 13, 2026
d01a805
Merge remote-tracking branch 'origin/main' into feat/migrate-tailwind
AdrianArenal Jan 13, 2026
4fb3dbe
chore: update pnpm-lock.yaml with dependency and version updates
AdrianArenal Jan 13, 2026
330486c
chore: trigger release workflow on push to feat/migrate-tailwind branch
AdrianArenal Jan 13, 2026
289b523
chore: trigger release workflow on push to feat/migrate-tailwind branch
AdrianArenal Jan 13, 2026
c485964
chore: trigger release workflow on push to feat/migrate-tailwind branch
AdrianArenal Jan 13, 2026
437eb75
chore: minor style changes
C4rlos99 Jan 14, 2026
007a137
feat(AiOverview): update component from main version
C4rlos99 Jan 28, 2026
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 1 addition & 23 deletions .github/workflows/build.yml
Original file line number Diff line number Diff line change
Expand Up @@ -29,27 +29,5 @@ jobs:
token: ${{ steps.app-token.outputs.token }}
fetch-depth: 0

- name: Install
uses: ./.github/actions/install

- name: Run lint check
run: pnpm run lint:check

- name: Run format check
run: pnpm run format:check

- name: Run tests
run: pnpm run test:unit

- name: Run e2e tests
timeout-minutes: 15
uses: ./.github/actions/run-e2e-tests

- name: release
if:
${{ github.ref_name == 'main' && github.actor != 'support-empathy' &&
!startsWith(github.event.head_commit.message, 'chore(release):') }}
uses: ./.github/actions/release-alpha
with:
npm_token: ${{ secrets.NPM_TOKEN_GRANULAR_ACCESS }}
github_token: ${{ steps.app-token.outputs.token }}
uses: ./.github/workflows/publish-release.yml
28 changes: 5 additions & 23 deletions .github/workflows/publish-release.yml
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
name: Release a new version
on: [workflow_dispatch]
on:
push:
branches:
- feat/migrate-tailwind
jobs:
release:
runs-on: ubuntu-latest
Expand All @@ -25,20 +28,6 @@ jobs:
- name: Install
uses: ./.github/actions/install

- name: lint packages
run: pnpm run lint:check

- name: Run format check
run: pnpm run format:check

- name: Run tests
run: pnpm run test:unit

- name: Run e2e tests
if: false # Temporarily disabled until the e2e are reviewed and updated so that it does not fail intermittently
timeout-minutes: 15
uses: ./.github/actions/run-e2e-tests

- name: configure git user
run: |
git config --local user.email "x@empathy.co"
Expand All @@ -52,11 +41,4 @@ jobs:
NPM_TOKEN: ${{ secrets.NPM_TOKEN_GRANULAR_ACCESS }}

- name: publish the release
run: pnpm run publish-release

- name: push tags
uses: ad-m/github-push-action@master
with:
github_token: ${{ steps.app-token.outputs.token }}
branch: ${{ github.ref }}
tags: true
run: pnpm run publish-release
9 changes: 0 additions & 9 deletions packages/x-components/.postcssrc.js

This file was deleted.

6 changes: 3 additions & 3 deletions packages/x-components/CHANGELOG.md
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I won't change the CHANGELOG to know what we have in the past

Original file line number Diff line number Diff line change
Expand Up @@ -5753,7 +5753,7 @@ All notable changes to this project will be documented in this file. See
- **design-system:** add option list tokens
- **design-system:** add `x-grid` Design System tokens
- **design-system:** add `x-result` Design System tokens
- **design-system:** improve `x-icon` token
- **design-system:** improve `xds:icon` token
- **design-system:** add `x-row` and `x-row-item` tokens
- **design-system:** add `x-picture` Design System tokens
- **facets:** add `SortedFilters` component
Expand Down Expand Up @@ -5827,11 +5827,11 @@ All notable changes to this project will be documented in this file. See

- **design-system:** add `input-group` variants
- **design-system:** add `justified` variant to `x-filter` component
- **design-system:** add `x-button` css class in the necessary elements
- **design-system:** add `xds:button` css class in the necessary elements
- **design-system:** add `x-filter` tokens and CSS
- **design-system:** add `x-suggestion` design tokens
- **design-system:** add `x-tag` variants tokens and CSS styles
- **design-system:** add default `x-facet` tokens and CSS and `x-icon` variants
- **design-system:** add default `x-facet` tokens and CSS and `xds:icon` variants
- **design-system:** add dropdown design tokens
- **design-system:** add input default tokens and CSS
- **design-system:** add input variants tokens and CSS
Expand Down
8 changes: 7 additions & 1 deletion packages/x-components/build/rollup.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,13 @@ export const rollupConfig: RollupOptions = {
declarationDir: typesOutputDir,
target: 'es2020',
},
exclude: ['node_modules', './src/main.ts', '**/__tests__/**', '**/__stubs__/**'],
exclude: [
'node_modules',
'./src/main.ts',
'**/__tests__/**',
'**/__stubs__/**',
'**/src/tailwind/tailwind.config.ts',
],
},
}),
vue3({
Expand Down
10 changes: 4 additions & 6 deletions packages/x-components/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@empathyco/x-components",
"version": "6.0.0-alpha.188",
"version": "6.0.0-alpha.188-RC.MM.3",
"description": "Empathy X Components",
"author": "Empathy Systems Corporation S.L.",
"license": "Apache-2.0",
Expand Down Expand Up @@ -102,23 +102,21 @@
"@empathyco/x-tailwindcss": "^2.0.0-alpha.21",
"@microsoft/api-documenter": "7.28.2",
"@microsoft/api-extractor": "7.55.2",
"@tailwindcss/postcss": "4.1.17",
"@tailwindcss/vite": "4.1.17",
"@testing-library/jest-dom": "6.9.1",
"@types/aria-query": "5.0.4",
"@types/jest": "29.5.14",
"@types/node": "24.10.4",
"@vitejs/plugin-vue": "5.2.4",
"@vue/test-utils": "2.4.6",
"@vue/vue3-jest": "29.2.6",
"autoprefixer": "10.4.23",
"convert-source-map": "2.0.0",
"cypress": "15.8.1",
"esbuild": "0.27.2",
"jest": "29.7.0",
"jest-environment-jsdom": "29.7.0",
"jest-scss-transform": "1.0.4",
"postcss": "8.5.6",
"postcss-dir-pseudo-class": "7.0.2",
"postcss-logical": "4.0.2",
"rimraf": "3.0.2",
"rollup": "4.54.0",
"rollup-plugin-copy": "3.5.0",
Expand All @@ -128,7 +126,7 @@
"rollup-plugin-vue": "6.0.0",
"sass": "1.97.1",
"start-server-and-test": "2.1.3",
"tailwindcss": "3.4.19",
"tailwindcss": "4.1.17",
"ts-jest": "29.4.6",
"ts-node": "10.9.2",
"typescript": "5.9.3",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,12 +30,12 @@ describe('testing Switch component', () => {
expect(wrapper.attributes('role')).toBe('switch')
expect(wrapper.attributes('aria-checked')).toBeFalsy()
expect(wrapper.classes('x-switch--is-selected')).toBe(false)
expect(wrapper.classes('x-selected')).toBe(false)
expect(wrapper.classes('xds:selected')).toBe(false)

await wrapper.trigger('click')
expect(wrapper.attributes('aria-checked')).toBe('true')
expect(wrapper.classes('x-switch--is-selected')).toBe(true)
expect(wrapper.classes('x-selected')).toBe(true)
expect(wrapper.classes('xds:selected')).toBe(true)
})

it('supports v-model syntax', async () => {
Expand All @@ -46,12 +46,12 @@ describe('testing Switch component', () => {
expect(wrapper.attributes('role')).toBe('switch')
expect(wrapper.attributes('aria-checked')).toBeFalsy()
expect(wrapper.classes('x-switch--is-selected')).toBe(false)
expect(wrapper.classes('x-selected')).toBe(false)
expect(wrapper.classes('xds:selected')).toBe(false)

await wrapper.trigger('click')
expect(wrapper.attributes('aria-checked')).toBe('true')
expect(wrapper.classes('x-switch--is-selected')).toBe(true)
expect(wrapper.classes('x-selected')).toBe(true)
expect(wrapper.classes('xds:selected')).toBe(true)
})
})

Expand Down
4 changes: 2 additions & 2 deletions packages/x-components/src/components/base-slider.vue
Original file line number Diff line number Diff line change
Expand Up @@ -306,7 +306,7 @@ manually.
<BaseSlider v-model="selectedRange" :threshold="threshold">
<input
@change="selectedRange.min = $event.target?.valueAsNumber || 0"
class="x-input"
class="xds:input"
name="min"
type="number"
:value="selectedRange.min"
Expand All @@ -316,7 +316,7 @@ manually.
<input
@change="selectedRange.max = $event.target?.valueAsNumber || 1000000"
style="display: block"
class="x-input"
class="xds:input"
name="max"
type="number"
:value="selectedRange.max"
Expand Down
2 changes: 1 addition & 1 deletion packages/x-components/src/components/base-switch.vue
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ export default defineComponent({
* @internal
*/
const cssClasses = computed<VueCSSClasses>(() => ({
'x-switch--is-selected x-selected': props.modelValue,
'x-switch--is-selected xds:selected': props.modelValue,
}))

/**
Expand Down
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<template>
<div class="x-column-picker-list x-button-group" data-test="column-picker-list" role="list">
<div class="x-column-picker-list xds:button-group" data-test="column-picker-list" role="list">
<template
v-for="({ column, cssClasses, events, isSelected }, index) in columnsWithCssClasses"
:key="column"
>
<BaseEventButton
class="x-column-picker-list__button x-button"
class="x-column-picker-list__button xds:button"
:class="[buttonClass, cssClasses]"
data-test="column-picker-button"
:aria-pressed="isSelected.toString()"
Expand Down Expand Up @@ -127,7 +127,7 @@ export default defineComponent({
column,
cssClasses: [
`x-column-picker-list__button--${column}-cols`,
{ 'x-selected': selectedColumns.value === column },
{ 'xds:selected': selectedColumns.value === column },
],
isSelected: selectedColumns.value === column,
events: {
Expand Down
2 changes: 1 addition & 1 deletion packages/x-components/src/components/highlight.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<span class="x-highlight" :class="dynamicCSSClasses">
<span class="xds:highlight" :class="dynamicCSSClasses">
<span
v-if="matchParts.start"
class="x-highlight__text"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M4 1.5L4 6.24683"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.5 4H1.75317"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.5 4H6.24683"
stroke="currentColor"
Expand Down
2 changes: 1 addition & 1 deletion packages/x-components/src/components/icons/arrow-up.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M4 6.5L4 1.75317"
stroke="currentColor"
Expand Down
2 changes: 1 addition & 1 deletion packages/x-components/src/components/icons/bag.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M1.8 2.29995H6.29995M2.33333 1.19995L1.5 2.29995V6.42561C2.61092 6.42561 4.85446 6.42561 6.5 6.42561V2.29995L5.66667 1.19995H2.33333Z"
stroke="currentColor"
Expand Down
2 changes: 1 addition & 1 deletion packages/x-components/src/components/icons/bar-code.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2.75 2V6M3.8501 2V6M4.25 2V6M5.25 2V6M1 1H7V7H1V1Z"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M3.16667 2.67202V5.33869M3.83334 2.67202V5.33869M4.16667 2.67202V5.33869M4.83334 2.67202V5.33869M2 2.00537H6V6.00537H2V2.00537Z"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M3.13059 6.84466C3.38158 6.84466 3.62037 6.6564 3.62037 6.38275C3.62037 6.10911 3.38158 5.92085 3.13059 5.92085C2.87961 5.92085 2.64082 6.10911 2.64082 6.38275C2.64082 6.6564 2.87961 6.84466 3.13059 6.84466ZM5.83506 6.84466C6.08605 6.84466 6.32483 6.6564 6.32483 6.38275C6.32483 6.10911 6.08605 5.92085 5.83506 5.92085C5.58407 5.92085 5.34529 6.10911 5.34529 6.38275C5.34529 6.6564 5.58407 6.84466 5.83506 6.84466Z"
fill="currentColor"
Expand Down
2 changes: 1 addition & 1 deletion packages/x-components/src/components/icons/cart.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M3.13059 6.84466C3.38158 6.84466 3.62037 6.6564 3.62037 6.38275C3.62037 6.10911 3.38158 5.92085 3.13059 5.92085C2.87961 5.92085 2.64082 6.10911 2.64082 6.38275C2.64082 6.6564 2.87961 6.84466 3.13059 6.84466ZM5.83506 6.84466C6.08605 6.84466 6.32483 6.6564 6.32483 6.38275C6.32483 6.10911 6.08605 5.92085 5.83506 5.92085C5.58407 5.92085 5.34529 6.10911 5.34529 6.38275C5.34529 6.6564 5.58407 6.84466 5.83506 6.84466Z"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6 2.50537C5.08333 3.50537 4.16667 4.50537 3.25 5.50537L2 4.14173"
stroke="currentColor"
Expand Down
2 changes: 1 addition & 1 deletion packages/x-components/src/components/icons/check.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7 1.80005L2.875 6.30005L1 4.25459"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect
x="1"
y="1"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect
x="1"
y="1"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect
x="1"
y="1"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect
x="1"
y="1"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.44995 2.75L3.94995 5.25L1.44995 2.75"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5.19995 6.5L2.69995 4L5.19995 1.5"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2.69995 6.5L5.19995 4L2.69995 1.5"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M2 3L4 5L6 3"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 2L3 4L5 6"
stroke="currentColor"
Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<svg class="x-icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="xds:icon" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M3 2L5 4L3 6"
stroke="currentColor"
Expand Down
Loading