Dev Kit

Release note

Info Table

Changes

pds-dev-kit-web@1.3.9

• Component

  • AdminList

    • selectionMode의 value변경 (‘none’ | ‘use’ 에서 'none' | ‘single’ | 'multi'로 변경)

    • 전체선택 체크박스를 해제할 시 maintain 되어야 하는 아이템의 체크박스를 유지하게 수정

    • quickActionBtnType이 ‘fix’ 일 경우 퀵 액션 버튼이 호버했을 시에만 버튼이 보여지게 수정

  • Dropdown

    • selectMode?: 'one' | 'multi'; -> selectionMode?: 'single' | 'multi’;로 변경 (문구의 통일성 위해)

  • DesktopBasicModal

    • prop추가

      • mBtn1Type

      • mBtn2Type

      • mBtn3Type

  • Icon

    • line icon value추가

      • ic_folder

      • ic_download

      • ic_arrow_left_thin

      • ic_arrow_right_thin

• Color

  • 컬러 키 값 22.04.28 21시 43분 기준 싱크

pds-dev-kit-web@1.3.8

• Component

  • Icon

    • line 아이콘 추가 (ic_question)

  • D_TextLabel

    • prop 추가

      • tooltipText

      • tooltipPosition

• Color

  • 컬러 키 값 22.04.24 20시 21분 기준 싱크

pds-dev-kit-web@1.3.7

• Layout

  • LayoutWF, LayoutWS, LayoutWT에 min-width:1200px 부여

• Component

  • PDSValueOption타입 import 가능하게 조치

  • DesktopTabBar

    • 클릭 이벤트 영역 수정

    • subTab단에 클릭 이벤트 추가

  • AdminListHeader

    • 내부에 있던 totalPage를 구하는 연산의 제거

  • FilterBar

    • Chip 주변의 spacing 부여 방식 조절

• Color

  • 컬러 키 값 22.04.20 21시 37분 기준 싱크

pds-dev-kit-web@1.3.6

• Component

  • DesktopHeaderBar

    • prop 추가

      • rightBtn2Mode

      • rightBtn3Mode

      • mBtnState

      • mBtn2State

      • mBtn2Text

      • onClickRightBtn2

      • onClickRightBtn3

  • EditApplyTextField

    • data 관리를 제대로 하지 못하고 있던 문제 해결

  • Icon

    • line 아이콘 추가 (ic_design_preference)

• Color

  • 컬러 키 값 22.04.19 18시 19분 기준 싱크

pds-dev-kit-web@1.3.5

• Component

  • PDSValueOption타입 추가 (텍스트와 id와 같은 고유값이 있는 형태의 컴포넌트는 모두 PDSValueOption 타입을 사용해 통일감있게 PDS 컴포넌트를 생성할 예정)(해당 타입은 ‘pds-dev-kit-web’에서 임포트 해서 사용할 수 있습니다.)

  • AdminList

    • BulkActionBar의 MainButton과 Dropdown에 colotTheme 적용

    • HeaderRowHideMode 프롭 명칭을 HeaderRowMode로 변경 (default는 ‘use')

    • selectionMode가 ‘none’일 시 왼쪽 여백이 너무 작은 이슈 수정

    • BulkActionBar의 MainButton과 Dropdown 액션 이후에 AdminList의 상태를 초기화 하는 로직을 삭제 (-> 각 개발자가 각 상황에 알맞게 사용하는게 더 낫다고 판단)

    • selectedIds, onSelect 프롭을 받지 않을 시 useEffect에서 발생하던 에러 픽스

  • AdminListHeader

    • TitleText, DescText, FilterBar, BulkActionBar 사이의 여백 조정

  • AdminListItem

    • column5Text 부터 TextStyle이 반영되지 않던 이슈 수정

    • quickActionBtnMode가 ‘none’일 때 버튼 영역이 보이지 않도록 수정

    • selectState가 ‘maintain’일 때 체크박스가 선택되어진 상태에서 유지되도록 변경

    • selectionMode가 ‘none’일 시 왼쪽 여백이 너무 작은 이슈 수정

  • Chip

    • prop추가

      • option

    • prop deprecated표시 (1.5에서 삭제 예정)

      • activeChipId

      • chipId

  • ContextMenuItem

    • prop추가

      • value

      • id

    • prop deprecated표시 (1.5에서 삭제 예정)

      • text

      • value

    • prop type 변경

      • onClick이 value로 PDSValueOption도 받을 수 있음

  • Dropdown

    • prop type 변경

      • defaultValue

      • valueArray

      • onChange

  • FilterBar

    • prop추가

      • value

    • prop deprecated표시 (1.5에서 삭제 예정)

      • activeChipId

    • prop type 변경

      • textArray

      • name

      • onClickChip

  • UserDesktopNavBar

    • prop type 변경

      • textArray

pds-dev-kit-web@1.3.4

• Color

  • 컬러 키 값 22.04.18 19시 03분 기준 싱크

pds-dev-kit-web@1.3.3

• Component

  • TextLabel

    • word-break: keep-all;로 변경 (한글 줄바꿈시 단어가 어색하게 잘리지 않기 위해)

  • Icon

    • line 아이콘 추가 (ic_minus_circle, ic_papp_type)

pds-dev-kit-web@1.3.2

• Component

  • DesktopBasicModal

    • mBtn1State 값이 필수였던 것 필수가 아니게 변경

pds-dev-kit-web@1.3.1

• Component

  • DesktopBasicModal

    • mBtn1State, mBtn2State, mBtn3State 추가

    • 전체 높이와 Body부분 높이 관련 css 수정

  • TextFieldBase

    • enterSubmitMode prop 추가

  • TextField

    • enterSubmitMode prop 추가

pds-dev-kit-web@1.3.0

• Component

  • BlogTextField

    • desktop최적화 버전 추가

    • spacingMode prop추가

  • AdminList 생성

  • AdminListItem 생성

  • AdminListHeader 생성

• Color

  • 컬러 키 값 22.04.13 00시 13분 기준 싱크

pds-dev-kit-web@1.2.0

• 문서와 버전을 맞추기 위해 버전만 올림 - 변경사항 없음

pds-dev-kit-web@1.1.0

• 문서와 버전을 맞추기 위해 버전만 올림 - 변경사항 없음

pds-dev-kit-web@1.0.0

• 문서와 버전을 맞추기 위해 버전만 올림 - 변경사항 없음

pds-dev-kit-web@0.7.3

• Component

  • TextLabel

    • 기본 줄바꿈 관련 css 스펙 변경 (자연스러운 영문 표기를 위한 처리)

• Color

  • 컬러 키 값 22.04.08 16시 30분 기준 싱크

pds-dev-kit-web@0.7.2

• Layout

  • WTQ_1 수정 (전체 배경색 위한 임시 조치)

  • WTN 수정 (Area단에 고정 너비 부여)

• Color

  • 컬러 키 값 22.04.06 16시 03분 기준 싱크

pds-dev-kit-web@0.7.1

• Package

  • react-hook-form v7.7.1에서 v7.28.1로 업데이트

• Component

  • MobileHeaderBar

    • dividerType -> dividerMode prop명 변경

  • TextLabel

    • underline prop 삭제 (TextLabel의 의도와 맞지 않는 Prop이라고 판단)

    • customFontSize prop 추가 (정해진 값 이외의 폰트 사이즈 필요성 대두)

    • customFontWeight prop 추가

    • userSelectMode prop 추가 (블록지정 금지 기능의 필요로 인해)

  • ImageSlide

    • radius prop 추가

    • borderMode prop 추가

• Layout

  • WTQ-1 추가

• Color

  • 컬러 키 값 22.04.05 14시 55분 기준 싱크

pds-dev-kit-web@0.7.0

• Component

  • Desktop

    • BasicFormGroup 생성

    • BasicList 생성

    • BasicListItem 생성

    • BodyTextGroup 생성

    • DesktopAlertDialog 생성

    • DesktopBasicModal 생성

    • Dropdown 생성

    • PageTitleTextGroup 생성

  • Mobile 

    • BasicFormGroup 생성

    • BasicList 생성

    • BasicListItem 생성

    • BodyTextGroup 생성

    • Dropdown 생성

    • MobileAlertDialog 생성

    • MobileBasicModal 생성

pds-dev-kit-web@0.6.14

• Package

  • react-hook-form v7.28.1에서 v7.7.1로 다운그레이드

pds-dev-kit-web@0.6.13

• Package

  • react-hook-form v7.7.1에서 v7.28.1로 업데이트

• Component

  • Spacing

    • min-width와 min-height 추가

pds-dev-kit-web@0.6.12

• Component

  • Select

    • 화살표 아이콘의 위치가 안 맞는 문제 수정

    • read_only와 disabled일때 클릭이 되는 문제 수정

pds-dev-kit-web@0.6.11

• Component

  • FloatingActionButton

    • fontWeight의 default value를 bold로 부여 (기획서와 싱크 맞춤)

  • MobileHeaderBar

    • displayType이 ibtn_amount2일때, 좌측에 빈공간을 하나 더 추가 (MobileHeaderBar에서 우측에 버튼이 2개일때 title이 중앙에 위치하지 않고 좌측으로 치우치는 문제를 해결)

pds-dev-kit-web@0.6.10

• Layout

  • WT

    • ContainerBox에 WTO_1, WTP_1을 위해 부여했던 css 조건 관련 수정 (WTA에 영향을 주던 부분 수정)

pds-dev-kit-web@0.6.9

• Color

  • 컬러 키 값 22.03.24 오후 14시 35분 기준 싱크

pds-dev-kit-web@0.6.8

• Layout

  • WT

    • WTA에 무한 스크롤 임시 대응 관련 주석 추가

    • WTH_3 생성

    • WTO_1 생성

    • WTP_1 생성

    • 새로운 유형을 위한 SubMenuContainer 생성

• 컬러 키 값 22.03.24 오전 11시 25분 기준 싱크

pds-dev-kit-web@0.6.7

• Component

  • TextFieldBase

    • onKeyDown이벤트로 code가 ‘Enter’일때 preventDefault를 적용

pds-dev-kit-web@0.6.6

• Component

  • Icon

    • minWidth와 minHeight를 추가하고 size를 따르도록 추가

  • TextField

    • small과 medium일때 우측 간격 12px(spacingC) -> 8px(spacingB)로 변경

  • Checkbox

    • defaultValue를 지워서 useForm의 defaultValues에 따라 기본값이 지정되도록 수정

      input에 value가 name으로 되어있어 false 또는 name의 값을 반환하던 것을 수정

      storybook내 setValue → defaultValues로 변경

pds-dev-kit-web@0.6.5

• Layout

  • WT

    • WTI레이아웃 내부 area의 min-width를 width로 변경

pds-dev-kit-web@0.6.4

• Layout

  • WS

    • WSE-1

      • ContentsArea에 부여되어있던 min-width: 912px; 삭제

        Content1에 max-width: 720px; min-width: 512px; 추가

  • WF

    • WFB-1

      • Content1에 max-width: 720px; min-width: 512px; 추가

  • WT

    • 모바일형 (WTA, WTK에 container와 area 배경색 변경 및 추가)

      TopPageMenu에 container와 area 배경색 변경 및 추가

      WTI-2 추가

      WTN-2 추가

• Component

  • Icon

    • ic_ten_sec_back_arrow 모양 변경

      ic_ten_sec_forward_arrow 모양 변경

      ic_arrow_round_left 추가

      ic_post_vote 추가

  • DesktopTabBar

    • styleTheme이 content일때 ui_cpnt_tabbar_border_active_indicator 색상이 들어가도록 로직 추가

  • TextFieldBase

    • placeholder에 font-size, font-weight, line-height 부여

• 컬러 키 값 22.03.17 오후 12시 40분 기준 싱크

pds-dev-kit-web@0.6.3

• theme

  • line-height중 singleLine의 값 normal -> 1로 변경

• Component

  • TextLabel

    • singleLineMode와 ellipsisMode가 같이 쓰였을 경우에는 singleLine의 값이 포함되지 않도록 부여

      테스트로 쓰였던 btnMode 제거

  • EditApplyTextField

    • 엔터시에 input의 기본 이벤트 막도록 설정

• 컬러 키 값 22.03.10 오전 10시 30분 기준 싱크

pds-dev-kit-web@0.6.2

• Color

  • tone정보 받을 수 있도록 uiColors대신 customTheme을 사용하게 수정

• Component

  • MobileHeaderBar

    • 왼쪽 아이콘에 컬러 제대로 부여

• 컬러 키 값 22.02.23 오후 2시 50분 기준 싱크

pds-dev-kit-web@0.6.1

• Component

  • TextField

    • 가장 바깥의 div에도 너비 관련 css 부여

  • Divider

    • colorTheme prop 추가

• 컬러 키 값 22.02.23 오후 2시 50분 기준 싱크

pds-dev-kit-web@0.6.0

• Color

  • 톤 설정 기능 사용 가능 (톤별로 배포할 필요x)

• 스트링 키 값 22.02.21 오후 4시 55분 기준 싱크

• 컬러 키 값 22.02.21 오후 4시 55분 기준 싱크

pds-dev-kit-web@0.5.20, @0.5.21

• Color

  • @0.5.20는 Light tone 적용 (SW용)

  • @0.5.21은 Dark tone 적용 (UW, UM용)

• Component

  • BlogTextField

    • onFocus가 event 받을 수 있게 수정

  • EditApplyTextField

    • responsiveMode prop추가

    • onFocus가 event 받을 수 있게 수정

  • Icon

    • …rest값 못 받게 변경

    • ic_lock line아이콘 추가

  • MainButton

    • responsiveMode prop추가

  • Selet

    • responsiveMode prop추가

  • TextButton

    • responsiveMode prop추가

  • TextFieldBase

    • onFocus가 event 받을 수 있게 수정

    • onTarget이 input과 textArea에 부여되어있었던 것 삭제

    • auto일때도 scroll 가능하게 수정

  • TextField

    • responsiveMode prop추가

    • onFocus가 event 받을 수 있게 수정

    • 전체를 감싸는 div추가

  • UploadMainButton

    • responsiveMode prop추가

  • UploadTextButton

    • responsiveMode prop추가

• 스트링 키 값 22.02.21 오후 4시 55분 기준 싱크

• 컬러 키 값 22.02.21 오후 4시 55분 기준 싱크

pds-dev-kit-web@0.5.18, @0.5.19

• Color

  • @0.5.18는 Light tone 적용 (SW용)

  • @0.5.19은 Dark tone 적용 (UW, UM용)

• Component

  • EditApplyTextField

    • getInputValue prop 추가

  • ContextMenu

    • z-index: 3 추가

• 스트링 키 값 22.02.17 오후 3시 15분 기준 싱크

• 컬러 키 값 22.02.17 오후 3시 15분 기준 싱크

pds-dev-kit-web@0.5.16, @0.5.17 

• Color

  • @0.5.16는 Light tone 적용 (SW용)

  • @0.5.17은 Dark tone 적용 (UW, UM용)

• Component

  • Switch

    • 컴포넌트 자체가 차지하는 크기 추가

  • EditApplyTextField

    • onClickSubmitBtn prop 추가

  • DesktopTabBar

    • M_DesktopTapBar로 오타 나있던 것 M_DesktopTabBar로 수정

    • 높이값 기획서대로 조정

  • UserDesktopTabBar

    • 높이값 기획서대로 조정

  • MobileTabBar

    • 높이값 기획서대로 조정

• 스트링 키 값 22.02.14 오후 8시 53분 기준 싱크

• 컬러 키 값 22.02.14 오후 8시 53분 기준 싱크

pds-dev-kit-web@0.5.14, @0.5.15

• Color

  • @0.5.14는 Light tone 적용 (SW용)

  • @0.5.15은 Dark tone 적용 (UW, UM용)

• Component

  • 자주 쓰이는 타입들 모아서 types 폴더에 정리

  • 모바일 컴포넌트에서 onTouchStart 이벤트로 받고 있던 부분들 onMouseDown로 변경

  • on 형식으로 바로 넣어주고 있던 부분 handle형식으로 받도록 변경

  • EditApplyTextField

    • 에러텍스트가 없을 때, 패딩 생기는 것 수정
      에러텍스트 자체의 text-align을 left로 변경

• 스트링 키 값 22.02.12 오후 4시 25분 기준 싱크

• 컬러 키 값 22.02.12 오후 4시 25분 기준 싱크

pds-dev-kit-web@0.5.12, @0.5.13

• Color

  • @0.5.12는 Light tone 적용 (SW용)

  • @0.5.13은 Dark tone 적용 (UW, UM용)

• Layout

  • 모바일 레이아웃 ContentsContainer의 Area단의 max-width 제거

• 스트링 키 값 22.02.10 오후 11시 40분 기준 싱크

• 컬러 키 값 22.02.10 오후 11시 40분 기준 싱크

pds-dev-kit-web@0.5.10, @0.5.11

• Color

  • @0.5.10는 Light tone 적용 (SW용)

  • @0.5.11은 Dark tone 적용 (UW, UM용)

• Component

  • TextField

    • 에러텍스트가 없을 때, 패딩 생기는 것 수정

    • 에러텍스트 자체의 text-align을 left로 변경

  • TextLabel

    • ellipsisMode일때, keep-all로 부여 했던 것 삭제

• Layout

  • 모바일 레이아웃 ContentsContainer의 Area단에 가운데 정렬 되도록 수정

• 스트링 키 값 22.02.10 오후 2시 50분 기준 싱크

• 컬러 키 값 22.02.10 오후 2시 50분 기준 싱크

pds-dev-kit-web@0.5.8, @0.5.9

• Color

  • @0.5.8는 Light tone 적용 (SW용)

  • @0.5.9은 Dark tone 적용 (UW, UM용)

• Component

  • ImageView

    • noImageHeight과 noImageWidth 작동 이상한 것 fix

  • MobileHeaderBar

    • iBtn1IconColorKey prop 추가

    • iBtn2IconColorKey prop 추가

    • iBtn1State prop 추가

    • iBtn2State prop 추가

    • iBtn1Type prop 추가

    • iBtn2Type prop 추가

• 스트링 키 값 22.02.08 오후 4시 30분 기준 싱크

• 컬러 키 값 22.02.08 오후 4시 30분 기준 싱크

pds-dev-kit-web@0.5.6, @0.5.7

• Color

  • @0.5.6는 Light tone 적용 (SW용)

    @0.5.7은 Dark tone 적용 (UW, UM용)

• Layout

  • MPA

    • Area의 padding-bottom: 88px; 주석 처리 (스크롤 이슈 해결 위한 임시 방편)

  • MPB

    • Area의 padding-bottom: 88px; 주석 처리 (스크롤 이슈 해결 위한 임시 방편)

• Component

  • Icon

    • ic_post_inquiry line 추가

      ic_post_welcome line svg모양 변경

• 스트링 키 값 22.02.08 오전 9시 50분 기준 싱크

  컬러 키 값 22.02.08 오전 9시 50분 기준 싱크

pds-dev-kit-web@0.5.4, @0.5.5

• Color

  • @0.5.4는 Light tone 적용 (SW용)

    @0.5.5은 Dark tone 적용 (UW, UM용)

• Component

  • ImageView

    • src와 배경 관련하여 내부 로직 수정

pds-dev-kit-web@0.5.2, @0.5.3

• Color

  • @0.5.2는 Light tone 적용 (SW용)

  • @0.5.3은 Dark tone 적용 (UW, UM용)

• pakage.json

  • react-hook-form 버전 업

• Layout

  • MPA

    • Area와 content1에 ‘height: 100%;’ 임시 부여 (스크롤 이슈 해결 위해 부여했지만 하단의 패딩이 무시되는 현상때문에 빠른 시일 내에 다른 방식으로 수정 예정)

  • MPB

    • Area와 content1에 ‘height: 100%;’ 임시 부여 (스크롤 이슈 해결 위해 부여했지만 하단의 패딩이 무시되는 현상때문에 빠른 시일 내에 다른 방식으로 수정 예정)

• 스트링 키 값 22.02.07 오후 2시 55분 기준 싱크

• 컬러 키 값 22.02.07 오후 2시 55분 기준 싱크

pds-dev-kit-web@0.5.0, @0.5.1

• Color

  • @0.5.0은 Light tone 적용 (SW용)

  • @0.5.1는 Dark tone 적용 (UW, UM용)

• Type

  • FillIconNameKeys, LineIconNameKeys, UiColors 타입을 쓸 수 있도록 export

• Theme

  • Line-height에 btn추가

• Layout

  • MP

    • NavigationContainer height 부여 했던 것을 min-height로 변경

• Component 수정 사항

  • Icon

    • iconName prop 관련 수정

      • 필수가 아니도록 변경

      • Default value 'ic_unavailable' 부여

    • colorKey prop 관련 수정

      • 필수가 아니도록 변경

      • Default value 'ui_cpnt_icon_sys_grey_01' 부여

    • 새로운 icon 추가

      • ic_post_welcome

      • ic_ten_sec_back

      • ic_ten_sec_back_arrow

      • ic_ten_sec_forward

      • ic_ten_sec_forward_arrow

  • ImageView

    • width prop 관련 수정

      • Default value 제거

    • height prop 관련 수정

      • 'responsive' value 추가

    • noImageWidth prop 추가

    • backgroundFillMode prop 추가

  • TextLabel

    • btnMode 추가

• Component 추가 사항

  • BlogTextField

    • M_BlogTextField 생성

  • Card

    • D_Card 생성

    • M_Card 생성

  • CardList

    • D_CardList 생성

    • M_CardList 생성

  • Checkbox

    • D_Checkbox 생성

    • M_Checkbox 생성

  • Chip

    • D_Chip 생성

    • M_Chip 생성

  • ContextMenu

    • D_ContextMenu 생성

    • M_ContextMenu 생성

  • ContextMenuItem

    • D_ContextMenuItem 생성

    • M_ContextMenuItem 생성

  • DesktopHeaderBar

    • D_DesktopHeaderBar 생성

  • DesktopTapBar

    • D_DesktopTapBar 생성

  • EditApplyTextField

    • D_EditApplyTextField 생성

  • FilterBar

    • D_FilterBar 생성

  • FloatingActionButton

    • D_FloatingActionButton 생성

  • ImageSlide

    • D_ImageSlide 생성

    • M_ImageSlide 생성

  • MainButton

    • D_MainButton생성

    • M_MainButton 생성

  • MobileHeaderBar

    • M_MobileHeaderBar 생성

  • MobileTabBar

    • M_MobileTabBar 생성

  • Radio

    • D_Radio 생성

    • M_Radio 생성

  • ReactionButton

    • D_ReactionButton 생성

    • M_ReactionButton 생성

  • Select

    • D_Select 생성

    • M_Select 생성

  • Switch

    • Switch 생성

  • TextButton

    • D_TextButton 생성

    • M_TextButton 생성

  • TextField

    • D_TextField 생성

    • M_TextField 생성

  • UploadIconButton

    • D_UploadIconButton 생성

    • M_UploadIconButton 생성

  • UploadMainButton

    • D_UploadMainButton 생성

    • M_UploadMainButton 생성

  • UploadTextButton

    • D_UploadTextButton 생성

    • M_UploadTextButton 생성

  • UserDesktopNavBar

    • D_UserDesktopNavBar 생성

  • UserDesktopTabBar

    • D_UserDesktopTabBar 생성

    • M_UserDesktopTabBar 생성

• 스트링 키 값 22.02.07 오전 1시 40분 기준 싱크

• 컬러 키 값 22.02.07 오전 1시 40분 기준 싱크

pds-dev-kit-web@0.4.2

• 기운님께서 컬러 톤 테스트를 위해 배포

pds-dev-kit-web@0.4.0, @0.4.1

• Color

  • @0.4.0은 Light tone 적용 (SW용)

  • @0.4.1는 Dark tone 적용 (UW, UM용)

• Component

  • IconButton

    • hybrid형태(IconButton)로 제공되던 것을 desktop 최적화(D_IconButton)와  mobile 최적화(M_IconButton) 버전으로 나누어 제공 (mobile의 경우 hover가 없어야 하기 때문)

      • IconButton 삭제

      • D_IconButton 생성

      • M_IconButton 생성

    • iconSize Props value 48 추가

• 스트링 키 값 22.01.13 오후 4시 40분 기준 싱크

• 컬러 키 값 22.01.13 오후 4시 40분 기준 싱크

pds-dev-kit-web@0.3.49, @0.3.50

• Color

  • @0.3.49은 Light tone 적용 (SW용)

  • @0.3.50는 Dark tone 적용 (UW, UM용)

• Component

  • IconButton

    • ‘baseSize’ props의 enum value ‘xxlarge’ 추가

    • ‘iconSize’ props의 enum value ‘72’ 추가

• 스트링 키 값 22.01.12 오후 4시 50분 기준 싱크

• 컬러 키 값 22.01.12 오후 4시 50분 기준 싱크

pds-dev-kit-web@0.3.47, @0.3.48

• Color

  • @0.3.47은 Light tone 적용 (SW용)

  • @0.3.48는 Dark tone 적용 (UW, UM용)

• Layout

  • WTH

    • WTH_2 생성

  • WTK

    • WTK_1 생성

    • WTK_2 생성

    • WTK_3 생성

  • WTL

    • WTL_1 생성

  • WTM

    • WTM_1 생성

    • WTM_2 생성

  • WTN

    • WTN_1 생성

• 스트링 키 값 22.01.12 오전 10시 30분 기준 싱크

• 컬러 키 값 22.01.12 오전 10시 30분 기준 싱크

pds-dev-kit-web@0.3.45, @0.3.46

• Color

  • @0.3.45은 Light tone 적용 (SW용)

  • @0.3.46는 Dark tone 적용 (UW, UM용)

• Component

  • Icon

    • icpostphotobook 아이콘 추가

• 스트링 키 값 22.01.11 오후 2시 10분 기준 싱크

• 컬러 키 값 22.01.11 오후 2시 10분 기준 싱크

pds-dev-kit-web@0.3.43, @0.3.44

• Color

  • @0.3.43은 Light tone 적용 (SW용)

  • @0.3.44는 Dark tone 적용 (UW, UM용)

• Component

  • Divider

    • Divider 생성 (hybrid)

  • Hero

    • D_Hero 생성 (desktop에 최적화)

  • StatusBlock

    • D_StatusBlock (desktop에 최적화)

    • M_StatusBlock 생성 (mobile에 최적화)

  • IconButton

    • IconButton 생성 (hybrid)

• 스트링 키 값 22.01.06 오후 2시 00분 기준 싱크

• 컬러 키 값 22.01.06 오후 2시 00분 기준 싱크

pds-dev-kit-web@0.3.41, @0.3.42

• Color

  • @0.3.41은 Light tone 적용 (SW용)

  • @0.3.42는 Dark tone 적용 (UW, UM용)

• Component

  • ImageView

    • ImageView 컴포넌트에 noImageHeight prop 추가 (원본 이미지 그대로 보여주는 상황에 src가 없을 경우 나타나는 회색 배경의 높이를 따로 지정 가능해야하기 때문에)

• 스트링 키 값 22.01.05 오전 10시 30분 기준 싱크

• 컬러 키 값 22.01.05 오전 10시 30분 기준 싱크

pds-dev-kit-web@0.3.39, @0.3.40

• Color

  • @0.3.39은 Light tone 적용 (SW용)

  • @0.3.40는 Dark tone 적용 (UW, UM용)

• Layout

  • WT

    • PageMenuContainer의 height : 64px를 min-height : 64px로 변경 (NavBar뿐만 아니라 TabBar 등의 다른 컴포넌트도 함께 담을 수 있도록 하기 위해)

  • MP

    • MPB_1 생성

    • MPC_1 생성

    • MPC_2 생성

    • MPD_1 생성

    • MPE_1 생성

    • MPF_1 생성

    • MPF_2 생성

  • MS

    • MSA_1 생성

    • MSB_1 생성

    • MSC_1 생성

    • MSC_2 생성

    • MSD_1 생성

    • MSE_1 생성

    • MSF_1 생성

    • MSF_2 생성

  • MM

    • MMA_1 생성

    • MMB_1 생성

  • MF

    • MFA_1 생성

    • MFB_2 생성

    • MFC_1 생성

    • MFD_1 생성

    • MFE_1 생성

    • MFE_2 생성

• Component

  • Icon

    • Icon 컴포넌트 생성

  • ImageView

    • ImageView 컴포넌트 생성

  • DTextLabel, MTextLabel

    • 기본 상태일때, word-break값 break-all으로 변경 (너비만 제한되어있을 경우 자동으로 다음줄로 넘어가게 하기 위함)

    • ellipsisMode일때, word-break값 keep-all으로 부여 (줄이 자동으로 넘어가지 않고, ellipsis를 생성하도록 하기 위함)

• 스트링 키 값 21.12.31 오전 10시 00분 기준 싱크

• 컬러 키 값 21.12.31 오전 10시 00분 기준 싱크

pds-dev-kit-web@0.3.37, @0.3.38

• Color

  • @0.3.37은 Light tone 적용 (SW용)

  • @0.3.38는 Dark tone 적용 (UW, UM용)

• 스트링 키 값 21.12.16 오후 6시 40분 기준 싱크

• 컬러 키 값 21.12.16 오후 6시 40분 기준 싱크

pds-dev-kit-web@0.3.35, @0.3.36

• Color

  • @0.3.35은 Light tone 적용 (SW용)

  • @0.3.36는 Dark tone 적용 (UW, UM용)

• 스트링 키 값 21.12.14 오전 10시 55분 기준 싱크

• 컬러 키 값 21.12.14 오전 10시 55분 기준 싱크

pds-dev-kit-web@0.3.33, @0.3.34

• Color

  • @0.3.33은 Light tone 적용 (SW용)

  • @0.3.34는 Dark tone 적용 (UW, UM용)

• 스트링 키 값 21.12.14 오전 9시 20분 기준 싱크

• 컬러 키 값 21.12.14 오전 9시 20분 기준 싱크

pds-dev-kit-web@0.3.31, @0.3.32

• Color

  • @0.3.31은 Light tone 적용 (SW용)

  • @0.3.32는 Dark tone 적용 (UW, UM용)

• Component

  • Spacing

    • spacingType prop 필수가 아니게 변경

• 스트링 키 값 21.12.10 오전 10시 00분 기준 싱크

• 컬러 키 값 21.12.10 오전 10시 00분 기준 싱크

pds-dev-kit-web@0.3.29, @0.3.30

• Color

  • @0.3.29은 Light tone 적용 (SW용)

  • @0.3.30는 Dark tone 적용 (UW, UM용)

• Component

  • Spacing

    • spacingType prop 추가

• Layout

  • WSG_4 생성

  • WTJ_1 생성

• 스트링 키 값 21.12.09 오후 4시 30분 기준 싱크

• 컬러 키 값 21.12.09 오후 4시 30분 기준 싱크

pds-dev-kit-web@0.3.28

• Color

  • @0.3.28는 Dark tone 적용 (UW, UM용)

• Layout

  • MPA_1 생성

  • MFB_1 생성

• 스트링 키 값 21.12.08 오전 11시 00분 기준 싱크

• 컬러 키 값 21.12.08 오전 11시 00분 기준 싱크

pds-dev-kit-web@0.3.26, @0.3.27

• Color

  • @0.3.26은 Light tone 적용 (SW용)

  • @0.3.27는 Dark tone 적용 (UW, UM용)

• 스트링 키 값 21.12.02 오후 12시 40분 기준 싱크

• 컬러 키 값 21.12.02 오후 12시 40분 기준 싱크

pds-dev-kit-web@0.3.24, @0.3.25 

• Color

  • @0.3.24은 Light tone 적용 (SW용)

  • @0.3.25는 Dark tone 적용 (UW, UM용)

• Layout

  • WTA 수정

    • 하단 padding 88px 제거

  • WF 수정

    • height 점검

• 스트링 키 값 21.12.01 오후 12시 50분 기준 싱크

• 컬러 키 값 21.12.01 오후 12시 50분 기준 싱크

pds-dev-kit-web@0.3.22, @0.3.23

• Color

  • @0.3.22은 Light tone 적용 (SW용)

  • @0.3.23는 Dark tone 적용 (UW, UM용)

• Layout

  • WF 수정

    • height 점검

• 스트링 키 값 21.11.30 오후 5시 25분 기준 싱크

• 컬러 키 값 21.11.30 오후 5시 25분 기준 싱크

pds-dev-kit-web@0.3.20, @0.3.21

• Color

  • @0.3.20은 Light tone 적용 (SW용)

  • @0.3.21는 Dark tone 적용 (UW, UM용)

• Layout

  • WF 수정

    • height 점검

• 스트링 키 값 21.11.30 오후 12시 45분 기준 싱크

• 컬러 키 값 21.11.30 오후 12시 45분 기준 싱크

pds-dev-kit-web@0.3.18, @0.3.19

• Color

  • @0.3.18은 Light tone 적용 (SW용)

  • @0.3.19는 Dark tone 적용 (UW, UM용)

• Layout

  • WFK_1 수정

    • Content1에서 padding-top 24px 제거

  • WF 수정

    • height와 overflow 점검

• 스트링 키 값 21.11.30 오전 11시 45분 기준 싱크

• 컬러 키 값 21.11.30 오전 11시 45분 기준 싱크

pds-dev-kit-web@0.3.16, @0.3.17

• Color

  • @0.3.16은 Light tone 적용 (SW용)

  • @0.3.17는 Dark tone 적용 (UW, UM용)

• 스트링 키 값 21.11.29 오후 4시 30분 기준 싱크

• 컬러 키 값 21.11.29 오후 4시 30분 기준 싱크

pds-dev-kit-web@0.3.14, @0.3.15

• Color

  • @0.3.14은 Light tone 적용 (SW용)

  • @0.3.15는 Dark tone 적용 (UW, UM용)]

• Component

  • D_TextLabel 수정

    • leadParaBold 추가

  • M_TextLabel 수정

    • leadParaBold 추가

• 스트링 키 값 21.11.29 오전 1시 5분 기준 싱크

• 컬러 키 값 21.11.29 오전 1시 5분 기준 싱크

pds-dev-kit-web@0.3.12, @0.3.13

• 스트링 키 값 21.11.28 기준 싱크

• 컬러 키 값 21.11.28 기준 싱크

• Color

  • @0.3.12은 Light tone 적용 (SW용)

  • @0.3.13는 Dark tone 적용 (UW, UM용)

• Layout

  • WSE 수정

    • min-width 추가

  • WSB 수정

    • padding-top 추가

pds-dev-kit-web@0.3.10, @0.3.11

• 스트링 키 값 21.11.26 기준 싱크

• 컬러 키 값 21.11.26 기준 싱크

• Color

  • @0.3.10은 Light tone 적용 (SW용)

  • @0.3.11는 Dark tone 적용 (UW, UM용)

  • Opacity 포함된 값들 정상 작동

• Layout

  • WTA 수정

    • content1에 height: 100%; 적용

pds-dev-kit-web@0.3.8, @0.3.9

• 스트링 키 값 21.11.25 기준 싱크

• 컬러 키 값 21.11.25 기준 싱크

• Color

  • @0.3.8은 Light tone 적용 (SW용)

  • @0.3.9는 Dark tone 적용 (UW, UM용)

• D_TextLabel

  • colorOveride prop 추가

• M_TextLabel

  • colorOveride prop 추가

• Layout

  • WFK 수정

    • 각 container 비율 3:7 → 4:6

pds-dev-kit-web@0.3.7

• 컬러 키 값 21.11.24 기준 싱크

• Color

  • Dark tone 적용

pds-dev-kit-web@0.3.6

• 스트링 키 값 21.11.24 기준 싱크

• 컬러 키 값 21.11.24 기준 싱크

• theme

  • boxShadow추가

  • spacing추가

• Component

  • spacing추가

• Layout

  • WTA

    • 양 옆 라인 끊겨 보이는 현상 수정

pds-dev-kit-web@0.3.5

• 스트링 키 값 21.11.22 기준 싱크

• 컬러 키 값 21.11.22 기준 싱크

• Layout

  • container단에 배경색 컬러 키 값 부여

  • container단에 line이 부여되는 경우 컬러 uicontainerdivider부여

  • area단에 line이 부여되는 경우 컬러 uiareadivider부여

  • WT

    • WTA 수정

      • 양쪽에 line 추가 (배경과 컨텐츠 부분 구분 필요)

    • WTD 수정

      • 화면 비율 조정

    • WTI 추가

    • GlobalMenu영역 overflow: hidden; 제거 (…클릭시 뜨는 것 위해)

  • WF

    • WFF 추가

    • WFG 추가

    • WFH 추가

    • WFI 추가

    • WFJ 추가

    • WFK 추가

pds-dev-kit-web@0.3.4

• components

  • D_TextLabel 수정

    • ellipsisMode와 lineLimit props 추가

  • M_TextLabel 수정

    • ellipsisMode와 lineLimit props 추가

• theme

  • LineHeight - singleLine의 값 1에서 normal로 수정 (말줄임 처리를 할때 overflow hidden을 사용하는데, 그 경우에 같이 사용되면 g나y같이 descender를 가진 아이들이 짤려보이는 문제 해결 위해) 

pds-dev-kit-web@0.3.3

• components

  • D_TextLabel 수정

    • prop name style -> styleTheme으로 수정 (기본 내장되어 있는 style prop과 충돌하는 것 해결)

  • M_TextLabel 수정

    • prop name style -> styleTheme으로 수정 (기본 내장되어 있는 style prop과 충돌하는 것 해결)

pds-dev-kit-web@0.3.2

• components

  • D_TextLabel 수정

    • type을 object에 넣어 두었던 것들 다 일일이 부여 (컴포넌트 사용시 사용 가능한 enum들 바로 볼 수 있도록)

  • M_TextLabel 수정

    • type을 object에 넣어 두었던 것들 다 일일이 부여 (컴포넌트 사용시 사용 가능한 enum들 바로 볼 수 있도록)

pds-dev-kit-web@0.3.1

• components

  • D_TextLabel 생성

  • M_TextLabel 생성

pds-dev-kit-web@0.3.0

• 전체

  • 패키지 내부의 폴더 구조 및 세팅 변경 (desktop과 mobile을 나누지 않고 대응하기 위함)

    • theme에서 가져다 쓸 수 있는 항목 변경

• Theme

  • 지원하는 theme 항목 축소 및 이름 변경

    • fontWeight

      • theme.fontWeight.—으로 이용 가능

    • desktopFontSize

      • theme.desktopFontSize.—으로 이용 가능

    • desktopLineHeight

      • theme.desktopLineHeight.—으로 이용 가능

    • mobileFontSize

      • theme.mobileFontSize.—으로 이용 가능

    • mobileLineHeight

      • theme.mobileLineHeight.—으로 이용 가능

    • uiColors

      • theme.ui_—으로 이용 가능

  • Type도 추가로 지원

pds-dev-kit-web@0.2.1 --> 생각했던 방식대로 쓸 수 없는 상황. 사용 금지.

pds-dev-kit-web@0.2.0 --> 생각했던 방식대로 쓸 수 없는 상황. 사용 금지.

pds-dev-kit-web@0.1.5

• Layout

  • 전체

    • max-width값 제거해야하는 유형에 한하여 제거

  • WS

    • WSA유형

      • max-width 제거

    • WSB유형

      • max-width 제거

    • WSC유형

      • max-width 제거

    • WSE유형

      • max-width 제거

    • WSF유형

      • Container2 -> min-width 추가

    • WSG유형

      • min-width 추가

      • 내용을 넣었을때, 비율이 일그러지는 버그 수정

  • WT

    • WTB유형

      • max-width 제거

    • WTE유형

      • max-width 제거 + 그에 따른 width % 제거

    • WTF유형

      • max-width 제거

      • 3, 4, 6유형의 경우 그에 따른 width 변경

    • WTG유형

      • max-width 제거 + 그에 따른 width % 제거

    • WTH유형

      • max-width 제거 + 그에 따른 width 추가

  • WF

    • WFA유형

      • 좌측 정렬에서 중앙 정렬로 변경

      • Area width변경 + 그에 따른 width값과 margin값 조정

    • WFB유형

      • 좌측 정렬에서 중앙 정렬로 변경

      • Area width변경 + 그에 따른 width값과 margin값과 flex값 조정

    • WFE유형

      • 좌측 정렬에서 중앙 정렬로 변경

      • Area width변경 + 그에 따른 width값과 margin값 조정

pds-dev-kit-web@0.1.4

• Theme

  • textLineHeight - 텍스트 크기별로 추가

• 다국어 키값 수정

  • sync 파일들을 build 예외처리

  • @typescript-eslint/parser 추가 (i18n 파일 수정하면서 type 추가하려고 했는데 타입 입력시에 : 를 입력하면 에러로 나와서 @typescript-eslint/parser를 추가해보았지만 설정 차이가 있는지 읽지를 못해서 일단은 추가만 해보았습니다.)

pds-dev-kit-web@0.1.3

• theme

  • color 관련 파일들 수정

    • 구글 시트 경로 수정 (.env도 함께 변경)

  • font

    • noto sans 제거

    • fontWeight : normal → 500 / bold → 700

    • lineHeight : 1.5 → 1.6

    • form1, form2, blog1 폰트 사이즈 추가

    • fontSize의 특정구간 (body1 ~ caption2) 2px씩 증가

pds-dev-kit-web@0.1.2

• LICENSE문서 추가

• layout

  • 레이아웃 유형 추가

    • WSF_7

    • WSG_3

    • WTD_5

    • WTD_6

  • container가 2단일 경우 라인을 추가

    • WSF

    • WSG

    • WTD

    • WTF

  • WFB유형 구조와 content1 움직임 수정

  • WF유형 StepContainer 줄어들지 않게 수정

  • WT유형 PageMenuContainer 줄어들지 않게 수정

  • WFE유형 StepContent 스크롤 작동법 수정

  • ContentContainer에서 배경 컬러값을 받을 수 있도록 수정 (지금 단계에서 개별 작업자가 사용하지는 않는다.)

  • ContentArea에서 배경 컬러값을 받을 수 있도록 수정 (지금 단계에서 개별 작업자가 사용하지는 않는다.)

  • WS유형에서 GlobalMenu를 닫아도 오른쪽 부분이 끊겨보이지 않도록 오른쪽 부분 width수정

pds-dev-kit-web@0.1.1

• layout

  • 스크롤이 여러개 나타나는 문제 수정

pds-dev-kit-web@0.1.0

• layout

  • layoutWS

  • layoutWF

  • layoutWT

• theme

  • textSize (theme.textSize.x형태로 사용 가능)

  • textWeight (theme.textWeight.x형태로 사용 가능)

  • textLineHeight (theme.textLineHeight.x형태로 사용 가능)

  • color system에 맞춘 color (ui_형태 사용 가능)