pds-dev-kit-web 1.7.1 → 1.7.2

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

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

package/dist/src/common/assets/icons/line/AnalyticsSearchTools.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 AnalyticsSearchTools = 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", { fill: color, d: "M18.0446,3.4902 C19.9776,3.4902 21.5446,5.0572 21.5446,6.9902 L21.5446,17.0102 C21.5446,18.9432 19.9776,20.5102 18.0446,20.5102 L5.9556,20.5102 C4.0226,20.5102 2.4556,18.9432 2.4556,17.0102 L2.4556,6.9902 C2.4556,5.0572 4.0226,3.4902 5.9556,3.4902 Z M20.0106,8.3902 L3.9876,8.3902 L3.9886,17.0102 C3.9886,18.0449273 4.7922405,18.896512 5.80896749,18.9717909 L5.9556,18.9772 L18.0446,18.9772 C19.1296,18.9772 20.0116,18.0942 20.0116,17.0102 L20.0106,8.3902 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M14.9276,13.0613 C14.9276,14.6783 13.6166,15.9893 11.9996,15.9893 C10.3836,15.9893 9.0726,14.6783 9.0726,13.0613 C9.0726,11.4443 10.3836,10.1333 11.9996,10.1333 C13.6166,10.1333 14.9276,11.4443 14.9276,13.0613 Z M14.1043,15.2712 L16.4823,17.6492" }))));
+};
+exports.default = AnalyticsSearchTools;

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

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

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

@@ -0,0 +1,34 @@
+"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 DynamicLayout = 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("path", { fill: color, fillRule: "evenodd", d: "M19.8761,2.801 L4.1161,2.801 C3.5641,2.801 3.1161,3.249 3.1161,3.801 L3.1161,6.694 C3.1161,7.246 3.5641,7.694 4.1161,7.694 L19.8761,7.694 C20.4281,7.694 20.8761,7.246 20.8761,6.694 L20.8761,3.801 C20.8761,3.249 20.4281,2.801 19.8761,2.801 L19.8761,2.801 Z M4.6161,6.194 L19.3761,6.194 L19.3761,4.301 L4.6161,4.301 L4.6161,6.194 Z M7.7935,9.1213 L4.1155,9.1213 C3.5635,9.1213 3.1155,9.5693 3.1155,10.1213 L3.1155,20.1993 C3.1155,20.7513 3.5635,21.1993 4.1155,21.1993 L7.7935,21.1993 C8.3455,21.1993 8.7935,20.7513 8.7935,20.1993 L8.7935,10.1213 C8.7935,9.5693 8.3455,9.1213 7.7935,9.1213 L7.7935,9.1213 Z M4.6155,19.6993 L7.2935,19.6993 L7.2935,10.6213 L4.6155,10.6213 L4.6155,19.6993 Z M19.8841,9.1213 L11.2181,9.1213 C10.6651,9.1213 10.2181,9.5693 10.2181,10.1213 L10.2181,20.1773 C10.2181,20.7303 10.6651,21.1773 11.2181,21.1773 L19.8841,21.1773 C20.4361,21.1773 20.8841,20.7303 20.8841,20.1773 L20.8841,10.1213 C20.8841,9.5693 20.4361,9.1213 19.8841,9.1213 L19.8841,9.1213 Z M11.7181,19.6773 L19.3841,19.6773 L19.3841,10.6213 L11.7181,10.6213 L11.7181,19.6773 Z" })));
+};
+exports.default = DynamicLayout;

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

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

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

@@ -0,0 +1,37 @@
+"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 Pages = 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", { fill: color, d: "M16.0157,10.3251 C16.5677,10.3251 17.0157,10.7731 17.0157,11.3251 L17.0157,15.3241 C17.0157,15.8761 16.5677,16.3241 16.0157,16.3241 L7.9847,16.3241 C7.4327,16.3241 6.9847,15.8761 6.9847,15.3241 L6.9847,11.3251 C6.9847,10.7731 7.4327,10.3251 7.9847,10.3251 Z" }),
+            react_1.default.createElement("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M17.106,21.309 L6.894,21.309 C5.237,21.309 3.894,19.966 3.894,18.309 L3.894,5.691 C3.894,4.034 5.237,2.691 6.894,2.691 L14.071,2.691 C14.339,2.691 14.595,2.798 14.783,2.989 L19.818,8.093 C20.003,8.281 20.106,8.533 20.106,8.796 L20.106,18.309 C20.106,19.966 18.763,21.309 17.106,21.309 Z M7.6223,18.3237 L16.3773,18.3237" }),
+            react_1.default.createElement("polyline", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", points: "19.729 8.408 14.013 8.408 14.013 2.692" }))));
+};
+exports.default = Pages;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 declare const lineIcons: {
+    readonly ic_analytics_search_tools: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_down: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_down_bold: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_arrow_left: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -40,6 +41,7 @@ declare const lineIcons: {
     readonly ic_design_preference: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_developer: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_dynamic_layout: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_edit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_end: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -68,6 +70,7 @@ declare const lineIcons: {
     readonly ic_minus_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_open_page: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_order: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_pages: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_page_size_expand: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_page_size_reduce: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_papp: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var AnalyticsSearchTools_1 = __importDefault(require("./AnalyticsSearchTools"));
 var ArrowDown_1 = __importDefault(require("./ArrowDown"));
 var ArrowDownBold_1 = __importDefault(require("./ArrowDownBold"));
 var ArrowLeft_1 = __importDefault(require("./ArrowLeft"));
@@ -43,6 +44,7 @@ var Dashboard_1 = __importDefault(require("./Dashboard"));
 var DesignPreference_1 = __importDefault(require("./DesignPreference"));
 var Developer_1 = __importDefault(require("./Developer"));
 var Download_1 = __importDefault(require("./Download"));
+var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
 var Edit_1 = __importDefault(require("./Edit"));
 var Editor_1 = __importDefault(require("./Editor"));
 var End_1 = __importDefault(require("./End"));
@@ -71,6 +73,7 @@ var MicOn_1 = __importDefault(require("./MicOn"));
 var MinusCircle_1 = __importDefault(require("./MinusCircle"));
 var OpenPage_1 = __importDefault(require("./OpenPage"));
 var Order_1 = __importDefault(require("./Order"));
+var Pages_1 = __importDefault(require("./Pages"));
 var PageSizeExpand_1 = __importDefault(require("./PageSizeExpand"));
 var PageSizeReduce_1 = __importDefault(require("./PageSizeReduce"));
 var Papp_1 = __importDefault(require("./Papp"));
@@ -179,6 +182,7 @@ var Warning_1 = __importDefault(require("./Warning"));
 var Weblink_1 = __importDefault(require("./Weblink"));
 var Xmark_1 = __importDefault(require("./Xmark"));
 var lineIcons = {
+    ic_analytics_search_tools: AnalyticsSearchTools_1.default,
     ic_arrow_down: ArrowDown_1.default,
     ic_arrow_down_bold: ArrowDownBold_1.default,
     ic_arrow_left: ArrowLeft_1.default,
@@ -219,6 +223,7 @@ var lineIcons = {
     ic_design_preference: DesignPreference_1.default,
     ic_developer: Developer_1.default,
     ic_download: Download_1.default,
+    ic_dynamic_layout: DynamicLayout_1.default,
     ic_edit: Edit_1.default,
     ic_editor: Editor_1.default,
     ic_end: End_1.default,
@@ -247,6 +252,7 @@ var lineIcons = {
     ic_minus_circle: MinusCircle_1.default,
     ic_open_page: OpenPage_1.default,
     ic_order: Order_1.default,
+    ic_pages: Pages_1.default,
     ic_page_size_expand: PageSizeExpand_1.default,
     ic_page_size_reduce: PageSizeReduce_1.default,
     ic_papp: Papp_1.default,

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

@@ -50,7 +50,6 @@ function BasicChatListItem(_a) {
     var titleText = _a.titleText, contentText = _a.contentText, _b = _a.leftImageMode, leftImageMode = _b === void 0 ? 'none' : _b, imageSrc = _a.imageSrc, _c = _a.hoverMode, hoverMode = _c === void 0 ? 'use' : _c, contextMenuOptionArray = _a.contextMenuOptionArray, onClickContextMenuItem = _a.onClickContextMenuItem, _d = _a.contextMenuState, contextMenuState = _d === void 0 ? 'normal' : _d, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'subscriber' : _e;
     var _f = (0, react_1.useState)(false), isContextMenuOpen = _f[0], setIsContextMenuOpen = _f[1];
     var contextMenuRef = (0, react_1.useRef)(null);
-    var _g = (0, react_1.useState)(0), contentWidth = _g[0], setContentWidth = _g[1];
     var chatBody = document.querySelector('#chatMessageBox');
     var chatBodyRect = chatBody === null || chatBody === void 0 ? void 0 : chatBody.getBoundingClientRect();
     /**
@@ -75,16 +74,13 @@ function BasicChatListItem(_a) {
         }
         setIsContextMenuOpen(false);
     };
-    function getContentTextWidth(ref) {
-        setContentWidth(ref.getBoundingClientRect().width);
-    }
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(S_BasicChatListItem, { "x-pds-name": "BasicChatListItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", colorTheme: colorTheme },
             leftImageMode === 'use' && (react_1.default.createElement(S_ImageViewWrapper, null,
                 react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: "responsive" }))),
-            react_1.default.createElement(S_TitleTextWrapper, { targetWidth: contentWidth },
+            react_1.default.createElement(S_TitleTextWrapper, null,
                 react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", wordBreak: "break_all", colorTheme: titleTextColors[colorTheme] })),
-            react_1.default.createElement(S_ContentTextWrapper, { ref: function (ref) { return ref && getContentTextWidth(ref); } },
+            react_1.default.createElement(S_ContentTextWrapper, null,
                 react_1.default.createElement(TextLabel_1.TextLabel, { text: contentText, styleTheme: "caption1Regular", colorTheme: colorTheme === 'subscriber_transparent' ? 'sysTextWhite' : 'sysTextPrimary', wordBreak: "break_all" })),
             hoverMode === 'use' && (react_1.default.createElement(S_SeeMoreButton, { isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef },
                 react_1.default.createElement(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: handleMoreButtonClick }))),
@@ -112,7 +108,7 @@ var S_ImageViewWrapper = styled_components_1.default.div(templateObject_2 || (te
     var theme = _a.theme;
     return theme.spacing.spacingB;
 });
-var S_ContentTextWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 3;\n  margin-left: ", ";\n"], ["\n  flex: 3;\n  margin-left: ", ";\n"])), function (_a) {
+var S_ContentTextWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  margin-left: ", ";\n"], ["\n  flex: 1;\n  margin-left: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingC;
 });
@@ -126,9 +122,6 @@ var S_SeeMoreButton = styled_components_1.default.div(templateObject_4 || (templ
     var hoverMode = _a.hoverMode;
     return hoverMode === 'use' && '1';
 });
-var S_TitleTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  max-width: ", ";\n"], ["\n  flex: 1;\n  max-width: ", ";\n"])), function (_a) {
-    var targetWidth = _a.targetWidth;
-    return targetWidth && targetWidth / 3 + "px";
-});
+var S_TitleTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  max-width: 120px;\n  min-width: 56px;\n"], ["\n  max-width: 120px;\n  min-width: 56px;\n"])));
 exports.default = BasicChatListItem;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -50,7 +50,6 @@ function BasicChatListItem(_a) {
     var titleText = _a.titleText, contentText = _a.contentText, _b = _a.leftImageMode, leftImageMode = _b === void 0 ? 'none' : _b, imageSrc = _a.imageSrc, _c = _a.hoverMode, hoverMode = _c === void 0 ? 'use' : _c, contextMenuOptionArray = _a.contextMenuOptionArray, onClickContextMenuItem = _a.onClickContextMenuItem, _d = _a.contextMenuState, contextMenuState = _d === void 0 ? 'normal' : _d, _e = _a.colorTheme, colorTheme = _e === void 0 ? 'subscriber' : _e;
     var _f = (0, react_1.useState)(false), isContextMenuOpen = _f[0], setIsContextMenuOpen = _f[1];
     var contextMenuRef = (0, react_1.useRef)(null);
-    var _g = (0, react_1.useState)(0), contentWidth = _g[0], setContentWidth = _g[1];
     var chatBody = document.querySelector('#chatMessageBox');
     var chatBodyRect = chatBody === null || chatBody === void 0 ? void 0 : chatBody.getBoundingClientRect();
     /**
@@ -75,16 +74,13 @@ function BasicChatListItem(_a) {
         }
         setIsContextMenuOpen(false);
     };
-    function getContentTextWidth(ref) {
-        setContentWidth(ref.getBoundingClientRect().width);
-    }
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(S_BasicChatListItem, { "x-pds-name": "BasicChatListItem", "x-pds-element-type": "component", "x-pds-device-type": "mobile", colorTheme: colorTheme },
             leftImageMode === 'use' && (react_1.default.createElement(S_ImageViewWrapper, null,
                 react_1.default.createElement(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: "responsive" }))),
-            react_1.default.createElement(S_TitleTextWrapper, { targetWidth: contentWidth },
+            react_1.default.createElement(S_TitleTextWrapper, null,
                 react_1.default.createElement(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", wordBreak: "break_all", colorTheme: titleTextColors[colorTheme] })),
-            react_1.default.createElement(S_ContentTextWrapper, { ref: function (ref) { return ref && getContentTextWidth(ref); } },
+            react_1.default.createElement(S_ContentTextWrapper, null,
                 react_1.default.createElement(TextLabel_1.TextLabel, { text: contentText, styleTheme: "caption1Regular", colorTheme: colorTheme === 'subscriber_transparent' ? 'sysTextWhite' : 'sysTextPrimary', wordBreak: "break_all" })),
             hoverMode === 'use' && (react_1.default.createElement(S_SeeMoreButton, { isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef },
                 react_1.default.createElement(IconButton_1.IconButton, { fillType: "fill", baseSize: "xsmall", iconFillType: "fill", iconSize: 20, iconName: "ic_more", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_button_icon_enabled", onClick: handleMoreButtonClick }))),
@@ -112,7 +108,7 @@ var S_ImageViewWrapper = styled_components_1.default.div(templateObject_2 || (te
     var theme = _a.theme;
     return theme.spacing.spacingB;
 });
-var S_ContentTextWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 3;\n  margin-left: ", ";\n"], ["\n  flex: 3;\n  margin-left: ", ";\n"])), function (_a) {
+var S_ContentTextWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  margin-left: ", ";\n"], ["\n  flex: 1;\n  margin-left: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.spacingC;
 });
@@ -126,9 +122,6 @@ var S_SeeMoreButton = styled_components_1.default.div(templateObject_4 || (templ
     var hoverMode = _a.hoverMode;
     return hoverMode === 'use' && '1';
 });
-var S_TitleTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  max-width: ", ";\n"], ["\n  flex: 1;\n  max-width: ", ";\n"])), function (_a) {
-    var targetWidth = _a.targetWidth;
-    return targetWidth && targetWidth / 3 + "px";
-});
+var S_TitleTextWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  max-width: 120px;\n  min-width: 56px;\n"], ["\n  max-width: 120px;\n  min-width: 56px;\n"])));
 exports.default = BasicChatListItem;
 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.7.1",
+  "version": "1.7.2",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,51 +1,10 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.7.1]
-### Layout
-* LayoutWH 생성
-  * WHA_1
-  * WHB_1
-  * WHB_2
-  * WHB_3
-  * WHB_4
-  * WHB_5
-  * WHB_6
-  * WHC_1
-  * WHD_1
-  * WHD_2
-  * WHD_3
-  * WHD_4
-  * WHD_5
-  * WHD_6
-  * WHE_1
-  * WHE_2
+## [v1.7.2]
 
 ### Component
+* BasicChatListItem
+  * titleText의 max-width를 120, min-width를 56으로 변경
 * Icon
-  * section 관련 line icon 추가
-    * ic_section_content_32
-    * ic_section_content_40
-    * ic_section_contents_carousel_32
-    * ic_section_contents_carousel_40
-    * ic_section_divider_32
-    * ic_section_divider_40
-    * ic_section_footer_32
-    * ic_section_footer_40
-    * ic_section_info_box_32
-    * ic_section_info_box_40
-    * ic_section_intro_32
-    * ic_section_intro_40
-    * ic_section_map_32
-    * ic_section_map_40
-    * ic_section_price_box_32
-    * ic_section_price_box_40
-    * ic_section_products_carousel_32
-    * ic_section_products_carousel_40
-    * ic_section_review_32
-    * ic_section_review_40
-    * ic_section_slider_32
-    * ic_section_slider_40
-    * ic_section_tab_32
-    * ic_section_tab_40
-
-### Color
-* 컬러 키 값 22.12.20 17시 30분 기준 싱크
+  * ic_analytics_search_tools line icon 추가
+  * ic_dynamic_layout line icon 추가
+  * ic_pages line icon 추가