Dev Kit

Release note

Info Table

Changes

pds-dev-kit-web@2.1.21

• Color

  • 컬러 키 값 23.08.07 17시 57분 기준 싱크

pds-dev-kit-web@2.1.20

• sub

  • DynamicLayout

    • Section에 hover관련 사항 제거를 통한 리렌더 이슈 픽스

pds-dev-kit-web@2.1.19

• sub

  • DynamicLayout - custom section

    • custom block 관련 이슈 수정

pds-dev-kit-web@2.1.18

• sub

  • DynamicLayout - custom section

    • opacity가 visibility로 잘못 들어가 있던 부분 수정

pds-dev-kit-web@2.1.17

• sub

  • DynamicLayout - custom section

    • 버튼 CB 의 background vs background-color 간에 동시 적용으로 인해 solid가 보이지 않던 현상을 수정

pds-dev-kit-web@2.1.16

• Components

  • DesktopHeaderBar 수정 작업

  • DesktopTabBar 수정 작업

• sub

  • DynamicLayout

    • 이미지 컴포넌트 블럭 스타일 요소별로 나누어 적용

    • 커스텀 섹션에 bg 미디어가 유튜브인 경우 스펙 변경에 따른 리렌더링 적용

pds-dev-kit-web@2.1.15

• package

  • Editor 3.0 대응 작업

pds-dev-kit-web@2.1.14

• Components

  • Icon

    • ic_section_~~_32 / ic_section_~~_40 → 각각 두 종류 아이콘 수정 작업 (라인을 좀 더 굵게 표현함)

    • ic_section_content

    • ic_section_contentscarousel

    • ic_section_custom

    • ic_section_divider

    • ic_section_footer

    • ic_section_iframe

    • ic_section_infobox

    • ic_section_intro

    • ic_section_map

    • ic_section_membership

    • ic_section_pricebox

    • ic_section_productcarousel

    • ic_section_review

    • ic_section_slider

    • ic_section_tab

  • slider

    • min / max 넘지 않도록 수정

• Color

  • 컬러 키 값 23.08.06 16시 22분 기준 싱크

pds-dev-kit-web@2.1.13

• Components

  • TextField

    • delete button, stepper, suffixText의 작동 방식 및 간격 변경

  • Icon

    • ic_logo_yt

      • fill 수정

    • ic_arrow_round_left

      • line 수정

      • fill 추가

    • ic_layout

      • line, fill 수정

    • ic_text_align_top

      • line, fill 추가

    • ic_text_align_middle

      • line, fill 추가

    • ic_text_align_bottom

      • line, fill 추가

    • ic_text_align_left

      • line, fill 추가

    • ic_text_align_center

      • line, fill 추가

    • ic_text_align_right

      • line, fill 추가

• Color

  • 컬러 키 값 23.08.03 20시 50분 기준 싱크

pds-dev-kit-web@2.1.12

• Components

  • TextField

    • 각 prop에 따른 내부 간격 수정

  • TextLabel

    • 각 styleTheme에 맞게 tooltip icon이 중앙정렬되어 보일 수 있도록 수정

  • Icon

    • ic_links

      • fill 수정

    • ic_plus_circle

      • line 수정

      • fill 추가

    • ic_minus_circle

      • line 수정

      • fill 추가

    • ic_video_type

      • line, fill 추가

    • ic_arrow_up_stepper

      • fill 추가

    • ic_arrow_down_stepper

      • fill 추가

    • ic_accordion

      • fill 수정

    • ic_align_bottom

      • fill 수정

    • ic_align_center

      • fill 수정

    • ic_align_left

      • fill 수정

    • ic_align_middle

      • fill 수정

    • ic_align_right

      • fill 수정

    • ic_align_top

      • fill 수정

    • ic_audio

      • fill 수정

    • ic_button

      • fill 수정

    • ic_calendar

      • fill 수정

    • ic_carousel

      • line, fill 수정

    • ic_copy

      • fill 수정

    • ic_device_app

      • fill 수정

    • ic_device_desktop

      • fill 수정

    • ic_device_mobile

      • fill 수정

    • ic_divider

      • fill 수정

    • ic_download

      • fill 수정

    • ic_editor_left_side

      • fill 수정

    • ic_editor_right_side

      • fill 수정

    • ic_embed

      • fill 수정

    • ic_icon

      • fill 수정

    • ic_image

      • fill 수정

    • ic_layer_backward

      • fill 수정

    • ic_layer_forward

      • fill 수정

    • ic_layout

      • fill 수정

    • ic_light_bulb

      • line, fill 수정

    • ic_list

      • fill 수정

    • ic_logo_insta

      • fill 수정

    • ic_logo_twitter

      • fill 수정

    • ic_paint

      • fill 수정

    • ic_plus_round

      • fill 수정

    • ic_rich_text

      • line, fill 수정

    • ic_scrolling_text

      • fill 수정

    • ic_shape

      • fill 수정

    • ic_slider

      • fill 수정

    • ic_text

      • fill 수정

    • ic_trashcan

      • fill 수정

    • ic_upload

      • fill 수정

• Color

  • 컬러 키 값 23.08.02 18시 25분 기준 싱크

pds-dev-kit-web@2.1.11

• Components

  • BasicButtonGroup

    • iconFillType이 제대로 작동하도록 수정

  • SegmentedButtonGroup

    • iconFillType이 제대로 작동하도록 수정

  • Icon

    • ic_audio

      • fill, line 추가

    • ic_calendar

      • fill, line 추가

    • ic_embed

      • fill, line 추가

    • ic_icon

      • fill, line 추가

    • ic_list

      • fill, line 추가

    • ic_post_inquiry

      • fill 추가

    • ic_scrolling_text

      • fill, line 추가

    • ic_seller_page

      • fill 추가

    • ic_slider

      • fill, line 추가

  • TextLabel

    • 툴팁 텍스트의 행간을 1.2로 수정

    • 툴팁 최대 너비를 320px -> 240px로 수정

• Color

  • 컬러 키 값 23.07.29 15시 46분 기준 싱크

pds-dev-kit-web@2.1.10

• Components

  • Icon 수정 및 추가

    • ic_information 추가

    • ic_light_bulb 추가

    • ic_menu_design 추가

  • Slider

    • min이 0이 아닌경우에 thumb가 track을 벗어나는 이슈 수정

    • Slider의 Thumb위치가 prop으로 전달되는 value에 의해 계산되어 렌더링 되도록 수정

      • defaultValue prop 삭제

      • value prop 추가

• Color

  • 컬러 키 값 23.07.21 21시 02분 기준 싱크

pds-dev-kit-web@2.1.9

• Components

  • Icon 수정 및 추가

    • ic_accordion

    • ic_download

    • ic_post_storage

    • ic_section_custom_32

    • ic_section_custom_40

    • ic_target

pds-dev-kit-web@2.1.8

• Package

  • type

    • SegmentedButtonGroupValueOption export 처리

• Components

  • BasicButtonGroup

    • tooltipText prop 추가

    • tooltipPosition prop 추가

  • ContextMenuItem

    • option에 fontWeight 추가

    • displayType 조건에 따른 내부 간격 수정

  • Dropdown

    • fontWeight prop 추가

    • displayType 조건에 따른 내부 간격 수정

  • Icon

    • 기존 아이콘 개선 및 추가

  • IconButton

    • 툴팁 텍스트가 있는 경우, disabled여도 툴팁 텍스트가 뜨도록 변경

  • SegmentedButtonGroup

    • selectedType prop명 selectionType으로 변경

    • selectionType의 형태가 반대로 구현되었던 부분 수정

    • tooltipText prop 추가

    • tooltipPosition prop 추가

  • UploadIconButton

    • 툴팁 텍스트가 있는 경우, disabled여도 툴팁 텍스트가 뜨도록 변경

  • TextField

    • fontWeight prop 추가

  • TextLabel

    • styleTheme prop에 form1Bold, form2Bold 추가

pds-dev-kit-web@2.1.7

• Components

  • BasicButtonGroup

    • valueArray에 iconColorTheme='none' | 'red'  추가

  • ContextMenuItem

    • displayType prop에 default value 지정

  • SegmentedButtonGroup

    • iconColorTheme='red' 추가

  • IconButton

    • shapeType prop에 round option 추가

  • UploadIconButton

    • shapeType prop에 round option 추가

  • TextField

    • deleteBtnMode추가

  • TextLabel

    • tooltip 디자인 변경(통일성 위해)

  • D_Slider

    • x-pds-device-type을 mobile에서 desktop으로 변경

pds-dev-kit-web@2.1.6

• Package

  • type

    • BasicButtonGroupValueOption export 처리

    • ContextMenuItemValueOption export 처리

    • DropdownValueOption export 처리

    • AdminListDropdownValueOption export 처리

• Components

  • AdminList

    • Dropdown을 사용하는 부분의 type 변경

  • ContextMenuItem

    • option과 onClick의 type 변경

• Color

  • 컬러 키 값 23.07.12 18시 11분 기준 싱크

pds-dev-kit-web@2.1.5

• sub

  • DynamicLayout

    • FullscreenIframSection

      • multiPurposeUrl에 유효하지 않는 URL이 올 경우 about:blank 가 입력되도록 수정(FullscreenIframSection이 재귀적으로 생성되는 이슈 해결)

• Color

  • 컬러 키 값 23.07.12 15시 17분 기준 싱크

pds-dev-kit-web@2.1.4

• Color

  • 컬러 키 값 23.07.06 15시 25분 기준 싱크

pds-dev-kit-web@2.1.3

• sub

  • DynamicLayout

    • Iframe Section

      • 캐싱된 파일이 아닌 항상 새로운 주소를 불러올 수 있도록 변경

pds-dev-kit-web@2.1.2

• Components

  • TextFieldBase

    • stepper기능과 함께 들어갔던 z-index 제거

pds-dev-kit-web@2.1.1

• components

  • IconButton

    • iconSize prop에 value 32 추가

  • Select

    • size가 medium일때 radius값을 14px에서 12px로 변경

  • TextButton

    • colorTheme prop에 value grey2 추가

  • TextField

    • size가 medium일때 radius값을 14px에서 12px로 변경

  • UploadIconButton

    • iconSize prop에 value 32 추가

  • UploadTextButton

    • colorTheme prop에 value grey2 추가

  • D_UploadIconButton

    • tooltip 기능 추가

      • tooltipText

      • tooltipPosition

pds-dev-kit-web@2.1.0

• components

  • BasicButtonGroup 생성

  • Dropdown

    • displayType prop 추가 (icon 활용 가능하게 업데이트)

  • SegmentedButtonGroup 생성

  • Slider 생성

pds-dev-kit-web@2.0.14

• components

  • Icon

    • ic_dotted_circle line icon 추가

  • IconButton

    • tooltip 기능 추가

  • TextField

    • stepper 기능 추가 

• layout

  • WSI_1 생성

• Color

  • 컬러 키 값 23.06.21 18시 30분 기준 싱크

pds-dev-kit-web@2.0.13

• sub

  • DynamicLayout

    • membership section 디자인 변경

    • 스토리북 세분화

• Color

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

pds-dev-kit-web@2.0.12

• Component

  • Icon

    • 커머스 관련 line icon 추가

      • ic_box

      • ic_cart

      • ic_delivery

      • ic_receipt

      • ic_shop

      • ic_shoppingbag

• sub

  • AdminList

    • ToolBar

      • chip들의 왼쪽 간격이 searchMode에 따라 변경되도록 조치

• Color

  • 컬러 키 값 23.05.11 17시 01분 기준 싱크

pds-dev-kit-web@2.0.11

• Layout

  • WTA

    • 로딩 상태일때도 area의 스타일과 동일한 스타일을 가지도록 조치

  • WTK

    • 로딩 상태일때도 area의 스타일과 동일한 스타일을 가지도록 조치

• Color

  • 컬러 키 값 23.05.10 11시 43분 기준 싱크

pds-dev-kit-web@2.0.10

• Component

  • MobileHeaderBar

    • titleType이 image일때 scaleType을 cover에서 contain으로 변경

pds-dev-kit-web@2.0.9

• sub

  • DynamicLayout

    • membership section 생성

    • programmedSectionComponent 관련 에러 수정

    • ISection 인터페이스 수정

• Color

  • 컬러 키 값 23.04.29 00시 58분 기준 싱크

pds-dev-kit-web@2.0.8

• Layout

  • mobile 유형 전체

    • min-width 제거

pds-dev-kit-web@2.0.7

• sub

  • DynamicLayout

    • 액션핸들러의 액션 네이밍 규칙을 수정

      • [SECTION_NAME]_[OBJECT]_[ACTION] → @[TypeOfSectionManifestSchema]/[OBJECT]_[ACTION]

pds-dev-kit-web@2.0.6

• sub

  • DynamicLayout

    • Iframe Section 추가

    • ActionHandler 추가

pds-dev-kit-web@2.0.5

• sub

  • DynamicLayout

    • Iframe Section 추가

    • ActionHandler 추가

pds-dev-kit-web@2.0.4

• sub

  • DynamicLayout

    • Footer Section - templateB

      • text align을 left에서 center로 수정

pds-dev-kit-web@2.0.3

• Component

  • Icon

    • section 관련 line icon 추가

      • ic_section_iframe_32

      • ic_section_iframe_40

      • ic_section_membership_32

      • ic_section_membership_40

• Color

  • 컬러 키 값 23.04.03 22시 40분 기준 싱크

pds-dev-kit-web@2.0.2

• Layout

  • WTV_1 생성

• sub

  • AdminList

    • 전체선택시 id가 0인 AdminListItem은 선택되지 않는 이슈 수정

    • maintainIds가 있는경우에 모든 adminListItem이 체크되어도 전체 체크박스가 체크표시로 보여지지 않는 부분을 수정

• Color

  • 컬러 키 값 23.03.31 16시 05분 기준 싱크

pds-dev-kit-web@2.0.1

• sub

  • AdminList

    • text 계열 prop type을 TFunctionResult를 PDSTextType 로 수정

• Color

  • 컬러 키 값 23.03.27 11시 15분 기준 싱크

pds-dev-kit-web@2.0.0

• sub

  • 새로운 버전의 AdminList 추가

    • AdminListHeader

      • filterBar 삭제

        • AdminList의 toolBar로 대체

    • AdminList

      • toolBar 추가

        • AdminListHeader에서 사용되던 FilterBar의 역할을 담당

      • bulkActionBar 추가

        • AdminList에 내장되어 있던 bulkActionBar가 별도의 컴포넌트로 분리

• Color

  • 컬러 키 값 23.03.23 09시 05분 기준 싱크

pds-dev-kit-web@1.9.26

• Component

  • AdminList

    • HeaderRow의 체크박스를 selectedIds.length로만 판단하지 않고 children의 checkbox들이 모두 checked 상태인지 아닌지에 따라 활성화 여부를 결정하도록 변경

pds-dev-kit-web@1.9.25

• Package

  • build 후에도 절대경로가 해석 될 수 있도록 조치

    • tsc-alias 와 tsconfig-paths 설치

    • build 명령어에  && tsc-alias 추가

    • .eslintrc 파일에 설정 추가

• Color

  • 컬러 키 값 23.03.17 18시 03분 기준 싱크

pds-dev-kit-web@1.9.24

• Component

  • AdminList

    • headerRowCheckboxName이 제대로 작동할 수 있도록 수정

  • BasicListItem

    • TItleText에 wordBreak=”break_all” 추가

    • captionText에 wordBreak=”break_all” 추가

    • 내부 구조 정리

pds-dev-kit-web@1.9.23

• common

  • animationStyle

    • animation시에 부여되어있던 animation-fill-mode 옵션 제거 (DesktopAlertDialog, MobileAlertDialog, DesktopBasicModal, DesktopHeadlessModal, DesktopTutorialModal, MobileBasicModal에 영향)

• Layout

  • WFA_3 생성

  • WFA_4 생성

• Color

  • 컬러 키 값 23.03.14 14시 20분 기준 싱크

pds-dev-kit-web@1.9.22

• Layout

  • WFL_3 생성

  • WFL_4 생성

  • WTP_2 생성

pds-dev-kit-web@1.9.21

• Component

  • AdminList

    • column3Width - column10Width prop에 xlarge 추가

  • AdminListItem

    • column3Width - column10Width prop에 xlarge 추가

    • column3Text - column10Text에서 세로 스크롤이 생겼을 경우 중앙이 아닌 상단부터 내용이 보여질 수 있도록 수정

• Color

  • 컬러 키 값 23.03.10 14시 54분 기준 싱크

pds-dev-kit-web@1.9.20

• Color

  • 컬러 키 값 23.03.09 19시 50분 기준 싱크

pds-dev-kit-web@1.9.19

• Package

  • eslint가 올바르게 동작하도록 수정

    • tsconfig.json에서 baseUrl 추가

    • styled-components order lint가 적용되도록 eslint-plugin-better-styled-components 추가

  • husky 추가

  • commitlint 라이브러리의 의존성 이슈로 기능을 구현해서 추가

  • 스토리북 북마크 작성시 타입 전달이 잘 되도록 수정

    • export const Default = Template.bind({}); 부분에서 bind이후에 Default에도 타입이 이어지도록 수정

• Layout

  • MSA_1

    • container1Ref 추가

pds-dev-kit-web@1.9.18

• Panels

  • DesktopTutorialModal

    • 전체 너비 50vw → 960px

    • 좌측 너비 360px → 240px

    • 우측 infoTitleText 부분 subTitleBold → headingBold

    • SideTab

      • line-height 1.5 → 1.3

pds-dev-kit-web@1.9.17

• Panels

  • DesktopTutorialModal

    • 외곽 border 제거

    • 스크롤이 제대로 작동 할 수 있도록 div구조 변경

pds-dev-kit-web@1.9.16

• Panels

  • DesktopTutorialModal

    • key가 없어서 나던 에러 fix

pds-dev-kit-web@1.9.15

• Package

  • storybook 실행시 console에 뜨는 warning과 error를 뜨지 않도록 처리

  • 스토리북에서 컴포넌트와 컴포넌트의 타입을 가져오는 방식을 최신 문법으로 변경

• Component

  • PageTitleTextGroup

    • tooltipText prop 추가

    • displayType prop에 compound_btn 추가

      • 관련 prop들 추가

        • compoundBtnIconName

        • compoundBtnIconFillType

        • compoundBtnTitleText

        • compoundBtnContentText

  • TextField

    • textAlign prop 추가

  • D_TextLabel

    • tooltip 영역 z-index 4에서 400로 변경 (소속 범주가 content layer에서 system ui로 변경되었기 때문)

pds-dev-kit-web@1.9.14

• Component

  • TextField

    • prefixText prop 추가

    • suffixText prop 추가

pds-dev-kit-web@1.9.13

• Component

  • D_TextLabel

    • tooltip 영역에 z-index 4 부여

pds-dev-kit-web@1.9.12

• Component

  • D_DesktopHeaderBar

    • leftBtn2Mode prop 추가

    • leftBtn2Text prop 추가

    • onClickLeft2Btn prop 추가

  • D_TextLabel

    • tooltipIconColorKey prop 추가

  • Icon

    • ic_booking_extension line 추가

• Color

  • 컬러 키 값 23.02.21 17시 40분 기준 싱크

pds-dev-kit-web@1.9.11

• Panel

  • DesktopTutorialModal 추가

• Color

  • 컬러 키 값 23.02.17 14시 31분 기준 싱크

pds-dev-kit-web@1.9.10

• Color

  • 컬러 키 값 23.02.15 11시 26분 기준 싱크

pds-dev-kit-web@1.9.9

• Color

  • 컬러 키 값 23.02.13 15시 45분 기준 싱크

pds-dev-kit-web@1.9.7

• Color

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

pds-dev-kit-web@1.9.6

• Package

  • i18n sync 기능 삭제 (용량 줄이기 위함)

• Storybook

  • storybook에서 배경 변경해 볼 수 있는 기능 추가

  • storybook에서 컬러키들을 볼 수 있는 기능 추가

• Common

  • 실제 Icon 컴포넌트에서 사용되지 않는 svg파일 모음 삭제

• Color

  • 컬러 키 값 23.02.03 16시 35분 기준 싱크

pds-dev-kit-web@1.9.5

• Component

  • EditApplyTextField

    • preventBlankMode prop 사용시 value가 null이면 에러가 나는 이슈 픽스

  • TextButton

    • colorTheme에 white2 value 추가

  • TextField

    • preventBlankMode prop 사용시 value가 null이면 에러가 나는 이슈 픽스

  • UploadTextButton

    • colorTheme에 white2 value 추가

• Color

  • 컬러 키 값 23.02.02 16시 25분 기준 싱크

pds-dev-kit-web@1.9.4

• Sub

  • DynamicLayout 수정

    • crossOriginError에 대해 핸들링하기 위해 try/catch 추가

pds-dev-kit-web@1.9.3

• Sub

  • DynamicLayout 수정

    • 유튜브 사이즈 0,0으로 보이는 이슈 해결

pds-dev-kit-web@1.9.2

• Layout

  • WFL_2 생성

pds-dev-kit-web@1.9.1

• Sub

  • DynamicLayout 수정

    • Edit 모드에서 하위 컴포넌트가 없다면 호버/클릭 시에도 아무 변화가 없도록 수정

pds-dev-kit-web@1.9.0

• Package

  • storybook에서 바로 tone별로 볼 수 있는 기는 toolbar에 추가

  • input autofill 되었을때 배경 색상이 변하지 않도록 수정

• Common

  • transition과 animation 관련 style들 추가

  • scrollbar 관련 style들 추가

• Layout

  • contents container의 배경 색상을 변경할 수 있는 prop 추가

    • overrideContainer1ColorKey

    • overrideContainer2ColorKey

  • WF

    • WFA_1 수정

    • WFA_2 생성

    • WFB_1 수정

    • WFE_1 수정

    • WFE_2 수정

    • WFE_3 생성

    • WFE_4 생성

    • WFL_1 생성

  • WS

    • 스크롤이 있는 유형일 경우 스크롤이 보여지도록 조치

    • WSB_2 생성

• Component

  • AdminList

    • flexibleHideInfoMode prop 추가

  • AdminListItem

    • transition효과 부여

    • rowSize prop의 'medium' 높이값 120px → 100px로 수정

    • flexibleHideInfoMode prop 추가

  • BodyTextGroup

    • titleStyleTheme prop 추가

    • titleText와 descText 사이 간격 spacing-b로 수정

  • BasicFormGroup

    • titleStyleTheme prop에 leadParaBold 추가

    • titleText와 descText 사이 간격 spacing-b로 수정

  • DesktopAlertDialog

    • animation효과 부여

  • Dropdown

    • transition효과 부여

  • EditApplyTextField

    • transition효과 부여

  • FloatingActionButton

    • hover 및 active시 구조 변경

      • background-image: linear-gradient 사용 → ::before 가상요소 사용

    • transition효과 부여

  • Icon

    • ic_arrow_down fill 타입 모양 변경

    • ic_arrow_up fill 타입 모양 변경

    • ic_cs_bold line 타입 추가

    • ic_cs_face line 타입 추가

  • IconButton

    • hover 및 active시 구조 변경

      • background-image: linear-gradient 사용 → ::before 가상요소 사용

    • transition효과 부여

  • LottieReactionButton

    • hover 및 active시 구조 변경

      • background-image: linear-gradient 사용 → ::before 가상요소 사용

    • transition효과 부여

  • MainButton

    • hover 및 active시 구조 변경

      • background-image: linear-gradient 사용 → ::before 가상요소 사용

    • transition효과 부여

    • colorTheme prop에 'primary1','secondary1' value추가

  • MobileAlertDialog

    • animation효과 부여

  • ReactionButton

    • transition효과 부여

  • Select

    • transition효과 부여

  • TextButton

    • transition효과 부여

  • TextField

    • transition효과 부여

  • TextLabel

    • letterSpacing prop 추가

  • UploadIconButton

    • hover 및 active시 구조 변경

      • background-image: linear-gradient 사용 → ::before 가상요소 사용

    • transition효과 부여

  • UploadMainButton

    • hover 및 active시 구조 변경

      • background-image: linear-gradient 사용 → ::before 가상요소 사용

    • transition효과 부여

    • colorTheme prop에 'primary1','secondary1' value추가

  • UploadTextButton

    • transition효과 부여

• Panel

  • DesktopBasicModal

    • animation효과 부여

    • size 'rlarge' 스펙 수정

      • max-width : 1400px

      • width : 60vw → 80vw

    • body 부분 스펙 수정

      • max-height : 50vh → 60vh

    • footer 부분 상단 라인 색상 변경

    • scrollVisibleType prop 추가

    • bodyOverflowType prop에 'overlay' value추가

    • bodyOverflowType prop default값 변경

      • 'auto' → 'overlay'

  • DesktopHeadlessModal

    • animation효과 부여

    • scrollVisibleType prop default값 변경

      • 'hidden' → 'visible'

    • scroll 디자인 스펙 변경

  • MobileBasicModal

    • animation효과 부여

• Sub

  • DynamicLayout 수정

    • Edit 모드 추가

    • 일부 섹션들 100vw → 100%로 수정

    • 특정 섹션으로 스크롤 기능 추가

    • Dynamic-layout 상단 스토리 추가

    • Edit 모드에서 정보가 없는 섹션은 렌더되지 않도록 처리

    • editingSection border 컬러 키 변경

    • editingSectionId가 변경될 때, hover가 꺼지는 애니메이션 추가

• String

  • 스트링 키 값 23.01.26 16시 30분 기준 싱크

• Color

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

pds-dev-kit-web@1.8.9

• Component

  • TextLabel

    • colorTheme prop에 sysTextBlack 추가

  • ChatBubbleListItem

    • styleTheme prop에 value 추가

      • other_avatar_impact

      • other_avatar

      • other_avatar_sub

      • other

      • other_sub

      • me

      • me_sub

    • styleTheme prop value 삭제

      • seller

      • seller_tail

      • subscriber

      • subscriber_tail

      • my

      • my_tail

    • colorTheme prop 추가

pds-dev-kit-web@1.8.8

• Package

  • theme의 desktopFontSize에 wizardPageTitle 추가

  • theme의 desktopLineHeight에 wizardPageTitle 추가

  • theme의 mobileFontSize에 wizardPageTitle 추가

  • theme의 mobileLineHeight에 wizardPageTitle 추가

• Component

  • TextLabel

    • styleTheme에 wizardPageTitleBold 추가

  • Icon

    • size prop에 40 value 추가

    • icon 추가

      • ic_toggle_down (fill)

      • ic_toggle_up (fill)

      • ic_device_desktop (line)

      • ic_device_mobile (line)

      • ic_device_app (line)

      • ic_editor_left_side (line)

      • ic_editor_right_side (line)

      • ic_arrow_up (fill)

      • ic_arrow_down (fill)

      • ic_rocket (line)

      • ic_video_guide (line)

      • ic_news (line)

      • ic_confetti (line)

      • ic_mail(line)

• Color

  • 컬러 키 값 23.01.19 14시 42분 기준 싱크

pds-dev-kit-web@1.8.7

• Color

  • 컬러 키 값 23.01.17 12시 24분 기준 싱크

• Sub

  • DynamicLayout 수정

    • YouTubeIframe에서 videoId 변경에 의한 리렌더링 시 영상 변경이 되지 않는 이슈 수정

      • videoId 변경 시, 새 video를 불러오도록 effect 추가

      • videoId가 없을 시, 하위 로직을 실행하지 않도록 조치

    • x-dlayout-section-type 바른 위치에 부여되도록 수정

pds-dev-kit-web@1.8.6

• Color

  • 컬러 키 값 23.01.13 14시 25분 기준 싱크

• Sub

  • DynamicLayout 수정

    • YouTubeIframe player에 에러 핸들링 추가

      • iframe을 제거한 후 다시 생성하도록 조치

      • 모니터링을 위해 콘솔에 에러 이벤트 출력

pds-dev-kit-web@1.8.5

• Component

  • Icon

    • ic_chat fill 타입 추가

    • ic_chat_off fill 타입 추가

    • ic_chat_off line 타입 추가

    • ic_mic_off fill 타입 추가

    • ic_pages line 타입 수정

• Sub

  • DynamicLayout 수정

    • 폴더구조 변경

      • DynamicLayout - sections - [SectionName] - [TemplateName] - desktop/mobile

    • 타입 정리

      • API와 부합하지 않는 부분 수정

    • 스토리북 정리

      • SamplePage를 mock data로 하여 섹션별로 확인 할 수 있도록 리팩토링

    • deprecated

      • isPreview → mode = ‘NORMAL' | ‘PREVIEW'

• Color

  • 컬러 키 값 23.01.12 12시 27분 기준 싱크

pds-dev-kit-web@1.8.4

• Color

  • 컬러 키 값 23.01.10 15시 30분 기준 싱크

pds-dev-kit-web@1.8.3

• sub

  • DynamicLayout 디테일 수정

    • Desktop

      • Contents섹션

        • TemplateA,B

          • ImageBox의 사이즈를 조정하는 함수를 layoutEffect에 실행하도록 추가.

      • InfoBox섹션

        • TemplateA

          • Item의 넓이를 Item간의 간격을 계산하여 구체적으로 계산하도록 수정

pds-dev-kit-web@1.8.2

• component

  • DynamicDesktopNavBar

    • NAV_PAGE 대응 추가

  • Icon

    • ic_more의 viewBox를 0 0 20 20 에서 0 0 24 24로 변경

• sub

  • DynamicLayout 디테일 수정

    • Desktop

      • FooterSection TemplateA/B

        • logoImage의 shapeType을 rectangle로 변경 (누락된 부분 추가)

      • IntroSection TemplateB

        • contentsArea가 섹션을 뚫고 나가는 이슈 수정

      • ContentsSection TemplateA

        • Image사이즈가 contents에 따라 늘어나지 않는 이슈 수정

      • item의 linkMethod를 section properties로 이동 (itemLinkMethod)

    • Mobile

      • item의 linkMethod를 section properties로 이동 (itemLinkMethod)

• Color

  • 컬러 키 값 23.01.06 12시 59분 기준 싱크

pds-dev-kit-web@1.8.1

• sub

  • DynamicLayout 디테일 수정

    • FooterSection TemplateA/B

      • logoImage의 shapeType을 rectangle로 변경

    • IntroSection TemplateA/B/C/D

      • 콘텐츠 영역 위아래에 margin 160px 추가

    • InfoBoxSection TemplateA

      • Item의 공백없는 텍스트가 박스 밖으로 나가는 이슈 수정

        • flex박스인 ItemBodyWrapper 삭제

    • ContentsCarouselSection TemplateB

      • 내용이 없음에도 섹션영역이 표시되는 이슈 수정

        • array && 로 되어있던 조건을 array.lengh>0 으로 수정

pds-dev-kit-web@1.8.0

• package

  • dependencies에 swiper 추가 

• sub

  • DynamicLayout 생성

• Color

  • 컬러 키 값 23.01.05 14시 43분 기준 싱크

pds-dev-kit-web@1.7.5

• Color

  • 컬러 키 값 23.01.02 11시 44분 기준 싱크

pds-dev-kit-web@1.7.4

• Layout

  • WTM_3 생성

  • MSA_2 생성

• Color

  • 컬러 키 값 22.12.29 12시 51분 기준 싱크

pds-dev-kit-web@1.7.3

• Component

  • DynamicDesktopNavBar

    • nav_page 이동 유형 추가

pds-dev-kit-web@1.7.2

• Component

  • BasicChatListItem

    • titleText의 max-width를 120, min-width를 56으로 변경

  • Icon

    • ic_analytics_search_tools line icon 추가

    • ic_dynamic_layout line icon 추가

    • ic_pages line icon 추가

pds-dev-kit-web@1.7.1

• Layout

  • LayoutWH 생성

    • WHA_1

    • WHB_1

    • WHB_2

    • WHB_3

    • WHB_4

    • WHB_5

    • WHB_6

    • WHC_1

    • WHD_1

    • WHD_2

    • WHD_3

    • WHD_4

    • WHD_5

    • WHD_6

    • WHE_1

    • WHE_2

• Component

  • Icon

    • section 관련 line icon 추가

      • ic_section_content_32

      • ic_section_content_40

      • ic_section_contents_carousel_32

      • ic_section_contents_carousel_40

      • ic_section_divider_32

      • ic_section_divider_40

      • ic_section_footer_32

      • ic_section_footer_40

      • ic_section_info_box_32

      • ic_section_info_box_40

      • ic_section_intro_32

      • ic_section_intro_40

      • ic_section_map_32

      • ic_section_map_40

      • ic_section_price_box_32

      • ic_section_price_box_40

      • ic_section_products_carousel_32

      • ic_section_products_carousel_40

      • ic_section_review_32

      • ic_section_review_40

      • ic_section_slider_32

      • ic_section_slider_40

      • ic_section_tab_32

      • ic_section_tab_40

• Color

  • 컬러 키 값 22.12.20 17시 30분 기준 싱크

pds-dev-kit-web@1.7.0

• Layout

  • Custom 원칙에 맞는 key 부여

• Panel

  • Custom 원칙에 맞는 key 부여

• Component

  • Custom 원칙에 맞는 key 부여

• Color

  • 컬러 키 값 22.12.13 15시 25분 기준 싱크

pds-dev-kit-web@1.6.14

• Component

  • BasicChatListItem

    • BasicChatListItem 비율 조절 및 수정

pds-dev-kit-web@1.6.13

• Component

  • BasicChatListItem

    • titleText와 contentText의 최대 크기를 지정

pds-dev-kit-web@1.6.12

• Component

  • UserDesktopNavBar

    • onClickLogo 값이 있을 때 cursor가 pointer로 보이도록 변경

pds-dev-kit-web@1.6.11

• Component

  • LottieReactionButton

    • 내부에서 text와 actionText 관리 방법 변경

    • 기본 배경 색상의 컬러키 변경

• Color

  • 컬러 키 값 22.12.02 15시 00분 기준 싱크

pds-dev-kit-web@1.6.10

• Component

  • D_LottieReactionButton

    • 디자인 스펙 수정(회색 배경이 기본이 되도록)

    • state prop에 no_animation value 추가

    • touch이벤트를 제거

  • M_LottieReactionButton

    • 디자인 스펙 수정(회색 배경이 기본이 되도록)

    • state prop에 no_animation value 추가

    • onMouseDown와 onClick prop 삭제

    • disabled과 view_only일때도 액션이 되던 부분을 수정

pds-dev-kit-web@1.6.9

• Component

  • TextLabel

    • colorTheme prop에 sysTextWarning value 추가

  • AdminListItem

    • 텍스트별 styleTheme prop에 report2 value 추가

• Color

  • 컬러 키 값 22.11.29 19시 58분 기준 싱크

pds-dev-kit-web@1.6.8

• Color

  • 컬러 키 값 22.11.28 14시 59분 기준 싱크

pds-dev-kit-web@1.6.7

• Component

  • ReactionButton

    • displayType prop 추가

pds-dev-kit-web@1.6.6

• Component

  • Chip

    • displayType이 filter_single, filter_multi일때 아이콘의 정렬이 안 맞는 이슈 수정

  • LottieIcon 생성

  • LottieReactionButton 생성

  • ReactionButton

    • text가 필수가 아니도록 변경

    • text가 없을때 아이콘 우측에 애매한 간격이 남지 않도록 변경

• Color

  • 컬러 키 값 22.11.24 18시 27분 기준 싱크

pds-dev-kit-web@1.6.5

• Component

  • AdminListsItem

    • imageScaleType prop추가

  • Icon

    • ic_bookmark line추가

    • ic_bookmark fill추가

pds-dev-kit-web@1.6.4

• Layout

  • WTK

    • WTK_4 생성

    • container1Ref prop 추가

• Color

  • 컬러 키 값 22.11.18 17시 00분 기준 싱크

pds-dev-kit-web@1.6.3

• Color

  • 컬러 키 값 22.11.17 17시 50분 기준 싱크

pds-dev-kit-web@1.6.2

• Layout

  • WSH_1 생성

• Component

  • Icon

    • ic_post_article line추가

• Color

  • 컬러 키 값 22.11.16 12시 01분 기준 싱크

pds-dev-kit-web@1.6.1

• Component

  • DynamicDesktopNavBar

    • colorTheme prop 추가 (transparent)

• Color

  • 컬러 키 값 22.11.14 12시 47분 기준 싱크

pds-dev-kit-web@1.6.0

• Layout

  • 각 layout의 container단에 로딩 상태 ui를 표시할 수 있는 기능 추가

    • 각 ContainersBox에 isLoadingContainer1, isLoadingContainer2 prop 추가

• Component

  • LinearProgress 생성

  • MainButton

    • isLoading과 isSubmitting prop 추가

  • ImageView

    • isLoading prop 추가

  • UploadMainButton

    • isLoading과 isSubmitting prop 추가

• Panel

  • ContentSheet

    • isLoading prop 추가

• Color

  • 컬러 키 값 22.11.11 16시 58분 기준 싱크

pds-dev-kit-web@1.5.11

• Component

  • DynamicDesktopNavBar

    • PrimaryMenu들을 좌우로 스크롤 해주는 버튼의 배경 컬러키 변경

• Color

  • 컬러 키 값 22.11.10 12시 40분 기준 싱크

pds-dev-kit-web@1.5.10

• Component

  • BasicListItem

    • captionText의 textAlign을 right에서 left로 변경

    • descText의 textAlign을 left에서 right로 변경

    • displayType가 'none'일 때는 text 들이 전체를 차지할 수 있도록 수정

pds-dev-kit-web@1.5.9

• Component

  • AdminListItem

    • 텍스트별 StyleTheme에 active2 value 추가

  • Icon

    • 잘못된 iconName이 부여되었을때 ic_unavailable로 표시되도록 수정

  • UploadIconButton

    • 직전에 올린 파일도 다시 올릴 수 있도록 수정

  • UploadMainButton

    • 직전에 올린 파일도 다시 올릴 수 있도록 수정

  • UploadTextButton

    • 직전에 올린 파일도 다시 올릴 수 있도록 수정

• Color

  • 컬러 키 값 22.11.08 12시 10분 기준 싱크

pds-dev-kit-web@1.5.8

• Component

  • Icon

    • ic_vod_shorts line추가

• Color

  • 컬러 키 값 22.11.04 12시 15분 기준 싱크

pds-dev-kit-web@1.5.7

• Component

  • DynamicDesktopNavBar

    • URLSearchParams로 from이 붙은 경우에는 url 변경으로 인식하지 않도록 예외처리

pds-dev-kit-web@1.5.6

• Component

  • DynamicDesktopNavBar

    • urlSearchParams가 from만 있는 경우 대응

pds-dev-kit-web@1.5.5

• Component

  • DynamicDesktopNavBar

    • urlSearchParams가 없는경우 대응

    • urlSearchParams의 에러핸들링 (에러의 경우 console.error 및 search를 ''(빈 스트링)으로 판단

pds-dev-kit-web@1.5.4

• Component

  • DynamicDesktopNavBar

    • 내부링크 유형을 사용할때 URLSearchParams 비교에서 'from' 키워드 제외

• Color

  • 컬러 키 값 22.11.01 17시 30분 기준 싱크

pds-dev-kit-web@1.5.3

• Component

  • Card

    • onClick 타입 변경

  • Chip

    • onClickChip 타입 변경

  • DesktopAlertDialog

    • onClickTBtn1 타입 변경

    • onClickTBtn2 타입 변경

    • onClickTBtn3 타입 변경

  • FloatingActionButton

    • onClick 타입 변경

    • onMouseDown 타입 변경

  • MobileAlertDialog

    • onClickTBtn1 타입 변경

    • onClickTBtn2 타입 변경

    • onClickTBtn3 타입 변경

pds-dev-kit-web@1.5.2

• Component

  • Icon

    • ic_bell_notification line asset의 모양 변경

pds-dev-kit-web@1.5.1

• Package

  • publ 도메인에서 asset 쓰는 부분 삭제

• Component

  • Chip

    • overrideTextColorKey prop 추가

    • overrideBackgroundColorKey prop 추가

pds-dev-kit-web@1.5.0

• Component

  • FloatingActionButton

    • 모바일 최적화 컴포넌트 생성 (M_FloatingActionButton)

• Panel

  • ContentSheet 신규 출시

  • AnnotationSheet 신규 출시

  • SectionSheet 신규 출시

pds-dev-kit-web@1.4.68

• Component

  • AdminList

    • headerRowCheckboxName가 제대로 동작 할 수 있도록 수정

pds-dev-kit-web@1.4.67

• Component

  • Icon

    • ic_heart_care line추가

pds-dev-kit-web@1.4.66

• Component

  • TextField

    • error message 색상이 잘 표현 될 수 있도록 수정

• Color

  • 컬러 키 값 22.10.11 14시 05분 기준 싱크

pds-dev-kit-web@1.4.65

• Component

  • AdminListItem

    • Image 크기 변경

  • BasicChatListItem

    • colorTheme prop에 seller_transparent의 컬러 수정

    • colorTheme prop에 subscriber_transparent의 컬러 수정

  • ChatList

    • colorTheme이 transparent일 경우 divider 안보이게 수정

  • Divider

    • colorTheme prop에 divider2 추가

  • TextField

    • state가 normal일때만 error message 보여주도록 수정

• Color

  • 컬러 키 값 22.10.07 16시 57분 기준 싱크

pds-dev-kit-web@1.4.64

• Component

  • Dropdown

    • 표시되는 값이 selectedValue, value, defaultValue를 순서대로 검토하여 반영하게 함

pds-dev-kit-web@1.4.63

• Component

  • BasicChatListItem

    • colorTheme prop에 seller_transparent, subscriber_transparent value 추가

  • ChatList

    • colorTheme prop 추가

    • bodyChildren prop 추가

  • TextField

    • colorTheme prop에 transparent value 추가

• Color

  • 컬러 키 값 22.10.05 15시 30분 기준 싱크

pds-dev-kit-web@1.4.62

• Component

  • FloatingActionButton

    • onClick type 변경

    • onMouseDown type 변경

  • TextButton

    • onClick type 변경

  • ImageView

    • ratio에 '3_2'와 '2_3' 추가

• Color

  • 컬러 키 값 22.09.29 14시 50분 기준 싱크

pds-dev-kit-web@1.4.61

• Component

  • MobileHeaderBar

    • onClickLeftBtn type 변경

    • onClickIBtn1 type 변경

    • onClickIBtn2 type 변경

pds-dev-kit-web@1.4.60

• Component

  • ReactionButton

    • onClick type 변경

    • onMouseDown type 변경

pds-dev-kit-web@1.4.59

• Color

  • 컬러 키 값 22.09.27 15시 09분 기준 싱크

pds-dev-kit-web@1.4.58

• Type

  • PDSTabItemOption 내부 onClick type 변경

• Component

  • DesktopTabBar

    • 내부에서 쓰인 PDSTabItemOption 내부 onClick type 변경

  • UserDesktopSideTab

    • 내부에서 쓰인 PDSTabItemOption 내부 onClick type 변경

  • UserDesktopTabBar

    • 내부에서 쓰인 PDSTabItemOption 내부 onClick type 변경

  • MobileTabBar

    • 내부에서 쓰인 PDSTabItemOption 내부 onClick type 변경

pds-dev-kit-web@1.4.57

• Color

  • 컬러 키 값 22.09.26 17시 03분 기준 싱크

pds-dev-kit-web@1.4.56

• Component

  • EditApplyTextField

    • error message 두줄 표시도 가능하게 수정

  • MainButton

    • onClick type 변경

    • onMouseDown type 변경

  • TextField

    • error message 두줄 표시도 가능하게 수정

pds-dev-kit-web@1.4.55

• Component

  • DynamicDesktopNavBar

    • 내부 UserProfile 영역에 leftIconButton prop추가

    • 내부 UserProfile 영역에 overrideUserProfile prop추가

pds-dev-kit-web@1.4.54

• Component

  • EditApplyTextField

    • 스토리북 control 사용할 수 있게 수정

  • Radio

    • 스토리북 control 사용할 수 있게 수정

  • TextField

    • 스토리북 control 사용할 수 있게 수정

pds-dev-kit-web@1.4.53

• Package

  • theme에 editor text 관련 값 추가

    • desktopEditorFontSize

    • desktopEditorLineHeight

    • mobileEditorFontSize

    • mobileEditorLineHeight

• Component

  • BasicList

    • spacingMode props 추가

  • BasicListItem

    • spacingMode props 추가

    • 액션이 없는 경우에도 커서가 포인터로 나타나는 문제 해결

pds-dev-kit-web@1.4.52

• Component

  • Icon

    • ic_photo_multiple line추가

    • ic_unlock line추가

• Layout

  • WF

    • right-box에 max-width: 100% 추가

pds-dev-kit-web@1.4.51

• Component

  • AdminList

    • headerRowCheckboxName prop 추가

  • AdminListItem

    • ref 추가

• Color

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

pds-dev-kit-web@1.4.50

• Component

  • AdminList

    • dropdown1HintText prop 추가

    • dropdown2HintText prop 추가

    • dropdown3HintText prop 추가

    • quickActionBtn1State prop deprecated in 1.6 처리

    • quickActionBtn2State prop deprecated in 1.6 처리

    • quickActionBtn3State prop deprecated in 1.6 처리

  • AdminListItem

    • quickActionBtn1State prop 자체 사용 가능하도록 수정

    • quickActionBtn2State prop 자체 사용 가능하도록 수정

    • quickActionBtn3State prop 자체 사용 가능하도록 수정

• Color

  • 컬러 키 값 22.09.06 14시 05분 기준 싱크

pds-dev-kit-web@1.4.49

• Component

  • Icon

    • ic_coins line추가

pds-dev-kit-web@1.4.48

• Layout

  • WTN

    • container1Ref prop 추가

pds-dev-kit-web@1.4.47

• Component

  • AdminList

    • emptyText가 보일때 하단에 spacing 추가

  • ChatBubbleListItem

    • 이미지 부분 border 깨져보이는 부분 수정

  • Icon

    • ic_home line추가

    • ic_post_paper_plane line추가

• Color

  • 컬러 키 값 22.08.30 18시 08분 기준 싱크

pds-dev-kit-web@1.4.46

• Component

  • DesktopTabBar

    • subTabBar가 영역을 가질 수 있도록 수정

pds-dev-kit-web@1.4.45

• Component

  • Dropdown

    • value값이 undefined일 때와 null일 때를 구분할 수 있도록 수정

  • FilterBar

    • chip의 value값이 false나 null일때도 잘 넘겨줄 수 있도록 수정

pds-dev-kit-web@1.4.44

• Component

  • ChatList

    • body부분의 스크롤 이슈 수정

  • Dropdown

    • value를 null로 설정할 시 dropdown을 초기화하는 로직을 useEffect 내부에 추가

pds-dev-kit-web@1.4.43

• Component

  • BasicChatListItem

    • safari에서 우측 더보기 버튼이 간혈적으로 보이지 않는 이슈 해결

  • ChatBubbleListItem

    • safari에서 우측 더보기 버튼이 간혈적으로 보이지 않는 이슈 해결

  • UserDesktopNavBar

    • loginInfoMode가 profile일때 마우스 커서가 변하지 않는 이슈 해결

pds-dev-kit-web@1.4.42

• Layout

  • WTQ

    • container1이 항상 우측에 붙을 수 있도록 수정 (justify-content:end;를 justify-content:flex-end;로 변경)

  • WTU

    • container1이 항상 우측에 붙을 수 있도록 수정 (justify-content:end;를 justify-content:flex-end;로 변경)

pds-dev-kit-web@1.4.41

• Component

  • ChatList

    • TextField부분에 autoComplete off 부여

  • TextField

    • autoComplete prop 추가

pds-dev-kit-web@1.4.40

• Component

  • ChatBubbleListItem

    • 시간 표시가 하단에 붙을 수 있도록 수정 (align-self:end;를 align-self:flex-end;로 변경)

  • DynamicDesktopNavbar

    • 단순 표시용(DISPLAY_ONLY)이 2수준에 들어갔을 경우 스타일 변경

pds-dev-kit-web@1.4.39

• Component

  • ChatBubbleListItem

    • my일경우 항상 우측에 붙을 수 있도록 수정 (justify-content:end;를 justify-content:flex-end;로 변경)

pds-dev-kit-web@1.4.38

• Component

  • ChatList

    • Header부분 text들에 wordBreak='break_all'을 추가

    • footer 부분 좌측에 버튼이 있을 경우 간격을 12px로 변경

  • MobileHeaderBar

    • titleText와 captionText이 1줄 이상 표시되지 않도록 수정

pds-dev-kit-web@1.4.37

• Layout

  • WTU_1

    • Container2 좌측 라인 추가

pds-dev-kit-web@1.4.36

• Component

  • ChatBubbleListItem

    • 배경색 변경

    • 프로필 이미지 부분의 border 두께 변경

  • ChatList

    • footerIBtn3Accept prop 추가

• Panel

  • DesktopBasicModal

    • 기획과 달리 margin으로 만들어진 부분 padding으로 변경

• Color

  • 컬러 키 값 22.08.08 17시 20분 기준 싱크

pds-dev-kit-web@1.4.35

• Component

  • ChatBubbleListItem 생성

  • ChatList

    • bodySpacingMode prop 추가

    • descText prop 추가

    • titleStyleTheme prop 추가

    • submitIBtnIconName prop 추가

    • submitIBtnIconFillType prop 추가

    • footerIBtn1State prop 추가

    • footerIBtn1IconName prop 추가

    • footerIBtn1IconFillType prop 추가

    • footerIBtn1Type prop 추가

    • onClickFooterIBtn1 prop 추가

    • footerIBtn2State prop 추가

    • footerIBtn2IconName prop 추가

    • footerIBtn2IconFillType prop 추가

    • footerIBtn2Type prop 추가

    • onClickFooterIBtn2 prop 추가

    • footerIBtn3State prop 추가

    • footerIBtn3IconName prop 추가

    • footerIBtn3IconFillType prop 추가

    • footerIBtn3Type prop 추가

    • onClickFooterIBtn3 prop 추가

  • MobileHeaderBar

    • captionText prop 추가

• Color

  • 컬러 키 값 22.08.05 16시 50분 기준 싱크

pds-dev-kit-web@1.4.34

• Component

  • Dropdown

    • responsiveMode제대로 작동하도록 수정

pds-dev-kit-web@1.4.33

• Layout

  • WTU_1 생성

pds-dev-kit-web@1.4.32

• Component

  • EditApplyTextField

    • handleKeyUp 이벤트 제거 (한글 입력시 제출 안되는 이슈 관련)

pds-dev-kit-web@1.4.31

• Component

  • Chip

    • DisplayType가 category_choice일때 높이와 내부간격 수정

pds-dev-kit-web@1.4.30

• Component

  • ChatList

    • submit 버튼 컬러키 변경

  • UploadMainButton

    • hover와 active에 대한 컬러변화를 반영하도록 수정

pds-dev-kit-web@1.4.29

• Package

  • Pretendard JP 서체 적용

• Component

  • Chip

    • 한줄 표시에 최적화

  • ContextMenuItem

    • 한줄 표시에 최적화

  • Dropdown

    • 한줄 표시에 최적화

  • Icon

    • ic_post_column line 추가

  • MainButton

    • 한줄 표시에 최적화

  • Select

    • 한줄 표시에 최적화

  • StatusBlock

    • 한줄 표시에 최적화

  • TextButton

    • 한줄 표시에 최적화

  • UploadMainButton

    • 한줄 표시에 최적화

  • UploadTextButton

    • 한줄 표시에 최적화

• Color

  • 컬러 키 값 22.07.14 12시 02분 기준 싱크

pds-dev-kit-web@1.4.28

• Component

  • ChatList

    • onClickHeaderIBtn1 prop 추가

• Layout

  • WSG_5 생성

pds-dev-kit-web@1.4.27

• Component

  • BasicChatListitem

    • 1차 수정 사항 반영

  • BodyTextGroup

    • titleTextWordBreak prop 추가

    • descTextWordBreak prop 추가

    • contentTextWordBreak prop 추가

  • ContextMenu

    • autoWidth, customWidth가 없을 시에 width가 ContextMenuItem의 길이에 맞게 늘어나도록 수정

  • ContextMenuItem

    • 한줄로 표시에 최적화

pds-dev-kit-web@1.4.26

• Component

  • DynamicDesktopNavBar

    • 내부에서 쓰이는 ContextMenuItem의 클릭영역이 텍스트에만 잡혀있는 것을 영역에 잡히도록 수정

pds-dev-kit-web@1.4.25

• Component

  • AdminListHeader

    • 내부의 dropdown 너비를 88px로 수정

  • ContextMenu

    • customWidth prop 추가

  • Dropdown

    • customWidth prop 사용시 ContextMenu의 customWidth에도 자동으로 들어가도록 수정

• Layout

  • WFE_2 생성

pds-dev-kit-web@1.4.24

• Component

  • ChatList 생성

  • BasicChatList 생성

  • Spacing

    • size prop의 default value 제거

• Layout

  • WTT_1 생성

  • WTT_2 생성

pds-dev-kit-web@1.4.23

• Color

  • 컬러 키 값 22.07.04 19시 50분 기준 싱크

pds-dev-kit-web@1.4.22

• Component

  • AdminList

    • dropdown1Value prop 추가

    • dropdown2Value prop 추가

    • dropdown3Value prop 추가

  • DynamicDesktopNavBar

    • 내부링크 유형 사용시 ‘BY_CLICK’모드로 작동하도록 수정

  • Dropdown

    • customWidth prop 추가

  • EditApplyTextField

    • customWidth prop 추가

  • TextField

    • customWidth prop 추가

  • Select

    • customWidth prop 추가

pds-dev-kit-web@1.4.21

• Layout

  • WTO_1

    • container영역 수정

    • 무한 스크롤 대응위한 임시 방편 제거, container1Ref prop 추가

  • WTP_1

    • container영역 수정

    • 무한 스크롤 대응위한 임시 방편 제거, container1Ref prop 추가

  • WTQ_1

    • container영역 수정

pds-dev-kit-web@1.4.20

• Component

  • Divider

    • vertical로 쓰일 경우 배경색 추가

  • DynamicDesktopNavBar

    • 활성화 관련 개선

      • 자체적으로 BY_CLICK와 BY_URL 상태를 가지도록 변경

  • Select

    • value를 사용할 경우 초기값이 '' 나 0으로 올때에 대한 방어 처리

  • Icon

    • ic_ghost value 추가

    • ic_payment_free_trial value 추가

    • ic_payment_onetime 형태 변경

    • ic_payment_regularly 형태 변경

pds-dev-kit-web@1.4.19

• Component

  • BasicList

    • defaultValue를 받을 수 있도록 prop의 type을 optional로 변경

      • columns

      • columnSpacing

      • rowSpacing

  • DesktopAlertDialog

    • defaultValue를 받을 수 있도록 prop의 type을 optional로 변경

      • btnMode

  • Dropdown

    • value prop 추가

  • FilterBar

    • defaultValue를 받을 수 있도록 prop의 type을 optional로 변경

      • displayType

  • MainButton

    • 사이즈별 min-width 추가

  • MobileAlertDialog

    • defaultValue를 받을 수 있도록 prop의 type을 optional로 변경

      • btnMode

  • Select

    • value prop 추가

  • UploadMainButton

    • 사이즈별 min-width 추가

  • UserDesktopNavBar

    • defaultValue를 받을 수 있도록 prop의 type을 optional로 변경

      • menuMode

pds-dev-kit-web@1.4.18

• Component

  • DynamicDesktopNavbar

    • 'DISPLAY_ONLY'유형 디자인 수정

pds-dev-kit-web@1.4.17

• Component

  • DynamicDesktopNavbar

    • 'INTERNAL_LINK'유형 내부 활성화 조건 변경

pds-dev-kit-web@1.4.16

• Component

  • DynamicDesktopNavbar

    • 'INTERNAL_LINK'유형 개선

pds-dev-kit-web@1.4.15

• Component

  • EditApplyTextField

    • error message를 표시하는 부분의 useTranslation 삭제

  • TextField

    • error message를 표시하는 부분의 useTranslation 삭제

pds-dev-kit-web@1.4.14

• Component

  • AdminListItem

    • QuickActionBtn의 text-align을 left에서 center로 변경

  • Chip

    • 한줄만 표시할 수 있도록 수정

  • DynamicDesktopNavBar

    • 내부의 MenuItemNav에  'INTERNAL_LINK' | 'DISPLAY_ONLY' 타입을 추가

  • Icon

    • ic_clip line 추가

  • Select

    • defaultValue를 부여한경우 체크 표시와 함께 disabled 처리 되지 않은 상태로 보여지게 수정

    • hintText가 options에 포함되어 나타나되, disabled처리되어 보이게 수정

    • 우측 Icon영역을 클릭해도 option이 열리도록 수정

• Color

  • 컬러 키 값 22.06.24 12시 42분 기준 싱크

pds-dev-kit-web@1.4.13

• Component

  • Icon

    • ic_internal line추가

  • Switch

    • disabled 상태일 때의 커서를 기본 상태로 변경

pds-dev-kit-web@1.4.12

• Component

  • DynamicDesktopNavBar

    • pAppMenuItemNav내부에서 쓰이는 iconNav가 iconName이 아닌 src를 우선적으로 사용하도록 수정

pds-dev-kit-web@1.4.11

• Component

  • DynamicDesktopNavBar

    • 내부에 있던 browserRouter 제거(컴포넌트 사용시에 각자 넣어서 사용하도록)

pds-dev-kit-web@1.4.10

• Package

  • 스토리북 정렬 순서 알파벳순으로 변경

  • theme과 따로 쓸 수 있는 themeByGivenTone 생성

• Component

  • IconButton

    • 내부에서 사용하던 customTheme제거(theme을 사용하도록 수정)

  • TextLabel

    • 내부에서 사용하던 customTheme제거(theme을 사용하도록 수정)

  • UploadIconButton

    • 내부에서 사용하던 customTheme제거(theme을 사용하도록 수정)

  • Icon

    • 내부에서 사용하던 customTheme제거(theme을 사용하도록 수정)

pds-dev-kit-web@1.4.9

• Component

  • Common

    • TextFieldBase

      • setValue에 shouldDirty config를 추가

pds-dev-kit-web@1.4.8

• Layout

  • WTS_2 생성

pds-dev-kit-web@1.4.7

• Component

  • Chip

    • Category유형일때 아이콘이 쏠려보이던 현상 수정

  • TextButton

    • colorTheme이 white일 경우 hover나 press했을때 색상 변경

  • UserDesktopSideTab 생성

• Color

  • 컬러 키 값 22.06.16 12시 10분 기준 싱크

pds-dev-kit-web@1.4.6

• Component

  • DynamicDesktopNavBar

    • 내부에서 쓰이는 contextMenu의 스타일 수정

    • 템플릿을 내부에서 파싱하는 것으로 변경

    • 해당 컴포넌트와 함께 쓰이는 D_DynamicDesktopNavBarTemplates를 export처리 

pds-dev-kit-web@1.4.5

• Component

  • AdminList

    • HeaderRow column2에 min-width:80px 부여

  • AdminListItem

    • column2에 min-width:80px 부여

    • column2에 text만 있을때 좌측 간격 HeaderRow와 맞도록 수정

  • BasicListItem

    • descText의 색상 sysTextTertiary에서 sysTextSecondary로 변경

    • captionText의 색상 sysTextSecondary에서 sysTextTertiary로 변경

    • displayType이 switch일때 사용할 prop 추가

      • switchName

      • switchState

      • switchStatus

  • ContextMenuItem

    • 기본 상태일때 텍스트 색상 sysTextSecondary에서 sysTextPrimary로 변경

  • MobileTabBar

    • colorTheme prop 추가

  • StatusBlock

    • border-radius 변경

      • large, medium : 14px

      • small : 10px

  • Switch

    • name prop deprecated 처리 철회

pds-dev-kit-web@1.4.4

• Component

  • AdminList

    • BulkActionBar에서 TextButton의 colorTheme을 white로 적용 (LIGHT톤에서도 항상 흰색으로 보일 수 있도록)

  • HorizontalInputFormGroup

    • inputForm에 요소가 width: 100%일 경우 정상적으로 영역을 차지하게 수정

    • captionText가 undefined인 경우 bottom에 영역이 남지 않게 수정

  • Switch

    • name prop deprecated in 1.6처리 (react-hook-form을 사용하지 않아 불필요합니다.)

    • status에 따라 올바르게 on/off 되지 않는 이슈 해결

  • TextButton

    • colorTheme prop에 white value 추가

pds-dev-kit-web@1.4.3

• Color

  • 컬러 키 값 22.06.07 17시 20분 기준 싱크

pds-dev-kit-web@1.4.2

• Component

  • 전체 컴포넌트

    • flex와 gap이 함께 쓰이는 부분 제거

    • 기획서에서 명시된 크기와 다르게 표현되고 있는 부분들에 box-sizing: border-box 부여

  • 모바일용 컴포넌트

    • hover와 cursor 관련 이벤트 제거

  • Checkbox (CheckboxOn icon)

    • Checkbox icon이 찌그러지지 않도록 수정

  • Divider

    • displayType이 ‘area’일 경우 ui_cpnt_divider_area부여

• Color

  • 컬러 키 값 22.06.07 15시 04분 기준 싱크

pds-dev-kit-web@1.4.1

• Component

  • ReactionButton

    • select되었을때 text색상 sysTextBrandPrimary에서 usrTextBrandPrimary로 변경

pds-dev-kit-web@1.4.0

• Component

  • AdminList

    • prop

      • tBtnMode prop 추가

      • tBtn1Text prop 추가

      • tBtn2Text prop 추가

      • tBtn3Text prop 추가

      • onClickTBtn1 prop 추가

      • onClickTBtn2 prop 추가

      • onClickTBtn3 prop 추가

      • mBtnMode prop deprecated 처리

      • mBtn1Text prop deprecated 처리

      • mBtn2Text prop deprecated 처리

      • mBtn3Text prop deprecated 처리

      • onClickMBtn1 prop deprecated 처리

      • onClickMBtn2 prop deprecated 처리

      • onClickMBtn3 prop deprecated 처리

  • AdminListHeader

    • spec

      • contentText색상 sysTextTertiary에서 sysTextSecondary로 변경

  • BasicListItem

    • spec

      • iBtn1, 2의 색상 ui_cpnt_button_icon_default부여

      • Switch가 쓰일 경우 우측 간격 제거

  • BlogTextField

    • spec

      • 배경색 ui_cpnt_blogtextfield_base_01로 부여 (투명)

      • cursor방식 변경

  • ContextMenu

    • prop

      • maxHeight prop 추가

    • spec

      • border-radius 8px에서 14px로 수정

  • DesktopAlertDialog

    • prop

      • tBtn1State prop 추가

      • tBtn2State prop 추가

      • tBtn3State prop 추가

      • tBtn1Type prop 추가

      • tBtn2Type prop 추가

      • tBtn3Type prop 추가

    • spec

      • border-radius 16px에서 24px로 수정

      • btn2와 btn3의 colorTheme grey_01로 변경

  • DesktopHeaderBar

    • spec

      • btn2, 3의 fillType line을 제거

      • btn2, 3의 styleTheme을 secondary로 부여

  • Dropdown

    • prop

      • colorTheme prop에 ‘white’ value 추가

      • maxHeightItemNumber prop 추가

    • spec

      • read_only일때 icon색상 disabled일때와 통일 (기존에는 normal과 같았음)

      • read_only일때 border색상 disabled일때와 통일 (기존에는 normal과 같았음)

      • read_only일때 text색상 sysTextSecondary에서 sysTextTertiary로 변경

      • normal일때 text색상 sysTextSecondary에서 sysTextPrimary로 변경 (기존에는 read_only와 같았음)

      • colorTheme이 부여되었을때 read_only일 경우 text색상에 readonly색상 따로 부여 (기존에는 normal과 같았음)

      • colorTheme white가 부여되었을때 disabled일 경우 text색상에 disabled색상 따로 부여 (기존에는 normal과 같았음)

      • disabled일 경우 보더에 disabled색상 따로 부여 (기존에는 normal과 같았음)

      • colorTheme이 dark일때 배경에 dark색상 따로 부여 (기존에는 none과 같았음)

      • colorTheme이 dark일때 border에 각 state별로 따로 부여 (기존에는 normal로 통일되어있었음)

      • size가 small일때 border-radius 8px에서 10px로 수정

      • size가 large일때 border-radius 8px에서 14px로 수정

      • cursor 상황별 부여 (desktop만)

      • border두깨 1px에서 2px로 변경

  • DynamicDesktopNavBar 생성

  • EditApplyTextField

    • spec

      • xlarge일때 padding-reft, right spacingB에서 spacingC로 변경

      • disabled일때 보더색 disabled일때와 통일 (기존에는 normal과 같았음)

      • border-radius 8px에서 14px로 수정

      • 취소 버튼에 border색상 부여

      • cursor 상황별 부여 (desktop만)

      • border두깨 1px에서 2px로 변경

  • FloatingActionButton

    • spec

      • icon_only가 아닐때 border-radius 24px에서 14px로 수정

  • HorizontalFormGroup생성

  • MainButton & UploadMainButton

    • prop

      • shapeType prop 추가

      • styleTheme prop 추가

      • fillType prop의 default값 제거 (기존에는 fill)

    • spec

      • size가 xsmall일때 border-radius 12px에서 8px로 수정

      • size가 small일때 border-radius 16px에서 10px로 수정

      • size가 medium일때 border-radius 20px에서 14px로 수정

      • size가 large일때 border-radius 24px에서 14px로 수정

  • MobileAlertDialog

    • prop

      • tBtn1State prop 추가

      • tBtn2State prop 추가

      • tBtn3State prop 추가

      • tBtn1Type prop 추가

      • tBtn2Type prop 추가

      • tBtn3Type prop 추가

    • spec

      • border-radius 16px에서 24px로 수정

      • btn2와 btn3의 colorTheme grey_01로 변경

  • ReactionButton

    • spec

      • 양옆과 아이콘과 텍스트 사이 간격 spacingA에서 spacingB로 수정

      • 아이콘 크기 16px에서 20px로 수정

      • 텍스트 styleTheme body2Regular에서 body2Bold로 수정

      • hover시 배경색 부여

      • border-radius 8px 부여

  • Select

    • spec

      • read_only일때 icon색상 disabled일때와 통일 (기존에는 normal과 같았음)

      • read_only일때 text색상 disabled일때와 통일 (기존에는 normal과 같았음)

      • colorTheme이 dark이고 read_only일때 text색상readonly색상 따로 부여 (기존에는 normal과 같았음)

      • small이 아닐때 border-radius 8px에서 14px로 수정

      • small일때 border-radius 8px에서 10px로 수정

      • normal일때 아이콘의 z-index제거

      • read_only용 배경색, 보더색, 텍스트색 따로 부여(기존에는 disabled과 같았음)

      • disabled일때 opacity 1 부여 (기존에는 select tag 특성상 0.7로 부여되어있었음)

      • cursor 상황별 부여 (desktop만)

      • border두깨 1px에서 2px로 변경

  • TextButton & UploadTextButton

    • prop

      • colorTheme prop 추가

    • spec

      • size가 small일때 border-radius 8px에서 10px로 수정

      • size가 medium일때 border-radius 8px에서 14px로 수정

      • size가 large일때 border-radius 8px에서 14px로 수정

  • TextField

    • spec

      • disabled일때 보더색 disabled일때와 통일 (기존에는 normal과 같았음)

      • small이 아닐때 border-radius 8px에서 14px로 수정

      • small일때 border-radius 8px에서 10px로 수정

      • cursor 상황별 부여 (desktop만)

      • border두깨 1px에서 2px로 변경

  • TextLabel

    • prop

      • requirementMode prop 추가

      • bulletPointMode prop 추가

      • wordBreak prop 추가

  • UserDesktopNavBar

    • spec

      • mainButton의 fillType제거, styleTheme secondary부여

• Panel

  • DesktopBasicModal

    • prop

      • size에 rlarge value 추가

    • spec

      • 내부 MainButton의 fillType line을 제거

      • 내부 MainButton의 styleTheme을 secondary로 부여

  • DesktopHeadlessModal생성

  • MobileBasicModal

    • prop

      • tBtnText prop 추가

      • onClickTBtn prop 추가

      • mBtnState prop 추가

      • mBtnType prop 추가

      • tBtnState prop 추가

      • tBtnType prop 추가

    • spec

      • border-radius 8px에서 24px로 수정

      • body부분에 max-height 50vh 부여

      • 버튼의 위와 오른쪽에 spacingB 각각 부여

• Color

  • 컬러 키 값 22.06.03 21시 11분 기준 싱크

pds-dev-kit-web@1.3.28

• Component

  • EditApplyTextField

    • Form 컴포넌트의 onSubmit을 이용했을 때에도 submit과 blur 처리가 제대로 작동할 수 있게끔 수정

pds-dev-kit-web@1.3.27

• Component

  • IconButton

    • baseColorKey가 ui_cpnt_button_fill_base_transparent(투명)일때, icon색상 변경

• Color

  • 컬러 키 값 22.05.31 22시 10분 기준 싱크

pds-dev-kit-web@1.3.26

• Package

  • 컴포넌트들이 커스텀 컬러를 받을 수 있도록 수정

• Component

  • EditApplyTextField

    • iconButton의 type을 submit으로 변경

    • getInputValue와 onClickSubmitBtnprop에 deprecated 예고 추가

    • 빈값이 들어있을때도 제출이 가능하도록 변경

• Color

  • 컬러 키 값 22.05.31 20시 45분 기준 싱크

pds-dev-kit-web@1.3.25

• Layout

  • WTS_1

    • ContentArea2에 height: 100%; overflow: auto; 추가했던 것 제거

    • Content2에 height: 100%; 추가했던 것 제거

    • Container에 container1Ref 추가

• Component

  • Card

    • border유무에 따라 움찔거리던 현상 수정

• Color

  • 컬러 키 값 22.05.30 2시 25분 기준 싱크

pds-dev-kit-web@1.3.24

• Layout

  • WTS_1

    • ContentArea2에 height: 100%; overflow: auto; 추가 (무한 스크롤 위한 임시 조치)

    • Content2에 height: 100%; 추가 (무한 스크롤 위한 임시 조치)

pds-dev-kit-web@1.3.23

• Component

  • DesktopBasicModal

    • bodyOverflowType prop 추가 (systemUI구현 전 임시조치)

  • MobileBasicModal

    • bodyOverflowType prop 추가 (systemUI구현 전 임시조치)

pds-dev-kit-web@1.3.22

• Layout

  • WTS_1

    • content1의 min-height값 제거

• Color

  • 컬러 키 값 22.05.27 12시 40분 기준 싱크

pds-dev-kit-web@1.3.21

• Component

  • Common

    • TextFieldBase

      • 내부 IconButton에 tabIndex={-1} 추가

  • EditApplyTextField

    • 내부 IconButton에 tabIndex={-1} 추가

  • IconButton

    • tabIndex prop 추가

    • onClick과 onMouseDown의 type 수정

pds-dev-kit-web@1.3.20

• Component

  • BasicListItem

    • 내부에서 selectionMode가 'check'가 아닐때, reack-hook-form을 사용하지 않아도 되도록 수정

pds-dev-kit-web@1.3.19

• Component

  • BasicList

    • 내부의 useForm 제거

  • BasicListItem

    • onClick prop 추가(전체 클릭 가능)

    • radioId prop 추가 (radio 모드일 때 원활한 라디오 선택을 위해)

    • displayType prop에 ‘ibtn_text’ value 추가

    • displayType prop에 ‘selected_status’ value 제거

    • iBtn1과 iBtn2의 위치 순서 변경

    • descText와 captionText의 위치를 서로 변경, 색상과 폰트 변경

  • Checkbox

    • onChange prop 추가

  • Dropdown

    • 내부 outline를 none처리

  • IconButton

    • onClick이 이벤트를 받을 수 있도록 수정