TextFieldV2 추가-Tooltip/Typography/Layout 변경 및 Number 관련 편의기능 지원

[bce0404]

기존 TextField를 개선한 TextFieldV2를 추가합니다.

TextFieldV2
BugFix

• Width 입력 시 특정 상황에서 백그라운드 색상이 올바르지 않을 수 있는 문제 수정.

Add

• Label이 위치할 수 있는 영역을 추가하였습니다.
  기존 : left/right/label, 신규 : left/right/top/bottom
• Label의 처리 방식이 변경되었습니다.
  기존 : Stack을 사용하여 자동으로 비율이 조정됨, 신규 : Grid로 변경하여 5:5로 나누어짐
• Interger Type을 지원합니다.
  numberOptions -> onlyInteger를 true로 지원하면 Blur event 발생 시 반올림으로 값을 대체합니다.
• Max/Min 설정 및 판단 조건을 지정할 수 있습니다.
  numberOptions -> max/min으로 최고/최저값을 설정할 수 있습니다.
  해당 값이 설정된 경우 마우스를 TextField 위에 호버하면 설정된 최고/최저값을 확인할 수 있습니다.
  numberOptions -> condition -> max/min으로 최고/최저 판단 조건을 설정할 수 있습니다.
  max : less/lessEqual
  min : greater/greaterEqual
• Error 조건을 함수로 판단할 수 있습니다.
  기존 : boolean type으로만 지원, 신규 : boolean/Function Type 지원
  error={(value:string) => { return true/false }
• Step 설정을 지원합니다.
  numberOptions -> step으로 Spinner 클릭 시 값 변경 정도를 지정할 수 있습니다.

Typography

• singleLine 옵션이 추가하였습니다.
  Typography를 무조건 한 줄로만 표시할 수 있도록 강제할 수 있습니다.
  한 줄로 강제되는 경우, 범위를 벗어난 값은 말줄임표(...)로 표시됩니다.

Tooltip
Add

• arrowBorder 옵션을 추가하였습니다.
  Tooltip arrow에 테두리를 지정할 수 있습니다.

더욱 자세한 수정 사항은 Storybook에서 확인할 수 있습니다.

[kh1012]

기존 코드 변경이 아닌,
피드백 없이 완벽합니다.
Goooooooooooooood
이야기 한 것들을 참 잘 지켜주었습니다 :)