pds-dev-kit-web-test 2.7.483 → 2.7.485

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

@@ -915,5 +915,7 @@
     "ui_146": "usr_on_brand_primary_opacity50",
     "ui_cpnt_badge_active": "sys_widget_status_active_01",
     "ui_cpnt_badge_disabled": "sys_widget_grey_03",
-    "ui_147": "sys_cpnt_sheet_base_55"
+    "ui_147": "sys_cpnt_sheet_base_55",
+    "ui_sw_subsidebar_label_text_emphasis": "sys_component_base_orange",
+    "ui_pa_figure_text_secondary": "sys_component_base_grey"
 }

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

@@ -123,393 +123,7 @@ declare const colorSet: {
         grey450: string;
         darkgrey450: 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;
-        sys_component_base_44: string;
-        sys_sw_sidebar_base: string;
-        sys_sw_sidebar_label_text_normal: string;
-        sys_sw_sidebar_item_text_normal: string;
-        sys_sw_sidebar_item_text_selected: string;
-        sys_sw_sidebar_label_icon_normal_01: string;
-        sys_sw_sidebar_item_icon_normal: string;
-        sys_sw_sidebar_item_icon_selected: string;
-        sys_sw_sidebar_badge_base_01: string;
-        sys_sw_sidebar_badge_base_02: string;
-        sys_sw_sidebar_badge_text_01: string;
-        sys_sw_sidebar_badge_text_02: string;
-        sys_sw_sidebar_divider: string;
-        sys_sw_sidebar_label_base_normal: string;
-        sys_sw_sidebar_label_base_hover: string;
-        sys_sw_sidebar_label_base_pressed: string;
-        sys_sw_sidebar_item_base_normal: string;
-        sys_sw_sidebar_item_base_hover: string;
-        sys_sw_sidebar_item_base_pressed: string;
-        sys_sw_sidebar_label_icon_normal_02: string;
-        sys_text_black_02: string;
-        sys_sw_sidebar_item_text_disabled: string;
-        sys_text_grey_05: string;
-        sys_text_white_02: string;
-        sys_component_base_45: string;
-        sys_component_base_46: string;
-        sys_cpnt_list_chatbubble_download_button_base: string;
-        sys_cpnt_sheet_base_11: string;
-        sys_cpnt_sheet_base_12: string;
-        sys_sw_sidebar_item_text_emphasis: string;
-        sys_sw_sidebar_item_icon_emphasis: string;
-        sys_sw_sidebar_divider_vertical: string;
-        sys_cpnt_sheet_base_13: string;
-        sys_cpnt_sheet_base_14: string;
-        sys_cpnt_white_opacity60: string;
-        sys_border_line_17: string;
-        usr_brand_primary_opacity05: string;
-        sys_cpnt_sheet_base_15: string;
-        sys_cpnt_sheet_base_16: string;
-        sys_cpnt_sheet_base_17: string;
-        sys_component_base_47: string;
-        sys_cpnt_editor_undefined: string;
-        sys_cpnt_slider_track_active_undefined: string;
-        sys_cpnt_slider_thumb_normal_undefined: string;
-        sys_cpnt_editor_buttongroup_undefined: string;
-        sys_text_grey_02_hinttext: string;
-        sys_component_base_48: string;
-        usr_brand_primary_opacity10: string;
-        sys_component_base_49: string;
-        sys_widget_grey_06: string;
-        sys_component_base_50: string;
-        sys_dimmed_01: string;
-        sys_cpnt_sheet_base_51: string;
-        sys_cpnt_sheet_base_52: string;
-        sys_cpnt_sheet_base_53: string;
-        sys_widget_grey_07: string;
-        sys_cpnt_sheet_base_54: string;
-        sys_component_border_01: string;
-        sys_widget_grey_08: string;
-        sys_on_base_hover_01: string;
-        sys_on_base_pressed_01: string;
-        usr_brand_secondary_opacity50: string;
-        usr_on_brand_primary_opacity50: string;
-        sys_cpnt_sheet_base_55: string;
-    };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -1813,6 +1427,394 @@ declare const colorSet: {
         ui_cpnt_badge_active: string;
         ui_cpnt_badge_disabled: string;
         ui_147: string;
+        ui_sw_subsidebar_label_text_emphasis: string;
+        ui_pa_figure_text_secondary: 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;
+        sys_component_base_44: string;
+        sys_sw_sidebar_base: string;
+        sys_sw_sidebar_label_text_normal: string;
+        sys_sw_sidebar_item_text_normal: string;
+        sys_sw_sidebar_item_text_selected: string;
+        sys_sw_sidebar_label_icon_normal_01: string;
+        sys_sw_sidebar_item_icon_normal: string;
+        sys_sw_sidebar_item_icon_selected: string;
+        sys_sw_sidebar_badge_base_01: string;
+        sys_sw_sidebar_badge_base_02: string;
+        sys_sw_sidebar_badge_text_01: string;
+        sys_sw_sidebar_badge_text_02: string;
+        sys_sw_sidebar_divider: string;
+        sys_sw_sidebar_label_base_normal: string;
+        sys_sw_sidebar_label_base_hover: string;
+        sys_sw_sidebar_label_base_pressed: string;
+        sys_sw_sidebar_item_base_normal: string;
+        sys_sw_sidebar_item_base_hover: string;
+        sys_sw_sidebar_item_base_pressed: string;
+        sys_sw_sidebar_label_icon_normal_02: string;
+        sys_text_black_02: string;
+        sys_sw_sidebar_item_text_disabled: string;
+        sys_text_grey_05: string;
+        sys_text_white_02: string;
+        sys_component_base_45: string;
+        sys_component_base_46: string;
+        sys_cpnt_list_chatbubble_download_button_base: string;
+        sys_cpnt_sheet_base_11: string;
+        sys_cpnt_sheet_base_12: string;
+        sys_sw_sidebar_item_text_emphasis: string;
+        sys_sw_sidebar_item_icon_emphasis: string;
+        sys_sw_sidebar_divider_vertical: string;
+        sys_cpnt_sheet_base_13: string;
+        sys_cpnt_sheet_base_14: string;
+        sys_cpnt_white_opacity60: string;
+        sys_border_line_17: string;
+        usr_brand_primary_opacity05: string;
+        sys_cpnt_sheet_base_15: string;
+        sys_cpnt_sheet_base_16: string;
+        sys_cpnt_sheet_base_17: string;
+        sys_component_base_47: string;
+        sys_cpnt_editor_undefined: string;
+        sys_cpnt_slider_track_active_undefined: string;
+        sys_cpnt_slider_thumb_normal_undefined: string;
+        sys_cpnt_editor_buttongroup_undefined: string;
+        sys_text_grey_02_hinttext: string;
+        sys_component_base_48: string;
+        usr_brand_primary_opacity10: string;
+        sys_component_base_49: string;
+        sys_widget_grey_06: string;
+        sys_component_base_50: string;
+        sys_dimmed_01: string;
+        sys_cpnt_sheet_base_51: string;
+        sys_cpnt_sheet_base_52: string;
+        sys_cpnt_sheet_base_53: string;
+        sys_widget_grey_07: string;
+        sys_cpnt_sheet_base_54: string;
+        sys_component_border_01: string;
+        sys_widget_grey_08: string;
+        sys_on_base_hover_01: string;
+        sys_on_base_pressed_01: string;
+        usr_brand_secondary_opacity50: string;
+        usr_on_brand_primary_opacity50: string;
+        sys_cpnt_sheet_base_55: 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 PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
 var colorSet = {
     SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
-    UIColor: UIColor_json_1.default
+    UIColor: UIColor_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default
 };
 exports.default = colorSet;

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

@@ -916,4 +916,6 @@ export interface UITheme {
     ui_cpnt_badge_active: string;
     ui_cpnt_badge_disabled: string;
     ui_147: string;
+    ui_sw_subsidebar_label_text_emphasis: string;
+    ui_pa_figure_text_secondary: string;
 }

package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js

@@ -27,6 +27,7 @@ var compositionQueryContext_1 = require("../compositionQueryContext");
 var Composition_1 = __importDefault(require("./Composition"));
 function createCompositions(_a) {
     var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions, limit = _a.limit, componentBlockCode = _a.componentBlockCode;
+    console.log('slidebanner createCompositions', queryPath, queryData, compositions);
     var isQueryDataConnected = valueType === 'DATA' || valueType === 'DELEGATEDDATA';
     // 직접 입력 유형인 경우
     if (!isQueryDataConnected) {
@@ -44,8 +45,9 @@ function createCompositions(_a) {
     if (queryPath === 'NONE' || !queryPath || !queryData) {
         return [(0, jsx_runtime_1.jsx)(S_EmptyLayer, { children: "\uC544\uC9C1 \uC5F0\uACB0\uB41C \uCFFC\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }, "no-query")];
     }
-    var parsedQueryPath = removeFirstSegment(queryPath);
-    var queryDataValue = queryData[parsedQueryPath];
+    // const parsedQueryPath = removeFirstSegment(queryPath);
+    var queryDataValue = queryData[queryPath];
+    console.log('queryDataValue createCOmposition', queryDataValue);
     var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
     // 쿼리 데이터와 키가 있으나, 쿼리 데이터에 해당 키가 없는 경우
     if (!queryDataValue) {
@@ -58,10 +60,10 @@ function createCompositions(_a) {
     return queryDataValue.slice(0, limit).map(function (query, index) { return ((0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition, { ccbCode: componentBlockCode })) }), index)); });
 }
 exports.createCompositions = createCompositions;
-function removeFirstSegment(path) {
-    var segments = path.split('/');
-    return segments.slice(1).join('/');
-}
+// function removeFirstSegment(path: string): string {
+//   const segments = path.split('/');
+//   return segments.slice(1).join('/');
+// }
 function EmptyString() {
     var t = (0, react_i18next_1.useTranslation)('translation').t;
     return (0, jsx_runtime_1.jsx)(S_EmptyLayer, { children: t('str_9806') });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js

@@ -73,8 +73,8 @@ function ContentsList(props) {
     CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS;
     var _h = (0, react_1.useState)(false), isHovered = _h[0], setIsHovered = _h[1];
     var _j = (0, react_1.useState)(1), currentPage = _j[0], setCurrentPage = _j[1];
-    var parsedQueryPath = removeFirstSegment(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA);
-    var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[parsedQueryPath];
+    // const parsedQueryPath = removeFirstSegment(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA);
+    var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA];
     // list의 minheight / minwidth를 계산
     var numberOfColumns = device === 'DESKTOP'
         ? CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS
@@ -135,8 +135,8 @@ function ContentsList(props) {
         CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.right;
     var paddingTB = CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.top +
         CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.bottom;
-    var queryPath = removeFirstSegment(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA);
-    var queryLength = (_f = (_e = queryData === null || queryData === void 0 ? void 0 : queryData[queryPath]) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0;
+    // const queryPath = removeFirstSegment(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA);
+    var queryLength = (_f = (_e = queryData === null || queryData === void 0 ? void 0 : queryData[CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA]) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0;
     // const displayedItemLength = Math.max(0, Math.min(endIndex, queryLength) - startIndex);
     var numberOfRows = Math.ceil(displayCounts / numberOfColumns);
     var listMinWidth = oneCompositionMinWidth * numberOfColumns + (numberOfColumns - 1) * columnGap + paddingLR;
@@ -251,10 +251,10 @@ var S_ContentsListWrapper = styled_components_1.default.div(templateObject_4 ||
     var ccbInset = _a.ccbInset;
     return ccbInset.top;
 });
-function removeFirstSegment(path) {
-    var segments = path.split('/');
-    return segments.slice(1).join('/');
-}
+// function removeFirstSegment(path: string): string {
+//   const segments = path.split('/');
+//   return segments.slice(1).join('/');
+// }
 function getStandardComposition(compositions, valueType) {
     if (valueType === 'DATA') {
         return compositions.find(function (composition) { return composition.isDefault; });

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js

@@ -155,6 +155,7 @@ function SlideBanner(props) {
     if (mode === 'EDIT') {
         style.visibility = 'visible';
     }
+    console.log('slidebanner comonentGroup', componentGroups);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsxs)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: [Object.entries(componentGroups).map(function (_a) {
                         var position = _a[0], groupComponents = _a[1];
                         return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-group ccb-elements ".concat(position), ref: function (el) {

package/package.json

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

package/release-note.md

@@ -1,7 +1,7 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.277]
+## [v2.2.280]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
 
-* [PDS-1391] WTU_2 레이아웃 간격 조절 수정
+* 컬러키 업데이트