pds-dev-kit-web 2.2.22 → 2.2.24

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

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

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Chapter = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M5.6613,11.4557 L5.6613,9.2747 C5.6613,8.6267 6.3613,8.2227 6.9223,8.5467 L8.8113,9.6367 L10.7003,10.7277 C11.2613,11.0517 11.2613,11.8597 10.7003,12.1837 L8.8113,13.2747 L6.9223,14.3647 C6.3613,14.6887 5.6613,14.2847 5.6613,13.6367 L5.6613,11.4557 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M11.6363,5.9619 C9.6583,4.1809 5.8493,3.5079 3.4303,4.4109 C2.8643,4.6219 2.3983,5.2749 2.3983,5.8789 L2.3993,18.1849 C2.3993,18.7149 2.9373,19.0399 3.4293,18.8419 C5.9343,17.8349 9.7133,18.3309 11.6713,19.8739 C11.8653,20.0269 12.1213,20.0269 12.3163,19.8729 C14.3223,18.2839 18.0623,17.8379 20.5753,18.8439 C21.0653,19.0399 21.6013,18.7129 21.6013,18.1849 L21.6013,5.8789 C21.6013,5.2749 21.1363,4.6219 20.5703,4.4109 C18.1513,3.5079 14.3423,4.1809 12.3643,5.9619 C12.1523,6.1529 11.8483,6.1529 11.6363,5.9619 Z M14.1962,8.9646 L18.2602,8.9646 M14.1962,11.765 L18.2602,11.765 M14.1962,14.5653 L18.2602,14.5653" })] })) })));
+};
+exports.default = Chapter;

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

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

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Hourglass = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M11.9999,13.0536 L16.0379,17.0346 C16.1029,17.0986 16.1369,17.1746 16.1869,17.2456 C13.4629,16.3636 10.5369,16.3636 7.8129,17.2456 C7.8629,17.1746 7.8979,17.0986 7.9619,17.0346 L11.9999,13.0536 Z M7.5669,6.0926 L7.5669,3.9456 L16.4329,3.9456 L16.4329,6.0926 C16.4329,6.4036 16.2919,6.7136 16.0379,6.9656 L14.5069,8.4756 L14.5069,8.4626 C12.8869,7.8756 11.1129,7.8756 9.4939,8.4626 L9.4939,8.4756 L7.9629,6.9656 C7.7079,6.7136 7.5669,6.4036 7.5669,6.0926 L7.5669,6.0926 Z M19.1679,20.0546 L17.9329,20.0546 L17.9329,17.9076 C17.9329,17.1916 17.6339,16.5026 17.0909,15.9666 L13.0679,12.0006 L17.0909,8.0336 C17.6339,7.4976 17.9329,6.8086 17.9329,6.0926 L17.9329,3.9456 L19.1679,3.9456 C19.5829,3.9456 19.9179,3.6096 19.9179,3.1956 C19.9179,2.7816 19.5829,2.4456 19.1679,2.4456 L4.8319,2.4456 C4.4169,2.4456 4.0819,2.7816 4.0819,3.1956 C4.0819,3.6096 4.4169,3.9456 4.8319,3.9456 L6.0669,3.9456 L6.0669,6.0926 C6.0669,6.8086 6.3659,7.4976 6.9099,8.0336 L10.9319,12.0006 L6.9099,15.9666 C6.3669,16.5016 6.0669,17.1916 6.0669,17.9076 L6.0669,20.0546 L4.8319,20.0546 C4.4169,20.0546 4.0819,20.3906 4.0819,20.8046 C4.0819,21.2186 4.4169,21.5546 4.8319,21.5546 L19.1679,21.5546 C19.5829,21.5546 19.9179,21.2186 19.9179,20.8046 C19.9179,20.3906 19.5829,20.0546 19.1679,20.0546 L19.1679,20.0546 Z" }) })));
+};
+exports.default = Hourglass;

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

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

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

@@ -0,0 +1,30 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var UploadList = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: "none", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M19.3167,20.2713 L4.6837,20.2713 M19.3167,16.2918 L4.6837,16.2918 M15.9346,7.2156 L11.9996,3.2976 L8.0656,7.2156 M12,3.2977 L12,12.0197" }) })));
+};
+exports.default = UploadList;

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

@@ -43,6 +43,7 @@ declare const lineIcons: {
     readonly ic_cart: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_channel: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_channel_setting: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_chapter: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_counseling: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_chat_crm: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -87,6 +88,7 @@ declare const lineIcons: {
     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_hourglass: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_icon: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_image: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_information: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
@@ -244,6 +246,7 @@ declare const lineIcons: {
     readonly ic_unavailable: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_unlock: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_upload: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_upload_list: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_video: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_videocall_pro: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -46,6 +46,7 @@ var Carousel_1 = __importDefault(require("./Carousel"));
 var Cart_1 = __importDefault(require("./Cart"));
 var Channel_1 = __importDefault(require("./Channel"));
 var ChannelSetting_1 = __importDefault(require("./ChannelSetting"));
+var Chapter_1 = __importDefault(require("./Chapter"));
 var Chat_1 = __importDefault(require("./Chat"));
 var ChatCounseling_1 = __importDefault(require("./ChatCounseling"));
 var ChatCrm_1 = __importDefault(require("./ChatCrm"));
@@ -90,6 +91,7 @@ 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 Hourglass_1 = __importDefault(require("./Hourglass"));
 var Icon_1 = __importDefault(require("./Icon"));
 var Image_1 = __importDefault(require("./Image"));
 var Information_1 = __importDefault(require("./Information"));
@@ -247,6 +249,7 @@ var TypefaceSystem_1 = __importDefault(require("./TypefaceSystem"));
 var Unavailable_1 = __importDefault(require("./Unavailable"));
 var Unlock_1 = __importDefault(require("./Unlock"));
 var Upload_1 = __importDefault(require("./Upload"));
+var UploadList_1 = __importDefault(require("./UploadList"));
 var Video_1 = __importDefault(require("./Video"));
 var Videocall_1 = __importDefault(require("./Videocall"));
 var VideocallPro_1 = __importDefault(require("./VideocallPro"));
@@ -310,6 +313,7 @@ var lineIcons = {
     ic_cart: Cart_1.default,
     ic_channel: Channel_1.default,
     ic_channel_setting: ChannelSetting_1.default,
+    ic_chapter: Chapter_1.default,
     ic_chat: Chat_1.default,
     ic_chat_counseling: ChatCounseling_1.default,
     ic_chat_crm: ChatCrm_1.default,
@@ -354,6 +358,7 @@ var lineIcons = {
     ic_ghost: Ghost_1.default,
     ic_heart_care: HeartCare_1.default,
     ic_home: Home_1.default,
+    ic_hourglass: Hourglass_1.default,
     ic_icon: Icon_1.default,
     ic_image: Image_1.default,
     ic_information: Information_1.default,
@@ -511,6 +516,7 @@ var lineIcons = {
     ic_unavailable: Unavailable_1.default,
     ic_unlock: Unlock_1.default,
     ic_upload: Upload_1.default,
+    ic_upload_list: UploadList_1.default,
     ic_video: Video_1.default,
     ic_videocall: Videocall_1.default,
     ic_videocall_pro: VideocallPro_1.default,

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

@@ -837,5 +837,6 @@
     "ui_107": "sys_component_border_white_opacity20",
     "ui_cpnt_textlabel_sys_white_02": "sys_text_white_02",
     "ui_cpnt_headerbar_base_area_transparent": "sys_container_background_04",
-    "ui_108": "sys_widget_error_01"
+    "ui_108": "sys_widget_error_01",
+    "ui_110": "sys_component_base_black_opacity50"
 }

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

@@ -1,4 +1,124 @@
 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;
+        pastelblue500: string;
+        pastelpink500: string;
+        pastelorange500: string;
+        pastelgreen500: string;
+        pastelpurple500: string;
+        darkpastelblue500: string;
+        darkpastelpink500: string;
+        darkpastelorange500: string;
+        darkpastelgreen500: string;
+        darkpastelpurple500: string;
+        green30: string;
+        darkgreen30: string;
+        orange50: string;
+        darkorange50: string;
+        orange30: string;
+        darkorange30: string;
+        green50: string;
+        darkgreen50: string;
+        opacity90: string;
+        facebookblue: string;
+        opacity05: string;
+        opacity15: string;
+        grey80: string;
+        grey200: string;
+        darkgrey80: string;
+        darkgrey200: string;
+        opacity70: string;
+        opacity60: string;
+        skyblue100: string;
+        green100: string;
+        darkgreen100: string;
+        darkskyblue100: string;
+        opacity25: string;
+        opacity35: string;
+        grey10: string;
+        darkgrey10: string;
+        blue50: string;
+        darkblue50: string;
+        blue10: string;
+        red10: string;
+        green10: string;
+        blue30: string;
+        red30: string;
+        orange300: string;
+        darkorange300: string;
+        darkpink300: string;
+        pastelblue300: string;
+        darkpastelblue300: string;
+        softpurple500: string;
+        darksoftpurple500: string;
+        coolpink500: string;
+        darkcoolpink500: string;
+        brown500: string;
+        darkbrown500: string;
+        yellow300: string;
+        darkyellow300: string;
+        grey20: string;
+        darkgrey20: string;
+        grey300: string;
+        darkgrey300: string;
+    };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
         sys_container_background_02: string;
@@ -693,126 +813,6 @@ declare const colorSet: {
         sys_text_white_02: string;
         sys_component_base_45: 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;
-        pastelblue500: string;
-        pastelpink500: string;
-        pastelorange500: string;
-        pastelgreen500: string;
-        pastelpurple500: string;
-        darkpastelblue500: string;
-        darkpastelpink500: string;
-        darkpastelorange500: string;
-        darkpastelgreen500: string;
-        darkpastelpurple500: string;
-        green30: string;
-        darkgreen30: string;
-        orange50: string;
-        darkorange50: string;
-        orange30: string;
-        darkorange30: string;
-        green50: string;
-        darkgreen50: string;
-        opacity90: string;
-        facebookblue: string;
-        opacity05: string;
-        opacity15: string;
-        grey80: string;
-        grey200: string;
-        darkgrey80: string;
-        darkgrey200: string;
-        opacity70: string;
-        opacity60: string;
-        skyblue100: string;
-        green100: string;
-        darkgreen100: string;
-        darkskyblue100: string;
-        opacity25: string;
-        opacity35: string;
-        grey10: string;
-        darkgrey10: string;
-        blue50: string;
-        darkblue50: string;
-        blue10: string;
-        red10: string;
-        green10: string;
-        blue30: string;
-        red30: string;
-        orange300: string;
-        darkorange300: string;
-        darkpink300: string;
-        pastelblue300: string;
-        darkpastelblue300: string;
-        softpurple500: string;
-        darksoftpurple500: string;
-        coolpink500: string;
-        darkcoolpink500: string;
-        brown500: string;
-        darkbrown500: string;
-        yellow300: string;
-        darkyellow300: string;
-        grey20: string;
-        darkgrey20: string;
-        grey300: string;
-        darkgrey300: string;
-    };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
         ui_cpnt_button_fill_base_default: string;
@@ -1653,6 +1653,7 @@ declare const colorSet: {
         ui_cpnt_textlabel_sys_white_02: string;
         ui_cpnt_headerbar_base_area_transparent: string;
         ui_108: string;
+        ui_110: 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 SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
 var UIColor_json_1 = __importDefault(require("./UIColor.json"));
 var colorSet = {
+    SemanticColor: SemanticColor_json_1.default,
     PaletteColor_light: PaletteColor_light_json_1.default,
     PaletteColor_Dark: PaletteColor_Dark_json_1.default,
-    SemanticColor: SemanticColor_json_1.default,
     UIColor: UIColor_json_1.default
 };
 exports.default = colorSet;

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

@@ -838,4 +838,5 @@ export interface UITheme {
     ui_cpnt_textlabel_sys_white_02: string;
     ui_cpnt_headerbar_base_area_transparent: string;
     ui_108: string;
+    ui_110: string;
 }

package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js

@@ -90,7 +90,8 @@ function CustomSection(props) {
     }), rows = _g.rows, width = _g.width, minHeight = _g.minHeight, isFullWidth = _g.isFullWidth;
     var customSectionStyles = {
         minHeight: "".concat(minHeight, "vh"),
-        width: isFullWidth ? '100%' : "".concat(width, "px")
+        width: '100%',
+        maxWidth: isFullWidth ? '' : "".concat(width, "px")
     };
     var breakpoint = device === 'MOBILE' ? 'sm' : 'lg';
     var onClickCB = function (id) {
@@ -204,6 +205,7 @@ function CustomSection(props) {
                         paddingLeft: padding.left
                     } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
                             width: customSectionStyles.width,
+                            maxWidth: customSectionStyles.maxWidth,
                             minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
                             fontSize: "".concat(baseFontSize, "px")
                         }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: (componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) ? (componentBlocks.map(function (each) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: selectedCB === each.id ? 'react-grid-item-selected' : '' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {

package/package.json

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

package/release-note.md

@@ -1,14 +1,13 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.22]
+## [v2.2.24]
 ## daily|https://design.storybook.publ.biz/
 
 ### Component
-    * ChatBubbleListItem
-        * countMode prop 추가
-        * countText prop 추가
-    * BasicChatListItem
-        * colorTheme value deprecated 처리 및 대체 value 추가
-            * seller -> brand_primary_solid
-            * seller_transparent -> brand_primary_translucent
-            * subscriber -> secondary_transparent
-            * subscriber_transparent -> white_transparent
+    * Icon
+        * ic_upload_list line 추가
+        * ic_hourglass line 추가
+### sub
+    * DynamicLayout
+        * custom section
+            * width값으로 들어가던 것을 max-width로 들어가도록 수정
+            * width는 100%로 고정