Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature] Radius, Stroke, Spacing Token 생성 및 theme 패키지 등록 #23

Merged
merged 10 commits into from
May 28, 2024

Conversation

eugene028
Copy link
Collaborator

🎉 변경 사항

  • Stroke
스크린샷 2024-05-23 오후 3 24 15
  • Radius
스크린샷 2024-05-23 오후 3 24 23
  • Space
스크린샷 2024-05-23 오후 3 24 28

Figma에 정의된 세 개의 global Token을 등록했습니다.
또한, panda.config.ts에서 바로 사용할 수 있도록 defineToken을 이용하여 기존 토큰에 덮어씌웠습니다.

스크린샷 2024-05-23 오후 3 21 03 `apps/wow-docs`에서 CSS 적용이 잘 되는 것 확인하였습니다.

🚩 관련 이슈

#21

🙏 여기는 꼭 봐주세요!

  • 토큰을 String 형식으로 지정하였습니다.
  • Spacing과 Radius같은 경우 디바이스의 Root size에 따라 변경될 가능성을 염두에 두고 rem 단위를 사용하였습니다.
  • Stroke와 같은 경우, 일관적인 border의 두께를 사용할 것을 염두하여 px 단위를 사용하였습니다.

네이밍과 px, rem의 사용처 같은 경우, 금주 일요일에 진행될 회의에서 예영님과 더욱 자세히 이야기 나누어볼 예정입니다. 대화 이후 네이밍 컨벤션이 변경될 가능성이 큰 상황입니다! 만약 네이밍 컨벤션이 변경된다면 기존에 작업하신 내용을 컨벤션에 맞게 수정하여 PR 추후 따로 나누어 업로드하겠습니다.
🔗 관련 슬랙 스레드

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@SeieunYoo 님이 기존에 color.ts에서 tokens를 export하던 방식을 변경하여 index.ts에서 export하도록 변경하였어요~

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ghdtjgus76 docs패키지에서 이렇게 styled-system이 git에 올라가는게 맞을까요 ?? diff가 너무 커지는 것 같아서.. 🥹

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아래 링크 확인 부탁드려요!
#22 (comment)

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

요거 옛날부터이 이야기했던 이슈같은데 같이 함 해결해보시죵

@SeieunYoo
Copy link
Collaborator

Component variable 에 맞게 토큰만 수정해주면 머지해도 좋을 것 같습니당 🙌

Copy link
Collaborator

@SeieunYoo SeieunYoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM ~🚀

Copy link
Collaborator

@ghdtjgus76 ghdtjgus76 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

eslintcache만 gitignore에 추가 부탁드립니다!
수고하셨어요 😀

@eugene028 eugene028 merged commit b293d5f into main May 28, 2024
@eugene028 eugene028 deleted the feature/radius-padding-token branch May 28, 2024 14:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants