- atomic components: Atomic component 생성 시 타입 체크를 위해 필요한 허용 varaint 배열 선언 및 index.tsx에 export 구문 추가 (76d8ab5)
- atomic components: Divider 컴포넌트 생성 및 story 생성 (87f66cd)
- atomic components: eslint mdx 파일 관련 rule 및 plugin 추가 (2d4c381)
- atomic components: Grid storybook 문서화 (f4eabff)
- atomic components: Grid 컨테이너 컴포넌트 생성 및 storybook component 문서화 추가 (786ca95)
- atomic components: Input, Select, Radio, Checkbox, Textarea (form 요소)와 Button (ui 요소) 컴포넌트 생성 및 storybook component 추가 (6d60747)
- atomic components: semantic token 값 일부 수정 (82514e0)
- atomic components: storybook build 스크립트 추가 (16a2ab0)
- atomic components: storybook 기본 설정 (99f67e4)
- atomic components: Table 컴포넌트 생성 및 story 생성 (a379d1c)
- atomic components: tsx 파일로 변경을 통한 파일 삭제 (e793c9f)
- atomic components: Typography stories 역할별 문서화 (8ad1240)
- atomic components: Typography 컴포넌트 생성 및 storybook component 문서화 추가 (a1dc11b)
- atomic components: 기존 storybook test 컴포넌트 삭제 및 storybook 관련 설정사항 수정 (89fc112)
- atomic components: 레이아웃 컴포넌트(container, section, stack) 생성 (fff636b)
- atomic components: 페이지네이션 컴포넌트 생성 및 story 생성 (usePagination 포함) (b5b6ef3)
- code viewer: Code Viewer 액션을 위한 toggle, tooltip show 커스텀 훅 추가 (483585d)
- code-viewer: code generation 로직 생성 - import 구문, 컴포넌트 구문, props 구문 생성 및 children 처리 (f43683c)
- code-viewer: drag and drop을 통해 트리 구조로 생성된 노드를을 코드 형태로 변환하여 확인 및 복사, 다운로드 하는 코드 뷰어 기능 (61aa74b)
- component canvas: canvas zoom-in zoom-out 기능 추가(canvas overflow 시 넘치치 않고 전체 화면 볼수 있도록 기능 추가) (f6327a2)
- component canvas: Drag and Drop 충돌 탐지 별도 커스텀하게 구현 (중첩한 충돌 영역에 대한 처리 별도로 필요하여 custom detection 사용) (b8a9942)
- component canvas: drag and drop, sortable drag, table node edit에 대한 기능 커스텀 훅으로 분리 (bf76d6d)
- component canvas: Tree 스토어 생성 (1794473)
- component canvas: zoom control 버튼 추가 및 scale에 따른 transform 적용 (36f58f8)
- component canvas: 충돌 detection 알고리즘, 테이블 등과 같은 scaffold 기능에 대한 파싱 기능 유틸리티 추가 (6100cca)
- component canvas: 컴포넌트 캔버스 영역 (4e56d46)
- component canvas: 테이블 컴포넌트를 위한 별도 table node renderer 생성 (cc18acb)
- component palette: Code generator app에 registry 이용하여 컴포넌트 팔레트 1차 생성 (2de2c0c)
- component palette: Component, Component meta 레지스트리 파일 생성 (1488f81)
- component palette: drag and drop 시 컴포넌트 보이도록 overlay 생성 (8a5aa8a)
- component palette: 컴포넌트 registry entry file에서 반환 (af7b0df)
- component palette: 컴포넌트 드래그 시 렌더링 하는 컴포넌트 캔버스 영역 생성 (063edf8)
- component palette: 컴포넌트 메타 정의 타입 생성 및 export (ad4519e)
- component palette: 컴포넌트 트리 구조로 드래그 앤 드롭 훅 생성 (f93aa6c)
- component palette: 컴포넌트 팔레트 및 속성 에디터에서 활용할 컴포넌트 메타 파일 (*.meta.tsx) 추가 (598a349)
- component palette: 컴포넌트 팔레트와 요소 드래그 앤 드롭 생성 (856e80a)
- component palette: 컴포넌트 팔레트와 캔버스 영역 배치 (3cf2fb9)
- component tree: canvas view, tree view 생성 (a08d9b7)
- component tree: tab 전환 시 부드러운 UI 전환을 위한 useTabTransition 훅 생성 (useTransition 활용) (5719a78)
- component tree: tree flow 생성을 위한 유틸리티 함수 및 훅 생성 (store에 저장된 tree 구조를 배치 계산 함수를 통해 react flow에서 배치할 수 있는 배치 레이아웃 생성) (ae063fa)
- component tree: Tree UI를 위한 react flow dependency 적용 (04ad62a)
- component tree: 트리 UI에서 컴포넌트 선택 시 현재 컴포넌트의 메타데이터, 속성에 대한 패널 나오도록 구성 (현재 어떤 variant, properties 등이 있는지 확인하므로서 해당 속성이 어떤 영향을 미치는지 등 확인 가능) (f43fbbe)
- property editor: drag and drop 컴포넌트 select 시 속성 패널을 통한 속성 변경 action 추가 (f03419e)
- property editor: 메타 속성 에디터 생성 (우측 패널, 컴포넌트 캔버스 클릭 시 카드 형태의 에디터 구성) (f684205)
- property editor: 속성 패널, 컴포넌트 카드 클릭 시 속성 수정 가능한 속성 모달 추가 (07e9b1d)
- property editor: 속성 패널을 통한 변경 시 현재 트리 노드에 변경된 속성 적용 기능 추가 (227911f)
- property editor: 신규 컴포넌트 추가 기능 커스텀 훅 구현 (fc6b3d1)
- property editor: 컴포넌트 카드 클릭 시 속성 편집, 컴포넌트 프리뷰 확인, 신규 컴포넌트 추가 가능한 컴포넌트 속성 편집 에디터 추가 (f1594dc)
- storybook: chromatic ci (82f1199)
- tokens: add foundation tokens (95669f0)
- tokens: button atom component 생성 및 테스트 진행 (2049473)
- tokens: module resolution bundler로 정의 (81bf2ee)
- tokens: package.json exports 정의 (f0aa41e)
- tokens: recipe 적용 예시 추가 (9517111)
- tokens: style dictionary 빌드 process 정의 스크립트 (4e7fbdf)
- tokens: tokens 오류 부분 수정 (4fc3796)
- tokens: typography는 복합 속성이므로 sprinkles와 분리하여 별도 적용 (139ee6b)
- tokens: vanilla extract layout recipe 추가, global theme 생성 대신 global theme contract 생성으로 구조 변경 (fd39c41)
- tokens: vanilla extract 및 다른 의존성 추가 주입 (34f86f4)
- tokens: vanilla extract 토큰 생성 위임에 따른 변경사항 반영 및 sprinkle 제거를 통한 button.css.ts, input.css.ts 변경사항 반영 (306954b)
- tokens: 기존에 정의한 temp json 파일 삭제 (3094f23)
- tokens: 불필요한 design token 제거 (반응형 관련, 중복 spacing 관련 등은 제거) (4b92a1d)
- tokens: 패키지 관련 설정 추가 (ad33045)