pds-dev-kit-web-test 0.1.0 → 0.1.2

package/dist/src/common/services/i18n/resources/zh-cn.json

@@ -0,0 +1,9 @@
+{
+    "translation": {
+        "str_rows_per_page": "目录数量",
+        "str_n_selected": "已选择{{itemSelected}}个",
+        "str_dlayout_section": "栏目",
+        "str_4653": "Edit $t(str_dlayout_section)",
+        "str_4657": "Currently editing"
+    }
+}

package/dist/src/common/services/i18n/resources/zh-tw.json

@@ -0,0 +1,9 @@
+{
+    "translation": {
+        "str_rows_per_page": "目錄數量",
+        "str_n_selected": "已選擇{{itemSelected}}個",
+        "str_dlayout_section": "欄目",
+        "str_4653": "Edit $t(str_dlayout_section)",
+        "str_4657": "Currently editing"
+    }
+}

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

@@ -92,8 +92,8 @@
     "sys_component_base_05": "grey950",
     "sys_background_dimmed_65": "black/opacity65",
     "sys_temp_grey_06": "darkgrey70",
-    "sys_on_base_white_opacity10": "white/opacity20",
-    "sys_on_base_black_opacity10": "grey950/opacity15",
+    "sys_on_base_white_opacity10": "white/opacity10",
+    "sys_on_base_black_opacity10": "black/opacity10",
     "sys_component_base_05_opacity00": "grey950/opacity00",
     "sys_papp_post_notice_link": "darkskyblue500",
     "sys_component_base_navy_light": "darknavy100",
@@ -125,7 +125,7 @@
     "sys_component_base_black_opacity30": "black/opacity30",
     "sys_area_background": "darkgrey50/opacity65",
     "sys_border_white_opacity30": "white/opacity30",
-    "sys_container_background_wt": "grey950",
+    "sys_container_background_wt": "darkgrey10",
     "sys_channeldesc_grey_03": "darkgrey400",
     "sys_channeldesc_border_grey_03": "darkgrey100",
     "sys_gradient_base_01": "grey950",
@@ -233,10 +233,6 @@
     "sys_component_base_22": "grey950",
     "sys_component_base_21": "red500/opacity50",
     "sys_component_border_white_opacity20": "white/opacity20",
-    "sys_transition_test_text_field_hover": "test03",
-    "sys_transition_test_text_field_active": "test04",
-    "sys_transition_test_main_button_secondary_hover": "white/opacity05",
-    "sys_transition_test_main_button_secondary_active": "white/opacity15",
     "sys_component_base_23": "darkgrey100/opacity65",
     "sys_component_base_darkgreen": "darkgreen700",
     "sys_component_base_24": "black/opacity80",
@@ -249,5 +245,30 @@
     "sys_component_on_base_04": "darkgrey80",
     "sys_component_on_base_05": "darkgrey200",
     "sys_component_base_hover_02": "darkgrey80",
-    "sys_component_base_pressed_01": "darkgrey200"
+    "sys_component_base_pressed_01": "darkgrey200",
+    "sys_widget_white_02": "white/opacity70",
+    "sys_component_base_hover_03": "white/opacity60",
+    "sys_component_base_pressed_02": "white/opacity30",
+    "sys_component_base_25": "white/opacity40",
+    "sys_editor_base_pages": "darkskyblue100",
+    "sys_editor_base_papp": "darkgreen100",
+    "sys_text_black": "black",
+    "sys_component_base_26": "grey30",
+    "sys_component_base_27": "grey70",
+    "sys_component_base_28": "darkgrey500",
+    "sys_widget_sidebar_label_text": "darkgrey500/opacity70",
+    "sys_component_base_hover_darktheme": "darkgrey80",
+    "sys_component_base_pressed_darktheme": "darkgrey200",
+    "sys_component_base_hover_white": "white/opacity05",
+    "sys_component_base_pressed_white": "white/opacity15",
+    "sys_component_base_hover_transparent": "darkgrey900/opacity25",
+    "sys_component_base_pressed_transparent": "darkgrey900/opacity35",
+    "sys_text_white_opacity_01": "white/opacity70",
+    "sys_component_base_hover_04": "white/opacity30",
+    "sys_component_base_pressed_03": "white/opacity20",
+    "sys_cpnt_sheet_base_07": "grey100",
+    "sys_cpnt_sheet_base_08": "green700",
+    "sys_cpnt_sheet_base_09": "darkblue50",
+    "sys_cpnt_sheet_base_10": "darkred500",
+    "sys_component_base_29": "grey30"
 }

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

@@ -92,8 +92,8 @@
     "sys_component_base_05": "grey950",
     "sys_background_dimmed_65": "black/opacity65",
     "sys_temp_grey_06": "grey70",
-    "sys_on_base_white_opacity10": "white/opacity20",
-    "sys_on_base_black_opacity10": "grey950/opacity15",
+    "sys_on_base_white_opacity10": "white/opacity10",
+    "sys_on_base_black_opacity10": "black/opacity10",
     "sys_component_base_05_opacity00": "grey950/opacity00",
     "sys_papp_post_notice_link": "skyblue500",
     "sys_component_base_navy_light": "navy100",
@@ -125,7 +125,7 @@
     "sys_component_base_black_opacity30": "black/opacity30",
     "sys_area_background": "darkgrey50/opacity65",
     "sys_border_white_opacity30": "white/opacity30",
-    "sys_container_background_wt": "grey30",
+    "sys_container_background_wt": "grey10",
     "sys_channeldesc_grey_03": "darkgrey400",
     "sys_channeldesc_border_grey_03": "darkgrey100",
     "sys_gradient_base_01": "white",
@@ -233,10 +233,6 @@
     "sys_component_base_22": "grey950",
     "sys_component_base_21": "red500/opacity50",
     "sys_component_border_white_opacity20": "white/opacity20",
-    "sys_transition_test_text_field_hover": "test01",
-    "sys_transition_test_text_field_active": "test02",
-    "sys_transition_test_main_button_secondary_hover": "grey950/opacity05",
-    "ui_transition_test_main_button_secondary_active": "grey950/opacity15",
     "sys_component_base_23": "darkgrey100/opacity65",
     "sys_component_base_darkgreen": "darkgreen700",
     "sys_component_base_24": "black/opacity80",
@@ -249,5 +245,30 @@
     "sys_component_on_base_04": "grey80",
     "sys_component_on_base_05": "grey200",
     "sys_component_base_hover_02": "grey80",
-    "sys_component_base_pressed_01": "grey200"
+    "sys_component_base_pressed_01": "grey200",
+    "sys_widget_white_02": "white/opacity70",
+    "sys_component_base_hover_03": "white/opacity60",
+    "sys_component_base_pressed_02": "white/opacity30",
+    "sys_component_base_25": "white/opacity40",
+    "sys_editor_base_pages": "skyblue100",
+    "sys_editor_base_papp": "green100",
+    "sys_text_black": "black",
+    "sys_component_base_26": "grey30",
+    "sys_component_base_27": "grey70",
+    "sys_component_base_28": "grey500",
+    "sys_widget_sidebar_label_text": "grey500/opacity70",
+    "sys_component_base_hover_darktheme": "darkgrey80",
+    "sys_component_base_pressed_darktheme": "darkgrey200",
+    "sys_component_base_hover_white": "white/opacity05",
+    "sys_component_base_pressed_white": "white/opacity15",
+    "sys_component_base_hover_transparent": "darkgrey900/opacity25",
+    "sys_component_base_pressed_transparent": "darkgrey900/opacity35",
+    "sys_text_white_opacity_01": "white/opacity70",
+    "sys_component_base_hover_04": "white/opacity30",
+    "sys_component_base_pressed_03": "white/opacity20",
+    "sys_cpnt_sheet_base_07": "grey100",
+    "sys_cpnt_sheet_base_08": "green700",
+    "sys_cpnt_sheet_base_09": "blue50",
+    "sys_cpnt_sheet_base_10": "red500",
+    "sys_component_base_29": "grey30"
 }

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

@@ -79,12 +79,20 @@
     "facebookblue": "#1877F2",
     "opacity05": "0D",
     "opacity15": "26",
-    "test01": "#E9E9EC",
-    "test02": "#D3D3D6",
-    "test03": "#282829",
-    "test04": "#3E3E3F",
     "grey80": "#E9E9EC",
     "grey200": "#D3D3D6",
     "darkgrey80": "#282829",
-    "darkgrey200": "#3E3E3F"
+    "darkgrey200": "#3E3E3F",
+    "opacity70": "B3",
+    "opacity60": "99",
+    "skyblue100": "#B2E7FF",
+    "green100": "#91F9C8",
+    "darkgreen100": "#91F3C5",
+    "darkskyblue100": "#A2DEF9",
+    "opacity25": "40",
+    "opacity35": "59",
+    "grey10": "#fbfbfd",
+    "darkgrey10": "#0E0E0E",
+    "blue50": "#e9ecfd",
+    "darkblue50": "#303139"
 }

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

@@ -331,7 +331,7 @@
     "ui_cpnt_bannerslide_pagination_inactive": "sys_widget_grey_02",
     "ui_cpnt_icon_usr_brandprimary": "usr_brand_primary",
     "ui_container_divider": "sys_border_line_01",
-    "ui_area_divider": "sys_border_line_01",
+    "ui_area_divider": "sys_border_line_09",
     "ui_cpnt_list_base_area_seller": "sys_component_base_01",
     "ui_temp_grey_01": "sys_temp_grey_01",
     "ui_temp_grey_02": "sys_temp_grey_02",
@@ -492,7 +492,7 @@
     "ui_cpnt_dropdown_border_white_disabled": "sys_border_line_white_opacity50",
     "ui_cpnt_sheet_base_white_opacity00": "sys_component_base_white_opacity00",
     "ui_dimmed_01": "sys_background_dimmed_20",
-    "ui_cpnt_reactionbutton_base_01": "sys_component_base_07",
+    "ui_cpnt_reactionbutton_base_01": "sys_component_base_01",
     "ui_cpnt_textfield_border_disabled": "sys_border_line_07",
     "ui_cpnt_dropdown_border_disabled": "sys_border_line_07",
     "ui_cpnt_select_border_disabled": "sys_border_line_07",
@@ -651,10 +651,6 @@
     "ui_67": "sys_component_base_white_opacity50",
     "ui_cpnt_videoplayer_gradient_3": "sys_component_base_black_opacity50",
     "ui_68": "sys_component_base_22",
-    "ui_transition_test_text_field_hover": "sys_transition_test_text_field_hover",
-    "ui_transition_test_text_field_active": "sys_transition_test_text_field_active",
-    "ui_transition_test_main_button_secondary_hover": "sys_transition_test_main_button_secondary_hover",
-    "ui_transition_test_main_button_secondary_active": "sys_transition_test_main_button_secondary_active",
     "ui_69": "sys_component_base_darkgreen",
     "ui_cpnt_divider_white_02": "sys_component_base_20",
     "ui_cpnt_list_chatbubble_base_brand_primary": "usr_brand_primary",
@@ -671,5 +667,71 @@
     "ui_cpnt_select_base_pressed": "sys_component_base_pressed_01",
     "ui_cpnt_dropdown_base_hover": "sys_component_base_hover_02",
     "ui_cpnt_dropdown_base_pressed": "sys_component_base_pressed_01",
-    "ui_cpnt_sheet_base_09": "sys_component_base_orange"
+    "ui_cpnt_sheet_base_09": "sys_component_base_orange",
+    "ui_wizard_pagemenucontainer_background": "sys_container_background_04",
+    "ui_stepcontainer_background": "sys_container_background_04",
+    "ui_wizard_contentscontainer01_background": "sys_container_background_01",
+    "ui_wizard_contentscontainer02_background": "sys_container_background_01",
+    "ui_70": "sys_component_base_black",
+    "ui_cpnt_button_primary_variation_base_enabled": "sys_component_base_white",
+    "ui_cpnt_button_text_secondary_variation_disabled": "sys_widget_white_02",
+    "ui_cpnt_button_icon_secondary_variation_disabled": "sys_widget_white_02",
+    "ui_cpnt_button_secondary_variation_base_default": "sys_component_base_25",
+    "ui_cpnt_button_secondary_variation_base_hover": "sys_component_base_hover_03",
+    "ui_cpnt_button_secondary_variation_base_pressed": "sys_component_base_pressed_02",
+    "ui_editor_base_pages": "sys_editor_base_pages",
+    "ui_editor_base_papp": "sys_editor_base_papp",
+    "ui_container_scroll": "sys_component_base_03",
+    "ui_pages_section_dimmed": "sys_background_dimmed_20",
+    "ui_71": "sys_component_base_white",
+    "ui_cpnt_textlabel_sys_black": "sys_text_black",
+    "ui_cpnt_sheet_base_10": "usr_brand_primary",
+    "ui_cpnt_sheet_base_11": "sys_component_base_white_opacity00",
+    "ui_72": "sys_component_base_26",
+    "ui_73": "sys_component_base_27",
+    "ui_cpnt_sidebar_listitem_base_hover": "sys_component_base_04",
+    "ui_avatar_border_brandprimary": "usr_brand_primary",
+    "ui_avatar_border": "sys_border_line_09",
+    "ui_editor_rightside_title_tabbar_base": "sys_component_base_02",
+    "ui_editor_preview_base": "sys_component_base_29",
+    "ui_editor_preview_divice_area_border": "sys_border_line_02",
+    "ui_editor_preview_background": "sys_component_base_06",
+    "ui_editor_leftside_base": "sys_component_base_04",
+    "ui_cpnt_sidebar_label_text": "sys_widget_sidebar_label_text",
+    "ui_cpnt_dropdown_base_hover_darktheme": "sys_component_base_hover_darktheme",
+    "ui_cpnt_dropdown_base_pressed_darktheme": "sys_component_base_pressed_darktheme",
+    "ui_cpnt_dropdown_base_hover_white": "sys_component_base_hover_white",
+    "ui_cpnt_dropdown_base_pressed_white": "sys_component_base_pressed_white",
+    "ui_cpnt_textfield_base_hover_darktheme": "sys_component_base_hover_darktheme",
+    "ui_cpnt_textfield_base_pressed_darktheme": "sys_component_base_pressed_darktheme",
+    "ui_cpnt_select_base_hover_darktheme": "sys_component_base_hover_darktheme",
+    "ui_cpnt_select_base_pressed_darktheme": "sys_component_base_pressed_darktheme",
+    "ui_cpnt_textfield_base_hover_transparent": "sys_component_base_hover_transparent",
+    "ui_cpnt_textfield_base_pressed_transparent": "sys_component_base_pressed_transparent",
+    "ui_cpnt_reactionbutton_base_02": "sys_component_base_03",
+    "ui_create_ch_step_prev": "sys_text_white_opacity_01",
+    "ui_editor_preview_editing": "sys_widget_status_active_01",
+    "ui_cpnt_icon_sys_black": "sys_widget_black",
+    "ui_cpnt_textbutton_white_variation_base_hover": "sys_component_base_hover_04",
+    "ui_cpnt_textbutton_white_variation_base_pressed": "sys_component_base_pressed_03",
+    "ui_74": "sys_component_base_darktheme_02",
+    "ui_cpnt_help_window": "sys_widget_primary_01",
+    "ui_cpnt_tutorialmodal_sidetab_hover": "sys_component_base_hover_01",
+    "ui_cpnt_tutorialmodal_sidetab_pressed": "sys_component_base_01",
+    "ui_cpnt_sheet_base_12": "sys_cpnt_sheet_base_07",
+    "ui_cpnt_sheet_base_13": "sys_cpnt_sheet_base_08",
+    "ui_cpnt_sheet_border_05": "sys_border_line_12",
+    "ui_cpnt_sheet_border_06": "sys_border_line_13",
+    "ui_75": "sys_widget_grey_darktheme_03",
+    "ui_cpnt_sheet_border_07": "sys_border_line_04",
+    "ui_cpnt_sheet_base_14": "sys_cpnt_sheet_base_09",
+    "ui_cpnt_sheet_base_15": "sys_cpnt_sheet_base_10",
+    "ui_cpnt_tutorialmodal_sidetab_default": "sys_component_base_white_opacity00",
+    "ui_cpnt_tutorialmodal_info_base": "sys_component_base_06",
+    "ui_domain_record_card_status_1": "sys_component_base_green",
+    "ui_domain_record_card_status_2": "sys_component_base_orange",
+    "ui_domain_record_card_status_3": "sys_component_base_red",
+    "ui_domain_record_card_status_4": "sys_component_base_grey",
+    "ui_cpnt_button_fill_base_tutorialmodal": "sys_component_base_black_opacity30",
+    "ui_cpnt_toolbar_base": "sys_component_base_white_opacity00"
 }

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

@@ -80,14 +80,22 @@ declare const colorSet: {
         facebookblue: string;
         opacity05: string;
         opacity15: string;
-        test01: string;
-        test02: string;
-        test03: string;
-        test04: string;
         grey80: string;
         grey200: string;
         darkgrey80: string;
         darkgrey200: string;
+        opacity70: string;
+        opacity60: string;
+        skyblue100: string;
+        green100: string;
+        darkgreen100: string;
+        darkskyblue100: string;
+        opacity25: string;
+        opacity35: string;
+        grey10: string;
+        darkgrey10: string;
+        blue50: string;
+        darkblue50: string;
     };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
@@ -324,10 +332,6 @@ declare const colorSet: {
         sys_component_base_22: string;
         sys_component_base_21: string;
         sys_component_border_white_opacity20: string;
-        sys_transition_test_text_field_hover: string;
-        sys_transition_test_text_field_active: string;
-        sys_transition_test_main_button_secondary_hover: string;
-        ui_transition_test_main_button_secondary_active: string;
         sys_component_base_23: string;
         sys_component_base_darkgreen: string;
         sys_component_base_24: string;
@@ -341,6 +345,31 @@ declare const colorSet: {
         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;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -995,10 +1024,6 @@ declare const colorSet: {
         ui_67: string;
         ui_cpnt_videoplayer_gradient_3: string;
         ui_68: string;
-        ui_transition_test_text_field_hover: string;
-        ui_transition_test_text_field_active: string;
-        ui_transition_test_main_button_secondary_hover: string;
-        ui_transition_test_main_button_secondary_active: string;
         ui_69: string;
         ui_cpnt_divider_white_02: string;
         ui_cpnt_list_chatbubble_base_brand_primary: string;
@@ -1016,6 +1041,72 @@ declare const colorSet: {
         ui_cpnt_dropdown_base_hover: string;
         ui_cpnt_dropdown_base_pressed: string;
         ui_cpnt_sheet_base_09: string;
+        ui_wizard_pagemenucontainer_background: string;
+        ui_stepcontainer_background: string;
+        ui_wizard_contentscontainer01_background: string;
+        ui_wizard_contentscontainer02_background: string;
+        ui_70: string;
+        ui_cpnt_button_primary_variation_base_enabled: string;
+        ui_cpnt_button_text_secondary_variation_disabled: string;
+        ui_cpnt_button_icon_secondary_variation_disabled: string;
+        ui_cpnt_button_secondary_variation_base_default: string;
+        ui_cpnt_button_secondary_variation_base_hover: string;
+        ui_cpnt_button_secondary_variation_base_pressed: string;
+        ui_editor_base_pages: string;
+        ui_editor_base_papp: string;
+        ui_container_scroll: string;
+        ui_pages_section_dimmed: string;
+        ui_71: string;
+        ui_cpnt_textlabel_sys_black: string;
+        ui_cpnt_sheet_base_10: string;
+        ui_cpnt_sheet_base_11: string;
+        ui_72: string;
+        ui_73: string;
+        ui_cpnt_sidebar_listitem_base_hover: string;
+        ui_avatar_border_brandprimary: string;
+        ui_avatar_border: string;
+        ui_editor_rightside_title_tabbar_base: string;
+        ui_editor_preview_base: string;
+        ui_editor_preview_divice_area_border: string;
+        ui_editor_preview_background: string;
+        ui_editor_leftside_base: string;
+        ui_cpnt_sidebar_label_text: string;
+        ui_cpnt_dropdown_base_hover_darktheme: string;
+        ui_cpnt_dropdown_base_pressed_darktheme: string;
+        ui_cpnt_dropdown_base_hover_white: string;
+        ui_cpnt_dropdown_base_pressed_white: string;
+        ui_cpnt_textfield_base_hover_darktheme: string;
+        ui_cpnt_textfield_base_pressed_darktheme: string;
+        ui_cpnt_select_base_hover_darktheme: string;
+        ui_cpnt_select_base_pressed_darktheme: string;
+        ui_cpnt_textfield_base_hover_transparent: string;
+        ui_cpnt_textfield_base_pressed_transparent: string;
+        ui_cpnt_reactionbutton_base_02: string;
+        ui_create_ch_step_prev: string;
+        ui_editor_preview_editing: string;
+        ui_cpnt_icon_sys_black: string;
+        ui_cpnt_textbutton_white_variation_base_hover: string;
+        ui_cpnt_textbutton_white_variation_base_pressed: string;
+        ui_74: string;
+        ui_cpnt_help_window: string;
+        ui_cpnt_tutorialmodal_sidetab_hover: string;
+        ui_cpnt_tutorialmodal_sidetab_pressed: string;
+        ui_cpnt_sheet_base_12: string;
+        ui_cpnt_sheet_base_13: string;
+        ui_cpnt_sheet_border_05: string;
+        ui_cpnt_sheet_border_06: string;
+        ui_75: string;
+        ui_cpnt_sheet_border_07: string;
+        ui_cpnt_sheet_base_14: string;
+        ui_cpnt_sheet_base_15: string;
+        ui_cpnt_tutorialmodal_sidetab_default: string;
+        ui_cpnt_tutorialmodal_info_base: string;
+        ui_domain_record_card_status_1: string;
+        ui_domain_record_card_status_2: string;
+        ui_domain_record_card_status_3: string;
+        ui_domain_record_card_status_4: string;
+        ui_cpnt_button_fill_base_tutorialmodal: string;
+        ui_cpnt_toolbar_base: string;
     };
     readonly PaletteColor_Dark: {
         sys_container_background_01: string;
@@ -1252,10 +1343,6 @@ declare const colorSet: {
         sys_component_base_22: string;
         sys_component_base_21: string;
         sys_component_border_white_opacity20: string;
-        sys_transition_test_text_field_hover: string;
-        sys_transition_test_text_field_active: string;
-        sys_transition_test_main_button_secondary_hover: string;
-        sys_transition_test_main_button_secondary_active: string;
         sys_component_base_23: string;
         sys_component_base_darkgreen: string;
         sys_component_base_24: string;
@@ -1269,6 +1356,31 @@ declare const colorSet: {
         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;
     };
 };
 export default colorSet;

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

@@ -651,10 +651,6 @@ export interface UITheme {
     ui_67: string;
     ui_cpnt_videoplayer_gradient_3: string;
     ui_68: string;
-    ui_transition_test_text_field_hover: string;
-    ui_transition_test_text_field_active: string;
-    ui_transition_test_main_button_secondary_hover: string;
-    ui_transition_test_main_button_secondary_active: string;
     ui_69: string;
     ui_cpnt_divider_white_02: string;
     ui_cpnt_list_chatbubble_base_brand_primary: string;
@@ -672,4 +668,70 @@ export interface UITheme {
     ui_cpnt_dropdown_base_hover: string;
     ui_cpnt_dropdown_base_pressed: string;
     ui_cpnt_sheet_base_09: string;
+    ui_wizard_pagemenucontainer_background: string;
+    ui_stepcontainer_background: string;
+    ui_wizard_contentscontainer01_background: string;
+    ui_wizard_contentscontainer02_background: string;
+    ui_70: string;
+    ui_cpnt_button_primary_variation_base_enabled: string;
+    ui_cpnt_button_text_secondary_variation_disabled: string;
+    ui_cpnt_button_icon_secondary_variation_disabled: string;
+    ui_cpnt_button_secondary_variation_base_default: string;
+    ui_cpnt_button_secondary_variation_base_hover: string;
+    ui_cpnt_button_secondary_variation_base_pressed: string;
+    ui_editor_base_pages: string;
+    ui_editor_base_papp: string;
+    ui_container_scroll: string;
+    ui_pages_section_dimmed: string;
+    ui_71: string;
+    ui_cpnt_textlabel_sys_black: string;
+    ui_cpnt_sheet_base_10: string;
+    ui_cpnt_sheet_base_11: string;
+    ui_72: string;
+    ui_73: string;
+    ui_cpnt_sidebar_listitem_base_hover: string;
+    ui_avatar_border_brandprimary: string;
+    ui_avatar_border: string;
+    ui_editor_rightside_title_tabbar_base: string;
+    ui_editor_preview_base: string;
+    ui_editor_preview_divice_area_border: string;
+    ui_editor_preview_background: string;
+    ui_editor_leftside_base: string;
+    ui_cpnt_sidebar_label_text: string;
+    ui_cpnt_dropdown_base_hover_darktheme: string;
+    ui_cpnt_dropdown_base_pressed_darktheme: string;
+    ui_cpnt_dropdown_base_hover_white: string;
+    ui_cpnt_dropdown_base_pressed_white: string;
+    ui_cpnt_textfield_base_hover_darktheme: string;
+    ui_cpnt_textfield_base_pressed_darktheme: string;
+    ui_cpnt_select_base_hover_darktheme: string;
+    ui_cpnt_select_base_pressed_darktheme: string;
+    ui_cpnt_textfield_base_hover_transparent: string;
+    ui_cpnt_textfield_base_pressed_transparent: string;
+    ui_cpnt_reactionbutton_base_02: string;
+    ui_create_ch_step_prev: string;
+    ui_editor_preview_editing: string;
+    ui_cpnt_icon_sys_black: string;
+    ui_cpnt_textbutton_white_variation_base_hover: string;
+    ui_cpnt_textbutton_white_variation_base_pressed: string;
+    ui_74: string;
+    ui_cpnt_help_window: string;
+    ui_cpnt_tutorialmodal_sidetab_hover: string;
+    ui_cpnt_tutorialmodal_sidetab_pressed: string;
+    ui_cpnt_sheet_base_12: string;
+    ui_cpnt_sheet_base_13: string;
+    ui_cpnt_sheet_border_05: string;
+    ui_cpnt_sheet_border_06: string;
+    ui_75: string;
+    ui_cpnt_sheet_border_07: string;
+    ui_cpnt_sheet_base_14: string;
+    ui_cpnt_sheet_base_15: string;
+    ui_cpnt_tutorialmodal_sidetab_default: string;
+    ui_cpnt_tutorialmodal_info_base: string;
+    ui_domain_record_card_status_1: string;
+    ui_domain_record_card_status_2: string;
+    ui_domain_record_card_status_3: string;
+    ui_domain_record_card_status_4: string;
+    ui_cpnt_button_fill_base_tutorialmodal: string;
+    ui_cpnt_toolbar_base: string;
 }

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

@@ -5,6 +5,7 @@ export declare const theme: {
     };
     desktopFontSize: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -18,6 +19,7 @@ export declare const theme: {
     };
     desktopLineHeight: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -44,6 +46,7 @@ export declare const theme: {
     };
     mobileFontSize: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;
@@ -57,6 +60,7 @@ export declare const theme: {
     };
     mobileLineHeight: {
         displayHeading: string;
+        wizardPageTitle: string;
         heading: string;
         leadParagraph: string;
         subtitle: string;

package/dist/src/common/styles/movement/animationStyle.d.ts

@@ -1,4 +1,8 @@
 export declare const dialogOnAni: import("styled-components").FlattenSimpleInterpolation;
 export declare const dialogOffAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const dialogOverlayOnAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const dialogOverlayOffAni: import("styled-components").FlattenSimpleInterpolation;
 export declare const modalOnAni: import("styled-components").FlattenSimpleInterpolation;
 export declare const modalOffAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const modalOverlayOnAni: import("styled-components").FlattenSimpleInterpolation;
+export declare const modalOverlayOffAni: import("styled-components").FlattenSimpleInterpolation;

package/dist/src/common/styles/movement/animationStyle.js

@@ -4,11 +4,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.modalOffAni = exports.modalOnAni = exports.dialogOffAni = exports.dialogOnAni = void 0;
+exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = void 0;
 var styled_components_1 = require("styled-components");
 var keyframes_1 = require("./keyframes");
 exports.dialogOnAni = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both, ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both, ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceInIncludeTranslate, keyframes_1.fadeIn);
 exports.dialogOffAni = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceOutIncludeTranslate, keyframes_1.fadeOut);
-exports.modalOnAni = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceInIncludeTranslate02, keyframes_1.fadeIn);
-exports.modalOffAni = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceOutIncludeTranslate02, keyframes_1.fadeOut);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+exports.dialogOverlayOnAni = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeIn);
+exports.dialogOverlayOffAni = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeOut);
+exports.modalOnAni = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceInIncludeTranslate02, keyframes_1.fadeIn);
+exports.modalOffAni = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"], ["\n  transform-origin: 0 0;\n  animation: ", " 0.2s ease-in-out both,\n    ", " 0.2s ease-in-out both;\n"])), keyframes_1.scaleBounceOutIncludeTranslate02, keyframes_1.fadeOut);
+exports.modalOverlayOnAni = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeIn);
+exports.modalOverlayOffAni = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  animation: ", " 0.2s ease-in-out both;\n"], ["\n  animation: ", " 0.2s ease-in-out both;\n"])), keyframes_1.fadeOut);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/src/common/styles/movement/keyframes.d.ts

@@ -8,7 +8,9 @@ export declare const scaleDownIncludeTranslate: import("styled-components").Keyf
 export declare const gelatine: import("styled-components").Keyframes;
 export declare const scaleBounceIn: import("styled-components").Keyframes;
 export declare const scaleBounceIn02: import("styled-components").Keyframes;
+export declare const scaleBounceOut: import("styled-components").Keyframes;
+export declare const scaleBounceOut02: import("styled-components").Keyframes;
 export declare const scaleBounceInIncludeTranslate: import("styled-components").Keyframes;
-export declare const scaleBounceInIncludeTranslate02: import("styled-components").Keyframes;
 export declare const scaleBounceOutIncludeTranslate: import("styled-components").Keyframes;
+export declare const scaleBounceInIncludeTranslate02: import("styled-components").Keyframes;
 export declare const scaleBounceOutIncludeTranslate02: import("styled-components").Keyframes;