feat(ui-kit): Input 컴포넌트 추가 #46

evan-moon · 2021-02-15T15:49:52Z

변경사항

Input 컴포넌트를 추가합니다. 기본적으로 input 엘리먼트의 인터페이스를 확장하되, type을 텍스트 입력과 관련된 타입만 받을 수 있도록 제한합니다.

Available Types

type TextInputType = 'text' | 'tel' | 'url' | 'email' | 'number' | 'password' | 'search';

Interface

<Input
  style={{ width: 300 }}
  label="라벨이에요"
  placeholder="텍스트를 입력하세요"
  hasError={isError}
  description={isError ? '빈 문자열은 허용되지 않습니다' : undefined}
  onChange={(e) => setValue(e.target.value)}
  right={
    isError ? null : (
      <Icon icon={checkmarkCircle} type="filled" color={colors.green50} size={20} />
    )
  }
/>

디자인 시안 링크

https://www.figma.com/file/e5zHg6E5rgkKw4v47EFXVe/Lubycon-UI-Library?node-id=0%3A1

집중적으로 리뷰 받고 싶은 부분이 있나요?

🙇‍♂️

Junkim93 · 2021-02-16T13:14:39Z

ui-kit/src/components/Input/index.tsx

+  const [isFocused, setFocus] = useState(false);
+  const hasLabel = label != null;
+  const hasDescription = description != null;
+  const hasRightArea = right != null;


동욱님 가끔 값만 비교하는 것들은 타입이 이미 지정되어 있고, null 여부만 체크하기 때문인가요?

넵넵 그런 용도이기는 한데, 그러고 보니 이거 잘못 했네유....지금보니 label={false} 인 경우에도 true로 평가되겠군여

아 라벨 타입 ReactNode 구나 ㅈㅅㅈㅅ 정상입니다

Junkim93 · 2021-02-16T13:17:24Z

ui-kit/src/stories/Input.stories.tsx

+};
+
+const types: TextInputType[] = ['text', 'email', 'number', 'password', 'search', 'tel', 'url'];
+const covertToTitlecase = (s: string) => `${s.charAt(0).toUpperCase()}${s.slice(1, s.length)}`;


요거 convertToTitleCase 로 수정되면 좋을것같아요 !

lubycon-admin · 2021-02-16T14:17:37Z

🎉 This PR is included in version 1.1.0-alpha.21 🎉

The release is available on:

Your semantic-release bot 📦🚀

* chore: 배포 테스트 * chore: 배포테스트 * chore: 배포 테스트 * feat(ui-kit): Text 컴포넌트 추가 (#18) * chore: Alpha, Beta 브랜치 개설 [skip ci] (#14) * chore: 배포 테스트 * chore: 배포테스트 * chore: 배포 테스트 * chore: dry run test * feat(ui-kit): Text 컴포넌트 타이핑에 as 프로퍼티 추가 * 스토리북 세팅 * chore(ui-kit): Text 스토리 추가 * feat(ui-kit): Text에 Font Weight 스코어가 제대로 안 먹는 현상 수정 * chore(ui-kit): remove console log * chore(ui-kit): 스토리북 배포 * chore(ui-kit): fix workflow syntax * chore(ui-kit): action trigger test * chore(ui-kit): action trigger test * chore(ui-kit): 스토리북 배포 테스트 * chore(ui-kit): 스토리북 배포 테스트 * chore(ui-kit): 테스트 트리거 추가 * chore(ui-kit): storybook deploy test * chore(ui-kit): test storybook deploy * chore(ui-kit): 스토리북 배포 액션을 메뉴얼로 수정 * chore(ui-kit): Update README.md * chore(ui-kit): 망가진 CI 복구 * chore(ui-kit): 액션 조건이 헤드 커밋만 바라보도록 수정 * chore(ui-kit): 헤드 커밋 접근 수정 * feat(ui-kit): Text 컴포넌트 디자인 변경 (#20) * feat(ui-kit): Text 컴포넌트 디자인 변경 * chore(ui-kit): 스토리북에 깃 유저 정보 추가 * fix(ui-kit): 레퍼런스 타입이 이상하게 들어가 있던 부분 수정 * feat(ui-kit): 섀도우 스타일, 스토리북 추가 (#21) * feat(ui-kit): 타이포그래피 디자인 변경사항 반영 (#22) * feat(ui-kit): Radio 컴포넌트 추가 (#23) * feat(ui-kit): Radio 기본적인 스캐폴딩 완료 * feat(ui-kit) 라디오 컴포넌트 추가 * feat(ui-kit): Color 추가 (#24) * feat(ui-kit): scss 컬러 변수 정의 * feat(ui-kit): grayscale 스토리 작성 * feat(ui-kit): sementic color 스토리 작성 * feat(ui-kit): 컬러변수 context 추가 * feat(ui-kit): 컬러 헥스값 업데이트 * feat(ui-kit): 오타 수정 * feat(ui-kit): 불필요한 변수 제거 * feat(ui-kit): 상수 및 타입 정의 리뷰 반영 * feat(ui-kit): 불필요한 클래스 제거 * feat(ui-kit): 컬러 타입 추가 * feat(ui-kit): Grid Column (#25) * feat(ui-kit): Container 컴포넌트 추가 * feat(ui-kit): Column 컴포넌트 추가 * feat(ui-kit): Row 컴포넌트 추가 * feat(ui-kit): Grid Interface 선언 * feat(ui-kit): Column 컴포넌트 Props * feat(ui-kit):Column style 추가 * feat(ui-kit): Column scss mixin 및 functions 추가 * feat(ui-kit): Component 안에 Import 된 scss 삭제 * feat(ui-kit): Column NumberAttribute 타입 수정 * feat(ui-kit): Column ColumnResponsive 타입 수정 * feat(ui-kit): Column 내부 Immutable하게 변경 * feat(ui-kit): Row 컴포넌트 추가 및 그리드 인터페이스 확정 (#27) * feat(ui-kit): Row 컴포넌트 추가 * chore: PR Template 수정 * feat(ui-kit): add variable width story * feat(ui-kit): remove unused row component * feat(ui-kit): Row컴포넌트의 direction 스토리 추가 * Feat/checkbox (#28) * feat(ui-kit): checkbox 컴포넌트 추가 * feat(ui-kit): checkbox 컴포넌트 스타일 추가 * feat(ui-kit): checkbox 컴포넌트 스토리 추가 * feat(ui-kit): Checkbox 리뷰 내용 반영 * feat(ui-kit): alias 및 utils index 추가 * fix(ui-kit): remove duplicated export syntax * Feat/switch (#29) * feat(ui-kit): switch 컴포넌트 추가 * feat(ui-kit): label 추가 * feat(ui-kit): inline 케이스 추가 및 스타일 일부 수정 * feat(ui-kit): 컴포넌트 수정에 따른 스토리 수정 * feat(ui-kit): Switch transform 퍼센트 값으로 변경 * feat(ui-kit): 스위치 슬라이더 x축 이동 롤백 * style(ui-kit): Radio 컴포넌트의 색을 green50으로 변경 (#30) * refactor(ui-kit): 타이포그래피의 content, content2를 p1, p2로 변경 (#31) * feat(ui-kit): Selection 컴포넌트 추가 (#32) * feat(ui-kit): Selection 컴포넌트 추가 * feat(ui-kit): Selection 컴포넌트에 아이콘 추가 * feat(ui-kit): Selection 컴포넌트 스토리 추가 * feat(ui-kit): 타입 픽스 * 타입 픽스 * feat(ui-kit): Selection 컴포넌트를 Borderless로 변경 * feat(ui-kit): 리뷰 반영 * fix(ui-kit): 타이포그래피 타입 깨지는 이슈 수정 * fea(ui-kit): Toast 추가 (#33) * feat(ui-kit): Toast 컴포넌트 추가 * feat(ui-kit): sleep 유틸 함수 추가 * feat(ui-kit): Portal Context 추가 * feat(ui-kit): LubyconUIKitProvider 추가 * feat(ui-kit): Toast가 Portal에 렌더되도록 변경 * fix(ui-kit): 깨진 디펜던시 수정 * feat(ui-kit): Toast 스토리 추가 * feat(ui-kit): useToast 훅 추가 * feat(ui-kit): 토스트 애니메이션을 useSpring이 아니라 useTransition으로 변경 * feat(ui-kit): 토스트 스토리 업데이트 * feat(ui-kit): 토스트 애니메이션 개선 * feat(ui-kit): fix lint * Feat/button (#34) * feat(ui-kit): init * feat(ui-kit): Button 컴포넌트 스토리 추가 * feat(ui-kit): 리뷰 내용 반영 * feat(ui-kit): 토스트에 Align 기능 추가 (#36) * 탭 컴포넌트 (#35) * feat(ui-kit): Container 컴포넌트 추가 * feat(ui-kit): Tab 컴포넌트 골격 * feat(ui-kit): Tab 스타일 * feat(ui-kit): Tab active 기능 * feat(ui-kit): Tab Bar 애니메이션 추가 * feat(ui-kit): Fixed Width Tab 구현 * feat(ui-kit): Tab Content 구현 * fix(ui-kit): QA 피드백 반영 * fix(ui-kit): 탭 컴포넌트 타입 깨지는 부분 수정 (#38) * fix(ui-kit): 탭 컴포넌트 타입 깨지는 부분 수정 * fix(ui-kit): 탭이 초기화 될 때 자동 선택되지 않는 이슈 수정 * remove console * feat(ui-kit): 툴팁 컴포넌트 추가 (#37) * feat(ui-kit): child ref 포지션으로 툴팁 렌더 * 툴팁 애로우 추가 * 버튼 스타일 수정 * 툴팁이 ref에 반응하도록 수정 * feat(ui-kit): 툴팁 포지션 세팅 완료 * fix lint * feat(ui-kit): 오타 수정 * feat(tooltip): 부모 중 relative 요소가 있어도 툴팁이 올바른 offset을 가지도록 수정 * feat(ui-kit): 토스트 포지션 및 스타일 수정 (#40) * feat(ui-kit): 스낵바 컴포넌트 추가 (#41) * feat(ui-kit): 스낵바 컴포넌트 추가 * feat(ui-kit): 스낵바 타입 업데이트 * feat(ui-kit): Snackbar 컴포넌트 타입에서 children 제거 * feat(ui-kit): 스낵바에 버튼이 연속으로 등장할 때 간격 설정 * feat(ui-kit): 의미없는 모듈 임포트 제거 * style(ui-kit): 수민님 디자인 피드백 반영 (#42) * feat(ui-kit): 카드 컴포넌트 추가 (#39) * feat(ui-kit): 카드 컴포넌트 추가 * feat(ui-kit): 모듈 관계 재정의 * feat(ui-kit): 카드 타입 수정 * feat(ui-kit): Alert, Container 컴포넌트 추가 (#43) * feat(ui-kit): Icon 컴포넌트가 className을 받을 수 있도록 수정 * feat(ui-kit): Column, Container 스타일 버그 수정 * feat(ui-kit): Alert 컴포넌트가 Div 속성을 상속받도록 변경 * feat(ui-kit): Alert 스토리 업데이트 * feat(ui-kit): className을 template string이 아니라 classnames 함수로만 처리하도록 변경 * refactor(ui-kit): 코드 정리 (#44) * refactor(ui-kit): 모듈 트리 변경 * refactor(ui-kit): clxs를 classnames로 변경 * refactor(ui-kit): BEM 방법론에 따른 클래스 명명 * refactor(ui-kit): 스토리북 경로 변경 * refactor(ui-kit): 스토리북 경로 원복 * feat(ui-kit): Input 컴포넌트 추가 (#46) * feat(ui-kit): input 컴포넌트 추가 * feat(ui-kit): Input 컴포넌트 라벨 스토리 수정 * feat(ui-kit): Input 컴포넌트 타입 스토리 추가 * feat(ui-kit): List, ListItem, ListItemImage 컴포넌트 추가 (#45) * feat(ui-kit): 리스트 기본 모양 잡음 * feat(ui-kit): 리스트에 left, right area 추가 * feat(ui-kit): 리스트 스토리북 수정 * chore: UPDATE README [skip ci] (#49) * Update README.md [skip ci] * Update README.md [skip ci] * feat(ui-kit): Accordion 컴포넌트 추가 (#47) * feat(ui-kit): Accordion 컴포넌트 추가 * feat(ui-kit): 아코디언 라벨 스타일 수정 * feat(ui-kit): input 컴포넌트 가현님 피드백 적용 * feat(ui-kit): 아코디언 상태 변경 이벤트 추가 * feat(ui-kit): ProgressBar 컴포넌트 추가 (#48) * feat(ui-kit): Button 컴포넌트 타입 추가 (#51) * feat(ui-kit): Button 컴포넌트 타입 추가 * refactor(ui-kit): change Combine type to CombineElementProps type * Update README.md [skip ci] * chore(ui-kit): 커스텀 도메인을 위한 CNAME 추가 (#52) * 알파 타겟 레포 변경 [skip ci] * CNAME 업데이트 [skip ci] * feat(ui-kit): Modal 컴포넌트 추가 (#50) * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): Modal 스토리 추가 * feat(ui-kit): Modal TODO * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): 타이틀 부분 태그 타입 수정 * chore: 리뷰 내용 반영-백드롭 forwradRef * chore: 리뷰 내용 반영-컴포넌트 합성 방식으로 변경 * chore: 모달 컴포넌트 스토리 수정 * chore: 리뷰반영 - 타입 변경, 엘리먼트 유효성 검사 * chore: 리뷰반영 - onOpen 이벤트, 백드롭 이벤트명 * chore: 리뷰반영 - 컴포넌트 제네릭 * chore: 린트 에러 * chore: 스토리 업데이트 * fix(ui-kit): Fix Modal Type Error * feat(ui-kit): Tag 컴포넌트 추가 (#53) * feat(ui-kit): 태그 컴포넌트 추가 * feat(ui-kit): Input 컴포넌트에 left 영역 추가 * feat(ui-kit): TagsInput 컴포넌트 추가 * 의미없는 generateId 제거 * feat(ui-kit): remove tagsInput * Feat/modal (#54) * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): Modal 스토리 추가 * feat(ui-kit): Modal TODO * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): 타이틀 부분 태그 타입 수정 * chore: 리뷰 내용 반영-백드롭 forwradRef * chore: 리뷰 내용 반영-컴포넌트 합성 방식으로 변경 * chore: 모달 컴포넌트 스토리 수정 * chore: 리뷰반영 - 타입 변경, 엘리먼트 유효성 검사 * chore: 리뷰반영 - onOpen 이벤트, 백드롭 이벤트명 * chore: 리뷰반영 - 컴포넌트 제네릭 * chore: 린트 에러 * chore: 스토리 업데이트 * chore: 단일 엘리먼트가 주입된 경우 추가 * chore: 모달 컨텍스트 수정 * chore: 모달 컴포넌트 스토리 추가 * chore: 리뷰 내용 반영 - 변수명, children 배열 처리 * Feat/table re (#56) * chore: 컴포넌트, 스타일 import * feat(ui-kit): 테이블 컴포넌트 추가 * chore: 린트 픽스 * feat(ui-kit): Modal 컴포넌트 애니메이션 추가 (#57) * feat(ui-kit): Modal 컴포넌트 애니메이션 추가 * 사용하지 않는 Param 제거 * fix type * fix lint * 모달 hooks 애니메이션 수정 * 외부에서 closeModal을 호출해도 애니메이션이 종료된 후 모달이 사라지도록 수정 * remove eqeq * 의미없는 classnames 호출 제거 * feat(ui-kit): Tabs 컴포넌트 리팩토링 및 모바일 대응 추가 (#58) * feat(ui-kit): Tab 컴포넌트 리팩토링 및 모바일 대응 추가 * 탭 타이포그래피 적용 * feat(docs): 개발에 필요한 기본적인 세팅 완료 (#59) * fix(docs): 사용하지 않는 버튼 제거 * chore(docs): 배포 테스트 * chore(docs): 잡 네임 변경 * chore(docs): fix unknwon workspace * chore(docs): set git conf * chore(docs): 환경에 따라 CNAME 다르게 설정 * chore(docs): 빠진 모듈 추가 * chore(docs): 빠진 환경변수 추가 * chore(docs): CNAME 옮기는 경로 변경 * feat(docs): Docs 개발에 필요한 기본 세팅 완료 * chore(docs): live 배포 스크립트 주석 처리 * chore(docs): 라이브 CICD 다시 살림 * fix(ui-kit): Row 컴포넌트 상하 마진 제거 (#60) * fix(ui-kit): Grid 컴포넌트에 클래스 넣을 수 있도록 변경 (#61) * feat(docs): UI Kit Docs 페이지 와꾸 추가 (#62) * feat(docs): 대략적인 레이아웃 추가 * feat(docs): BasicLayout 추가 * Docs Ui Kit 버전 업 * feat(docs): 사이드 메뉴 대충 와꾸 잡음 * feat(docs): Getting Started 추가 * delete CNAME (#63) * Create CNAME * Delete CNAME Co-authored-by: Daniel kim <bboyzepot@gmail.com> * chore(docs): static resource 404 떨어지는 이슈 해결 (#64) * fix(docs): .nojekyll 파일 생성 * fix(docs): .nojekyll 파일 재생성 * fix(docs): 배포 테스트 * chore(docs): 배포 테스트 * chore(docs): 배포 테스트 * CI/CD 타겟 브랜치 수정 * Feat/toast snackbar combine (#65) * feat: 스낵바와 토스트 하나로 합침 * feat: 스낵바 스타일 정돈 * 스낵바 모바일 대응 * 의미없는 스타일 제거 * feat(ui-kit): 토스트 모바일 적용 배포 트리거 * Feat/text mobile (#66) * feat: Icon 컴포넌트 추가 * feat: 기존에 아이콘 모듈을 사용하던 곳 변경 * fix(ui-kit): 사용하지 않는 디펜던시 제거 (#67) * feat: Icon 컴포넌트 추가 * feat: 기존에 아이콘 모듈을 사용하던 곳 변경 * fix(ui-kit): fix lint Co-authored-by: KIM HYUNJUN <93kimhyunjun@gmail.com> Co-authored-by: 권재원 <springkjw@gmail.com> Co-authored-by: Daniel kim <bboyzepot@gmail.com>

* feat(ui-kit): Beta Release (#68) * chore: 배포 테스트 * chore: 배포테스트 * chore: 배포 테스트 * feat(ui-kit): Text 컴포넌트 추가 (#18) * chore: Alpha, Beta 브랜치 개설 [skip ci] (#14) * chore: 배포 테스트 * chore: 배포테스트 * chore: 배포 테스트 * chore: dry run test * feat(ui-kit): Text 컴포넌트 타이핑에 as 프로퍼티 추가 * 스토리북 세팅 * chore(ui-kit): Text 스토리 추가 * feat(ui-kit): Text에 Font Weight 스코어가 제대로 안 먹는 현상 수정 * chore(ui-kit): remove console log * chore(ui-kit): 스토리북 배포 * chore(ui-kit): fix workflow syntax * chore(ui-kit): action trigger test * chore(ui-kit): action trigger test * chore(ui-kit): 스토리북 배포 테스트 * chore(ui-kit): 스토리북 배포 테스트 * chore(ui-kit): 테스트 트리거 추가 * chore(ui-kit): storybook deploy test * chore(ui-kit): test storybook deploy * chore(ui-kit): 스토리북 배포 액션을 메뉴얼로 수정 * chore(ui-kit): Update README.md * chore(ui-kit): 망가진 CI 복구 * chore(ui-kit): 액션 조건이 헤드 커밋만 바라보도록 수정 * chore(ui-kit): 헤드 커밋 접근 수정 * feat(ui-kit): Text 컴포넌트 디자인 변경 (#20) * feat(ui-kit): Text 컴포넌트 디자인 변경 * chore(ui-kit): 스토리북에 깃 유저 정보 추가 * fix(ui-kit): 레퍼런스 타입이 이상하게 들어가 있던 부분 수정 * feat(ui-kit): 섀도우 스타일, 스토리북 추가 (#21) * feat(ui-kit): 타이포그래피 디자인 변경사항 반영 (#22) * feat(ui-kit): Radio 컴포넌트 추가 (#23) * feat(ui-kit): Radio 기본적인 스캐폴딩 완료 * feat(ui-kit) 라디오 컴포넌트 추가 * feat(ui-kit): Color 추가 (#24) * feat(ui-kit): scss 컬러 변수 정의 * feat(ui-kit): grayscale 스토리 작성 * feat(ui-kit): sementic color 스토리 작성 * feat(ui-kit): 컬러변수 context 추가 * feat(ui-kit): 컬러 헥스값 업데이트 * feat(ui-kit): 오타 수정 * feat(ui-kit): 불필요한 변수 제거 * feat(ui-kit): 상수 및 타입 정의 리뷰 반영 * feat(ui-kit): 불필요한 클래스 제거 * feat(ui-kit): 컬러 타입 추가 * feat(ui-kit): Grid Column (#25) * feat(ui-kit): Container 컴포넌트 추가 * feat(ui-kit): Column 컴포넌트 추가 * feat(ui-kit): Row 컴포넌트 추가 * feat(ui-kit): Grid Interface 선언 * feat(ui-kit): Column 컴포넌트 Props * feat(ui-kit):Column style 추가 * feat(ui-kit): Column scss mixin 및 functions 추가 * feat(ui-kit): Component 안에 Import 된 scss 삭제 * feat(ui-kit): Column NumberAttribute 타입 수정 * feat(ui-kit): Column ColumnResponsive 타입 수정 * feat(ui-kit): Column 내부 Immutable하게 변경 * feat(ui-kit): Row 컴포넌트 추가 및 그리드 인터페이스 확정 (#27) * feat(ui-kit): Row 컴포넌트 추가 * chore: PR Template 수정 * feat(ui-kit): add variable width story * feat(ui-kit): remove unused row component * feat(ui-kit): Row컴포넌트의 direction 스토리 추가 * Feat/checkbox (#28) * feat(ui-kit): checkbox 컴포넌트 추가 * feat(ui-kit): checkbox 컴포넌트 스타일 추가 * feat(ui-kit): checkbox 컴포넌트 스토리 추가 * feat(ui-kit): Checkbox 리뷰 내용 반영 * feat(ui-kit): alias 및 utils index 추가 * fix(ui-kit): remove duplicated export syntax * Feat/switch (#29) * feat(ui-kit): switch 컴포넌트 추가 * feat(ui-kit): label 추가 * feat(ui-kit): inline 케이스 추가 및 스타일 일부 수정 * feat(ui-kit): 컴포넌트 수정에 따른 스토리 수정 * feat(ui-kit): Switch transform 퍼센트 값으로 변경 * feat(ui-kit): 스위치 슬라이더 x축 이동 롤백 * style(ui-kit): Radio 컴포넌트의 색을 green50으로 변경 (#30) * refactor(ui-kit): 타이포그래피의 content, content2를 p1, p2로 변경 (#31) * feat(ui-kit): Selection 컴포넌트 추가 (#32) * feat(ui-kit): Selection 컴포넌트 추가 * feat(ui-kit): Selection 컴포넌트에 아이콘 추가 * feat(ui-kit): Selection 컴포넌트 스토리 추가 * feat(ui-kit): 타입 픽스 * 타입 픽스 * feat(ui-kit): Selection 컴포넌트를 Borderless로 변경 * feat(ui-kit): 리뷰 반영 * fix(ui-kit): 타이포그래피 타입 깨지는 이슈 수정 * fea(ui-kit): Toast 추가 (#33) * feat(ui-kit): Toast 컴포넌트 추가 * feat(ui-kit): sleep 유틸 함수 추가 * feat(ui-kit): Portal Context 추가 * feat(ui-kit): LubyconUIKitProvider 추가 * feat(ui-kit): Toast가 Portal에 렌더되도록 변경 * fix(ui-kit): 깨진 디펜던시 수정 * feat(ui-kit): Toast 스토리 추가 * feat(ui-kit): useToast 훅 추가 * feat(ui-kit): 토스트 애니메이션을 useSpring이 아니라 useTransition으로 변경 * feat(ui-kit): 토스트 스토리 업데이트 * feat(ui-kit): 토스트 애니메이션 개선 * feat(ui-kit): fix lint * Feat/button (#34) * feat(ui-kit): init * feat(ui-kit): Button 컴포넌트 스토리 추가 * feat(ui-kit): 리뷰 내용 반영 * feat(ui-kit): 토스트에 Align 기능 추가 (#36) * 탭 컴포넌트 (#35) * feat(ui-kit): Container 컴포넌트 추가 * feat(ui-kit): Tab 컴포넌트 골격 * feat(ui-kit): Tab 스타일 * feat(ui-kit): Tab active 기능 * feat(ui-kit): Tab Bar 애니메이션 추가 * feat(ui-kit): Fixed Width Tab 구현 * feat(ui-kit): Tab Content 구현 * fix(ui-kit): QA 피드백 반영 * fix(ui-kit): 탭 컴포넌트 타입 깨지는 부분 수정 (#38) * fix(ui-kit): 탭 컴포넌트 타입 깨지는 부분 수정 * fix(ui-kit): 탭이 초기화 될 때 자동 선택되지 않는 이슈 수정 * remove console * feat(ui-kit): 툴팁 컴포넌트 추가 (#37) * feat(ui-kit): child ref 포지션으로 툴팁 렌더 * 툴팁 애로우 추가 * 버튼 스타일 수정 * 툴팁이 ref에 반응하도록 수정 * feat(ui-kit): 툴팁 포지션 세팅 완료 * fix lint * feat(ui-kit): 오타 수정 * feat(tooltip): 부모 중 relative 요소가 있어도 툴팁이 올바른 offset을 가지도록 수정 * feat(ui-kit): 토스트 포지션 및 스타일 수정 (#40) * feat(ui-kit): 스낵바 컴포넌트 추가 (#41) * feat(ui-kit): 스낵바 컴포넌트 추가 * feat(ui-kit): 스낵바 타입 업데이트 * feat(ui-kit): Snackbar 컴포넌트 타입에서 children 제거 * feat(ui-kit): 스낵바에 버튼이 연속으로 등장할 때 간격 설정 * feat(ui-kit): 의미없는 모듈 임포트 제거 * style(ui-kit): 수민님 디자인 피드백 반영 (#42) * feat(ui-kit): 카드 컴포넌트 추가 (#39) * feat(ui-kit): 카드 컴포넌트 추가 * feat(ui-kit): 모듈 관계 재정의 * feat(ui-kit): 카드 타입 수정 * feat(ui-kit): Alert, Container 컴포넌트 추가 (#43) * feat(ui-kit): Icon 컴포넌트가 className을 받을 수 있도록 수정 * feat(ui-kit): Column, Container 스타일 버그 수정 * feat(ui-kit): Alert 컴포넌트가 Div 속성을 상속받도록 변경 * feat(ui-kit): Alert 스토리 업데이트 * feat(ui-kit): className을 template string이 아니라 classnames 함수로만 처리하도록 변경 * refactor(ui-kit): 코드 정리 (#44) * refactor(ui-kit): 모듈 트리 변경 * refactor(ui-kit): clxs를 classnames로 변경 * refactor(ui-kit): BEM 방법론에 따른 클래스 명명 * refactor(ui-kit): 스토리북 경로 변경 * refactor(ui-kit): 스토리북 경로 원복 * feat(ui-kit): Input 컴포넌트 추가 (#46) * feat(ui-kit): input 컴포넌트 추가 * feat(ui-kit): Input 컴포넌트 라벨 스토리 수정 * feat(ui-kit): Input 컴포넌트 타입 스토리 추가 * feat(ui-kit): List, ListItem, ListItemImage 컴포넌트 추가 (#45) * feat(ui-kit): 리스트 기본 모양 잡음 * feat(ui-kit): 리스트에 left, right area 추가 * feat(ui-kit): 리스트 스토리북 수정 * chore: UPDATE README [skip ci] (#49) * Update README.md [skip ci] * Update README.md [skip ci] * feat(ui-kit): Accordion 컴포넌트 추가 (#47) * feat(ui-kit): Accordion 컴포넌트 추가 * feat(ui-kit): 아코디언 라벨 스타일 수정 * feat(ui-kit): input 컴포넌트 가현님 피드백 적용 * feat(ui-kit): 아코디언 상태 변경 이벤트 추가 * feat(ui-kit): ProgressBar 컴포넌트 추가 (#48) * feat(ui-kit): Button 컴포넌트 타입 추가 (#51) * feat(ui-kit): Button 컴포넌트 타입 추가 * refactor(ui-kit): change Combine type to CombineElementProps type * Update README.md [skip ci] * chore(ui-kit): 커스텀 도메인을 위한 CNAME 추가 (#52) * 알파 타겟 레포 변경 [skip ci] * CNAME 업데이트 [skip ci] * feat(ui-kit): Modal 컴포넌트 추가 (#50) * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): Modal 스토리 추가 * feat(ui-kit): Modal TODO * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): 타이틀 부분 태그 타입 수정 * chore: 리뷰 내용 반영-백드롭 forwradRef * chore: 리뷰 내용 반영-컴포넌트 합성 방식으로 변경 * chore: 모달 컴포넌트 스토리 수정 * chore: 리뷰반영 - 타입 변경, 엘리먼트 유효성 검사 * chore: 리뷰반영 - onOpen 이벤트, 백드롭 이벤트명 * chore: 리뷰반영 - 컴포넌트 제네릭 * chore: 린트 에러 * chore: 스토리 업데이트 * fix(ui-kit): Fix Modal Type Error * feat(ui-kit): Tag 컴포넌트 추가 (#53) * feat(ui-kit): 태그 컴포넌트 추가 * feat(ui-kit): Input 컴포넌트에 left 영역 추가 * feat(ui-kit): TagsInput 컴포넌트 추가 * 의미없는 generateId 제거 * feat(ui-kit): remove tagsInput * Feat/modal (#54) * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): Modal 스토리 추가 * feat(ui-kit): Modal TODO * feat(ui-kit): Modal 컴포넌트 추가 * feat(ui-kit): 타이틀 부분 태그 타입 수정 * chore: 리뷰 내용 반영-백드롭 forwradRef * chore: 리뷰 내용 반영-컴포넌트 합성 방식으로 변경 * chore: 모달 컴포넌트 스토리 수정 * chore: 리뷰반영 - 타입 변경, 엘리먼트 유효성 검사 * chore: 리뷰반영 - onOpen 이벤트, 백드롭 이벤트명 * chore: 리뷰반영 - 컴포넌트 제네릭 * chore: 린트 에러 * chore: 스토리 업데이트 * chore: 단일 엘리먼트가 주입된 경우 추가 * chore: 모달 컨텍스트 수정 * chore: 모달 컴포넌트 스토리 추가 * chore: 리뷰 내용 반영 - 변수명, children 배열 처리 * Feat/table re (#56) * chore: 컴포넌트, 스타일 import * feat(ui-kit): 테이블 컴포넌트 추가 * chore: 린트 픽스 * feat(ui-kit): Modal 컴포넌트 애니메이션 추가 (#57) * feat(ui-kit): Modal 컴포넌트 애니메이션 추가 * 사용하지 않는 Param 제거 * fix type * fix lint * 모달 hooks 애니메이션 수정 * 외부에서 closeModal을 호출해도 애니메이션이 종료된 후 모달이 사라지도록 수정 * remove eqeq * 의미없는 classnames 호출 제거 * feat(ui-kit): Tabs 컴포넌트 리팩토링 및 모바일 대응 추가 (#58) * feat(ui-kit): Tab 컴포넌트 리팩토링 및 모바일 대응 추가 * 탭 타이포그래피 적용 * feat(docs): 개발에 필요한 기본적인 세팅 완료 (#59) * fix(docs): 사용하지 않는 버튼 제거 * chore(docs): 배포 테스트 * chore(docs): 잡 네임 변경 * chore(docs): fix unknwon workspace * chore(docs): set git conf * chore(docs): 환경에 따라 CNAME 다르게 설정 * chore(docs): 빠진 모듈 추가 * chore(docs): 빠진 환경변수 추가 * chore(docs): CNAME 옮기는 경로 변경 * feat(docs): Docs 개발에 필요한 기본 세팅 완료 * chore(docs): live 배포 스크립트 주석 처리 * chore(docs): 라이브 CICD 다시 살림 * fix(ui-kit): Row 컴포넌트 상하 마진 제거 (#60) * fix(ui-kit): Grid 컴포넌트에 클래스 넣을 수 있도록 변경 (#61) * feat(docs): UI Kit Docs 페이지 와꾸 추가 (#62) * feat(docs): 대략적인 레이아웃 추가 * feat(docs): BasicLayout 추가 * Docs Ui Kit 버전 업 * feat(docs): 사이드 메뉴 대충 와꾸 잡음 * feat(docs): Getting Started 추가 * delete CNAME (#63) * Create CNAME * Delete CNAME Co-authored-by: Daniel kim <bboyzepot@gmail.com> * chore(docs): static resource 404 떨어지는 이슈 해결 (#64) * fix(docs): .nojekyll 파일 생성 * fix(docs): .nojekyll 파일 재생성 * fix(docs): 배포 테스트 * chore(docs): 배포 테스트 * chore(docs): 배포 테스트 * CI/CD 타겟 브랜치 수정 * Feat/toast snackbar combine (#65) * feat: 스낵바와 토스트 하나로 합침 * feat: 스낵바 스타일 정돈 * 스낵바 모바일 대응 * 의미없는 스타일 제거 * feat(ui-kit): 토스트 모바일 적용 배포 트리거 * Feat/text mobile (#66) * feat: Icon 컴포넌트 추가 * feat: 기존에 아이콘 모듈을 사용하던 곳 변경 * fix(ui-kit): 사용하지 않는 디펜던시 제거 (#67) * feat: Icon 컴포넌트 추가 * feat: 기존에 아이콘 모듈을 사용하던 곳 변경 * fix(ui-kit): fix lint Co-authored-by: KIM HYUNJUN <93kimhyunjun@gmail.com> Co-authored-by: 권재원 <springkjw@gmail.com> Co-authored-by: Daniel kim <bboyzepot@gmail.com> * chore(ui-kit): 배포테스트 Co-authored-by: KIM HYUNJUN <93kimhyunjun@gmail.com> Co-authored-by: 권재원 <springkjw@gmail.com> Co-authored-by: Daniel kim <bboyzepot@gmail.com>

lubycon-admin · 2021-04-11T09:12:45Z

🎉 This PR is included in version 1.2.0-alpha.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

lubycon-admin · 2021-04-11T09:22:19Z

🎉 This PR is included in version 1.2.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

# 1.0.0 (2021-09-11) ### Bug Fixes * build error ([3dba1ee](3dba1ee)) * build 스크립트가 workspace를 보고 있던 이슈 수정 ([ac5dd43](ac5dd43)) * install @semantic-release/exec ([3e0f0dc](3e0f0dc)) * package name is changed ([#128](#128)) ([d6394be](d6394be)) * Storybook 빌드 에러 수정 ([#118](#118)) ([da5586e](da5586e)) * vscode에서 typescript 모듈을 찾지 못하는 이슈 수정 [skip ci] ([#98](#98)) ([fbd7fb7](fbd7fb7)) * yarn 빌드 꺠지는 이슈 수정 ([#97](#97)) ([b98721a](b98721a)) * 배포 때 semantic-release 플러그인 못 찾는 이슈 수정 ([#120](#120)) ([175a937](175a937)), closes [#118](#118) [#98](#98) [#97](#97) [#119](#119) [#92](#92) [#114](#114) [#106](#106) [#103](#103) * 배포 에러 수정 ([cbf557b](cbf557b)) * 배포 테스트 ([4897c0f](4897c0f)) * 빌드 에러 수정 ([#127](#127)) ([372e697](372e697)) * **icon:** Icon 컴포넌트가 화면에 노출되었을 때 SVG 요청을 시작하도록 변경 ([#121](#121)) ([cb7ecb4](cb7ecb4)) * **Icon:** 아이콘이 깨지는 이슈 수정 ([#119](#119)) ([369808d](369808d)) * **Icon:** 필요없는 style 어트리뷰트 제거 ([#124](#124)) ([0fa565a](0fa565a)) * 빌드에러 수정 ([2fe086d](2fe086d)) * 빌드에러 수정 ([274ce7d](274ce7d)) * **docs:** remove nojekyll ([67419f0](67419f0)) * **ui-kit:** apple-logo-ar 아이콘의 경우에는 무조건 outline으로 타입이 지정되도록 수정 ([#91](#91)) ([c89b966](c89b966)) * **ui-kit:** checkbox 스토리 수정 ([#92](#92)) ([8182cbf](8182cbf)) * **ui-kit:** CSS Export 설정 변경 ([#73](#73)) ([0d2fce7](0d2fce7)) * **ui-kit:** Fix Modal Type Error ([33bc34f](33bc34f)) * **ui-kit:** Grid 컴포넌트에 클래스 넣을 수 있도록 변경 ([#61](#61)) ([cbeaf23](cbeaf23)) * **ui-kit:** remove duplicated export syntax ([b8ade40](b8ade40)) * **ui-kit:** Row 컴포넌트 상하 마진 제거 ([#60](#60)) ([8e867d1](8e867d1)) * **ui-kit:** Selection에 Disabled 안 먹는 이슈 수정 ([#86](#86)) ([fc0fa74](fc0fa74)) * **ui-kit:** 사용하지 않는 디펜던시 제거 ([#67](#67)) ([915e889](915e889)) * **ui-kit:** 타이포그래피 타입 깨지는 이슈 수정 ([41ade6b](41ade6b)) * **ui-kit:** 탭 컴포넌트 타입 깨지는 부분 수정 ([#38](#38)) ([eaa7c0f](eaa7c0f)) ### Features * Flex 컴포넌트 추가 ([#126](#126)) ([b33f747](b33f747)) * **skeleton:** Skeleton 컴포넌트 추가 ([#114](#114)) ([6d93782](6d93782)) * Snackbar 제거 및 TransitionMotion 컴포넌트 추가 ([#106](#106)) ([3900839](3900839)) * useOverlay hook 추가 ([#103](#103)) ([305adcb](305adcb)) * **docs:** Docs에 Prev, Next 버튼 추가 ([#77](#77)) ([7af14a3](7af14a3)) * **docs:** UI Kit Docs 페이지 와꾸 추가 ([#62](#62)) ([2b81488](2b81488)) * **docs:** 개발에 필요한 기본적인 세팅 완료 ([#59](#59)) ([2dca6af](2dca6af)) * **ui-kit:** Accordion 컴포넌트 추가 ([#47](#47)) ([dbdd25b](dbdd25b)) * **ui-kit:** Alert, Container 컴포넌트 추가 ([#43](#43)) ([6a2a372](6a2a372)) * **ui-kit:** Beta Release ([#68](#68)) ([8d15fe6](8d15fe6)), closes [#18](#18) [#14](#14) [#20](#20) [#21](#21) [#22](#22) [#23](#23) [#24](#24) [#25](#25) [#27](#27) [#28](#28) [#29](#29) [#30](#30) [#31](#31) [#32](#32) [#33](#33) [#34](#34) [#36](#36) [#35](#35) [#38](#38) [#37](#37) [#40](#40) [#41](#41) [#42](#42) [#39](#39) [#43](#43) [#44](#44) [#46](#46) [#45](#45) [#49](#49) [#47](#47) [#48](#48) [#51](#51) [#52](#52) [#50](#50) [#53](#53) [#54](#54) [#56](#56) [#57](#57) [#58](#58) [#59](#59) [#60](#60) [#61](#61) [#62](#62) [#63](#63) [#64](#64) [#65](#65) [#66](#66) [#67](#67) * **ui-kit:** Button 컴포넌트 타입 추가 ([#51](#51)) ([f423865](f423865)) * **ui-kit:** Color 추가 ([#24](#24)) ([a92b2cd](a92b2cd)) * **ui-kit:** Grid Column ([#25](#25)) ([a5a0ff0](a5a0ff0)) * **ui-kit:** Input 컴포넌트 추가 ([#46](#46)) ([2894397](2894397)) * **ui-kit:** List, ListItem, ListItemImage 컴포넌트 추가 ([#45](#45)) ([3bda7ed](3bda7ed)) * **ui-kit:** Modal 컴포넌트 애니메이션 추가 ([#57](#57)) ([3b76bbe](3b76bbe)) * **ui-kit:** Modal 컴포넌트 추가 ([#50](#50)) ([e16beb0](e16beb0)) * **ui-kit:** ProgressBar 컴포넌트 추가 ([#48](#48)) ([75b3646](75b3646)) * **ui-kit:** Radio 컴포넌트 추가 ([#23](#23)) ([4719333](4719333)) * **ui-kit:** Row 컴포넌트 추가 및 그리드 인터페이스 확정 ([#27](#27)) ([9752aaf](9752aaf)) * **ui-kit:** Selection 컴포넌트 추가 ([#32](#32)) ([bcf8652](bcf8652)) * **ui-kit:** Tabs 컴포넌트 리팩토링 및 모바일 대응 추가 ([#58](#58)) ([5d7b916](5d7b916)) * **ui-kit:** Tag 컴포넌트 추가 ([#53](#53)) ([d37bd03](d37bd03)) * **ui-kit:** Text 컴포넌트 디자인 변경 ([#20](#20)) ([ed86aad](ed86aad)) * **ui-kit:** Text 컴포넌트 추가 ([#18](#18)) ([1c7f777](1c7f777)), closes [#14](#14) * **ui-kit:** 공식 릴리즈 ([#69](#69)) ([f143ff1](f143ff1)), closes [#68](#68) [#18](#18) [#14](#14) [#20](#20) [#21](#21) [#22](#22) [#23](#23) [#24](#24) [#25](#25) [#27](#27) [#28](#28) [#29](#29) [#30](#30) [#31](#31) [#32](#32) [#33](#33) [#34](#34) [#36](#36) [#35](#35) [#38](#38) [#37](#37) [#40](#40) [#41](#41) [#42](#42) [#39](#39) [#43](#43) [#44](#44) [#46](#46) [#45](#45) [#49](#49) [#47](#47) [#48](#48) [#51](#51) [#52](#52) [#50](#50) [#53](#53) [#54](#54) [#56](#56) [#57](#57) [#58](#58) [#59](#59) [#60](#60) [#61](#61) [#62](#62) [#63](#63) [#64](#64) [#65](#65) [#66](#66) [#67](#67) * **ui-kit:** 모든 컴포넌트가 HTML 엘리먼트를 상속받도록 수정 ([#80](#80)) ([885a3dc](885a3dc)) * **ui-kit:** 섀도우 스타일, 스토리북 추가 ([#21](#21)) ([6c5b954](6c5b954)) * **ui-kit:** 스낵바 컴포넌트 추가 ([#41](#41)) ([429a441](429a441)) * **ui-kit:** 카드 컴포넌트 추가 ([#39](#39)) ([dc8b758](dc8b758)) * **ui-kit:** 타이포그래피 디자인 변경사항 반영 ([#22](#22)) ([d4e5742](d4e5742)) * **ui-kit:** 토스트 모바일 적용 배포 트리거 ([ff62810](ff62810)) * **ui-kit:** 토스트 포지션 및 스타일 수정 ([#40](#40)) ([420bb1d](420bb1d)) * **ui-kit:** 토스트에 Align 기능 추가 ([#36](#36)) ([976ce6f](976ce6f)) * **ui-kit:** 툴팁 컴포넌트 추가 ([#37](#37)) ([be2bbb5](be2bbb5))

# 1.0.0 (2021-09-11) ### Bug Fixes * build error ([3dba1ee](3dba1ee)) * build 스크립트가 workspace를 보고 있던 이슈 수정 ([ac5dd43](ac5dd43)) * install @semantic-release/exec ([3e0f0dc](3e0f0dc)) * package name is changed ([47c63e7](47c63e7)) * package name is changed ([b54ea31](b54ea31)) * package name is changed ([#128](#128)) ([d6394be](d6394be)) * Storybook 빌드 에러 수정 ([#118](#118)) ([da5586e](da5586e)) * vscode에서 typescript 모듈을 찾지 못하는 이슈 수정 [skip ci] ([#98](#98)) ([fbd7fb7](fbd7fb7)) * yarn 빌드 꺠지는 이슈 수정 ([#97](#97)) ([b98721a](b98721a)) * 배포 때 semantic-release 플러그인 못 찾는 이슈 수정 ([#120](#120)) ([175a937](175a937)), closes [#118](#118) [#98](#98) [#97](#97) [#119](#119) [#92](#92) [#114](#114) [#106](#106) [#103](#103) * 빌드 에러 수정 ([#127](#127)) ([372e697](372e697)) * **docs:** remove nojekyll ([67419f0](67419f0)) * **icon:** Icon 컴포넌트가 화면에 노출되었을 때 SVG 요청을 시작하도록 변경 ([#121](#121)) ([cb7ecb4](cb7ecb4)) * **Icon:** 필요없는 style 어트리뷰트 제거 ([#124](#124)) ([0fa565a](0fa565a)) * 배포 에러 수정 ([cbf557b](cbf557b)) * 배포 테스트 ([4897c0f](4897c0f)) * 빌드에러 수정 ([2fe086d](2fe086d)) * 빌드에러 수정 ([274ce7d](274ce7d)) * **Icon:** 아이콘이 깨지는 이슈 수정 ([#119](#119)) ([369808d](369808d)) * **ui-kit:** apple-logo-ar 아이콘의 경우에는 무조건 outline으로 타입이 지정되도록 수정 ([#91](#91)) ([c89b966](c89b966)) * **ui-kit:** checkbox 스토리 수정 ([#92](#92)) ([8182cbf](8182cbf)) * **ui-kit:** CSS Export 설정 변경 ([#73](#73)) ([0d2fce7](0d2fce7)) * **ui-kit:** Fix Modal Type Error ([33bc34f](33bc34f)) * **ui-kit:** Grid 컴포넌트에 클래스 넣을 수 있도록 변경 ([#61](#61)) ([cbeaf23](cbeaf23)) * **ui-kit:** remove duplicated export syntax ([b8ade40](b8ade40)) * **ui-kit:** Row 컴포넌트 상하 마진 제거 ([#60](#60)) ([8e867d1](8e867d1)) * **ui-kit:** Selection에 Disabled 안 먹는 이슈 수정 ([#86](#86)) ([fc0fa74](fc0fa74)) * **ui-kit:** 사용하지 않는 디펜던시 제거 ([#67](#67)) ([915e889](915e889)) * **ui-kit:** 타이포그래피 타입 깨지는 이슈 수정 ([41ade6b](41ade6b)) * **ui-kit:** 탭 컴포넌트 타입 깨지는 부분 수정 ([#38](#38)) ([eaa7c0f](eaa7c0f)) ### Features * Flex 컴포넌트 추가 ([#126](#126)) ([b33f747](b33f747)) * **skeleton:** Skeleton 컴포넌트 추가 ([#114](#114)) ([6d93782](6d93782)) * Snackbar 제거 및 TransitionMotion 컴포넌트 추가 ([#106](#106)) ([3900839](3900839)) * useOverlay hook 추가 ([#103](#103)) ([305adcb](305adcb)) * **docs:** Docs에 Prev, Next 버튼 추가 ([#77](#77)) ([7af14a3](7af14a3)) * **docs:** UI Kit Docs 페이지 와꾸 추가 ([#62](#62)) ([2b81488](2b81488)) * **docs:** 개발에 필요한 기본적인 세팅 완료 ([#59](#59)) ([2dca6af](2dca6af)) * **ui-kit:** Accordion 컴포넌트 추가 ([#47](#47)) ([dbdd25b](dbdd25b)) * **ui-kit:** Alert, Container 컴포넌트 추가 ([#43](#43)) ([6a2a372](6a2a372)) * **ui-kit:** Beta Release ([#68](#68)) ([8d15fe6](8d15fe6)), closes [#18](#18) [#14](#14) [#20](#20) [#21](#21) [#22](#22) [#23](#23) [#24](#24) [#25](#25) [#27](#27) [#28](#28) [#29](#29) [#30](#30) [#31](#31) [#32](#32) [#33](#33) [#34](#34) [#36](#36) [#35](#35) [#38](#38) [#37](#37) [#40](#40) [#41](#41) [#42](#42) [#39](#39) [#43](#43) [#44](#44) [#46](#46) [#45](#45) [#49](#49) [#47](#47) [#48](#48) [#51](#51) [#52](#52) [#50](#50) [#53](#53) [#54](#54) [#56](#56) [#57](#57) [#58](#58) [#59](#59) [#60](#60) [#61](#61) [#62](#62) [#63](#63) [#64](#64) [#65](#65) [#66](#66) [#67](#67) * **ui-kit:** Button 컴포넌트 타입 추가 ([#51](#51)) ([f423865](f423865)) * **ui-kit:** Color 추가 ([#24](#24)) ([a92b2cd](a92b2cd)) * **ui-kit:** Grid Column ([#25](#25)) ([a5a0ff0](a5a0ff0)) * **ui-kit:** Input 컴포넌트 추가 ([#46](#46)) ([2894397](2894397)) * **ui-kit:** List, ListItem, ListItemImage 컴포넌트 추가 ([#45](#45)) ([3bda7ed](3bda7ed)) * **ui-kit:** Modal 컴포넌트 애니메이션 추가 ([#57](#57)) ([3b76bbe](3b76bbe)) * **ui-kit:** Modal 컴포넌트 추가 ([#50](#50)) ([e16beb0](e16beb0)) * **ui-kit:** ProgressBar 컴포넌트 추가 ([#48](#48)) ([75b3646](75b3646)) * **ui-kit:** Radio 컴포넌트 추가 ([#23](#23)) ([4719333](4719333)) * **ui-kit:** Row 컴포넌트 추가 및 그리드 인터페이스 확정 ([#27](#27)) ([9752aaf](9752aaf)) * **ui-kit:** Selection 컴포넌트 추가 ([#32](#32)) ([bcf8652](bcf8652)) * **ui-kit:** Tabs 컴포넌트 리팩토링 및 모바일 대응 추가 ([#58](#58)) ([5d7b916](5d7b916)) * **ui-kit:** Tag 컴포넌트 추가 ([#53](#53)) ([d37bd03](d37bd03)) * **ui-kit:** Text 컴포넌트 디자인 변경 ([#20](#20)) ([ed86aad](ed86aad)) * **ui-kit:** Text 컴포넌트 추가 ([#18](#18)) ([1c7f777](1c7f777)), closes [#14](#14) * **ui-kit:** 공식 릴리즈 ([#69](#69)) ([f143ff1](f143ff1)), closes [#68](#68) [#18](#18) [#14](#14) [#20](#20) [#21](#21) [#22](#22) [#23](#23) [#24](#24) [#25](#25) [#27](#27) [#28](#28) [#29](#29) [#30](#30) [#31](#31) [#32](#32) [#33](#33) [#34](#34) [#36](#36) [#35](#35) [#38](#38) [#37](#37) [#40](#40) [#41](#41) [#42](#42) [#39](#39) [#43](#43) [#44](#44) [#46](#46) [#45](#45) [#49](#49) [#47](#47) [#48](#48) [#51](#51) [#52](#52) [#50](#50) [#53](#53) [#54](#54) [#56](#56) [#57](#57) [#58](#58) [#59](#59) [#60](#60) [#61](#61) [#62](#62) [#63](#63) [#64](#64) [#65](#65) [#66](#66) [#67](#67) * **ui-kit:** 모든 컴포넌트가 HTML 엘리먼트를 상속받도록 수정 ([#80](#80)) ([885a3dc](885a3dc)) * **ui-kit:** 섀도우 스타일, 스토리북 추가 ([#21](#21)) ([6c5b954](6c5b954)) * **ui-kit:** 스낵바 컴포넌트 추가 ([#41](#41)) ([429a441](429a441)) * **ui-kit:** 카드 컴포넌트 추가 ([#39](#39)) ([dc8b758](dc8b758)) * **ui-kit:** 타이포그래피 디자인 변경사항 반영 ([#22](#22)) ([d4e5742](d4e5742)) * **ui-kit:** 토스트 모바일 적용 배포 트리거 ([ff62810](ff62810)) * **ui-kit:** 토스트 포지션 및 스타일 수정 ([#40](#40)) ([420bb1d](420bb1d)) * **ui-kit:** 토스트에 Align 기능 추가 ([#36](#36)) ([976ce6f](976ce6f)) * **ui-kit:** 툴팁 컴포넌트 추가 ([#37](#37)) ([be2bbb5](be2bbb5))

lubycon-admin · 2021-09-11T09:10:12Z

🎉 This PR is included in version 1.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

feat(ui-kit): input 컴포넌트 추가

f2df42e

evan-moon requested review from springkjw and Junkim93 February 15, 2021 15:49

evan-moon self-assigned this Feb 15, 2021

feat(ui-kit): Input 컴포넌트 라벨 스토리 수정

0712718

evan-moon added the ✨ enhancement New feature or request label Feb 15, 2021

feat(ui-kit): Input 컴포넌트 타입 스토리 추가

6f2524d

Junkim93 reviewed Feb 16, 2021

View reviewed changes

Junkim93 approved these changes Feb 16, 2021

View reviewed changes

evan-moon merged commit 2894397 into alpha Feb 16, 2021

evan-moon deleted the feat/input branch February 16, 2021 14:13

lubycon-admin added the released on @alpha label Feb 16, 2021

lubycon-admin added the released label Apr 11, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(ui-kit): Input 컴포넌트 추가 #46

feat(ui-kit): Input 컴포넌트 추가 #46

evan-moon commented Feb 15, 2021 •

edited

Loading

Junkim93 Feb 16, 2021

evan-moon Feb 16, 2021

evan-moon Feb 16, 2021

Junkim93 Feb 16, 2021

lubycon-admin commented Feb 16, 2021

lubycon-admin commented Apr 11, 2021

lubycon-admin commented Apr 11, 2021

lubycon-admin commented Sep 11, 2021

feat(ui-kit): Input 컴포넌트 추가 #46

feat(ui-kit): Input 컴포넌트 추가 #46

Conversation

evan-moon commented Feb 15, 2021 • edited Loading

변경사항

Available Types

Interface

디자인 시안 링크

집중적으로 리뷰 받고 싶은 부분이 있나요?

Junkim93 Feb 16, 2021

Choose a reason for hiding this comment

evan-moon Feb 16, 2021

Choose a reason for hiding this comment

evan-moon Feb 16, 2021

Choose a reason for hiding this comment

Junkim93 Feb 16, 2021

Choose a reason for hiding this comment

lubycon-admin commented Feb 16, 2021

lubycon-admin commented Apr 11, 2021

lubycon-admin commented Apr 11, 2021

lubycon-admin commented Sep 11, 2021

evan-moon commented Feb 15, 2021 •

edited

Loading