pds-dev-kit-web-test 0.2.0-beta.0 → 0.2.1

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

@@ -0,0 +1,28 @@
+{
+    "translation": {
+        "str_rows_per_page": "目录数量",
+        "str_n_selected": "已选择{{itemSelected}}个",
+        "str_dlayout_section": "栏目",
+        "str_4653": "Edit $t(str_dlayout_section)",
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "优惠券",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "免费体验",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "一次性付款",
+        "str_payment_option_subs_regularly": "定期付款",
+        "str_5831": "{{price}} USD",
+        "str_start": "Start",
+        "str_free": "FREE"
+    }
+}

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

@@ -0,0 +1,28 @@
+{
+    "translation": {
+        "str_rows_per_page": "目錄數量",
+        "str_n_selected": "已選擇{{itemSelected}}個",
+        "str_dlayout_section": "欄目",
+        "str_4653": "Edit $t(str_dlayout_section)",
+        "str_4657": "Currently editing",
+        "str_5299": "There are no memberships to display.",
+        "str_5300": "This membership cannot be purchased.",
+        "str_5350": "Checkout",
+        "str_5351": "Buy",
+        "str_5352": "Use",
+        "str_5353": "Pay",
+        "str_5354": "Purchase",
+        "str_5339": "{{price}} won",
+        "str_coupon": "Coupon",
+        "str_payment_option_coupon_free_finite": "Free Trial ($t(str_coupon))",
+        "str_payment_option_coupon_free_infinite": "Unlimited Free ($t(str_coupon))",
+        "str_payment_option_coupon_one_time": "$t(str_coupon)",
+        "str_payment_option_subs_temporary_free": "期限內免費",
+        "str_payment_option_unlimited_free": "Free Access",
+        "str_payment_option_one_time": "結算一次",
+        "str_payment_option_subs_regularly": "定期結算",
+        "str_5831": "{{price}} USD",
+        "str_start": "Start",
+        "str_free": "FREE"
+    }
+}

package/dist/src/common/styles/ToneTest/ToneTest.js

@@ -1,25 +1,18 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var react_router_dom_1 = require("react-router-dom");
 var styled_components_1 = require("styled-components");
 var desktop_1 = require("../../../desktop");
@@ -364,46 +357,27 @@ function ToneTest() {
             setTone('LIGHT');
         }
     };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(react_router_dom_1.BrowserRouter, null,
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
-            react_1.default.createElement(components_1.MainButton, { iconName: "ic_arrow_round_left", text: "Toggle Tone", onClick: changeTone, styleTheme: "secondary" }),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
-            react_1.default.createElement(components_1.TextLabel, { text: "\uC774\uACF3\uC740 toggled\uB41C tone\uC744 \uB530\uB974\uB294 \uBD80\uBD84\uC785\uB2C8\uB2E4." }),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
-            react_1.default.createElement(styled_components_1.ThemeProvider, { theme: (0, theme_1.themeByGivenTone)(customTone) },
-                react_1.default.createElement(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
-                        src: 'http://i.imgur.com/zVKjblJ.png',
-                        text: 'PEPSI',
-                        href: '/'
-                    }, userProfile: {
-                        src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
-                        href: '/'
-                    }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" })),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
-            react_1.default.createElement(components_1.TextLabel, { text: "\uC774\uACF3\uC740 toggled\uB41C tone\uC758 \uC601\uD5A5\uC744 \uBC1B\uC9C0 \uC54A\uACE0 transparent \uC801\uC6A9 \uB41C \uBD80\uBD84\uC785\uB2C8\uB2E4." }),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
-            react_1.default.createElement(styled_components_1.ThemeProvider, { theme: (0, theme_1.themeByGivenTone)(customTone) },
-                react_1.default.createElement(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(react_router_dom_1.BrowserRouter, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.MainButton, { iconName: "ic_arrow_round_left", text: "Toggle Tone", onClick: changeTone, styleTheme: "secondary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC774\uACF3\uC740 toggled\uB41C tone\uC744 \uB530\uB974\uB294 \uBD80\uBD84\uC785\uB2C8\uB2E4." }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, __assign({ theme: (0, theme_1.themeByGivenTone)(customTone) }, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
+                            src: 'http://i.imgur.com/zVKjblJ.png',
+                            text: 'PEPSI',
+                            href: '/'
+                        }, userProfile: {
+                            src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
+                            href: '/'
+                        }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC774\uACF3\uC740 toggled\uB41C tone\uC758 \uC601\uD5A5\uC744 \uBC1B\uC9C0 \uC54A\uACE0 transparent \uC801\uC6A9 \uB41C \uBD80\uBD84\uC785\uB2C8\uB2E4." }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, __assign({ theme: (0, theme_1.themeByGivenTone)(customTone) }, { children: (0, jsx_runtime_1.jsx)(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
+                            src: 'http://i.imgur.com/zVKjblJ.png',
+                            text: 'PEPSI',
+                            href: '/'
+                        }, userProfile: {
+                            src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
+                            href: '/'
+                        }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation", colorTheme: "transparent" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_e" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC774\uACF3\uC740 \uAE30\uBCF8 tone\uC744 \uB530\uB974\uB294 \uBD80\uBD84\uC785\uB2C8\uB2E4." }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
                         src: 'http://i.imgur.com/zVKjblJ.png',
                         text: 'PEPSI',
                         href: '/'
                     }, userProfile: {
                         src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
                         href: '/'
-                    }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation", colorTheme: "transparent" })),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_e" }),
-            react_1.default.createElement(hybrid_1.Divider, null),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
-            react_1.default.createElement(components_1.TextLabel, { text: "\uC774\uACF3\uC740 \uAE30\uBCF8 tone\uC744 \uB530\uB974\uB294 \uBD80\uBD84\uC785\uB2C8\uB2E4." }),
-            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d" }),
-            react_1.default.createElement(desktop_1.D_DynamicDesktopNavBar, { isPreview: true, brandLogo: {
-                    src: 'http://i.imgur.com/zVKjblJ.png',
-                    text: 'PEPSI',
-                    href: '/'
-                }, userProfile: {
-                    src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSL5qfISvgI8p95f3w5lZN9XNwYh1mRiIqEaQ&usqp=CAU',
-                    href: '/'
-                }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" }))));
+                    }, primaryMenus: mocks, secondaryMenus: mocks, template: "W1_0005", basePath: "/channels/invitation" }, void 0)] }, void 0) }, void 0));
 }
 exports.default = ToneTest;

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,71 @@
     "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",
+    "sys_storyboard_group_base_grey01": "grey10",
+    "sys_storyboard_group_base_blue01": "blue10",
+    "sys_storyboard_group_base_red01": "red10",
+    "sys_storyboard_group_base_green01": "green10",
+    "sys_storyboard_card_base_blue01": "blue30",
+    "sys_storyboard_card_base_red01": "red30",
+    "sys_storyboard_card_base_green01": "green50",
+    "sys_brand_secondary_variant": "darkgreen700",
+    "sys_button_tooltip_base": "white/opacity65",
+    "sys_text_button_tooltip": "grey900",
+    "sys_membership_button_base": "white/opacity20",
+    "sys_membership_item_membership_base": "darkgrey50",
+    "sys_membership_item_price_product_base": "darkgrey100",
+    "sys_component_base_30": "darkgrey400",
+    "sys_component_base_31": "darkgrey200",
+    "sys_component_base_32": "darkgrey20",
+    "sys_component_base_33": "white/opacity70",
+    "sys_component_base_34": "darkpink500",
+    "sys_component_base_35": "darklightgreen500",
+    "sys_component_base_36": "darkorange500",
+    "sys_component_base_37": "darkpink300",
+    "sys_component_base_38": "darkorange300",
+    "sys_plan_base_01": "darkpastelblue300/opacity60",
+    "sys_plan_base_02": "darksoftpurple500/opacity60",
+    "sys_plan_base_03": "darkcoolpink500/opacity60",
+    "sys_text_warning_02": "darkbrown500",
+    "sys_component_base_39": "darkyellow300",
+    "sys_component_base_40": "darkorange50",
+    "sys_component_base_41": "darkskyblue100",
+    "sys_cpnt_slider_track": "darkgrey100",
+    "sys_cpnt_slider_track_active": "darkgrey900",
+    "sys_cpnt_slider_thumb_normal": "darkgrey900",
+    "sys_cpnt_slider_thumb_disabled": "darkgrey400",
+    "sys_cpnt_slider_thumb_hover_circle": "darkgrey900/opacity10",
+    "sys_cpnt_slider_thumb_pressed_circle": "darkgrey900/opacity20",
+    "sys_cpnt_slider_track_disabled": "darkgrey400",
+    "sys_component_base_42": "darkorange30",
+    "sys_component_base_43": "darkblue30",
+    "sys_icon_grey_darktheme_01": "darkgrey900",
+    "sys_icon_grey_darktheme_02": "darkgrey500",
+    "sys_icon_grey_darktheme_03": "darkgrey400"
 }

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,71 @@
     "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",
+    "sys_storyboard_group_base_grey01": "grey10",
+    "sys_storyboard_group_base_blue01": "blue10",
+    "sys_storyboard_group_base_red01": "red10",
+    "sys_storyboard_group_base_green01": "green10",
+    "sys_storyboard_card_base_blue01": "blue30",
+    "sys_storyboard_card_base_red01": "red30",
+    "sys_storyboard_card_base_green01": "green50",
+    "sys_brand_secondary_variant": "green700",
+    "sys_button_tooltip_base": "black/opacity70",
+    "sys_text_button_tooltip": "white",
+    "sys_membership_button_base": "black/opacity20",
+    "sys_membership_item_membership_base": "grey30",
+    "sys_membership_item_price_product_base": "grey70",
+    "sys_component_base_30": "grey400",
+    "sys_component_base_31": "grey200",
+    "sys_component_base_32": "grey20",
+    "sys_component_base_33": "white/opacity70",
+    "sys_component_base_34": "pink500",
+    "sys_component_base_35": "lightgreen500",
+    "sys_component_base_36": "orange500",
+    "sys_component_base_37": "pink300",
+    "sys_component_base_38": "orange300",
+    "sys_plan_base_01": "pastelblue300/opacity60",
+    "sys_plan_base_02": "softpurple500/opacity60",
+    "sys_plan_base_03": "coolpink500/opacity60",
+    "sys_text_warning_02": "brown500",
+    "sys_component_base_39": "yellow300",
+    "sys_component_base_40": "orange50",
+    "sys_component_base_41": "skyblue100",
+    "sys_cpnt_slider_track": "grey100",
+    "sys_cpnt_slider_track_active": "grey900",
+    "sys_cpnt_slider_thumb_normal": "grey900",
+    "sys_cpnt_slider_thumb_disabled": "grey400",
+    "sys_cpnt_slider_thumb_hover_circle": "grey900/opacity10",
+    "sys_cpnt_slider_thumb_pressed_circle": "grey900/opacity20",
+    "sys_cpnt_slider_track_disabled": "grey400",
+    "sys_component_base_42": "orange30",
+    "sys_component_base_43": "blue30",
+    "sys_icon_grey_darktheme_01": "darkgrey900",
+    "sys_icon_grey_darktheme_02": "darkgrey500",
+    "sys_icon_grey_darktheme_03": "darkgrey400"
 }

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

@@ -79,12 +79,40 @@
     "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",
+    "blue10": "#F6F6FF",
+    "red10": "#FFF1F1",
+    "green10": "#EEFFFA",
+    "blue30": "#E3E7FF",
+    "red30": "#FFE4E4",
+    "orange300": "#FFA638",
+    "darkorange300": "#F5A33E",
+    "darkpink300": "#FB718E",
+    "pastelblue300": "#8DCFFF",
+    "darkpastelblue300": "#81BFED",
+    "softpurple500": "#A58CFF",
+    "darksoftpurple500": "#9B80FC",
+    "coolpink500": "#FF85FC",
+    "darkcoolpink500": "#EF7AEC",
+    "brown500": "#97500D",
+    "darkbrown500": "#C87323",
+    "yellow300": "#FFFAE6",
+    "darkyellow300": "#FFF3C1",
+    "grey20": "#f8f8fb",
+    "darkgrey20": "#1a1a1b"
 }

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,133 @@
     "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",
+    "ui_76": "sys_border_line_darktheme_07",
+    "ui_89": "sys_storyboard_group_base_grey01",
+    "ui_90": "sys_storyboard_group_base_blue01",
+    "ui_91": "sys_storyboard_group_base_red01",
+    "ui_92": "sys_storyboard_group_base_green01",
+    "ui_93": "sys_storyboard_card_base_blue01",
+    "ui_94": "sys_storyboard_card_base_red01",
+    "ui_95": "sys_storyboard_card_base_green01",
+    "ui_cpnt_icon_sys_brandsecondary_variant": "sys_brand_secondary_variant",
+    "ui_96": "sys_component_base_10",
+    "ui_97": "sys_component_base_black",
+    "ui_cpnt_button_tooltip_base": "sys_button_tooltip_base",
+    "ui_cpnt_textlabel_button_tooltip": "sys_text_button_tooltip",
+    "ui_cpnt_textlabel_step_prev": "sys_text_white_opacity_01",
+    "ui_membership_button_base": "sys_membership_button_base",
+    "ui_membership_item_membership_base": "sys_membership_item_membership_base",
+    "ui_membership_item_price_product_base": "sys_membership_item_price_product_base",
+    "ui_cpnt_sheet_base_16": "sys_component_base_30",
+    "ui_cpnt_sheet_base_17": "sys_component_base_31",
+    "ui_cpnt_sheet_base_18": "sys_component_base_32",
+    "ui_cpnt_sheet_base_19": "sys_component_base_33",
+    "ui_cpnt_badge_base_hot": "sys_component_base_34",
+    "ui_cpnt_badge_base_new": "sys_component_base_35",
+    "ui_cpnt_badge_base_sale": "sys_component_base_36",
+    "ui_cpnt_badge_base_timesale": "sys_component_base_37",
+    "ui_cpnt_badge_base_best": "sys_component_base_38",
+    "ui_cpnt_badge_base_recommended": "sys_component_base_green",
+    "ui_plan_base_01": "sys_plan_base_01",
+    "ui_plan_base_02": "sys_plan_base_02",
+    "ui_plan_base_03": "sys_plan_base_03",
+    "ui_cpnt_sheet_border_08": "sys_border_line_05",
+    "ui_cpnt_textlabel_sys_warning_2": "sys_text_warning_02",
+    "ui_cpnt_sheet_base_20": "sys_component_base_39",
+    "ui_cpnt_sheet_base_21": "sys_component_base_32",
+    "ui_cpnt_sheet_base_22": "sys_component_base_40",
+    "ui_cpnt_sheet_base_23": "sys_component_base_41",
+    "ui_cpnt_slider_track": "sys_cpnt_slider_track",
+    "ui_cpnt_slider_track_active": "sys_cpnt_slider_track_active",
+    "ui_cpnt_slider_thumb_normal": "sys_cpnt_slider_thumb_normal",
+    "ui_cpnt_slider_thumb_disabled": "sys_cpnt_slider_thumb_disabled",
+    "ui_cpnt_slider_thumb_hover_circle": "sys_cpnt_slider_thumb_hover_circle",
+    "ui_cpnt_slider_thumb_pressed_circle": "sys_cpnt_slider_thumb_pressed_circle",
+    "ui_cpnt_slider_track_disabled": "sys_cpnt_slider_track_disabled",
+    "ui_cpnt_basicbuttongroup_base_default": "sys_component_base_01",
+    "ui_cpnt_basicbuttongroup_on_base_hover": "sys_component_on_base_01",
+    "ui_cpnt_basicbuttongroup_on_base_pressed": "sys_component_on_base_02",
+    "ui_cpnt_basicbuttongroup_base_disabled": "sys_component_base_03",
+    "ui_cpnt_segmentedbuttongroup_base_default": "sys_component_base_01",
+    "ui_cpnt_segmentedbuttongroup_on_base_hover": "sys_component_on_base_01",
+    "ui_cpnt_segmentedbuttongroup_on_base_pressed": "sys_component_on_base_02",
+    "ui_cpnt_segmentedbuttongroup_base_disabled": "sys_component_base_03",
+    "ui_cpnt_segmentedbuttongroup_base_selected": "usr_brand_primary",
+    "ui_cpnt_sheet_base_24": "sys_component_base_42",
+    "ui_cpnt_sheet_base_25": "sys_component_base_11",
+    "ui_cpnt_sheet_base_26": "sys_component_base_43",
+    "ui_cpnt_dropdown_display_icon_normal": "sys_widget_grey_01",
+    "ui_cpnt_dropdown_display_icon_disabled": "sys_widget_grey_03",
+    "ui_cpnt_dropdown_display_icon_darktheme_enabled": "sys_icon_grey_darktheme_01",
+    "ui_cpnt_dropdown_display_icon_darktheme_disabled": "sys_icon_grey_darktheme_03",
+    "ui_cpnt_dropdown_display_icon_white_enabled": "sys_widget_white",
+    "ui_cpnt_dropdown_display_icon_white_disabled": "sys_widget_grey_03",
+    "ui_98": "sys_widget_grey_03"
 }