pds-dev-kit-web 1.3.26 → 1.3.27

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

@@ -158,5 +158,7 @@
     "sys_border_line_07": "darkgrey70",
     "sys_border_line_white_opacity50": "white/opacity50",
     "sys_background_dimmed_02": "black/opacity65",
-    "sys_border_line_08": "darkgrey500"
+    "sys_border_line_08": "darkgrey500",
+    "sys_sys_component_base_06": "darkgrey30",
+    "sys_sys_component_base_07": "darkgrey70"
 }

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

@@ -158,5 +158,7 @@
     "sys_border_line_07": "grey70",
     "sys_border_line_white_opacity50": "white/opacity50",
     "sys_background_dimmed_02": "black/opacity30",
-    "sys_border_line_08": "grey500"
+    "sys_border_line_08": "grey500",
+    "sys_sys_component_base_06": "grey30",
+    "sys_sys_component_base_07": "grey70"
 }

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

@@ -491,5 +491,6 @@
     "ui_cpnt_dropdown_base_white_disabled": "sys_component_base_white_opacity10",
     "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_dimmed_01": "sys_background_dimmed_20",
+    "ui_cpnt_reactionbutton_base_01": "sys_component_base_07"
 }

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

@@ -1,5 +1,5 @@
 declare const colorSet: {
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -160,8 +160,10 @@ declare const colorSet: {
         sys_border_line_white_opacity50: string;
         sys_background_dimmed_02: string;
         sys_border_line_08: string;
+        sys_sys_component_base_06: string;
+        sys_sys_component_base_07: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -322,6 +324,8 @@ declare const colorSet: {
         sys_border_line_white_opacity50: string;
         sys_background_dimmed_02: string;
         sys_border_line_08: string;
+        sys_sys_component_base_06: string;
+        sys_sys_component_base_07: string;
     };
     readonly SemanticColor: {
         blue500: string;
@@ -875,6 +879,7 @@ declare const colorSet: {
         ui_cpnt_dropdown_border_white_disabled: string;
         ui_cpnt_sheet_base_white_opacity00: string;
         ui_dimmed_01: string;
+        ui_cpnt_reactionbutton_base_01: string;
     };
 };
 export default colorSet;

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

@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable import/order */
-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 = {
-    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
 };

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

@@ -492,4 +492,5 @@ export interface UITheme {
     ui_cpnt_dropdown_border_white_disabled: string;
     ui_cpnt_sheet_base_white_opacity00: string;
     ui_dimmed_01: string;
+    ui_cpnt_reactionbutton_base_01: string;
 }

package/dist/src/desktop/components/IconButton/IconButton.js

@@ -60,6 +60,9 @@ function IconButton(_a) {
         if (iconColorKey) {
             return iconColorKey;
         }
+        if (fillType === 'fill' && baseColorKey === 'ui_cpnt_button_fill_base_transparent') {
+            return 'ui_cpnt_button_icon_enabled';
+        }
         return iconStateColorObj[fillType];
     };
     return (react_1.default.createElement(S_IconButton, { fillType: fillType, shapeType: shapeType, baseSize: baseSize, baseColorKey: baseColorKey, borderColorKey: borderColorKey, shadow: shadow, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', tabIndex: tabIndex, onClick: handleClick, onMouseDown: handleMouseDown },

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

@@ -60,6 +60,9 @@ function IconButton(_a) {
         if (iconColorKey) {
             return iconColorKey;
         }
+        if (fillType === 'fill' && baseColorKey === 'ui_cpnt_button_fill_base_transparent') {
+            return 'ui_cpnt_button_icon_enabled';
+        }
         return iconStateColorObj[fillType];
     };
     return (react_1.default.createElement(S_IconButton, { fillType: fillType, shapeType: shapeType, baseSize: baseSize, baseColorKey: baseColorKey, borderColorKey: borderColorKey, shadow: shadow, colorTheme: colorTheme, type: type, state: state, disabled: state === 'disabled', tabIndex: tabIndex, onClick: handleClick, onMouseDown: handleMouseDown },

package/package.json

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

package/release-note.md

@@ -1,14 +1,9 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.3.26]
-
-### Package
-* 컴포넌트들이 커스텀 컬러를 받을 수 있도록 수정
+## [v1.3.27]
 
 ### Component
-* EditApplyTextField
-  * iconButton의 type을 submit으로 변경
-  * getInputValue와 onClickSubmitBtnprop에 deprecated 예고 추가
-  * 빈값이 들어있을때도 제출이 가능하도록 변경
+* IconButton
+  * baseColorKey가 ui_cpnt_button_fill_base_transparent(투명)일때, icon색상 변경
 
 ### Color
-* 컬러 키 값 22.05.31 20시 45분 기준 싱크
+* 컬러 키 값 22.05.31 22시 10분 기준 싱크