Exem UI

Corev0.3.2

v0.3.22026.02.27v0.3.2

Highlights

  • [Fix] 알파 채널 토큰(elevation, tint-background, solid-*-disabled 등)이 Tailwind colorKebab 매핑 시 원본 alpha를 잃는 버그 수정 #174
  • [Feature] colorKebabTokens, colorKebabTokenKeys 타입 별도 export 추가 #174

알파 채널 토큰 매핑 수정

기존에는 모든 토큰을 rgb(from var(...) r g b / <alpha-value>) 형식으로 일괄 변환했습니다. 이 방식은 Tailwind의 opacity utility(bg-opacity-50 등)와 호환되지만, 원본 CSS 변수에 이미 alpha가 포함된 경우 해당 alpha를 1로 덮어쓰는 문제가 있었습니다.

이번 수정으로 generate-tokens.mjs가 토큰을 두 가지 포맷으로 분리 생성합니다:

  • colorTokens — camelCase, var() 형식. 인라인 스타일 등에서 직접 사용
  • colorKebabTokens — kebab-case, 알파 토큰은 var() 직접 사용 / 비알파 토큰은 rgb(from ...) 형식 유지

Other Changes

  • [Improvement] generate-tokens.mjs에 toCamelCase() 유틸 추가, 토큰 생성 로직 이원화 #174
  • [Improvement] 프로젝트 전반 EXEM → Exem 브랜딩 네이밍 통일 #179