feat(shared/system): StyleProps 타입, createRawStyleProps 함수 추가

[sukvvon]

이슈 번호

• close feat(shared/system): StyleProps 타입, createRawStyleProps 함수 추가 #155

작업한 목록을 작성해 주세요

• StyleProps 타입, createRawStyleProps 함수 추가합니다!

스크린샷

pr 포인트나 궁금한 점을 작성해 주세요

사용법

import { type StyleProps, createRawStyleProps } from '@favolink/system';

export type FlexStyleProps = StyleProps<
  | 'alignItems'
  | 'flexBasis'
  | 'flexDirection'
  | 'flexGrow'
  | 'flexShrink'
  | 'flexWrap'
  | 'justifyContent'
>;

export const flexStyleProps = createRawStyleProps<FlexStyleProps>(
  'alignItems',
  'flexBasis',
  'flexDirection',
  'flexGrow',
  'flexShrink',
  'flexWrap',
  'justifyContent',
);

flex에 대한 style prop들을 정의하고자 할 경우 위와 같이 사용할 수 있습니다!

타입은 위와 같이 정의됩니다!
flexStyleProps의 타입이 Record로 정의한 이유는 인자 내부에 FlexStyleProps로 정의한 key들이 전부 다 들어가지 않을 수 있기 때문에 혼란을 방지하고자 하였습니다!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
favolink-web	✅ Ready (Inspect)	Visit Preview	Apr 23, 2024 8:59am