refactor(Tag): Tag 컴포넌트 type, icon 추가

[gudusol]

링크

시급한 정도

🏃‍♂️ 보통 : 최대한 빠르게 리뷰 부탁드립니다.

기타 사항

1. type='accent' 속성 추가

• 배경색이 채워진 스타일의 accent type 추가했습니다.
• Figma에는 Default 버튼에 대해서는 accent 디자인이 되어있지 않긴했는데,
  같은 방식으로 default-accent에 대해서도 만들어 뒀습니다. (흰배경, 검은글씨)

2. LeftIcon prop 추가

• Figma에 요렇게 적어주셔서, RightIcon은 추가하지 않았습니다.

3. storybook 반영

수정 내용에 맞게 Tag 스토리 파일도 반영해뒀으니, 스토리북도 한번 확인해주시면 감사하겠습니다.

추가 논의 사항

작업을 하다보니, 사진과 같이 double quote (" ") -> single quote(' ') 가 수정사항에 잡히는 파일들이 있었습니다.
(실제 변경 사항은 gap: '4px'만 추가 됐습니다.

// .prettierrc.js

...
  jsxSingleQuote: true,
  singleQuote: true,
...

prettier 설정 보니 single quote 가 맞는 것 같긴한데, 포맷팅 작업 한번 하면 좋을 것 같습니다

[height]

Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword link (e.g. "Link T-123").

💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 875c158

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR