pds-dev-kit-web 1.3.21 → 1.3.22

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

@@ -153,5 +153,8 @@
     "usr_menu_background_gradient_opacity00": "grey950/opacity00",
     "sys_border_line_white": "white",
     "sys_component_base_white_opacity10": "white/opacity10",
-    "sys_cpnt_sheet_base_01": "darkgrey50"
+    "sys_cpnt_sheet_base_01": "darkgrey50",
+    "sys_component_base_white_opacity20": "white/opacity20",
+    "sys_border_line_07": "darkgrey70",
+    "sys_border_line_white_opacity50": "white/opacity50"
 }

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

@@ -153,5 +153,8 @@
     "usr_menu_background_gradient_opacity00": "white/opacity00",
     "sys_border_line_white": "white",
     "sys_component_base_white_opacity10": "white/opacity10",
-    "sys_cpnt_sheet_base_01": "grey30"
+    "sys_cpnt_sheet_base_01": "grey30",
+    "sys_component_base_white_opacity20": "white/opacity20",
+    "sys_border_line_07": "grey70",
+    "sys_border_line_white_opacity50": "white/opacity50"
 }

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

@@ -359,7 +359,7 @@
     "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_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_cpnt_card_border": "sys_border_line_01",
@@ -486,6 +486,8 @@
     "ui_cpnt_dropdown_text_white_hint": "sys_text_white",
     "ui_cpnt_dropdown_icon_white_default": "sys_widget_white",
     "ui_cpnt_dropdown_border_white_focus": "sys_border_line_03",
-    "ui_cpnt_dropdown_base_white_normal": "sys_component_base_white_opacity10",
-    "ui_profile_image_border_brandprimary": "usr_brand_primary"
+    "ui_cpnt_dropdown_base_white_normal": "sys_component_base_white_opacity00",
+    "ui_profile_image_border_brandprimary": "usr_brand_primary",
+    "ui_cpnt_dropdown_base_white_disabled": "sys_component_base_white_opacity10",
+    "ui_cpnt_dropdown_border_white_disabled": "sys_border_line_white_opacity50"
 }

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

@@ -1,63 +1,5 @@
 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;
-    };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -213,8 +155,11 @@ declare const colorSet: {
         sys_border_line_white: string;
         sys_component_base_white_opacity10: string;
         sys_cpnt_sheet_base_01: string;
+        sys_component_base_white_opacity20: string;
+        sys_border_line_07: string;
+        sys_border_line_white_opacity50: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -370,6 +315,67 @@ declare const colorSet: {
         sys_border_line_white: string;
         sys_component_base_white_opacity10: string;
         sys_cpnt_sheet_base_01: string;
+        sys_component_base_white_opacity20: string;
+        sys_border_line_07: string;
+        sys_border_line_white_opacity50: 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;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -861,6 +867,8 @@ declare const colorSet: {
         ui_cpnt_dropdown_border_white_focus: string;
         ui_cpnt_dropdown_base_white_normal: string;
         ui_profile_image_border_brandprimary: string;
+        ui_cpnt_dropdown_base_white_disabled: string;
+        ui_cpnt_dropdown_border_white_disabled: 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 PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.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,
+    PaletteColor_light: PaletteColor_light_json_1.default,
+    SemanticColor: SemanticColor_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -488,4 +488,6 @@ export interface UITheme {
     ui_cpnt_dropdown_border_white_focus: string;
     ui_cpnt_dropdown_base_white_normal: string;
     ui_profile_image_border_brandprimary: string;
+    ui_cpnt_dropdown_base_white_disabled: string;
+    ui_cpnt_dropdown_border_white_disabled: string;
 }

package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTS.js

@@ -34,7 +34,8 @@ var S_ContentsArea2 = styled_components_1.default.div(templateObject_3 || (templ
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });
-var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  min-height: 480px;\n"], ["\n  min-height: 480px;\n"])));
+// TODO: 철학에 위배되지만, 히어로 배너를 쓰지 않을 경우를 위해 임시로 제거 상태. 추후 조치 필요
+var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  /* min-height: 480px; */\n"], ["\n  /* min-height: 480px; */\n"])));
 var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
 exports.default = WTS;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/package.json

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

package/release-note.md

@@ -1,12 +1,9 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.3.21]
+## [v1.3.22]
 
-### Component
-* Common
-  * TextFieldBase
-    * 내부 IconButton에 tabIndex={-1} 추가
-* EditApplyTextField
-  * 내부 IconButton에 tabIndex={-1} 추가
-* IconButton
-  * tabIndex prop 추가
-  * onClick과 onMouseDown의 type 수정
+### Layout
+* WTS_1
+  * content1의 min-height값 제거
+
+### Color
+* 컬러 키 값 22.05.27 12시 40분 기준 싱크