chore: release packages

[DND-frontend]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@dnd-lab/desktop@0.4.0

Minor Changes

• #34 4707e66 Thanks @Zero-1016! - Fieldbox / Textfield / Textarea / Sidebar

  primitive 네이밍과 API 이름을 가이드라인에 맞게 통일했어요. Fieldbox.BottomTxt 를 Fieldbox.BottomText 로 바꾸고, readonly 를 readOnly, isActive 를 active 로 맞춰서 컴포넌트 간 사용 패턴을 일관되게 정리했어요.

  항목	Before	After
  Fieldbox compound	Fieldbox.BottomTxt	Fieldbox.BottomText
  read-only prop	readonly	readOnly
  Sidebar item active prop	isActive	active
  파일명 규칙	styles.css.ts/types.ts	style.css.ts/type.ts

  마이그레이션: Fieldbox.BottomTxt 사용부를 Fieldbox.BottomText 로, readonly 를 readOnly 로, isActive 를 active 로 바꿔주세요.

• #22 cea861c Thanks @Zero-1016! - Txt

  신규 typography 토큰을 적용해 typography variant 를 의미 중심 14종으로 재정비하고, 굵기 조절 방식을 emphasized boolean 으로 단순화했어요.

  	Before	After
  typography	"h4", "h5", "h6", "body1", "body2", "caption1", "caption2"	"display1""display4", "title1""title4", "body1""body3", "label1""label3"
  fontWeight	"regular", "medium", "bold"	(제거)
  emphasized	(없음)	boolean — 각 typography 의 강조 굵기로 토글

  마이그레이션:

  // Before
  <Txt typography="h5" fontWeight="bold">제목</Txt>
  <Txt typography="caption1">설명</Txt>
  <Txt typography="body2" fontWeight="medium">라벨</Txt>
  
  // After
  <Txt typography="title1" emphasized>제목</Txt>
  <Txt typography="body3">설명</Txt>
  <Txt typography="label1">라벨</Txt>

  내부에서 Txt 를 사용하던 Button, Chip, Sidebar, Fieldbox, Textfield, Textarea 도 새 토큰에 맞춰 업데이트 했어요. 굵기는 컴포넌트별 의도에 맞게 emphasized 또는 label 계열로 옮겼고, 보조 텍스트(caption) 는 body3 / label2 로 매핑했어요.

Patch Changes

• #33 4352e3e Thanks @Zero-1016! - Txt

  Txt 기본 색상 주입 방식을 컴포넌트 외부 스타일과 자연스럽게 합쳐지도록 조정했어요.

  항목	Before	After
  기본 색상 처리	컴포넌트 prop 기본값에서 직접 지정	typography 스타일 레이어의 기본 var로 지정
  색상 override 방식	prop 우선 지정 중심	스타일 var + prop override 병행

  영향: Txt를 기반으로 한 입력/라벨 컴포넌트에서 색상 커스터마이징 충돌이 줄어들어요.

• #31 63dca37 Thanks @Zero-1016! - Textfield

  Textfield 입력 영역의 높이와 타이포그래피를 새 디자인에 맞춰 조정했어요.

  항목	Before	After
  입력 높이	size별 텍스트 최소 높이 중심	size별 컨테이너 높이 기준으로 정렬
  기본 타이포그래피	body2(medium/large)	body3(medium/large)

  영향: Textfield의 시각 밀도와 입력 텍스트 균형이 일관되게 보여요.

• #32 f272577 Thanks @Zero-1016! - Fieldbox

  Fieldbox의 상태별 배경/보더/보조 텍스트 표현을 새 디자인 규칙에 맞춰 정리했어요.

  항목	Before	After
  기본/hover/focus 보더	primitive 중심 매핑	semantic 토큰 중심 상태 매핑
  보조 텍스트 색상	컴포넌트에서 직접 주입	error variant 기반으로 스타일 제어
  라벨 타이포그래피	label1	title4 + emphasized

  영향: Fieldbox가 포함된 입력 계열 컴포넌트의 상태 표현이 더 일관되게 보여요.

• Updated dependencies [cea861c, 346e83f]:

  • @dnd-lab/token@0.3.0

@dnd-lab/token@0.3.0

Minor Changes

• #22 cea861c Thanks @Zero-1016! - @dnd-lab/token

  color, typography 토큰을 더 의미 중심으로 정리했어요. 새로 만든 의미 키(primary/secondary/...)와 일관된 kebab-case primitive 키를 따라가도록 참조 경로가 바뀌었어요.

  🎨 토큰 변경

  color.semantic 의 배경 키를 숫자에서 의미 키로 재구성했어요.

  토큰	Before	After
  color.semantic.background.*	50, 100, 200, ...	primary, secondary, tertiary, subtle, inverse, hover, pressed, disabled
  color.semantic.brand.*	(없음)	새로 추가 — 브랜드 컬러 묶음

  값도 raw hex 가 아니라 {primitive.slate.50} 같은 reference 로 통일했어요.

  typography primitive 키를 모두 kebab-case 로 통일하고 단계를 더 추가했어요.

  토큰	Before	After
  primitive.font-weight.*	Thin, Light, Medium, Semibold, ...	thin, extra-light, light, regular, medium, semibold, bold, extra-bold, black
  primitive.letter-spacing.*	Tight	tight, none 추가
  semantic.body.*, semantic.title.*	1 / 2 / 3	4 단계 추가

  🔧 API 변경

  기존 토큰 키를 그대로 참조하던 코드는 새 키로 교체해주세요.

  마이그레이션:

  // Before
  color.semantic.background[50]
  typography.primitive['font-weight'].Medium
  typography.primitive['letter-spacing'].Tight
  
  // After
  color.semantic.background.primary
  typography.primitive['font-weight'].medium
  typography.primitive['letter-spacing'].tight

  영향: @dnd-lab/desktop 의 .css.ts 에서 위 키를 참조하던 곳도 함께 업데이트가 필요해요.

• #27 346e83f Thanks @Zero-1016! - @dnd-lab/token

  alert-dialog, checkbox, radio 컴포넌트용 의미 색상 토큰을 새로 추가했어요. 디자인이 확정된 슬롯을 미리 풀어둬서 컴포넌트 구현 시 바로 참조할 수 있어요.

  추가된 토큰 그룹:

  • checkbox — border / checked / label (상태·색상 변형 포함)
  • alert-dialog — background 와 button (primary·secondary·tertiary·quarternary × enabled·hovered·pressed·disabled·focused)
  • 공용 슬롯 추가 — fill, group, description.default·description.error, unselected, focused, inverse, medium, disabled-deep

  함께 typography.primitive.size 일부 단계 값을 디자인 가이드에 맞춰 한 단계 조정했어요. 동일한 단계명을 참조하던 컴포넌트는 새 값으로 자동 갱신돼요.

  영향: Checkbox, Radio, AlertDialog 구현 시 새 색상 키를 바로 참조할 수 있고, Txt 등 primitive.size 단계를 사용하던 곳은 시각적으로 한 단계 차이가 나요.