pds-dev-kit-web 1.5.3 → 1.5.5

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

@@ -189,5 +189,11 @@
     "sys_border_line_darktheme_03_opacity20": "darkred500/opacity20",
     "sys_border_line_darktheme_07_opacity20": "darkgrey50/opacity20",
     "sys_component_base_grey_02_opacity80": "darkgrey30/opacity80",
-    "sys_component_base_10": "black/opacity30"
+    "sys_component_base_10": "black/opacity30",
+    "sys_component_pastel_base_01": "darkpastelblue500",
+    "sys_component_pastel_base_02": "darkpastelpink500",
+    "sys_component_pastel_base_03": "darkpastelorange500",
+    "sys_component_pastel_base_04": "darkpastelgreen500",
+    "sys_component_pastel_base_05": "darkpastelpurple500",
+    "sys_component_base_11": "darkgreen30"
 }

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

@@ -189,5 +189,11 @@
     "sys_border_line_darktheme_03_opacity20": "darkred500/opacity20",
     "sys_border_line_darktheme_07_opacity20": "darkgrey50/opacity20",
     "sys_component_base_grey_02_opacity80": "grey30/opacity80",
-    "sys_component_base_10": "white/opacity50"
+    "sys_component_base_10": "white/opacity50",
+    "sys_component_pastel_base_01": "pastelblue500",
+    "sys_component_pastel_base_02": "pastelpink500",
+    "sys_component_pastel_base_03": "pastelorange500",
+    "sys_component_pastel_base_04": "pastelgreen500",
+    "sys_component_pastel_base_05": "pastelpurple500",
+    "sys_component_base_11": "green30"
 }

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

@@ -56,5 +56,17 @@
     "opacity95": "F2",
     "darkgrey30": "#1d1d1e",
     "opacity40": "66",
-    "kakaoyellow": "#fee500"
+    "kakaoyellow": "#fee500",
+    "pastelblue500": "#71bcea",
+    "pastelpink500": "#ff6399",
+    "pastelorange500": "#ffa638",
+    "pastelgreen500": "#6adf79",
+    "pastelpurple500": "#b36de9",
+    "darkpastelblue500": "#65b8ea",
+    "darkpastelpink500": "#f2598e",
+    "darkpastelorange500": "#f19829",
+    "darkpastelgreen500": "#59d469",
+    "darkpastelpurple500": "#aa61e2",
+    "green30": "#E5F9F3",
+    "darkgreen30": "#132520"
 }

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

@@ -569,5 +569,11 @@
     "ui_cpnt_textfield_icon_colortheme_transparent_readonly": "sys_widget_grey_darktheme_03",
     "ui_cpnt_textfield_base_colortheme_transparent_readonly": "sys_component_base_darktheme_disabled_opacity20",
     "ui_cpnt_textfield_border_colortheme_transparent_disabled": "sys_border_line_darktheme_07_opacity00",
-    "ui_cpnt_textfield_border_colortheme_transparent_readonly": "sys_border_line_darktheme_07_opacity00"
+    "ui_cpnt_textfield_border_colortheme_transparent_readonly": "sys_border_line_darktheme_07_opacity00",
+    "ui_cpnt_lottiereactionbutton_base_01": "sys_component_pastel_base_01",
+    "ui_cpnt_lottiereactionbutton_base_02": "sys_component_pastel_base_02",
+    "ui_cpnt_lottiereactionbutton_base_03": "sys_component_pastel_base_03",
+    "ui_cpnt_lottiereactionbutton_base_04": "sys_component_pastel_base_04",
+    "ui_cpnt_lottiereactionbutton_base_05": "sys_component_pastel_base_05",
+    "ui_60": "sys_component_base_11"
 }

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

@@ -1,5 +1,5 @@
 declare const colorSet: {
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -191,8 +191,86 @@ declare const colorSet: {
         sys_border_line_darktheme_07_opacity20: string;
         sys_component_base_grey_02_opacity80: string;
         sys_component_base_10: string;
+        sys_component_pastel_base_01: string;
+        sys_component_pastel_base_02: string;
+        sys_component_pastel_base_03: string;
+        sys_component_pastel_base_04: string;
+        sys_component_pastel_base_05: string;
+        sys_component_base_11: string;
     };
-    readonly PaletteColor_light: {
+    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;
+        pastelblue500: string;
+        pastelpink500: string;
+        pastelorange500: string;
+        pastelgreen500: string;
+        pastelpurple500: string;
+        darkpastelblue500: string;
+        darkpastelpink500: string;
+        darkpastelorange500: string;
+        darkpastelgreen500: string;
+        darkpastelpurple500: string;
+        green30: string;
+        darkgreen30: string;
+    };
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -384,6 +462,12 @@ declare const colorSet: {
         sys_border_line_darktheme_07_opacity20: string;
         sys_component_base_grey_02_opacity80: string;
         sys_component_base_10: string;
+        sys_component_pastel_base_01: string;
+        sys_component_pastel_base_02: string;
+        sys_component_pastel_base_03: string;
+        sys_component_pastel_base_04: string;
+        sys_component_pastel_base_05: string;
+        sys_component_base_11: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -957,66 +1041,12 @@ declare const colorSet: {
         ui_cpnt_textfield_base_colortheme_transparent_readonly: string;
         ui_cpnt_textfield_border_colortheme_transparent_disabled: string;
         ui_cpnt_textfield_border_colortheme_transparent_readonly: 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;
-        kakaoyellow: string;
+        ui_cpnt_lottiereactionbutton_base_01: string;
+        ui_cpnt_lottiereactionbutton_base_02: string;
+        ui_cpnt_lottiereactionbutton_base_03: string;
+        ui_cpnt_lottiereactionbutton_base_04: string;
+        ui_cpnt_lottiereactionbutton_base_05: string;
+        ui_60: 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 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 SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
+var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
+var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
-    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
-    UIColor: UIColor_json_1.default,
-    SemanticColor: SemanticColor_json_1.default
+    SemanticColor: SemanticColor_json_1.default,
+    PaletteColor_Dark: PaletteColor_Dark_json_1.default,
+    UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -570,4 +570,10 @@ export interface UITheme {
     ui_cpnt_textfield_base_colortheme_transparent_readonly: string;
     ui_cpnt_textfield_border_colortheme_transparent_disabled: string;
     ui_cpnt_textfield_border_colortheme_transparent_readonly: string;
+    ui_cpnt_lottiereactionbutton_base_01: string;
+    ui_cpnt_lottiereactionbutton_base_02: string;
+    ui_cpnt_lottiereactionbutton_base_03: string;
+    ui_cpnt_lottiereactionbutton_base_04: string;
+    ui_cpnt_lottiereactionbutton_base_05: string;
+    ui_60: string;
 }

package/dist/src/desktop/components/DynamicDesktopNavBar/components/MenuItemNav/components/InternalLinkMenuItemNav.js

@@ -37,7 +37,9 @@ function InternalLinkMenuItemNav(_a) {
         if (activeMode === 'BY_URL') {
             return false;
         }
-        if (pathname + search === location.pathname + location.search) {
+        // NOTE: 'from' keyword를 예외로 삭제하고 비교합니다.
+        var locationSearch = getSearchExceptGivenName(location.search, 'from');
+        if (pathname + search === location.pathname + locationSearch) {
             return true;
         }
         return false;
@@ -62,4 +64,18 @@ function getInternalLink(basePath, url) {
     var pAppCode = splitPath === null || splitPath === void 0 ? void 0 : splitPath.split('/')[PAPP_CODE_INDEX];
     return { internalPath: basePath + splitPath + search, pAppCode: pAppCode, pathname: pathname, search: search };
 }
+function getSearchExceptGivenName(search, name) {
+    if (!search) {
+        return '';
+    }
+    try {
+        var params = new URLSearchParams(search);
+        params.delete(name);
+        return "?" + params.toString();
+    }
+    catch (err) {
+        console.error(err);
+        return '';
+    }
+}
 exports.default = InternalLinkMenuItemNav;

package/package.json

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

package/release-note.md

@@ -1,19 +1,7 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.5.3]
+## [v1.5.5]
 
 ### Component
-* Card
-  * onClick 타입 변경
-* Chip
-  * onClickChip 타입 변경
-* DesktopAlertDialog
-  * onClickTbtn1 타입 변경
-  * onClickTbtn2 타입 변경
-  * onClickTbtn3 타입 변경
-* FloatingActionButton
-  * onClick 타입 변경
-  * onMouseDown 타입 변경
-* MobileAlertDialog
-  * onClickTbtn1 타입 변경
-  * onClickTbtn2 타입 변경
-  * onClickTbtn3 타입 변경
+* DynamicDesktopNavBar
+  * 내부링크 유형을 사용할때 urlSearchParams가 없는경우 대응
+    * urlSearchParams의 에러핸들링 (에러의 경우 console.error 및 search를 ''(빈 스트링)으로 판단