pds-dev-kit-web 2.1.4 → 2.1.5

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

@@ -312,5 +312,10 @@
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
     "sys_icon_grey_darktheme_03": "darkgrey400",
-    "sys_widget_grey_01_opacity_50": "darkgrey900/opacity50"
+    "sys_widget_grey_01_opacity_50": "darkgrey900/opacity50",
+    "sys_editor_layout_header": "darkgrey70",
+    "sys_editor_layout_navigation_panel": "darkgrey80",
+    "sys_editor_layout_canvas_area": "darkgrey30",
+    "sys_editor_layout_control_panel": "darkgrey70",
+    "sys_editor_layout_property_panel": "darkgrey70"
 }

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

@@ -312,5 +312,10 @@
     "sys_icon_grey_darktheme_01": "darkgrey900",
     "sys_icon_grey_darktheme_02": "darkgrey500",
     "sys_icon_grey_darktheme_03": "darkgrey400",
-    "sys_widget_grey_01_opacity_50": "grey900/opacity50"
+    "sys_widget_grey_01_opacity_50": "grey900/opacity50",
+    "sys_editor_layout_header": "white",
+    "sys_editor_layout_navigation_panel": "grey50",
+    "sys_editor_layout_canvas_area": "grey30",
+    "sys_editor_layout_control_panel": "white",
+    "sys_editor_layout_property_panel": "white"
 }

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

@@ -81,7 +81,7 @@
     "opacity15": "26",
     "grey80": "#E9E9EC",
     "grey200": "#D3D3D6",
-    "darkgrey80": "#282829",
+    "darkgrey80": "#3A3A3D",
     "darkgrey200": "#3E3E3F",
     "opacity70": "B3",
     "opacity60": "99",

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

@@ -799,5 +799,10 @@
     "ui_99": "sys_component_base_white_opacity50",
     "ui_100": "sys_widget_grey_01_opacity_50",
     "ui_101": "sys_component_base_25",
-    "ui_102": "sys_component_base_black_opacity50"
+    "ui_102": "sys_component_base_black_opacity50",
+    "ui_editor_layout_header": "sys_editor_layout_header",
+    "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"
 }

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

@@ -432,322 +432,11 @@ declare const colorSet: {
         sys_icon_grey_darktheme_02: string;
         sys_icon_grey_darktheme_03: string;
         sys_widget_grey_01_opacity_50: string;
-    };
-    readonly PaletteColor_light: {
-        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;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1551,6 +1240,332 @@ declare const colorSet: {
         ui_100: string;
         ui_101: string;
         ui_102: string;
+        ui_editor_layout_header: string;
+        ui_editor_layout_navigation_panel: string;
+        ui_editor_layout_canvas_area: string;
+        ui_editor_layout_control_panel: string;
+        ui_editor_layout_property_panel: string;
+    };
+    readonly PaletteColor_light: {
+        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;
     };
 };
 export default colorSet;

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

@@ -6,12 +6,12 @@ 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_light_json_1 = __importDefault(require("./PaletteColor_light.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_light: PaletteColor_light_json_1.default
 };
 exports.default = colorSet;

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

@@ -800,4 +800,9 @@ export interface UITheme {
     ui_100: string;
     ui_101: string;
     ui_102: string;
+    ui_editor_layout_header: string;
+    ui_editor_layout_navigation_panel: string;
+    ui_editor_layout_canvas_area: string;
+    ui_editor_layout_control_panel: string;
+    ui_editor_layout_property_panel: string;
 }

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js

@@ -7,6 +7,23 @@ var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
+    var checkInvalidUrl = function (url) {
+        try {
+            // eslint-disable-next-line no-new
+            new URL(url);
+            return false;
+        }
+        catch (_a) {
+            return true;
+        }
+    };
+    var generateSrc = function (src) {
+        var isInvalidUrl = checkInvalidUrl(src);
+        if (isInvalidUrl) {
+            return 'about:blank';
+        }
+        return src + "?cache=" + new Date().getTime();
+    };
     var onIframeLoad = function (event) {
         if (sectionActionHandler) {
             sectionActionHandler({
@@ -15,6 +32,6 @@ function TemplateA() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: section.properties.multiPurposeUrl + "?cache=" + new Date().getTime(), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts allow-popups", onLoad: onIframeLoad }, void 0));
+    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts allow-popups", onLoad: onIframeLoad }, void 0));
 }
 exports.default = TemplateA;

package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js

@@ -7,6 +7,23 @@ var Section_1 = require("../../../../../components/Section");
 function TemplateA() {
     var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
     var section = (0, react_1.useContext)(Section_1.sectionContext);
+    var checkInvalidUrl = function (url) {
+        try {
+            // eslint-disable-next-line no-new
+            new URL(url);
+            return false;
+        }
+        catch (_a) {
+            return true;
+        }
+    };
+    var generateSrc = function (src) {
+        var isInvalidUrl = checkInvalidUrl(src);
+        if (isInvalidUrl) {
+            return 'about:blank';
+        }
+        return src + "?cache=" + new Date().getTime();
+    };
     var onIframeLoad = function (event) {
         if (sectionActionHandler) {
             sectionActionHandler({
@@ -15,6 +32,6 @@ function TemplateA() {
             });
         }
     };
-    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: section.properties.multiPurposeUrl + "?cache=" + new Date().getTime(), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts", onLoad: onIframeLoad }, void 0));
+    return ((0, jsx_runtime_1.jsx)("iframe", { "x-dlayout-section-element-name": "Iframe", id: String(section.id), title: section.manifest.schema, src: generateSrc(section.properties.multiPurposeUrl), style: { border: 'none', width: '100%', height: '100%', display: 'block' }, referrerPolicy: "strict-origin", sandbox: "allow-forms allow-same-origin allow-scripts", onLoad: onIframeLoad }, void 0));
 }
 exports.default = TemplateA;

package/package.json

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

package/release-note.md

@@ -1,6 +1,10 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.1.4]
+## [v2.1.5]
 ## urgent|https://design.storybook.publ.biz/
 
+### sub
+* DynamicLayout
+    * FullscreenIframSection
+        * multiPurposeUrl에 빈문자열이 올 경우 about:blank 가 입력되도록 수정(FullscreenIframSection이 재귀적으로 생성되는 이슈 해결)
 ### Color
-* 컬러 키 값 23.07.06 15시 25분 기준 싱크
+* 컬러 키 값 23.07.12 15시 17분 기준 싱크