chore(sds): 기본 디자인 토큰 세팅

[Doeunnkimm]

🎉 변경 사항

현재 fix된 디자인 토큰을 우선 반영합니다.

// Usage
import { colors } from '@sambad/sds/theme'

<div style={{ color: colors.grey500 }} />

🔗 링크

• figma

🙏 여기는 꼭 봐주세요!

[semnil5202]

굳굳 고생하셨습니다. 👍👍👍

[semnil5202]

단순히 궁금한건데 round: '50%' 대신 '100px' 로 하는 이유가 있나여?

[Doeunnkimm]

아 이거

• 50% 하면 땡그랗게 안 될 때 있기도 하고
• 디자인 토큰에 100px로 되어 있어서

100px로 해도 되겠다 생각해서 했어유

[semnil5202]

오호 그렇군여? 처음 알았습니다.

혹시 처음 아신 다른 분들을 위해 관련 스택오버플로우 글 툭~

[semnil5202]

다시 보니 폰트 토큰이 없던데 아직 작업 중인가여??

[Doeunnkimm]

@semnil5202

흠 그건 서버 사이드 렌더링에서 굴러가는 거랑 해서 좀 더 생각한 다음에

web 패키지에 적용한 것 까지 다음 PR에 올릴게영 👍🏽

라기보다 디자이너분들이 사용하시는 특정 fontWeight만 골라서 패키지에 포함하려구 합니당

아마 타이포 해주시면서 정리될 것 같은데 타이포 컴포넌트 추가하면서 해놓을게요 🙏🏽