pds-dev-kit-web 1.4.46 → 1.4.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import IconType from '../IconType';
3
+ declare const Home: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default Home;
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var Home = function (_a) {
30
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
+ return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
+ react_1.default.createElement("g", { fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
33
+ react_1.default.createElement("path", { stroke: color, strokeWidth: "1.5", d: "M13.4139,2.9733 C12.5939,2.2933 11.4059,2.2933 10.5859,2.9733 L3.6019,8.7643 C3.1089,9.1723 2.8239,9.7793 2.8239,10.4203 L2.8239,19.3223 C2.8239,20.5453 3.8149,21.5363 5.0379,21.5363 L18.9619,21.5363 C20.1849,21.5363 21.1759,20.5453 21.1759,19.3223 L21.1759,10.4213 C21.1759,9.7813 20.8909,9.1743 20.3979,8.7653 L13.4139,2.9733 Z" }),
34
+ react_1.default.createElement("path", { stroke: color, strokeWidth: "1.5", d: "M13.5869,14.4139 L10.4129,14.4139 C9.4319,14.4139 8.6369,15.2089 8.6369,16.1899 L8.6369,21.5369 L15.3629,21.5369 L15.3629,16.1899 C15.3629,15.2089 14.5679,14.4139 13.5869,14.4139 Z" }))));
35
+ };
36
+ exports.default = Home;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import IconType from '../IconType';
3
+ declare const PostPaperPlane: ({ color, size, ...rest }: IconType) => JSX.Element;
4
+ export default PostPaperPlane;
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var PostPaperPlane = function (_a) {
30
+ var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
31
+ return (react_1.default.createElement("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest),
32
+ react_1.default.createElement("g", { fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
33
+ react_1.default.createElement("path", { stroke: color, strokeWidth: "1.5", d: "M2.0659,9.5751 L21.6129,2.9691 C22.0099,2.8341 22.3869,3.2201 22.2429,3.6141 L16.3869,19.6621 C16.2749,19.9691 15.9029,20.0881 15.6329,19.9021 L1.9419,10.4601 C1.6029,10.2271 1.6759,9.7071 2.0659,9.5751 Z" }),
34
+ react_1.default.createElement("path", { stroke: color, strokeWidth: "1.5", d: "M21.613,3.6358 L6.633,13.9508 L6.633,20.5578 C6.633,20.9718 7.108,21.2068 7.437,20.9548 L11.807,17.6108" }))));
35
+ };
36
+ exports.default = PostPaperPlane;
@@ -47,6 +47,7 @@ declare const lineIcons: {
47
47
  readonly ic_filter: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
48
48
  readonly ic_folder: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
49
49
  readonly ic_ghost: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
50
+ readonly ic_home: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
50
51
  readonly ic_information: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
51
52
  readonly ic_internal: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
52
53
  readonly ic_language: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -85,6 +86,7 @@ declare const lineIcons: {
85
86
  readonly ic_post_inquiry: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
86
87
  readonly ic_post_magazine: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
87
88
  readonly ic_post_notice: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
89
+ readonly ic_post_paper_plane: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
88
90
  readonly ic_post_photobook: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
89
91
  readonly ic_post_promotion: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
90
92
  readonly ic_post_promotion_p: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -50,6 +50,7 @@ var EyeClose_1 = __importDefault(require("./EyeClose"));
50
50
  var Filter_1 = __importDefault(require("./Filter"));
51
51
  var Folder_1 = __importDefault(require("./Folder"));
52
52
  var Ghost_1 = __importDefault(require("./Ghost"));
53
+ var Home_1 = __importDefault(require("./Home"));
53
54
  var Information_1 = __importDefault(require("./Information"));
54
55
  var Internal_1 = __importDefault(require("./Internal"));
55
56
  var Language_1 = __importDefault(require("./Language"));
@@ -88,6 +89,7 @@ var PostFree_1 = __importDefault(require("./PostFree"));
88
89
  var PostInquiry_1 = __importDefault(require("./PostInquiry"));
89
90
  var PostMagazine_1 = __importDefault(require("./PostMagazine"));
90
91
  var PostNotice_1 = __importDefault(require("./PostNotice"));
92
+ var PostPaperPlane_1 = __importDefault(require("./PostPaperPlane"));
91
93
  var PostPhotobook_1 = __importDefault(require("./PostPhotobook"));
92
94
  var PostPromotion_1 = __importDefault(require("./PostPromotion"));
93
95
  var PostPromotionP_1 = __importDefault(require("./PostPromotionP"));
@@ -193,6 +195,7 @@ var lineIcons = {
193
195
  ic_filter: Filter_1.default,
194
196
  ic_folder: Folder_1.default,
195
197
  ic_ghost: Ghost_1.default,
198
+ ic_home: Home_1.default,
196
199
  ic_information: Information_1.default,
197
200
  ic_internal: Internal_1.default,
198
201
  ic_language: Language_1.default,
@@ -231,6 +234,7 @@ var lineIcons = {
231
234
  ic_post_inquiry: PostInquiry_1.default,
232
235
  ic_post_magazine: PostMagazine_1.default,
233
236
  ic_post_notice: PostNotice_1.default,
237
+ ic_post_paper_plane: PostPaperPlane_1.default,
234
238
  ic_post_photobook: PostPhotobook_1.default,
235
239
  ic_post_promotion: PostPromotion_1.default,
236
240
  ic_post_promotion_p: PostPromotionP_1.default,
@@ -540,5 +540,6 @@
540
540
  "ui_cpnt_list_chatbubble_base_area_my_color": "usr_brand_primary",
541
541
  "ui_cpnt_list_chatbubble_text_my_color": "usr_on_brand_primary",
542
542
  "ui_cpnt_list_chatbubble_base_area_seller": "usr_brand_primary",
543
- "ui_cpnt_list_chatbubble_text_seller": "usr_on_brand_primary"
543
+ "ui_cpnt_list_chatbubble_text_seller": "usr_on_brand_primary",
544
+ "ui_52": "sys_widget_success_01"
544
545
  }
@@ -1,5 +1,5 @@
1
1
  declare const colorSet: {
2
- readonly PaletteColor_Dark: {
2
+ readonly PaletteColor_light: {
3
3
  sys_container_background_01: string;
4
4
  sys_container_background_02: string;
5
5
  sys_container_background_03: string;
@@ -179,7 +179,7 @@ declare const colorSet: {
179
179
  sys_text_social_login_02: string;
180
180
  sys_papp_livechat_link: string;
181
181
  };
182
- readonly PaletteColor_light: {
182
+ readonly PaletteColor_Dark: {
183
183
  sys_container_background_01: string;
184
184
  sys_container_background_02: string;
185
185
  sys_container_background_03: string;
@@ -962,6 +962,7 @@ declare const colorSet: {
962
962
  ui_cpnt_list_chatbubble_text_my_color: string;
963
963
  ui_cpnt_list_chatbubble_base_area_seller: string;
964
964
  ui_cpnt_list_chatbubble_text_seller: string;
965
+ ui_52: string;
965
966
  };
966
967
  };
967
968
  export default colorSet;
@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  /* eslint-disable import/order */
7
- var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
8
7
  var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
8
+ var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
9
9
  var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
10
10
  var UIColor_json_1 = __importDefault(require("./UIColor.json"));
11
11
  var colorSet = {
12
- PaletteColor_Dark: PaletteColor_Dark_json_1.default,
13
12
  PaletteColor_light: PaletteColor_light_json_1.default,
13
+ PaletteColor_Dark: PaletteColor_Dark_json_1.default,
14
14
  SemanticColor: SemanticColor_json_1.default,
15
15
  UIColor: UIColor_json_1.default
16
16
  };
@@ -541,4 +541,5 @@ export interface UITheme {
541
541
  ui_cpnt_list_chatbubble_text_my_color: string;
542
542
  ui_cpnt_list_chatbubble_base_area_seller: string;
543
543
  ui_cpnt_list_chatbubble_text_seller: string;
544
+ ui_52: string;
544
545
  }
@@ -236,6 +236,6 @@ var S_ScrollBox = styled_components_1.default.div(templateObject_4 || (templateO
236
236
  }
237
237
  }
238
238
  });
239
- var S_EmptyTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding-top: 88px;\n"], ["\n padding-top: 88px;\n"])));
239
+ var S_EmptyTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding-top: 88px;\n padding-bottom: 88px;\n"], ["\n padding-top: 88px;\n padding-bottom: 88px;\n"])));
240
240
  exports.default = AdminList;
241
241
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
@@ -85,7 +85,7 @@ function ChatBubbleListItem(_a) {
85
85
  return (react_1.default.createElement(react_1.default.Fragment, null,
86
86
  react_1.default.createElement(S_ChatBubbleListItem, { isMy: isMy, imageMode: imageMode },
87
87
  imageMode === 'use' && (react_1.default.createElement(react_1.default.Fragment, null, isTail && !isMy ? (react_1.default.createElement(S_ImageViewWrapper, { isSeller: isSeller },
88
- react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: 40 }))) : (react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })))),
88
+ react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: isSeller ? 36 : 38 }))) : (react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })))),
89
89
  react_1.default.createElement(S_RightBox, null,
90
90
  isTail && !isMy && (react_1.default.createElement(react_1.default.Fragment, null,
91
91
  react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: isSeller ? 'usrTextBrandPrimary' : 'sysTextPrimary' }),
@@ -120,15 +120,15 @@ var S_ChatBubbleListItem = styled_components_1.default.div(templateObject_3 || (
120
120
  var imageMode = _a.imageMode;
121
121
  return imageMode === 'none' && NoImageChatBubbleListItem;
122
122
  });
123
- var ImageViewSeller = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-shadow: 0 0 0 2px ", " inset;\n"], ["\n box-shadow: 0 0 0 2px ", " inset;\n"])), function (_a) {
123
+ var ImageViewSeller = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: 2px solid ", ";\n"], ["\n border: 2px solid ", ";\n"])), function (_a) {
124
124
  var theme = _a.theme;
125
125
  return theme.ui_profile_image_border_brandprimary;
126
126
  });
127
- var ImageViewDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-shadow: 0 0 0 1px ", " inset;\n"], ["\n box-shadow: 0 0 0 1px ", " inset;\n"])), function (_a) {
127
+ var ImageViewDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: 1px solid ", ";\n"], ["\n border: 1px solid ", ";\n"])), function (_a) {
128
128
  var theme = _a.theme;
129
129
  return theme.ui_profile_image_border;
130
130
  });
131
- var S_ImageViewWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n &::after {\n content: '';\n box-sizing: border-box;\n border-radius: 50%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n ", ";\n }\n"], ["\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n &::after {\n content: '';\n box-sizing: border-box;\n border-radius: 50%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n ", ";\n }\n"])), function (_a) {
131
+ var S_ImageViewWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
132
132
  var theme = _a.theme;
133
133
  return theme.spacing.spacingB;
134
134
  }, function (_a) {
@@ -85,7 +85,7 @@ function ChatBubbleListItem(_a) {
85
85
  return (react_1.default.createElement(react_1.default.Fragment, null,
86
86
  react_1.default.createElement(S_ChatBubbleListItem, { isMy: isMy, imageMode: imageMode },
87
87
  imageMode === 'use' && (react_1.default.createElement(react_1.default.Fragment, null, isTail && !isMy ? (react_1.default.createElement(S_ImageViewWrapper, { isSeller: isSeller },
88
- react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: 40 }))) : (react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })))),
88
+ react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: isSeller ? 36 : 38 }))) : (react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })))),
89
89
  react_1.default.createElement(S_RightBox, null,
90
90
  isTail && !isMy && (react_1.default.createElement(react_1.default.Fragment, null,
91
91
  react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: isSeller ? 'usrTextBrandPrimary' : 'sysTextPrimary' }),
@@ -120,15 +120,15 @@ var S_ChatBubbleListItem = styled_components_1.default.div(templateObject_3 || (
120
120
  var imageMode = _a.imageMode;
121
121
  return imageMode === 'none' && NoImageChatBubbleListItem;
122
122
  });
123
- var ImageViewSeller = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-shadow: 0 0 0 2px ", " inset;\n"], ["\n box-shadow: 0 0 0 2px ", " inset;\n"])), function (_a) {
123
+ var ImageViewSeller = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n border: 2px solid ", ";\n"], ["\n border: 2px solid ", ";\n"])), function (_a) {
124
124
  var theme = _a.theme;
125
125
  return theme.ui_profile_image_border_brandprimary;
126
126
  });
127
- var ImageViewDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-shadow: 0 0 0 1px ", " inset;\n"], ["\n box-shadow: 0 0 0 1px ", " inset;\n"])), function (_a) {
127
+ var ImageViewDefault = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border: 1px solid ", ";\n"], ["\n border: 1px solid ", ";\n"])), function (_a) {
128
128
  var theme = _a.theme;
129
129
  return theme.ui_profile_image_border;
130
130
  });
131
- var S_ImageViewWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n &::after {\n content: '';\n box-sizing: border-box;\n border-radius: 50%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n ", ";\n }\n"], ["\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n &::after {\n content: '';\n box-sizing: border-box;\n border-radius: 50%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n ", ";\n }\n"])), function (_a) {
131
+ var S_ImageViewWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"], ["\n box-sizing: border-box;\n border-radius: 50%;\n height: fit-content;\n min-width: fit-content;\n width: fit-content;\n margin-right: ", ";\n position: relative;\n\n ", ";\n"])), function (_a) {
132
132
  var theme = _a.theme;
133
133
  return theme.spacing.spacingB;
134
134
  }, function (_a) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "1.4.46",
3
+ "version": "1.4.47",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,6 +1,14 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v1.4.46]
2
+ ## [v1.4.47]
3
3
 
4
4
  ### Component
5
- * DesktopTabBar
6
- * subTabBar영역을 가질 있도록 수정
5
+ * AdminList
6
+ * emptyText보일때 하단에 spacing 추가
7
+ * ChatBubbleListItem
8
+ * 이미지 부분 border 깨져보이는 부분 수정
9
+ * Icon
10
+ * ic_home line추가
11
+ * ic_post_paper_plane line추가
12
+
13
+ ### Color
14
+ * 컬러 키 값 22.08.30 18시 08분 기준 싱크