v2.1.0

Core Changes (Breaking Changes)

Color

• 앞으로 Primary, Secondary 색상을 시스템 단에서 사용하지 않도록 변경되었습니다. 이는 Primary 색상을 CI 용도로 분리하여 쓰이기 위함입니다.
• 이에 따라 primary100 -> contents000, primary200 -> contents999(새로 추가됨)로 변경하시면 됩니다.
• 기존 Secondary 색상은 스타일 가이드에서 Deprecated 되었습니다. 더 이상 리멤버의 주요한 테마 컬러가 아니므로, 기존 Secondary 컬러를 사용하시려면 hex 코드를 직접 입력하여 사용하시면 됩니다. (ex. #E0A526)

Dependency Updates

• 다음과 같은 Dependency가 업데이트 되었습니다.

• Bump lodash from 4.17.19 to 4.17.21 by @dependabot in #26
• Bump browserslist from 4.12.0 to 4.16.6 by @dependabot in #27
• Bump path-parse from 1.0.6 to 1.0.7 by @dependabot in #29
• Bump ws from 5.2.2 to 5.2.3 by @dependabot in #33
• Bump object-path from 0.11.4 to 0.11.8 by @dependabot in #34
• Bump shelljs from 0.8.4 to 0.8.5 by @dependabot in #40
• Bump node-sass from 4.12.0 to 7.0.0 by @dependabot in #42

New Contributors

• @saengmotmi made their first contribution in #46

Full Changelog: v2.0.3...v2.1.0

v2.0.3

Minor change

Component

• Select Component의 color을 최신 color로 교체

Bug Fix

• Select Component에서 Select를 열면 전체 높이가 2px 증가하여 덜컹거리는듯한 느낌을 주던 문제 수정

v2.0.2

Minor change

Color

• backgroundAccent200이 추가됐습니다

Type

• tooltip 관련 type이 string에서 union으로 바뀌어 자동완성이 지원됩니다.

Bug Fix

• tooltip에서 props name때문에 warning이 생기던 문제를 수정했습니다.

v2.0.1

Minor change

• Message Modal의 cancel button의 theme이 primary outline -> light outline으로 변경되었습니다.

v2.0.0

Core Changes (Breaking Changes)

Color

• 기존 color들이 이름이 모두 바뀌었습니다. 자세한 것은 스크린샷과 Migration Guide 참고

NewColor

• contents150
• disableAccent100
• disabledAccent200
• backgroundNew100

Deleted Color

• contents05 -> background200
• contents04 -> background300

Component

• Radio에 black type이 추가됐습니다
• NewBaseButton의 styling이 변경되었습니다.
  • small button의 font가 13px -> 12px로 변경되었습니다.
  • small button의 border-radius가 2px -> 4px로 변경되었습니다.
  • large button의 height이 40px -> 44px로 변경되었습니다.
  • large button의 font가 15px -> 16px로 변경되었습니다.
  • xlarge button의 height이 48px -> 52px로 변경되었습니다.
• MessageModal의 기본 너비가 311px에서 360px로 변경되었고, 모바일에서의 너비가 항상 외부로부터 24px씩 떨어지는 디자인이 되도록 변경했습니다.
• MessageModal에 기본 styling이 빠져 좀 더 유연하게 개발할 수 있도록 수정됐습니다.
• primary theme의 NewBaseButton에서도 loading spinner가 잘 보이도록 개선 됐습니다.

Deprecated 예고

Color

• gold150
• gold200
• yellow10
• yellow50
• yellow60
• yellow70
• yellow100
• blue30
• blue100
• blue450
• red50
• red100
• green50
• green70
• green100
• brown100
• orange100
• white
• text
• borderColor
• gray

Component

• BaseButton

Migration Guide

Color

New Color Migration

• primary01 -> primary100
• primary02 -> primary200
• secondary01 -> secondary100
• contents00 -> contents000
• contents01 -> contents100
• contents02 -> contents200
• contents03 -> contents300
• accent01 -> accent100
• accent02 -> accent200
• background01 -> background100
• background02 -> background200
• background03 -> background300
• backgroundAccent01 -> backgroundAccent100
• contents04 -> background300
• contents05 -> background200

Old Color Migration

아래 명시된 color 이외의 값은 디자이너와 상의하여 교체하도록 한다.

• gray450 -> primary100
• gray400 -> primary100
• gray350 -> contents100
• gray300 -> contents100
• gray200 -> contents100
• gray150 -> contents200
• gray120 -> contents300
• gray100 -> contents300
• gray80 -> background300
• gray70 -> background200
• gray50 -> background200
• yellow10 -> background200
• yellow100 -> secondary100
• blue100 -> accent200
• red100 -> accent100
• red50 -> disableAccent100
• blue30 -> disableAccent200
• text -> contents000
  • primary100과 contents000은 hex값이 동일하나 text color는 contents000을 주로 사용함
• borderColor -> contents300
• gray -> contents100
• white -> primary200 혹은 background100
• primary200과 background100은 hex 값은 같으나 경우에따라 더 알맞는 이름으로 사용 바람

Component

MessageModal

• 크게 바뀐 것은 없으니 children으로 합성되는 컴포넌트에 기본적인 font나 style이 먹여져있던 것이 사라졌기 때문에 한번 확인 필요

NewBaseButton

• Core Changes를 참고하여 기존 레이아웃에 문제 없는지 확인

v1.19.1

Core Changes

• contents04, contents05 type 제거
• background01, background02, background03, backgroundAccent01 type 추가

v1.19.0

Core Changes

• Background02, Background03, BackgroundAccent01이 추가되었습니다.

Breaking Changes

• Contents04, Contents05가 삭제되었습니다.

v1.18.1

• font mixin의 타입 수정

v1.18.0

• MaskingInput, ImageInput, Accordian 타입 추가
• FlexContainer, BaseInput, Select 타입 수정

v1.17.0

• Message Modal 추가 (커뮤니티웹에서 코드 이전)