💄 design: Button 스타일에 디자인 토큰 반영

[bbearcookie]

🧩 이슈 번호

• close Button 스타일에 디자인 토큰 반영 #45

✅ 작업 사항

• 피그마의 컬러 팔레트에 추가된 primary 색상 3가지를 상수로 정리했어요.
• Button 컴포넌트에 적용된 디자인 토큰을 기반으로 속성을 정리했어요.
  • 기존의 투명한 버튼 속성의 이름을 변경했어요.
    • primary -> semi-transparent
    • primary-unaccent -> semi-transparent-unaccent
• hover 색상을 추가하고 지현님이 IconButton에 적용해주셨던 스타일을 활용하여 active 에 적용해보았어요.

변경된 스토리 북

• Button
• Navbar

👩‍💻 공유 포인트 및 논의 사항

Button 스토리북

병합 순서: main <- feat/#43/text-design-token <- feat/#45/button-design-token

[github-actions]

🚀 Storybook Preview 보러가기: https://65a6c73d536a3c43b7c5c9bb-cfgqvrkwlx.chromatic.com/
🚀 React Preview 보러가기: https://sea-of-my-heart-ja3kfer7e-dnd-sea-of-my-heart.vercel.app

[easyhyun00]

기존의 투명한 버튼 속성의 이름을 변경했어요.

primary 보다 semi-transparent 가 더 와닿네요! 저도 참고하겠습니다.

[easyhyun00]

Approve 합니다!