pds-dev-kit-web 1.4.65 → 1.4.66

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

@@ -561,8 +561,8 @@
     "ui_cpnt_textfield_icon_colortheme_transparent_disabled": "sys_widget_grey_darktheme_03",
     "ui_cpnt_textfield_border_colortheme_transparent_normal": "sys_border_line_darktheme_07_opacity00",
     "ui_cpnt_textfield_border_colortheme_transparent_focus": "sys_border_line_darktheme_07_opacity20",
-    "ui_cpnt_textfield_border_colortheme_transparent_error": "sys_border_line_darktheme_02_opacity20",
-    "ui_cpnt_textfield_text_colortheme_transparent_error": "sys_border_line_darktheme_03_opacity20",
+    "ui_cpnt_textfield_border_colortheme_transparent_error": "sys_border_line_darktheme_03",
+    "ui_cpnt_textfield_text_colortheme_transparent_error": "sys_text_error_darktheme_01",
     "ui_cpnt_textfield_base_colortheme_transparent_disabled": "sys_component_base_darktheme_disabled_opacity20",
     "ui_cpnt_textfield_base_colortheme_transparent_normal": "sys_component_base_darktheme_opacity20",
     "ui_cpnt_textfield_text_colortheme_transparent_readonly": "sys_text_grey_darktheme_03",

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

@@ -1,65 +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;
-        opacity40: string;
-        kakaoyellow: string;
-    };
-    readonly PaletteColor_light: {
+    readonly PaletteColor_Dark: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -252,7 +192,7 @@ declare const colorSet: {
         sys_component_base_grey_02_opacity80: string;
         sys_component_base_10: string;
     };
-    readonly PaletteColor_Dark: {
+    readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
         sys_container_background_03: string;
@@ -1018,5 +958,65 @@ declare const colorSet: {
         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;
+    };
 };
 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 UIColor_json_1 = __importDefault(require("./UIColor.json"));
+var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var colorSet = {
-    SemanticColor: SemanticColor_json_1.default,
-    PaletteColor_light: PaletteColor_light_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
-    UIColor: UIColor_json_1.default
+    PaletteColor_light: PaletteColor_light_json_1.default,
+    UIColor: UIColor_json_1.default,
+    SemanticColor: SemanticColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -135,7 +135,7 @@ function TextField(_a) {
     };
     return (react_1.default.createElement(S_TextFieldBox, { size: size, responsiveMode: responsiveMode, customWidth: customWidth },
         react_1.default.createElement(S_TextFieldWrapper, { size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme, customWidth: customWidth }, S_TextField()),
-        ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && react_1.default.createElement(S_Error, null, errors[name].message)));
+        ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && (react_1.default.createElement(S_Error, { colorTheme: colorTheme }, errors[name].message))));
 }
 var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var size = _a.size;

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

@@ -135,7 +135,7 @@ function TextField(_a) {
     };
     return (react_1.default.createElement(S_TextFieldBox, { size: size, responsiveMode: responsiveMode, customWidth: customWidth },
         react_1.default.createElement(S_TextFieldWrapper, { size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme, customWidth: customWidth }, S_TextField()),
-        ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && react_1.default.createElement(S_Error, null, errors[name].message)));
+        ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && (react_1.default.createElement(S_Error, { colorTheme: colorTheme }, errors[name].message))));
 }
 var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var size = _a.size;

package/package.json

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

package/release-note.md

@@ -1,18 +1,9 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.4.65]
+## [v1.4.66]
 
 ### Component
-* AdminListItem
-  * Image 크기 변경
-* BasicChatListItem
-  * colorTheme prop에 seller_transparent의 컬러 수정
-  * colorTheme prop에 subscriber_transparent의 컬러 수정
-* ChatList
-  * colorTheme이 transparent일 경우 divider 안보이게 수정
-* Divider
-  * colorTheme prop에 divider2 추가
 * TextField
-  * state가 normal일때만 error message 보여주도록 수정
+  * error message 색상이 잘 표현 될 수 있도록 수정
 
 ### Color
-* 컬러 키 값 22.10.07 16시 57분 기준 싱크
+* 컬러 키 값 22.10.11 14시 05분 기준 싱크