pds-dev-kit-web-test 0.0.3 → 0.0.6

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

@@ -0,0 +1,397 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var styled_components_1 = require("styled-components");
+var desktop_1 = require("../../../desktop");
+var components_1 = require("../../../desktop/components");
+var hybrid_1 = require("../../../hybrid");
+var theme_1 = require("../theme");
+var mocks = [
+    {
+        conversionLinkSrc: 'https://www.naver.com/',
+        iconSrc: '',
+        menuItemType: 'WEB_LINK',
+        name: 'Default VOD',
+        iconName: 'ic_language',
+        pAppCode: 'C00001',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Timeline is Timeline but Timeline',
+                pAppCode: 'A00001',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Notice',
+                pAppCode: 'A00002',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        iconName: 'ic_chat',
+        menuItemType: 'NAV_P_APP',
+        name: 'Free Board',
+        pAppCode: 'A00003',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Event Live',
+                pAppCode: 'C00005',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Polleeee',
+                pAppCode: 'A00007',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        iconName: 'ic_camera',
+        menuItemType: 'NAV_P_APP',
+        name: 'Class VOD',
+        pAppCode: 'C00007',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: '이것은30자팹네임입니다.팹팹팹팹팹팹팹팹팹팹팹팹팹팹팹팹팹',
+                pAppCode: 'C00006',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            },
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Inquiry Board',
+                pAppCode: 'A00005',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Welcome Page',
+        pAppCode: 'B00006',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Photobook',
+        pAppCode: 'B00005',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'Book a consultation',
+                pAppCode: 'E00001',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'OTT Type VOD',
+        pAppCode: 'C00002',
+        parsedNodes: [],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    },
+    {
+        conversionLinkSrc: '',
+        iconSrc: '',
+        menuItemType: 'NAV_P_APP',
+        name: 'Outlink pApp',
+        pAppCode: 'B00002',
+        parsedNodes: [
+            {
+                conversionLinkSrc: '',
+                iconSrc: '',
+                menuItemType: 'NAV_P_APP',
+                name: 'OTT Type VR VOD',
+                pAppCode: 'C00013',
+                parsedNodes: [],
+                type: 'GENERAL_NODE',
+                visibilityLevel: 'SUBSCRIBER'
+            }
+        ],
+        type: 'GENERAL_NODE',
+        visibilityLevel: 'SUBSCRIBER'
+    }
+];
+function ToneTest() {
+    var _a = (0, react_1.useState)('LIGHT'), customTone = _a[0], setTone = _a[1];
+    var changeTone = function () {
+        if (customTone === 'LIGHT') {
+            setTone('DARK');
+        }
+        else {
+            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_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" }))));
+}
+exports.default = ToneTest;

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

@@ -0,0 +1 @@
+export { default as ToneTest } from './ToneTest';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToneTest = void 0;
+var ToneTest_1 = require("./ToneTest");
+Object.defineProperty(exports, "ToneTest", { enumerable: true, get: function () { return __importDefault(ToneTest_1).default; } });

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

@@ -168,5 +168,10 @@
     "sys_border_line_darktheme_05": "darkgrey30",
     "sys_component_base_darktheme_06": "darkgrey70",
     "sys_border_line_darktheme_06": "darkgrey70",
-    "sys_border_line_darktheme_07": "darkgrey50"
+    "sys_border_line_darktheme_07": "darkgrey50",
+    "sys_border_line_11": "darkgreen500",
+    "sys_base_dimmed_01": "black/opacity30",
+    "sys_kakao": "kakaoyellow",
+    "sys_border_line_12": "grey100",
+    "sys_component_base_08": "white"
 }

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

@@ -168,5 +168,10 @@
     "sys_border_line_darktheme_05": "darkgrey30",
     "sys_component_base_darktheme_06": "darkgrey70",
     "sys_border_line_darktheme_06": "darkgrey70",
-    "sys_border_line_darktheme_07": "darkgrey50"
+    "sys_border_line_darktheme_07": "darkgrey50",
+    "sys_border_line_11": "green500",
+    "sys_base_dimmed_01": "white/opacity30",
+    "sys_kakao": "kakaoyellow",
+    "sys_border_line_12": "grey100",
+    "sys_component_base_08": "black"
 }

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

@@ -9,8 +9,8 @@
     "grey900": "#1e1e20",
     "grey500": "#68686b",
     "grey400": "#aaaab1",
-    "grey100": "#e8eaed",
-    "grey50": "#f5f6f8",
+    "grey100": "#e3e5e9",
+    "grey50": "#eff0f3",
     "white": "#ffffff",
     "black": "#000000",
     "darkblue500": "#586cff",
@@ -29,7 +29,7 @@
     "opacity30": "4D",
     "opacity65": "A6",
     "darkgreen500": "#0ce1a8",
-    "grey70": "#eff0f3",
+    "grey70": "#eaebef",
     "navy500": "#313349",
     "lightgreen500": "#32d64c",
     "pink500": "#FB3A63",
@@ -52,8 +52,9 @@
     "darknavy100": "#7A82B2",
     "opacity80": "CC",
     "opacity50": "80",
-    "grey30": "#f8f9fa",
+    "grey30": "#f5f5f8",
     "opacity95": "F2",
     "darkgrey30": "#1d1d1e",
-    "opacity40": "66"
+    "opacity40": "66",
+    "kakaoyellow": "#fee500"
 }

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

@@ -359,9 +359,9 @@
     "ui_papp_live_background": "sys_papp_live_background",
     "ui_community_pagination_base_area": "sys_component_base_02",
     "ui_cpnt_contextmenu_border": "sys_border_line_01",
-    "ui_profile_image_border": "sys_border_line_07",
-    "ui_cpnt_alertdialog_border": "sys_border_line_01",
-    "ui_cpnt_modal_border": "sys_border_line_01",
+    "ui_profile_image_border": "sys_border_line_09",
+    "ui_cpnt_alertdialog_border": "sys_border_line_09",
+    "ui_cpnt_modal_border": "sys_border_line_09",
     "ui_cpnt_card_border": "sys_border_line_01",
     "ui_cpnt_overlay_border": "sys_border_line_01",
     "ui_cpnt_datatable_base_selected": "sys_component_base_blue_opacity10",
@@ -508,5 +508,20 @@
     "ui_cpnt_dropdown_border_darktheme_disabled": "sys_border_line_darktheme_06",
     "ui_cpnt_select_border_darktheme_disabled": "sys_border_line_darktheme_06",
     "ui_cpnt_dropdown_text_white_disabled": "sys_text_grey_03",
-    "ui_cpnt_select_base_darktheme_normal": "sys_component_base_darktheme_01"
+    "ui_cpnt_select_base_darktheme_normal": "sys_component_base_darktheme_01",
+    "ui_hero_title_text": "sys_text_white",
+    "ui_hero_description_text": "sys_text_white",
+    "ui_cpnt_divider_area": "sys_border_area_01",
+    "ui_cpnt_button_white_base_hover": "sys_component_base_darktheme_01",
+    "ui_cpnt_button_white_base_pressed": "sys_component_base_darktheme_03",
+    "ui_cpnt_list_base_area_hover": "sys_container_background_02",
+    "ui_cpnt_sheet_border_01": "sys_border_line_01",
+    "ui_cpnt_sheet_border_02": "sys_border_line_03",
+    "ui_cpnt_sheet_border_03": "sys_border_line_11",
+    "ui_43": "sys_border_line_12",
+    "ui_44": "sys_component_base_white",
+    "ui_45": "sys_component_base_08",
+    "ui_46": "sys_base_dimmed_01",
+    "ui_47": "sys_kakao",
+    "ui_cpnt_sheet_base_03": "sys_component_base_white_opacity00"
 }

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

@@ -1,4 +1,64 @@
 declare const colorSet: {
+    readonly SemanticColor: {
+        blue500: string;
+        blue700: string;
+        blue300: string;
+        green700: string;
+        green500: string;
+        green300: string;
+        red500: string;
+        grey900: string;
+        grey500: string;
+        grey400: string;
+        grey100: string;
+        grey50: string;
+        white: string;
+        black: string;
+        darkblue500: string;
+        grey950: string;
+        darkgrey900: string;
+        darkgrey500: string;
+        darkgrey400: string;
+        darkgrey100: string;
+        darkgrey50: string;
+        darkred500: string;
+        darkgreen700: string;
+        orange500: string;
+        darkorange500: string;
+        opacity00: string;
+        opacity20: string;
+        opacity30: string;
+        opacity65: string;
+        darkgreen500: string;
+        grey70: string;
+        navy500: string;
+        lightgreen500: string;
+        pink500: string;
+        darkgrey70: string;
+        darknavy500: string;
+        darkpink500: string;
+        darklightgreen500: string;
+        opacity10: string;
+        grey600: string;
+        darkgrey600: string;
+        skyblue500: string;
+        skyblue300: string;
+        pink300: string;
+        lightpink500: string;
+        darkblue300: string;
+        darkblue700: string;
+        darkgreen300: string;
+        darkskyblue500: string;
+        navy100: string;
+        darknavy100: string;
+        opacity80: string;
+        opacity50: string;
+        grey30: string;
+        opacity95: string;
+        darkgrey30: string;
+        opacity40: string;
+        kakaoyellow: string;
+    };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
@@ -170,6 +230,11 @@ declare const colorSet: {
         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;
     };
     readonly PaletteColor_Dark: {
         sys_container_background_01: string;
@@ -342,65 +407,11 @@ declare const colorSet: {
         sys_component_base_darktheme_06: string;
         sys_border_line_darktheme_06: string;
         sys_border_line_darktheme_07: string;
-    };
-    readonly SemanticColor: {
-        blue500: string;
-        blue700: string;
-        blue300: string;
-        green700: string;
-        green500: string;
-        green300: string;
-        red500: string;
-        grey900: string;
-        grey500: string;
-        grey400: string;
-        grey100: string;
-        grey50: string;
-        white: string;
-        black: string;
-        darkblue500: string;
-        grey950: string;
-        darkgrey900: string;
-        darkgrey500: string;
-        darkgrey400: string;
-        darkgrey100: string;
-        darkgrey50: string;
-        darkred500: string;
-        darkgreen700: string;
-        orange500: string;
-        darkorange500: string;
-        opacity00: string;
-        opacity20: string;
-        opacity30: string;
-        opacity65: string;
-        darkgreen500: string;
-        grey70: string;
-        navy500: string;
-        lightgreen500: string;
-        pink500: string;
-        darkgrey70: string;
-        darknavy500: string;
-        darkpink500: string;
-        darklightgreen500: string;
-        opacity10: string;
-        grey600: string;
-        darkgrey600: string;
-        skyblue500: string;
-        skyblue300: string;
-        pink300: string;
-        lightpink500: string;
-        darkblue300: string;
-        darkblue700: string;
-        darkgreen300: string;
-        darkskyblue500: string;
-        navy100: string;
-        darknavy100: string;
-        opacity80: string;
-        opacity50: string;
-        grey30: string;
-        opacity95: string;
-        darkgrey30: string;
-        opacity40: string;
+        sys_border_line_11: string;
+        sys_base_dimmed_01: string;
+        sys_kakao: string;
+        sys_border_line_12: string;
+        sys_component_base_08: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -913,6 +924,21 @@ declare const colorSet: {
         ui_cpnt_select_border_darktheme_disabled: string;
         ui_cpnt_dropdown_text_white_disabled: string;
         ui_cpnt_select_base_darktheme_normal: string;
+        ui_hero_title_text: string;
+        ui_hero_description_text: string;
+        ui_cpnt_divider_area: string;
+        ui_cpnt_button_white_base_hover: string;
+        ui_cpnt_button_white_base_pressed: string;
+        ui_cpnt_list_base_area_hover: string;
+        ui_cpnt_sheet_border_01: string;
+        ui_cpnt_sheet_border_02: string;
+        ui_cpnt_sheet_border_03: string;
+        ui_43: string;
+        ui_44: string;
+        ui_45: string;
+        ui_46: string;
+        ui_47: string;
+        ui_cpnt_sheet_base_03: string;
     };
 };
 export default colorSet;

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

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