pds-dev-kit-web 1.4.65 → 1.4.67

package/dist/src/common/assets/icons/line/HeartCare.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IconType from '../IconType';
+declare const HeartCare: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default HeartCare;

package/dist/src/common/assets/icons/line/HeartCare.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var HeartCare = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
+        react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("path", { stroke: color, strokeWidth: "1.5", d: "M16.981,3 C15.701,3 14.41,3.519 13.377,4.576 C12.807,5.161 12.454,5.672 12.248,6.022 C12.192,6.118 12.097,6.165 12.002,6.165 C11.905,6.165 11.806,6.115 11.749,6.017 C11.543,5.667 11.19,5.158 10.623,4.576 C9.59,3.519 8.299,3 7.019,3 C5.629,3 4.253,3.612 3.235,4.81 C1.404,6.966 1.672,10.216 3.629,12.259 L11.278,20.246 C11.671,20.657 12.329,20.657 12.722,20.246 L20.371,12.259 C22.326,10.218 22.596,6.972 20.769,4.815 C19.752,3.613 18.373,3 16.981,3" }),
+            react_1.default.createElement("path", { fill: color, d: "M15.145,10.75 L13.25,10.75 L13.25,8.855 C13.25,8.515 12.974,8.239 12.634,8.239 L11.366,8.239 C11.026,8.239 10.75,8.515 10.75,8.855 L10.75,10.75 L8.855,10.75 C8.515,10.75 8.239,11.026 8.239,11.366 L8.239,12.634 C8.239,12.974 8.515,13.25 8.855,13.25 L10.75,13.25 L10.75,15.145 C10.75,15.485 11.026,15.761 11.366,15.761 L12.634,15.761 C12.974,15.761 13.25,15.485 13.25,15.145 L13.25,13.25 L15.145,13.25 C15.485,13.25 15.76,12.974 15.76,12.634 L15.76,11.366 C15.76,11.026 15.485,10.75 15.145,10.75" }))));
+};
+exports.default = HeartCare;

package/dist/src/common/assets/icons/line/index.d.ts

@@ -48,6 +48,7 @@ declare const lineIcons: {
     readonly ic_filter: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_folder: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_ghost: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_heart_care: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_home: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_information: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_internal: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

package/dist/src/common/assets/icons/line/index.js

@@ -51,6 +51,7 @@ var EyeClose_1 = __importDefault(require("./EyeClose"));
 var Filter_1 = __importDefault(require("./Filter"));
 var Folder_1 = __importDefault(require("./Folder"));
 var Ghost_1 = __importDefault(require("./Ghost"));
+var HeartCare_1 = __importDefault(require("./HeartCare"));
 var Home_1 = __importDefault(require("./Home"));
 var Information_1 = __importDefault(require("./Information"));
 var Internal_1 = __importDefault(require("./Internal"));
@@ -199,6 +200,7 @@ var lineIcons = {
     ic_filter: Filter_1.default,
     ic_folder: Folder_1.default,
     ic_ghost: Ghost_1.default,
+    ic_heart_care: HeartCare_1.default,
     ic_home: Home_1.default,
     ic_information: Information_1.default,
     ic_internal: Internal_1.default,

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

package/release-note.md

@@ -1,18 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.4.65]
+## [v1.4.67]
 
 ### 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 보여주도록 수정
-
-### Color
-* 컬러 키 값 22.10.07 16시 57분 기준 싱크
+* Icon
+  * ic_heart_care line추가