pds-dev-kit-web 2.1.5 → 2.1.6

package/README.md

@@ -8,5 +8,5 @@ publ design system 프로젝트
 
 ## 참고 문서
 
-해당 패키지 버전은 PDS 문서 2.0 버전을 따르고 있음
-[PDS 2.0 문서 링크](https://design.docs.publ.biz/pds-project/)
+해당 패키지 버전은 PDS 문서 2.1 버전을 따르고 있음
+[PDS 2.1 문서 링크](https://design.docs.publ.biz/pds-project/)

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
-export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, PDSIconType, ForwardedRefType };
+import { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, UiColors, PdsDevKitTheme, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, theme, Form, PDSIconType, ForwardedRefType } from './src/common';
+export { UITheme, IFormValues, FillIconNameKeys, LineIconNameKeys, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, UiColors, PDSIconType, ForwardedRefType };
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme };
 export { theme };
 export { dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni } from './src/common/styles';

package/dist/src/common/index.d.ts

@@ -1,5 +1,5 @@
 export { UITheme } from './styles/colorSet/ui-type';
-export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, UiColors, ForwardedRefType } from './types';
+export { IFormValues, FillIconNameKeys, LineIconNameKeys, PDSIconType, PdsDevKitTheme, DesktopFontSize, FontWeight, PDSTextType, PDSValueOption, ContextMenuItemValueOption, DropdownValueOption, AdminListDropdownValueOption, BasicButtonGroupValueOption, UiColors, ForwardedRefType } from './types';
 export { fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing } from './styles/theme';
 export { uiColors, customTheme } from './styles/ui-colors';
 export { theme } from './styles';

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -301,11 +301,11 @@
     "sys_component_base_40": "darkorange50",
     "sys_component_base_41": "darkskyblue100",
     "sys_cpnt_slider_track": "darkgrey100",
-    "sys_cpnt_slider_track_active": "darkgrey900",
-    "sys_cpnt_slider_thumb_normal": "darkgrey900",
+    "sys_cpnt_slider_track_active": "darkblue500",
+    "sys_cpnt_slider_thumb_normal": "darkblue500",
     "sys_cpnt_slider_thumb_disabled": "darkgrey400",
-    "sys_cpnt_slider_thumb_hover_circle": "darkgrey900/opacity10",
-    "sys_cpnt_slider_thumb_pressed_circle": "darkgrey900/opacity20",
+    "sys_cpnt_slider_thumb_hover_circle": "darkblue500/opacity10",
+    "sys_cpnt_slider_thumb_pressed_circle": "darkblue500/opacity20",
     "sys_cpnt_slider_track_disabled": "darkgrey400",
     "sys_component_base_42": "darkorange30",
     "sys_component_base_43": "darkblue30",
@@ -317,5 +317,6 @@
     "sys_editor_layout_navigation_panel": "darkgrey80",
     "sys_editor_layout_canvas_area": "darkgrey30",
     "sys_editor_layout_control_panel": "darkgrey70",
-    "sys_editor_layout_property_panel": "darkgrey70"
+    "sys_editor_layout_property_panel": "darkgrey70",
+    "sys_editor_layout_navigation_panel_section_item_area_normal": "darkgrey300"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -301,11 +301,11 @@
     "sys_component_base_40": "orange50",
     "sys_component_base_41": "skyblue100",
     "sys_cpnt_slider_track": "grey100",
-    "sys_cpnt_slider_track_active": "grey900",
-    "sys_cpnt_slider_thumb_normal": "grey900",
+    "sys_cpnt_slider_track_active": "blue500",
+    "sys_cpnt_slider_thumb_normal": "blue500",
     "sys_cpnt_slider_thumb_disabled": "grey400",
-    "sys_cpnt_slider_thumb_hover_circle": "grey900/opacity10",
-    "sys_cpnt_slider_thumb_pressed_circle": "grey900/opacity20",
+    "sys_cpnt_slider_thumb_hover_circle": "blue500/opacity10",
+    "sys_cpnt_slider_thumb_pressed_circle": "blue500/opacity20",
     "sys_cpnt_slider_track_disabled": "grey400",
     "sys_component_base_42": "orange30",
     "sys_component_base_43": "blue30",
@@ -317,5 +317,6 @@
     "sys_editor_layout_navigation_panel": "grey50",
     "sys_editor_layout_canvas_area": "grey30",
     "sys_editor_layout_control_panel": "white",
-    "sys_editor_layout_property_panel": "white"
+    "sys_editor_layout_property_panel": "white",
+    "sys_editor_layout_navigation_panel_section_item_area_normal": "white"
 }

package/dist/src/common/styles/colorSet/SemanticColor.json

@@ -114,5 +114,7 @@
     "yellow300": "#FFFAE6",
     "darkyellow300": "#FFF3C1",
     "grey20": "#f8f8fb",
-    "darkgrey20": "#1a1a1b"
+    "darkgrey20": "#1a1a1b",
+    "grey300": "#BDBDC2",
+    "darkgrey300": "#555557"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -804,5 +804,6 @@
     "ui_editor_layout_navigation_panel": "sys_editor_layout_navigation_panel",
     "ui_editor_layout_canvas_area": "sys_editor_layout_canvas_area",
     "ui_editor_layout_control_panel": "sys_editor_layout_control_panel",
-    "ui_editor_layout_property_panel": "sys_editor_layout_property_panel"
+    "ui_editor_layout_property_panel": "sys_editor_layout_property_panel",
+    "ui_editor_layout_navigation_panel_section_item_area_normal": "sys_editor_layout_navigation_panel_section_item_area_normal"
 }

package/dist/src/common/styles/colorSet/index.d.ts

@@ -116,327 +116,8 @@ declare const colorSet: {
         darkyellow300: string;
         grey20: string;
         darkgrey20: string;
-    };
-    readonly PaletteColor_Dark: {
-        sys_container_background_01: string;
-        sys_container_background_02: string;
-        sys_container_background_03: string;
-        sys_background_dimmed: string;
-        sys_text_grey_01: string;
-        sys_text_grey_02: string;
-        sys_text_grey_03: string;
-        sys_text_white: string;
-        sys_text_brand_primary: string;
-        sys_text_error_01: string;
-        sys_widget_grey_01: string;
-        sys_widget_grey_02: string;
-        sys_widget_grey_03: string;
-        sys_widget_primary_01: string;
-        sys_widget_error_01: string;
-        sys_widget_warning_01: string;
-        sys_widget_success_01: string;
-        sys_widget_white: string;
-        sys_border_area_01: string;
-        sys_border_line_01: string;
-        sys_border_line_02: string;
-        sys_border_line_03: string;
-        sys_border_line_04: string;
-        sys_border_line_05: string;
-        sys_component_base_01: string;
-        sys_component_base_02: string;
-        sys_component_base_03: string;
-        sys_component_base_red: string;
-        sys_component_base_white: string;
-        sys_component_base_white_opacity00: string;
-        sys_on_base_white_opacity00: string;
-        sys_on_base_white_opacity30: string;
-        sys_on_base_black_opacity20: string;
-        usr_brand_primary: string;
-        usr_brand_secondary: string;
-        usr_brand_secondary_variant: string;
-        usr_background: string;
-        usr_surface: string;
-        usr_border: string;
-        usr_on_brand_primary: string;
-        usr_on_brand_secondary: string;
-        usr_on_background: string;
-        usr_on_surface: string;
-        sys_widget_status_active_01: string;
-        sys_text_success_01: string;
-        sys_widget_grey_04: string;
-        sys_text_active: string;
-        sys_component_base_blue: string;
-        sys_on_base_black_opacity65: string;
-        sys_component_base_04: string;
-        sys_component_base_black: string;
-        sys_component_base_black_opacity00: string;
-        usr_text_brand_secondary_variant: string;
-        usr_text_brand_primary: string;
-        usr_text_brand_on_primary: string;
-        sys_text_brand_secondary_variant: string;
-        sys_component_base_navy: string;
-        sys_widget_lightgreen: string;
-        sys_border_line_06: string;
-        sys_background_dimmed_20: string;
-        sys_widget_pink: string;
-        sys_widget_primary_opacity20: string;
-        sys_widget_secondary_variant_01: string;
-        usr_component_base_brand_primary_opacity10: string;
-        sys_temp_grey_01: string;
-        sys_temp_grey_02: string;
-        sys_temp_grey_03: string;
-        sys_temp_grey_04: string;
-        sys_temp_grey_05: string;
-        sys_temp_white: string;
-        sys_temp_primary_01: string;
-        sys_temp_secondary_01: string;
-        sys_temp_red: string;
-        sys_temp_white_opacity_00: string;
-        sys_temp_dimmed: string;
-        sys_temp_black: string;
-        sys_temp_primary_02: string;
-        sys_temp_primary_03: string;
-        sys_temp_secondary_02: string;
-        sys_temp_lightgreen_01: string;
-        sys_text_grey_04: string;
-        sys_papp_post_social_background: string;
-        sys_papp_post_notice_background: string;
-        sys_papp_post_free_background: string;
-        sys_papp_vod_background: string;
-        sys_papp_vodplus_background: string;
-        sys_papp_live_background: string;
-        sys_selcontrols_base_off_disabled: string;
-        sys_selcontrols_base_on_disabled: string;
-        sys_component_base_blue_opacity10: string;
-        sys_component_base_05: string;
-        sys_background_dimmed_65: string;
-        sys_temp_grey_06: string;
-        sys_on_base_white_opacity10: string;
-        sys_on_base_black_opacity10: string;
-        sys_component_base_05_opacity00: string;
-        sys_papp_post_notice_link: string;
-        sys_component_base_navy_light: string;
-        sys_component_base_orange: string;
-        sys_component_base_grey: string;
-        sys_component_base_black_opacity80: string;
-        sys_text_darkgrey_02: string;
-        sys_border_line_darktheme_01: string;
-        sys_border_line_darktheme_02: string;
-        sys_component_base_darktheme_01: string;
-        sys_component_base_darktheme_02: string;
-        sys_component_base_darktheme_03: string;
-        sys_text_grey_darktheme_01: string;
-        sys_text_grey_darktheme_02: string;
-        sys_text_grey_darktheme_03: string;
-        sys_widget_grey_darktheme_01: string;
-        sys_widget_grey_darktheme_02: string;
-        sys_widget_grey_darktheme_03: string;
-        sys_component_base_green: string;
-        sys_text_error_darktheme_01: string;
-        sys_border_line_darktheme_03: string;
-        sys_border_line_darktheme_04: string;
-        usr_widget_brand_primary_darktheme_01: string;
-        usr_text_brand_primary_darktheme_01: string;
-        sys_component_base_black_opacity50: string;
-        sys_component_base_card: string;
-        sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
-        sys_widget_green_01: string;
-        sys_component_base_black_opacity30: string;
-        sys_area_background: string;
-        sys_border_white_opacity30: string;
-        sys_container_background_wt: string;
-        sys_channeldesc_grey_03: string;
-        sys_channeldesc_border_grey_03: string;
-        sys_gradient_base_01: string;
-        sys_gradient_base_01_opacity00: string;
-        sys_channeldesc_background: string;
-        sys_channeldesc_bottomsheet_base: string;
-        sys_channeldesc_bottomsheet_border: string;
-        sys_channeldesc_contents_base: string;
-        sys_channeldesc_dimmed: string;
-        sys_gradient_base_01_opacity50: string;
-        sys_gradient_base_01_opacity75: string;
-        sys_gradient_base_01_opacity40: string;
-        sys_widget_black: string;
-        usr_temp_primary_01: string;
-        sys_cpnt_sheet_base_02_opacity50: string;
-        usr_menu_primarymenu_main: string;
-        usr_menu_primarymenu_sub: string;
-        usr_menu_secondarymenu_main: string;
-        usr_menu_secondarymenu_sub: string;
-        usr_menu_hover: string;
-        usr_menu_active: string;
-        usr_menu_background: string;
-        sys_cpnt_base_white_opacity50: string;
-        sys_widget_dark_01: string;
-        usr_menu_background_gradient_opacity00: string;
-        sys_border_line_white: string;
-        sys_component_base_white_opacity10: string;
-        sys_cpnt_sheet_base_01: string;
-        sys_component_base_white_opacity20: string;
-        sys_border_line_07: string;
-        sys_border_line_white_opacity50: string;
-        sys_background_dimmed_02: string;
-        sys_border_line_08: string;
-        sys_component_base_06: string;
-        sys_component_base_07: string;
-        sys_border_line_09: string;
-        sys_component_base_darktheme_04: string;
-        sys_border_line_10: string;
-        sys_component_base_darktheme_05: string;
-        sys_border_line_darktheme_05: string;
-        sys_component_base_darktheme_06: string;
-        sys_border_line_darktheme_06: string;
-        sys_border_line_darktheme_07: string;
-        sys_border_line_11: string;
-        sys_base_dimmed_01: string;
-        sys_kakao: string;
-        sys_border_line_12: string;
-        sys_component_base_08: string;
-        sys_text_social_login_01: string;
-        sys_text_social_login_02: string;
-        sys_papp_livechat_link: string;
-        sys_text_lighttone_grey_01: string;
-        sys_widget_lighttone_primary_01: string;
-        sys_text_lighttone_grey_02: string;
-        sys_component_base_09: string;
-        sys_component_base_darktheme_opacity20: string;
-        sys_component_base_darktheme_disabled_opacity20: string;
-        sys_border_white_opacity00: string;
-        sys_border_line_darktheme_07_opacity00: string;
-        sys_border_line_darktheme_02_opacity20: string;
-        sys_border_line_darktheme_03_opacity20: string;
-        sys_border_line_darktheme_07_opacity20: string;
-        sys_component_base_grey_02_opacity80: string;
-        sys_component_base_10: string;
-        sys_component_pastel_base_01: string;
-        sys_component_pastel_base_02: string;
-        sys_component_pastel_base_03: string;
-        sys_component_pastel_base_04: string;
-        sys_component_pastel_base_05: string;
-        sys_component_base_11: string;
-        sys_loading_skeleton_01: string;
-        sys_loading_skeleton_02: string;
-        sys_loading_linear_bar: string;
-        sys_loading_linear_base: string;
-        sys_loading_three_bar: string;
-        sys_widget_grey_05: string;
-        sys_menu_background_transparent: string;
-        sys_container_background_04: string;
-        sys_menu_button_base: string;
-        sys_background_dimmed_03: string;
-        sys_cpnt_sheet_base_03: string;
-        sys_dimmed_gradient_01: string;
-        sys_dimmed_gradient_02: string;
-        sys_border_line_13: string;
-        sys_component_base_12: string;
-        sys_border_line_14: string;
-        sys_component_base_13: string;
-        sys_component_base_14: string;
-        sys_component_base_15: string;
-        sys_component_base_16: string;
-        sys_component_base_17: string;
-        sys_widget_red_01: string;
-        sys_widget_orange_01: string;
-        sys_text_warning_01: string;
-        sys_component_base_18: string;
-        sys_cpnt_sheet_base_04: string;
-        sys_cpnt_sheet_base_05: string;
-        sys_cpnt_sheet_base_06: string;
-        sys_facebook: string;
-        sys_component_base_19: string;
-        sys_cpnt_pagination_dot_01: string;
-        sys_cpnt_pagination_dot_02: string;
-        sys_component_base_white_opacity50: string;
-        sys_component_base_20: string;
-        sys_component_base_22: string;
-        sys_component_base_21: string;
-        sys_component_border_white_opacity20: string;
-        sys_component_base_23: string;
-        sys_component_base_darkgreen: string;
-        sys_component_base_24: string;
-        sys_border_line_15: string;
-        sys_border_line_16: string;
-        sys_component_base_hover_01: string;
-        sys_component_on_base_01: string;
-        sys_component_on_base_02: string;
-        sys_component_on_base_03: string;
-        sys_component_on_base_04: string;
-        sys_component_on_base_05: string;
-        sys_component_base_hover_02: string;
-        sys_component_base_pressed_01: string;
-        sys_widget_white_02: string;
-        sys_component_base_hover_03: string;
-        sys_component_base_pressed_02: string;
-        sys_component_base_25: string;
-        sys_editor_base_pages: string;
-        sys_editor_base_papp: string;
-        sys_text_black: string;
-        sys_component_base_26: string;
-        sys_component_base_27: string;
-        sys_component_base_28: string;
-        sys_widget_sidebar_label_text: string;
-        sys_component_base_hover_darktheme: string;
-        sys_component_base_pressed_darktheme: string;
-        sys_component_base_hover_white: string;
-        sys_component_base_pressed_white: string;
-        sys_component_base_hover_transparent: string;
-        sys_component_base_pressed_transparent: string;
-        sys_text_white_opacity_01: string;
-        sys_component_base_hover_04: string;
-        sys_component_base_pressed_03: string;
-        sys_cpnt_sheet_base_07: string;
-        sys_cpnt_sheet_base_08: string;
-        sys_cpnt_sheet_base_09: string;
-        sys_cpnt_sheet_base_10: string;
-        sys_component_base_29: string;
-        sys_storyboard_group_base_grey01: string;
-        sys_storyboard_group_base_blue01: string;
-        sys_storyboard_group_base_red01: string;
-        sys_storyboard_group_base_green01: string;
-        sys_storyboard_card_base_blue01: string;
-        sys_storyboard_card_base_red01: string;
-        sys_storyboard_card_base_green01: string;
-        sys_brand_secondary_variant: string;
-        sys_button_tooltip_base: string;
-        sys_text_button_tooltip: string;
-        sys_membership_button_base: string;
-        sys_membership_item_membership_base: string;
-        sys_membership_item_price_product_base: string;
-        sys_component_base_30: string;
-        sys_component_base_31: string;
-        sys_component_base_32: string;
-        sys_component_base_33: string;
-        sys_component_base_34: string;
-        sys_component_base_35: string;
-        sys_component_base_36: string;
-        sys_component_base_37: string;
-        sys_component_base_38: string;
-        sys_plan_base_01: string;
-        sys_plan_base_02: string;
-        sys_plan_base_03: string;
-        sys_text_warning_02: string;
-        sys_component_base_39: string;
-        sys_component_base_40: string;
-        sys_component_base_41: string;
-        sys_cpnt_slider_track: string;
-        sys_cpnt_slider_track_active: string;
-        sys_cpnt_slider_thumb_normal: string;
-        sys_cpnt_slider_thumb_disabled: string;
-        sys_cpnt_slider_thumb_hover_circle: string;
-        sys_cpnt_slider_thumb_pressed_circle: string;
-        sys_cpnt_slider_track_disabled: string;
-        sys_component_base_42: string;
-        sys_component_base_43: string;
-        sys_icon_grey_darktheme_01: string;
-        sys_icon_grey_darktheme_02: string;
-        sys_icon_grey_darktheme_03: string;
-        sys_widget_grey_01_opacity_50: string;
-        sys_editor_layout_header: string;
-        sys_editor_layout_navigation_panel: string;
-        sys_editor_layout_canvas_area: string;
-        sys_editor_layout_control_panel: string;
-        sys_editor_layout_property_panel: string;
+        grey300: string;
+        darkgrey300: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1245,6 +926,329 @@ declare const colorSet: {
         ui_editor_layout_canvas_area: string;
         ui_editor_layout_control_panel: string;
         ui_editor_layout_property_panel: string;
+        ui_editor_layout_navigation_panel_section_item_area_normal: string;
+    };
+    readonly PaletteColor_Dark: {
+        sys_container_background_01: string;
+        sys_container_background_02: string;
+        sys_container_background_03: string;
+        sys_background_dimmed: string;
+        sys_text_grey_01: string;
+        sys_text_grey_02: string;
+        sys_text_grey_03: string;
+        sys_text_white: string;
+        sys_text_brand_primary: string;
+        sys_text_error_01: string;
+        sys_widget_grey_01: string;
+        sys_widget_grey_02: string;
+        sys_widget_grey_03: string;
+        sys_widget_primary_01: string;
+        sys_widget_error_01: string;
+        sys_widget_warning_01: string;
+        sys_widget_success_01: string;
+        sys_widget_white: string;
+        sys_border_area_01: string;
+        sys_border_line_01: string;
+        sys_border_line_02: string;
+        sys_border_line_03: string;
+        sys_border_line_04: string;
+        sys_border_line_05: string;
+        sys_component_base_01: string;
+        sys_component_base_02: string;
+        sys_component_base_03: string;
+        sys_component_base_red: string;
+        sys_component_base_white: string;
+        sys_component_base_white_opacity00: string;
+        sys_on_base_white_opacity00: string;
+        sys_on_base_white_opacity30: string;
+        sys_on_base_black_opacity20: string;
+        usr_brand_primary: string;
+        usr_brand_secondary: string;
+        usr_brand_secondary_variant: string;
+        usr_background: string;
+        usr_surface: string;
+        usr_border: string;
+        usr_on_brand_primary: string;
+        usr_on_brand_secondary: string;
+        usr_on_background: string;
+        usr_on_surface: string;
+        sys_widget_status_active_01: string;
+        sys_text_success_01: string;
+        sys_widget_grey_04: string;
+        sys_text_active: string;
+        sys_component_base_blue: string;
+        sys_on_base_black_opacity65: string;
+        sys_component_base_04: string;
+        sys_component_base_black: string;
+        sys_component_base_black_opacity00: string;
+        usr_text_brand_secondary_variant: string;
+        usr_text_brand_primary: string;
+        usr_text_brand_on_primary: string;
+        sys_text_brand_secondary_variant: string;
+        sys_component_base_navy: string;
+        sys_widget_lightgreen: string;
+        sys_border_line_06: string;
+        sys_background_dimmed_20: string;
+        sys_widget_pink: string;
+        sys_widget_primary_opacity20: string;
+        sys_widget_secondary_variant_01: string;
+        usr_component_base_brand_primary_opacity10: string;
+        sys_temp_grey_01: string;
+        sys_temp_grey_02: string;
+        sys_temp_grey_03: string;
+        sys_temp_grey_04: string;
+        sys_temp_grey_05: string;
+        sys_temp_white: string;
+        sys_temp_primary_01: string;
+        sys_temp_secondary_01: string;
+        sys_temp_red: string;
+        sys_temp_white_opacity_00: string;
+        sys_temp_dimmed: string;
+        sys_temp_black: string;
+        sys_temp_primary_02: string;
+        sys_temp_primary_03: string;
+        sys_temp_secondary_02: string;
+        sys_temp_lightgreen_01: string;
+        sys_text_grey_04: string;
+        sys_papp_post_social_background: string;
+        sys_papp_post_notice_background: string;
+        sys_papp_post_free_background: string;
+        sys_papp_vod_background: string;
+        sys_papp_vodplus_background: string;
+        sys_papp_live_background: string;
+        sys_selcontrols_base_off_disabled: string;
+        sys_selcontrols_base_on_disabled: string;
+        sys_component_base_blue_opacity10: string;
+        sys_component_base_05: string;
+        sys_background_dimmed_65: string;
+        sys_temp_grey_06: string;
+        sys_on_base_white_opacity10: string;
+        sys_on_base_black_opacity10: string;
+        sys_component_base_05_opacity00: string;
+        sys_papp_post_notice_link: string;
+        sys_component_base_navy_light: string;
+        sys_component_base_orange: string;
+        sys_component_base_grey: string;
+        sys_component_base_black_opacity80: string;
+        sys_text_darkgrey_02: string;
+        sys_border_line_darktheme_01: string;
+        sys_border_line_darktheme_02: string;
+        sys_component_base_darktheme_01: string;
+        sys_component_base_darktheme_02: string;
+        sys_component_base_darktheme_03: string;
+        sys_text_grey_darktheme_01: string;
+        sys_text_grey_darktheme_02: string;
+        sys_text_grey_darktheme_03: string;
+        sys_widget_grey_darktheme_01: string;
+        sys_widget_grey_darktheme_02: string;
+        sys_widget_grey_darktheme_03: string;
+        sys_component_base_green: string;
+        sys_text_error_darktheme_01: string;
+        sys_border_line_darktheme_03: string;
+        sys_border_line_darktheme_04: string;
+        usr_widget_brand_primary_darktheme_01: string;
+        usr_text_brand_primary_darktheme_01: string;
+        sys_component_base_black_opacity50: string;
+        sys_component_base_card: string;
+        sys_cpnt_textlabel_sys_brand_primary_opacity50: string;
+        sys_widget_green_01: string;
+        sys_component_base_black_opacity30: string;
+        sys_area_background: string;
+        sys_border_white_opacity30: string;
+        sys_container_background_wt: string;
+        sys_channeldesc_grey_03: string;
+        sys_channeldesc_border_grey_03: string;
+        sys_gradient_base_01: string;
+        sys_gradient_base_01_opacity00: string;
+        sys_channeldesc_background: string;
+        sys_channeldesc_bottomsheet_base: string;
+        sys_channeldesc_bottomsheet_border: string;
+        sys_channeldesc_contents_base: string;
+        sys_channeldesc_dimmed: string;
+        sys_gradient_base_01_opacity50: string;
+        sys_gradient_base_01_opacity75: string;
+        sys_gradient_base_01_opacity40: string;
+        sys_widget_black: string;
+        usr_temp_primary_01: string;
+        sys_cpnt_sheet_base_02_opacity50: string;
+        usr_menu_primarymenu_main: string;
+        usr_menu_primarymenu_sub: string;
+        usr_menu_secondarymenu_main: string;
+        usr_menu_secondarymenu_sub: string;
+        usr_menu_hover: string;
+        usr_menu_active: string;
+        usr_menu_background: string;
+        sys_cpnt_base_white_opacity50: string;
+        sys_widget_dark_01: string;
+        usr_menu_background_gradient_opacity00: string;
+        sys_border_line_white: string;
+        sys_component_base_white_opacity10: string;
+        sys_cpnt_sheet_base_01: string;
+        sys_component_base_white_opacity20: string;
+        sys_border_line_07: string;
+        sys_border_line_white_opacity50: string;
+        sys_background_dimmed_02: string;
+        sys_border_line_08: string;
+        sys_component_base_06: string;
+        sys_component_base_07: string;
+        sys_border_line_09: string;
+        sys_component_base_darktheme_04: string;
+        sys_border_line_10: string;
+        sys_component_base_darktheme_05: string;
+        sys_border_line_darktheme_05: string;
+        sys_component_base_darktheme_06: string;
+        sys_border_line_darktheme_06: string;
+        sys_border_line_darktheme_07: string;
+        sys_border_line_11: string;
+        sys_base_dimmed_01: string;
+        sys_kakao: string;
+        sys_border_line_12: string;
+        sys_component_base_08: string;
+        sys_text_social_login_01: string;
+        sys_text_social_login_02: string;
+        sys_papp_livechat_link: string;
+        sys_text_lighttone_grey_01: string;
+        sys_widget_lighttone_primary_01: string;
+        sys_text_lighttone_grey_02: string;
+        sys_component_base_09: string;
+        sys_component_base_darktheme_opacity20: string;
+        sys_component_base_darktheme_disabled_opacity20: string;
+        sys_border_white_opacity00: string;
+        sys_border_line_darktheme_07_opacity00: string;
+        sys_border_line_darktheme_02_opacity20: string;
+        sys_border_line_darktheme_03_opacity20: string;
+        sys_border_line_darktheme_07_opacity20: string;
+        sys_component_base_grey_02_opacity80: string;
+        sys_component_base_10: string;
+        sys_component_pastel_base_01: string;
+        sys_component_pastel_base_02: string;
+        sys_component_pastel_base_03: string;
+        sys_component_pastel_base_04: string;
+        sys_component_pastel_base_05: string;
+        sys_component_base_11: string;
+        sys_loading_skeleton_01: string;
+        sys_loading_skeleton_02: string;
+        sys_loading_linear_bar: string;
+        sys_loading_linear_base: string;
+        sys_loading_three_bar: string;
+        sys_widget_grey_05: string;
+        sys_menu_background_transparent: string;
+        sys_container_background_04: string;
+        sys_menu_button_base: string;
+        sys_background_dimmed_03: string;
+        sys_cpnt_sheet_base_03: string;
+        sys_dimmed_gradient_01: string;
+        sys_dimmed_gradient_02: string;
+        sys_border_line_13: string;
+        sys_component_base_12: string;
+        sys_border_line_14: string;
+        sys_component_base_13: string;
+        sys_component_base_14: string;
+        sys_component_base_15: string;
+        sys_component_base_16: string;
+        sys_component_base_17: string;
+        sys_widget_red_01: string;
+        sys_widget_orange_01: string;
+        sys_text_warning_01: string;
+        sys_component_base_18: string;
+        sys_cpnt_sheet_base_04: string;
+        sys_cpnt_sheet_base_05: string;
+        sys_cpnt_sheet_base_06: string;
+        sys_facebook: string;
+        sys_component_base_19: string;
+        sys_cpnt_pagination_dot_01: string;
+        sys_cpnt_pagination_dot_02: string;
+        sys_component_base_white_opacity50: string;
+        sys_component_base_20: string;
+        sys_component_base_22: string;
+        sys_component_base_21: string;
+        sys_component_border_white_opacity20: string;
+        sys_component_base_23: string;
+        sys_component_base_darkgreen: string;
+        sys_component_base_24: string;
+        sys_border_line_15: string;
+        sys_border_line_16: string;
+        sys_component_base_hover_01: string;
+        sys_component_on_base_01: string;
+        sys_component_on_base_02: string;
+        sys_component_on_base_03: string;
+        sys_component_on_base_04: string;
+        sys_component_on_base_05: string;
+        sys_component_base_hover_02: string;
+        sys_component_base_pressed_01: string;
+        sys_widget_white_02: string;
+        sys_component_base_hover_03: string;
+        sys_component_base_pressed_02: string;
+        sys_component_base_25: string;
+        sys_editor_base_pages: string;
+        sys_editor_base_papp: string;
+        sys_text_black: string;
+        sys_component_base_26: string;
+        sys_component_base_27: string;
+        sys_component_base_28: string;
+        sys_widget_sidebar_label_text: string;
+        sys_component_base_hover_darktheme: string;
+        sys_component_base_pressed_darktheme: string;
+        sys_component_base_hover_white: string;
+        sys_component_base_pressed_white: string;
+        sys_component_base_hover_transparent: string;
+        sys_component_base_pressed_transparent: string;
+        sys_text_white_opacity_01: string;
+        sys_component_base_hover_04: string;
+        sys_component_base_pressed_03: string;
+        sys_cpnt_sheet_base_07: string;
+        sys_cpnt_sheet_base_08: string;
+        sys_cpnt_sheet_base_09: string;
+        sys_cpnt_sheet_base_10: string;
+        sys_component_base_29: string;
+        sys_storyboard_group_base_grey01: string;
+        sys_storyboard_group_base_blue01: string;
+        sys_storyboard_group_base_red01: string;
+        sys_storyboard_group_base_green01: string;
+        sys_storyboard_card_base_blue01: string;
+        sys_storyboard_card_base_red01: string;
+        sys_storyboard_card_base_green01: string;
+        sys_brand_secondary_variant: string;
+        sys_button_tooltip_base: string;
+        sys_text_button_tooltip: string;
+        sys_membership_button_base: string;
+        sys_membership_item_membership_base: string;
+        sys_membership_item_price_product_base: string;
+        sys_component_base_30: string;
+        sys_component_base_31: string;
+        sys_component_base_32: string;
+        sys_component_base_33: string;
+        sys_component_base_34: string;
+        sys_component_base_35: string;
+        sys_component_base_36: string;
+        sys_component_base_37: string;
+        sys_component_base_38: string;
+        sys_plan_base_01: string;
+        sys_plan_base_02: string;
+        sys_plan_base_03: string;
+        sys_text_warning_02: string;
+        sys_component_base_39: string;
+        sys_component_base_40: string;
+        sys_component_base_41: string;
+        sys_cpnt_slider_track: string;
+        sys_cpnt_slider_track_active: string;
+        sys_cpnt_slider_thumb_normal: string;
+        sys_cpnt_slider_thumb_disabled: string;
+        sys_cpnt_slider_thumb_hover_circle: string;
+        sys_cpnt_slider_thumb_pressed_circle: string;
+        sys_cpnt_slider_track_disabled: string;
+        sys_component_base_42: string;
+        sys_component_base_43: string;
+        sys_icon_grey_darktheme_01: string;
+        sys_icon_grey_darktheme_02: string;
+        sys_icon_grey_darktheme_03: string;
+        sys_widget_grey_01_opacity_50: string;
+        sys_editor_layout_header: string;
+        sys_editor_layout_navigation_panel: string;
+        sys_editor_layout_canvas_area: string;
+        sys_editor_layout_control_panel: string;
+        sys_editor_layout_property_panel: string;
+        sys_editor_layout_navigation_panel_section_item_area_normal: string;
     };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
@@ -1566,6 +1570,7 @@ declare const colorSet: {
         sys_editor_layout_canvas_area: string;
         sys_editor_layout_control_panel: string;
         sys_editor_layout_property_panel: string;
+        sys_editor_layout_navigation_panel_section_item_area_normal: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/index.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
-var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     UIColor: UIColor_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default
 };
 exports.default = colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -805,4 +805,5 @@ export interface UITheme {
     ui_editor_layout_canvas_area: string;
     ui_editor_layout_control_panel: string;
     ui_editor_layout_property_panel: string;
+    ui_editor_layout_navigation_panel_section_item_area_normal: string;
 }

package/dist/src/common/types/components.d.ts

@@ -10,13 +10,19 @@ export declare type PDSTabItemOption = {
     isActive: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
-export declare type DropdownValueOption = {
+export declare type ContextMenuItemValueOption = {
     text?: PDSTextType;
     value: string | number | null | boolean;
     iconName?: FillIconNameKeys | LineIconNameKeys;
     iconFillType?: 'fill' | 'line';
+};
+export declare type DropdownValueOption = ContextMenuItemValueOption & {
     state?: 'normal' | 'disabled';
 };
+export declare type AdminListDropdownValueOption = {
+    text: DropdownValueOption['text'];
+    value: DropdownValueOption['value'];
+};
 export declare type BasicButtonGroupValueOption = {
     iconName: FillIconNameKeys | LineIconNameKeys;
     iconFillType?: 'fill' | 'line';

package/dist/src/desktop/components/AdminList/AdminList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common';
 import type { TFunctionResult } from 'i18next';
 declare type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
 declare type Props = {
@@ -23,18 +23,18 @@ declare type Props = {
     column10HeaderText?: TFunctionResult;
     column10Width?: ColumnWidthType;
     dropdownMode?: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
-    dropdown1Value?: PDSValueOption;
-    dropdown2Value?: PDSValueOption;
-    dropdown3Value?: PDSValueOption;
-    dropdown1DefaultText?: PDSValueOption;
-    dropdown2DefaultText?: PDSValueOption;
-    dropdown3DefaultText?: PDSValueOption;
+    dropdown1Value?: AdminListDropdownValueOption;
+    dropdown2Value?: AdminListDropdownValueOption;
+    dropdown3Value?: AdminListDropdownValueOption;
+    dropdown1DefaultText?: AdminListDropdownValueOption;
+    dropdown2DefaultText?: AdminListDropdownValueOption;
+    dropdown3DefaultText?: AdminListDropdownValueOption;
     dropdown1HintText?: TFunctionResult;
     dropdown2HintText?: TFunctionResult;
     dropdown3HintText?: TFunctionResult;
-    dropdown1ValueArray?: PDSValueOption[];
-    dropdown2ValueArray?: PDSValueOption[];
-    dropdown3ValueArray?: PDSValueOption[];
+    dropdown1ValueArray?: AdminListDropdownValueOption[];
+    dropdown2ValueArray?: AdminListDropdownValueOption[];
+    dropdown3ValueArray?: AdminListDropdownValueOption[];
     quickActionBtnMode?: 'none' | 'btn_amount1' | 'btn_amount2' | 'btn_amount3';
     quickActionBtn1Text?: TFunctionResult;
     quickActionBtn2Text?: TFunctionResult;
@@ -49,9 +49,9 @@ declare type Props = {
     scrollVisibleType?: 'moving' | 'hidden' | 'visible';
     headerRowCheckboxName?: string;
     flexibleHideInfoMode?: 'use' | 'none';
-    onChangeDropdown1?: (value: PDSValueOption) => void;
-    onChangeDropdown2?: (value: PDSValueOption) => void;
-    onChangeDropdown3?: (value: PDSValueOption) => void;
+    onChangeDropdown1?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown2?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown3?: (value: AdminListDropdownValueOption) => void;
     onClickTBtn1?: () => void;
     onClickTBtn2?: () => void;
     onClickTBtn3?: () => void;

package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts

@@ -1,28 +1,28 @@
 /// <reference types="react" />
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common/types';
 import type { TFunctionResult } from 'i18next';
 declare type Props = {
     itemCount?: number;
     dropdownMode: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
-    dropdown1Value?: PDSValueOption;
-    dropdown2Value?: PDSValueOption;
-    dropdown3Value?: PDSValueOption;
-    dropdown1DefaultText?: PDSValueOption;
-    dropdown2DefaultText?: PDSValueOption;
-    dropdown3DefaultText?: PDSValueOption;
+    dropdown1Value?: AdminListDropdownValueOption;
+    dropdown2Value?: AdminListDropdownValueOption;
+    dropdown3Value?: AdminListDropdownValueOption;
+    dropdown1DefaultText?: AdminListDropdownValueOption;
+    dropdown2DefaultText?: AdminListDropdownValueOption;
+    dropdown3DefaultText?: AdminListDropdownValueOption;
     dropdown1HintText?: TFunctionResult;
     dropdown2HintText?: TFunctionResult;
     dropdown3HintText?: TFunctionResult;
-    dropdown1ValueArray?: PDSValueOption[];
-    dropdown2ValueArray?: PDSValueOption[];
-    dropdown3ValueArray?: PDSValueOption[];
+    dropdown1ValueArray?: AdminListDropdownValueOption[];
+    dropdown2ValueArray?: AdminListDropdownValueOption[];
+    dropdown3ValueArray?: AdminListDropdownValueOption[];
     tBtnMode?: 'none' | 'tbtn_amount1' | 'tbtn_amount2' | 'tbtn_amount3';
     tBtn1Text?: TFunctionResult;
     tBtn2Text?: TFunctionResult;
     tBtn3Text?: TFunctionResult;
-    onChangeDropdown1?: (value: PDSValueOption) => void;
-    onChangeDropdown2?: (value: PDSValueOption) => void;
-    onChangeDropdown3?: (value: PDSValueOption) => void;
+    onChangeDropdown1?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown2?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown3?: (value: AdminListDropdownValueOption) => void;
     onClickTBtn1?: () => void;
     onClickTBtn2?: () => void;
     onClickTBtn3?: () => void;

package/dist/src/desktop/components/AdminListHeader/AdminListHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common';
 import type { TFunctionResult } from 'i18next';
 declare type Props = {
     headerBarSize?: 'regular' | 'small';
@@ -8,9 +8,9 @@ declare type Props = {
     totalPage?: number;
     contentText?: TFunctionResult;
     filterBar?: React.ReactNode;
-    dropdownTextArray?: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeCount?: (option: PDSValueOption) => void;
+    dropdownTextArray?: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeCount?: (option: AdminListDropdownValueOption) => void;
     onClickNextButton?: () => void;
     onClickPrevButton?: () => void;
     /** @deprecated v1.5 totalPage를 받아오기 때문에 deprecated 될 예정입니다. */

package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common/types';
 import type { TFunctionResult } from 'i18next';
 declare type Props = {
     titleText?: TFunctionResult;
     size?: 'regular' | 'small';
     currentPage?: number;
     totalPage?: number;
-    dropdownTextArray: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeDropdown?: (option: PDSValueOption) => void;
+    dropdownTextArray: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeDropdown?: (option: AdminListDropdownValueOption) => void;
     onClickIBtn1?: () => void;
     onClickIBtn2?: () => void;
 };

package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common';
-import type { DropdownValueOption } from '../../../common/types';
+import type { PDSTextType } from '../../../common';
+import type { ContextMenuItemValueOption } from '../../../common/types';
 export declare type ContextMenuItemProps = {
-    option?: PDSValueOption | DropdownValueOption;
+    option?: ContextMenuItemValueOption;
     size?: 'large' | 'medium' | 'small';
     isSelected?: boolean;
     state?: 'normal' | 'disabled';
     displayType?: 'text_only' | 'icon_only' | 'icon_text';
-    onClick?: (value: PDSValueOption | DropdownValueOption | string | number | boolean) => void;
+    onClick?: (value: ContextMenuItemValueOption | string | number | boolean) => void;
     /** @deprecated option 필드를 대신 사용하세요. */
     text?: PDSTextType;
     /** @deprecated option 필드를 대신 사용하세요. */

package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common';
-import type { DropdownValueOption } from '../../../common/types';
+import type { PDSTextType } from '../../../common';
+import type { ContextMenuItemValueOption } from '../../../common/types';
 export declare type ContextMenuItemProps = {
-    option?: PDSValueOption | DropdownValueOption;
+    option?: ContextMenuItemValueOption;
     size?: 'large' | 'medium' | 'small';
     isSelected?: boolean;
     state?: 'normal' | 'disabled';
     displayType?: 'text_only' | 'icon_only' | 'icon_text';
-    onClick?: (value: PDSValueOption | DropdownValueOption | string | number | boolean) => void;
+    onClick?: (value: ContextMenuItemValueOption | string | number | boolean) => void;
     /** @deprecated option 필드를 대신 사용하세요. */
     text?: PDSTextType;
     /** @deprecated option 필드를 대신 사용하세요. */

package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js

@@ -67,9 +67,7 @@ function ContextMenuItem(_a) {
         }
         return 'ui_cpnt_dropdown_display_icon_normal';
     };
-    return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, onClick: handleClick, selected: isSelected, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') &&
-                option &&
-                'iconName' in option && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }, void 0) }, void 0)), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }, void 0)] }, void 0))] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, onClick: handleClick, selected: isSelected, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.iconName) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }, void 0) }, void 0)), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }, void 0)] }, void 0))] }), void 0));
 }
 var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"], ["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common/types';
+import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
 declare type Props = {
     headerBarSize?: 'regular' | 'small';
     headerBarTitleText?: PDSTextType;
@@ -7,9 +7,9 @@ declare type Props = {
     currentPage?: number;
     totalPage?: number;
     contentText?: PDSTextType;
-    dropdownTextArray?: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeCount?: (option: PDSValueOption) => void;
+    dropdownTextArray?: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeCount?: (option: AdminListDropdownValueOption) => void;
     onClickNextBtn?: () => void;
     onClickPrevBtn?: () => void;
 };

package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common/types';
+import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
 declare type Props = {
     titleText?: PDSTextType;
     tooltipText?: PDSTextType;
     size?: 'regular' | 'small';
     currentPage?: number;
     totalPage?: number;
-    dropdownTextArray: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeDropdown?: (option: PDSValueOption) => void;
+    dropdownTextArray: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeDropdown?: (option: AdminListDropdownValueOption) => void;
     onClickIBtn1?: () => void;
     onClickIBtn2?: () => void;
 };

package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts

@@ -1,27 +1,27 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common/types';
+import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
 declare type Props = {
     itemCount?: number;
     dropdownMode?: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
-    dropdown1Value?: PDSValueOption;
-    dropdown2Value?: PDSValueOption;
-    dropdown3Value?: PDSValueOption;
-    dropdown1DefaultText?: PDSValueOption;
-    dropdown2DefaultText?: PDSValueOption;
-    dropdown3DefaultText?: PDSValueOption;
+    dropdown1Value?: AdminListDropdownValueOption;
+    dropdown2Value?: AdminListDropdownValueOption;
+    dropdown3Value?: AdminListDropdownValueOption;
+    dropdown1DefaultText?: AdminListDropdownValueOption;
+    dropdown2DefaultText?: AdminListDropdownValueOption;
+    dropdown3DefaultText?: AdminListDropdownValueOption;
     dropdown1HintText?: PDSTextType;
     dropdown2HintText?: PDSTextType;
     dropdown3HintText?: PDSTextType;
-    dropdown1ValueArray?: PDSValueOption[];
-    dropdown2ValueArray?: PDSValueOption[];
-    dropdown3ValueArray?: PDSValueOption[];
+    dropdown1ValueArray?: AdminListDropdownValueOption[];
+    dropdown2ValueArray?: AdminListDropdownValueOption[];
+    dropdown3ValueArray?: AdminListDropdownValueOption[];
     tBtnMode?: 'none' | 'tbtn_amount1' | 'tbtn_amount2' | 'tbtn_amount3';
     tBtn1Text?: PDSTextType;
     tBtn2Text?: PDSTextType;
     tBtn3Text?: PDSTextType;
-    onChangeDropdown1?: (value: PDSValueOption) => void;
-    onChangeDropdown2?: (value: PDSValueOption) => void;
-    onChangeDropdown3?: (value: PDSValueOption) => void;
+    onChangeDropdown1?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown2?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown3?: (value: AdminListDropdownValueOption) => void;
     onClickTBtn1?: () => void;
     onClickTBtn2?: () => void;
     onClickTBtn3?: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,10 +1,18 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.1.5]
-## urgent|https://design.storybook.publ.biz/
+## [v2.1.6]
+## daily|https://design.storybook.publ.biz/
 
-### sub
-* DynamicLayout
-    * FullscreenIframSection
-        * multiPurposeUrl에 빈문자열이 올 경우 about:blank 가 입력되도록 수정(FullscreenIframSection이 재귀적으로 생성되는 이슈 해결)
+### Package
+* type
+    * BasicButtonGroupValueOption export 처리
+    * ContextMenuItemValueOption export 처리
+    * DropdownValueOption export 처리
+    * AdminListDropdownValueOption export 처리'
+### Components
+* AdminList
+    * Dropdown을 사용하는 부분의 type 변경
+* ContextMenuItem
+    * option과 onClick의 type 변경
 ### Color
-* 컬러 키 값 23.07.12 15시 17분 기준 싱크
+* 컬러 키 값 23.07.12 18시 11분 기준 싱크
+