Skip to content
This repository was archived by the owner on Sep 18, 2026. It is now read-only.
This repository was archived by the owner on Sep 18, 2026. It is now read-only.

fix: Align FeelinNormalButton with Figma design spec #68

Description

@gdaegeun539

Summary

공통 버튼 컴포넌트인 FeelinNormalButton을 Figma 디자인 스펙(노드 709:5452)에 맞춰 전반적으로 정렬합니다. 기존 이슈 #68은 corner radius 수정(12dp -> 8dp)만 다루었으나, Pressed 상태 대응을 포함한 공통 버튼 디자인 스펙 일치 작업으로 범위를 확장합니다. 텍스트 컬러 수정은 PR #69 에서 이미 완료되어 본 이슈 범위에서 제외합니다.

Current behavior

  • Corner radius가 12dp로 구현되어 있어 Figma 스펙(8dp)과 불일치합니다.
  • Pressed 상태에 따른 배경색 변경이 구현되어 있지 않습니다.
  • 기존 systemPressedBrand 토큰(#EBF3FF / #91B3E3)은 선택형 컴포넌트용 토큰으로 FeelinNormalButton의 Figma Pressed 배경색(#5677ca / #7d9ce9)과 일치하지 않으므로 신규 토큰 추가가 필요합니다.

Expected behavior (Figma spec - Node 709:5452)

Button 컴포넌트 세트 스펙 (Height: 56dp, Corner radius: 8dp 공통)

Variant Background Text
Light / Enabled #6790f4 #ffffff
Light / Pressed #5677ca #ffffff
Light / Disabled #d2d4da #ffffff
Dark / Enabled #658cea #ffffff
Dark / Pressed #7d9ce9 #ffffff
Dark / Disabled #36363f #6b6b79

Out of scope

  • 텍스트 컬러 수정: PR #69에서 contentColor (항상 LightGray00) 및 disabledContentColor (다크 테마: gray04, 라이트 테마: white) 설정이 완료되었습니다.

Relevant files

  • app/src/main/java/com/lyrics/feelin/core/designsystem/component/FeelinNormalButton.kt
  • 호출처 목록:
    • ProfileScreen (완료 버튼) - Figma node 4328:67130
    • EditProfileScreen (프로필 저장 버튼) - Figma node 2581:32623
    • NoteReportScreen (신고하기 버튼) - Figma node 3516:43811
    • EditGenderBirthYearScreen (회원 정보 저장 버튼) - PR SCRUM-234 design: Add user gender and birth year edit screen #69 신규 추가 호출처

Acceptance Criteria

  • FeelinNormalButton corner radius를 12dp에서 8dp로 변경
  • Pressed 상태 배경색 구현 (interactionSource 활용, 디자인 토큰명 확정 후 적용)
  • 버튼 높이 56dp 및 가로 너비 동작 유지, 기존 API 시그니처 변경 없음
  • 전체 호출처 4곳 검증 (ProfileScreen, EditProfileScreen, NoteReportScreen, EditGenderBirthYearScreen)
  • Light / Dark 테마별 Enabled / Pressed / Disabled 상태 검증
  • ./gradlew detekt 및 ./gradlew :app:assembleDebug 정상 통과

Notes

  • Pressed 상태 작업을 위한 디자인 토큰명 확정이 지연될 경우, corner radius 수정(8dp)을 먼저 반영하여 배포하고 Pressed 상태 작업은 하위 이슈로 분리하여 진행할 수 있습니다.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

bug버그 수정design디자인 관련 수정

Type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions