pds-dev-kit-web 2.1.4 → 2.1.6

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

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
 var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
+var UIColor_json_1 = __importDefault(require("./UIColor.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 colorSet = {
     SemanticColor: SemanticColor_json_1.default,
+    UIColor: UIColor_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
-    PaletteColor_light: PaletteColor_light_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,10 @@ 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;
+    ui_editor_layout_navigation_panel_section_item_area_normal: string;
 }

package/dist/src/common/types/components.d.ts

@@ -10,13 +10,19 @@ export declare type PDSTabItemOption = {
     isActive: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
-export declare type DropdownValueOption = {
+export declare type ContextMenuItemValueOption = {
     text?: PDSTextType;
     value: string | number | null | boolean;
     iconName?: FillIconNameKeys | LineIconNameKeys;
     iconFillType?: 'fill' | 'line';
+};
+export declare type DropdownValueOption = ContextMenuItemValueOption & {
     state?: 'normal' | 'disabled';
 };
+export declare type AdminListDropdownValueOption = {
+    text: DropdownValueOption['text'];
+    value: DropdownValueOption['value'];
+};
 export declare type BasicButtonGroupValueOption = {
     iconName: FillIconNameKeys | LineIconNameKeys;
     iconFillType?: 'fill' | 'line';

package/dist/src/desktop/components/AdminList/AdminList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common';
 import type { TFunctionResult } from 'i18next';
 declare type ColumnWidthType = 'small' | 'medium' | 'large' | 'xlarge';
 declare type Props = {
@@ -23,18 +23,18 @@ declare type Props = {
     column10HeaderText?: TFunctionResult;
     column10Width?: ColumnWidthType;
     dropdownMode?: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
-    dropdown1Value?: PDSValueOption;
-    dropdown2Value?: PDSValueOption;
-    dropdown3Value?: PDSValueOption;
-    dropdown1DefaultText?: PDSValueOption;
-    dropdown2DefaultText?: PDSValueOption;
-    dropdown3DefaultText?: PDSValueOption;
+    dropdown1Value?: AdminListDropdownValueOption;
+    dropdown2Value?: AdminListDropdownValueOption;
+    dropdown3Value?: AdminListDropdownValueOption;
+    dropdown1DefaultText?: AdminListDropdownValueOption;
+    dropdown2DefaultText?: AdminListDropdownValueOption;
+    dropdown3DefaultText?: AdminListDropdownValueOption;
     dropdown1HintText?: TFunctionResult;
     dropdown2HintText?: TFunctionResult;
     dropdown3HintText?: TFunctionResult;
-    dropdown1ValueArray?: PDSValueOption[];
-    dropdown2ValueArray?: PDSValueOption[];
-    dropdown3ValueArray?: PDSValueOption[];
+    dropdown1ValueArray?: AdminListDropdownValueOption[];
+    dropdown2ValueArray?: AdminListDropdownValueOption[];
+    dropdown3ValueArray?: AdminListDropdownValueOption[];
     quickActionBtnMode?: 'none' | 'btn_amount1' | 'btn_amount2' | 'btn_amount3';
     quickActionBtn1Text?: TFunctionResult;
     quickActionBtn2Text?: TFunctionResult;
@@ -49,9 +49,9 @@ declare type Props = {
     scrollVisibleType?: 'moving' | 'hidden' | 'visible';
     headerRowCheckboxName?: string;
     flexibleHideInfoMode?: 'use' | 'none';
-    onChangeDropdown1?: (value: PDSValueOption) => void;
-    onChangeDropdown2?: (value: PDSValueOption) => void;
-    onChangeDropdown3?: (value: PDSValueOption) => void;
+    onChangeDropdown1?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown2?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown3?: (value: AdminListDropdownValueOption) => void;
     onClickTBtn1?: () => void;
     onClickTBtn2?: () => void;
     onClickTBtn3?: () => void;

package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts

@@ -1,28 +1,28 @@
 /// <reference types="react" />
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common/types';
 import type { TFunctionResult } from 'i18next';
 declare type Props = {
     itemCount?: number;
     dropdownMode: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
-    dropdown1Value?: PDSValueOption;
-    dropdown2Value?: PDSValueOption;
-    dropdown3Value?: PDSValueOption;
-    dropdown1DefaultText?: PDSValueOption;
-    dropdown2DefaultText?: PDSValueOption;
-    dropdown3DefaultText?: PDSValueOption;
+    dropdown1Value?: AdminListDropdownValueOption;
+    dropdown2Value?: AdminListDropdownValueOption;
+    dropdown3Value?: AdminListDropdownValueOption;
+    dropdown1DefaultText?: AdminListDropdownValueOption;
+    dropdown2DefaultText?: AdminListDropdownValueOption;
+    dropdown3DefaultText?: AdminListDropdownValueOption;
     dropdown1HintText?: TFunctionResult;
     dropdown2HintText?: TFunctionResult;
     dropdown3HintText?: TFunctionResult;
-    dropdown1ValueArray?: PDSValueOption[];
-    dropdown2ValueArray?: PDSValueOption[];
-    dropdown3ValueArray?: PDSValueOption[];
+    dropdown1ValueArray?: AdminListDropdownValueOption[];
+    dropdown2ValueArray?: AdminListDropdownValueOption[];
+    dropdown3ValueArray?: AdminListDropdownValueOption[];
     tBtnMode?: 'none' | 'tbtn_amount1' | 'tbtn_amount2' | 'tbtn_amount3';
     tBtn1Text?: TFunctionResult;
     tBtn2Text?: TFunctionResult;
     tBtn3Text?: TFunctionResult;
-    onChangeDropdown1?: (value: PDSValueOption) => void;
-    onChangeDropdown2?: (value: PDSValueOption) => void;
-    onChangeDropdown3?: (value: PDSValueOption) => void;
+    onChangeDropdown1?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown2?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown3?: (value: AdminListDropdownValueOption) => void;
     onClickTBtn1?: () => void;
     onClickTBtn2?: () => void;
     onClickTBtn3?: () => void;

package/dist/src/desktop/components/AdminListHeader/AdminListHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common';
 import type { TFunctionResult } from 'i18next';
 declare type Props = {
     headerBarSize?: 'regular' | 'small';
@@ -8,9 +8,9 @@ declare type Props = {
     totalPage?: number;
     contentText?: TFunctionResult;
     filterBar?: React.ReactNode;
-    dropdownTextArray?: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeCount?: (option: PDSValueOption) => void;
+    dropdownTextArray?: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeCount?: (option: AdminListDropdownValueOption) => void;
     onClickNextButton?: () => void;
     onClickPrevButton?: () => void;
     /** @deprecated v1.5 totalPage를 받아오기 때문에 deprecated 될 예정입니다. */

package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import type { PDSValueOption } from '../../../common';
+import type { AdminListDropdownValueOption } from '../../../common/types';
 import type { TFunctionResult } from 'i18next';
 declare type Props = {
     titleText?: TFunctionResult;
     size?: 'regular' | 'small';
     currentPage?: number;
     totalPage?: number;
-    dropdownTextArray: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeDropdown?: (option: PDSValueOption) => void;
+    dropdownTextArray: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeDropdown?: (option: AdminListDropdownValueOption) => void;
     onClickIBtn1?: () => void;
     onClickIBtn2?: () => void;
 };

package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common';
-import type { DropdownValueOption } from '../../../common/types';
+import type { PDSTextType } from '../../../common';
+import type { ContextMenuItemValueOption } from '../../../common/types';
 export declare type ContextMenuItemProps = {
-    option?: PDSValueOption | DropdownValueOption;
+    option?: ContextMenuItemValueOption;
     size?: 'large' | 'medium' | 'small';
     isSelected?: boolean;
     state?: 'normal' | 'disabled';
     displayType?: 'text_only' | 'icon_only' | 'icon_text';
-    onClick?: (value: PDSValueOption | DropdownValueOption | string | number | boolean) => void;
+    onClick?: (value: ContextMenuItemValueOption | string | number | boolean) => void;
     /** @deprecated option 필드를 대신 사용하세요. */
     text?: PDSTextType;
     /** @deprecated option 필드를 대신 사용하세요. */

package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common';
-import type { DropdownValueOption } from '../../../common/types';
+import type { PDSTextType } from '../../../common';
+import type { ContextMenuItemValueOption } from '../../../common/types';
 export declare type ContextMenuItemProps = {
-    option?: PDSValueOption | DropdownValueOption;
+    option?: ContextMenuItemValueOption;
     size?: 'large' | 'medium' | 'small';
     isSelected?: boolean;
     state?: 'normal' | 'disabled';
     displayType?: 'text_only' | 'icon_only' | 'icon_text';
-    onClick?: (value: PDSValueOption | DropdownValueOption | string | number | boolean) => void;
+    onClick?: (value: ContextMenuItemValueOption | string | number | boolean) => void;
     /** @deprecated option 필드를 대신 사용하세요. */
     text?: PDSTextType;
     /** @deprecated option 필드를 대신 사용하세요. */

package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js

@@ -67,9 +67,7 @@ function ContextMenuItem(_a) {
         }
         return 'ui_cpnt_dropdown_display_icon_normal';
     };
-    return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, onClick: handleClick, selected: isSelected, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') &&
-                option &&
-                'iconName' in option && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }, void 0) }, void 0)), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }, void 0)] }, void 0))] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(S_ContextMenuItem, __assign({ "x-pds-name": "ContextMenuItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, onClick: handleClick, selected: isSelected, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.iconName) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { size: size === 'small' ? 20 : 24, iconName: option.iconName, fillType: option.iconFillType, colorKey: getIconColorKey() }, void 0) }, void 0)), (displayType === 'text_only' || displayType === 'icon_text') && (option === null || option === void 0 ? void 0 : option.text) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: option.text || text, styleTheme: "form2Regular", singleLineMode: "use", colorTheme: textColorTheme, ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }, void 0)] }, void 0))] }), void 0));
 }
 var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"], ["\n  height: 48px;\n  padding: 0 ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common/types';
+import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
 declare type Props = {
     headerBarSize?: 'regular' | 'small';
     headerBarTitleText?: PDSTextType;
@@ -7,9 +7,9 @@ declare type Props = {
     currentPage?: number;
     totalPage?: number;
     contentText?: PDSTextType;
-    dropdownTextArray?: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeCount?: (option: PDSValueOption) => void;
+    dropdownTextArray?: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeCount?: (option: AdminListDropdownValueOption) => void;
     onClickNextBtn?: () => void;
     onClickPrevBtn?: () => void;
 };

package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common/types';
+import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
 declare type Props = {
     titleText?: PDSTextType;
     tooltipText?: PDSTextType;
     size?: 'regular' | 'small';
     currentPage?: number;
     totalPage?: number;
-    dropdownTextArray: PDSValueOption[];
-    dropdownDefaultValue?: PDSValueOption;
-    onChangeDropdown?: (option: PDSValueOption) => void;
+    dropdownTextArray: AdminListDropdownValueOption[];
+    dropdownDefaultValue?: AdminListDropdownValueOption;
+    onChangeDropdown?: (option: AdminListDropdownValueOption) => void;
     onClickIBtn1?: () => void;
     onClickIBtn2?: () => void;
 };

package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts

@@ -1,27 +1,27 @@
 /// <reference types="react" />
-import type { PDSTextType, PDSValueOption } from '../../../common/types';
+import type { PDSTextType, AdminListDropdownValueOption } from '../../../common/types';
 declare type Props = {
     itemCount?: number;
     dropdownMode?: 'none' | 'dropdown_amount1' | 'dropdown_amount2' | 'dropdown_amount3';
-    dropdown1Value?: PDSValueOption;
-    dropdown2Value?: PDSValueOption;
-    dropdown3Value?: PDSValueOption;
-    dropdown1DefaultText?: PDSValueOption;
-    dropdown2DefaultText?: PDSValueOption;
-    dropdown3DefaultText?: PDSValueOption;
+    dropdown1Value?: AdminListDropdownValueOption;
+    dropdown2Value?: AdminListDropdownValueOption;
+    dropdown3Value?: AdminListDropdownValueOption;
+    dropdown1DefaultText?: AdminListDropdownValueOption;
+    dropdown2DefaultText?: AdminListDropdownValueOption;
+    dropdown3DefaultText?: AdminListDropdownValueOption;
     dropdown1HintText?: PDSTextType;
     dropdown2HintText?: PDSTextType;
     dropdown3HintText?: PDSTextType;
-    dropdown1ValueArray?: PDSValueOption[];
-    dropdown2ValueArray?: PDSValueOption[];
-    dropdown3ValueArray?: PDSValueOption[];
+    dropdown1ValueArray?: AdminListDropdownValueOption[];
+    dropdown2ValueArray?: AdminListDropdownValueOption[];
+    dropdown3ValueArray?: AdminListDropdownValueOption[];
     tBtnMode?: 'none' | 'tbtn_amount1' | 'tbtn_amount2' | 'tbtn_amount3';
     tBtn1Text?: PDSTextType;
     tBtn2Text?: PDSTextType;
     tBtn3Text?: PDSTextType;
-    onChangeDropdown1?: (value: PDSValueOption) => void;
-    onChangeDropdown2?: (value: PDSValueOption) => void;
-    onChangeDropdown3?: (value: PDSValueOption) => void;
+    onChangeDropdown1?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown2?: (value: AdminListDropdownValueOption) => void;
+    onChangeDropdown3?: (value: AdminListDropdownValueOption) => void;
     onClickTBtn1?: () => void;
     onClickTBtn2?: () => void;
     onClickTBtn3?: () => void;

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.6",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,6 +1,18 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.1.4]
-## urgent|https://design.storybook.publ.biz/
+## [v2.1.6]
+## daily|https://design.storybook.publ.biz/
 
+### Package
+* type
+    * BasicButtonGroupValueOption export 처리
+    * ContextMenuItemValueOption export 처리
+    * DropdownValueOption export 처리
+    * AdminListDropdownValueOption export 처리'
+### Components
+* AdminList
+    * Dropdown을 사용하는 부분의 type 변경
+* ContextMenuItem
+    * option과 onClick의 type 변경
 ### Color
-* 컬러 키 값 23.07.06 15시 25분 기준 싱크
+* 컬러 키 값 23.07.12 18시 11분 기준 싱크
+