pds-dev-kit-web-test 2.7.453 → 2.7.454

package/dist/src/common/assets/icons/fill/DownloadCsv.d.ts

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

package/dist/src/common/assets/icons/fill/DownloadCsv.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 DownloadCsv = 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" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeWidth: "2", d: "M21,15.646075 L21,18.75895 C21,20.00095 19.992,21.00895 18.748875,21.00895 L5.251125,21.00895 C4.008,21.00895 3,20.00095 3,18.75895 L3,15.646075 M8.731425,7.8209125 L11.99955,11.0755375 L15.2688,7.8209125 M12,10.837375 L12,2.5" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M7.05005205,14.8421901 C7.54860249,14.8421901 7.87099077,15.1179269 7.91359208,15.5793641 L7.91704624,15.6300097 L9.40924341,15.6300097 L9.40348647,15.569235 C9.29065058,14.3379855 8.37529815,13.5726751 7.01435907,13.5726751 C5.47150088,13.5726751 4.4744,14.6125969 4.4744,16.2231253 C4.4744,17.8325281 5.47150088,18.87245 7.01435907,18.87245 C8.65163096,18.87245 9.3401602,17.7244843 9.40348647,16.9524211 L9.40924341,16.8927719 L7.92165179,16.8770155 L7.91359208,16.9254102 C7.84450888,17.3553346 7.52787753,17.602935 7.04314373,17.602935 C6.36267419,17.602935 5.98732213,17.1133614 5.98732213,16.2231253 C5.98732213,15.3452692 6.37533945,14.8421901 7.05005205,14.8421901 M12.4623755,15.6725519 L12.0329083,15.5757627 C11.5654453,15.4800989 11.3593471,15.3416677 11.365104,15.1300819 C11.3731637,14.9038651 11.5850189,14.7800649 11.9638251,14.7800649 C12.3829298,14.7800649 12.6005419,14.9387543 12.6281752,15.2651367 L12.6316294,15.3169077 L14.047835,15.3169077 L14.047835,15.2595094 C14.0409267,14.2353439 13.2222907,13.57245 11.9638251,13.57245 C11.2626306,13.57245 10.6639095,13.7817849 10.2781949,14.1621892 C9.98689411,14.4491807 9.83491107,14.8172049 9.83836523,15.2257457 C9.83836523,15.9854288 10.3461268,16.4806297 11.3455304,16.6955919 L11.8659572,16.8070121 C12.4807977,16.9409415 12.6074502,17.0804981 12.6132072,17.2605711 C12.6062989,17.509297 12.3587507,17.6589827 11.9500084,17.6589827 C11.4318844,17.6589827 11.135978,17.4226369 11.1164045,16.9938379 L11.1141017,16.939816 L9.7025016,16.939816 L9.70365299,16.9972143 C9.71631824,18.2025783 10.5222889,18.8654722 11.9718848,18.8654722 C13.3293697,18.8654722 14.1123127,18.2813602 14.119221,17.2616966 C14.1111613,16.4333606 13.5538901,15.8987687 12.4623755,15.6725519 M18.0287545,13.6425659 L16.967176,17.1686213 L15.9159599,13.6830824 L15.9044461,13.6425659 L14.2476006,13.6425659 L15.9919515,18.7645187 L16.0046167,18.8027842 L17.9354922,18.8027842 L19.6602695,13.7157206 L19.6856,13.6425659 L18.0287545,13.6425659 Z" })] })) })));
+};
+exports.default = DownloadCsv;

package/dist/src/common/assets/icons/fill/DownloadPng.d.ts

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

package/dist/src/common/assets/icons/fill/DownloadPng.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 DownloadPng = 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" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeWidth: "2", d: "M21,15.646075 L21,18.75895 C21,20.00095 19.992,21.00895 18.748875,21.00895 L5.251125,21.00895 C4.008,21.00895 3,20.00095 3,18.75895 L3,15.646075 M8.731425,7.8209125 L11.99955,11.0755375 L15.2688,7.8209125 M12,10.837375 L12,2.5" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M6.19828285,14.8147315 L6.67224937,14.8147315 C7.15085126,14.8147315 7.4254969,15.0533384 7.4254969,15.469775 C7.4254969,15.8940902 7.15085126,16.1383246 6.67224937,16.1383246 L6.19828285,16.1383246 L6.19828285,14.8147315 Z M6.98745449,13.641956 L4.7196,13.641956 L4.7196,18.8023934 L6.19828285,18.8023934 L6.19828285,17.2829626 L6.94457733,17.2829626 C8.17526791,17.2829626 8.97023377,16.5716438 8.97023377,15.469775 C8.97023377,14.3769103 8.17295022,13.641956 6.98745449,13.641956 L6.98745449,13.641956 Z M12.4021454,16.289705 L10.5630626,13.6661543 L10.5445211,13.6425187 L9.2941302,13.6425187 L9.2941302,18.8029562 L10.7728131,18.8029562 L10.7728131,16.1501424 L12.6350727,18.7781951 L12.6524554,18.8029562 L13.8819871,18.8029562 L13.8819871,13.6425187 L12.4021454,13.6425187 L12.4021454,16.289705 Z M16.9118963,15.8880125 L16.9118963,16.9482376 L17.870259,16.9482376 C17.8343348,17.3714272 17.5063825,17.6032811 16.9408674,17.6032811 C16.2420854,17.6032811 15.8573498,17.1103102 15.8573498,16.2155342 C15.8573498,15.3432683 16.2548327,14.8424189 16.9478204,14.8424189 C17.3800686,14.8424189 17.6651439,15.0303781 17.7532159,15.3725315 L17.7636455,15.4141751 L19.2597109,15.4141751 L19.2527579,15.3522724 C19.1333971,14.3044278 18.1738756,13.57285 16.9188494,13.57285 C15.3729537,13.57285 14.3346309,14.6409536 14.3346309,16.2301658 C14.3346309,17.835135 15.3520945,18.87285 16.9269613,18.87285 C18.3755142,18.87285 19.3107,17.9938311 19.3107,16.6342218 L19.3107,15.8880125 L16.9118963,15.8880125 Z" })] })) })));
+};
+exports.default = DownloadPng;

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

@@ -41,7 +41,9 @@ declare const fillIcons: {
     readonly ic_device_mobile_notification: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_divider: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_download_csv: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_downloaded: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_download_png: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_edit: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor_left_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_editor_right_side: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

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

@@ -51,7 +51,9 @@ var DeviceMobile_1 = __importDefault(require("./DeviceMobile"));
 var DeviceMobileNotification_1 = __importDefault(require("./DeviceMobileNotification"));
 var Divider_1 = __importDefault(require("./Divider"));
 var Download_1 = __importDefault(require("./Download"));
+var DownloadCsv_1 = __importDefault(require("./DownloadCsv"));
 var Downloaded_1 = __importDefault(require("./Downloaded"));
+var DownloadPng_1 = __importDefault(require("./DownloadPng"));
 var Duplicate_1 = __importDefault(require("./Duplicate"));
 var Edit_1 = __importDefault(require("./Edit"));
 var EditorLeftSide_1 = __importDefault(require("./EditorLeftSide"));
@@ -213,7 +215,9 @@ var fillIcons = {
     ic_device_mobile_notification: DeviceMobileNotification_1.default,
     ic_divider: Divider_1.default,
     ic_download: Download_1.default,
+    ic_download_csv: DownloadCsv_1.default,
     ic_downloaded: Downloaded_1.default,
+    ic_download_png: DownloadPng_1.default,
     ic_edit: Edit_1.default,
     ic_editor_left_side: EditorLeftSide_1.default,
     ic_editor_right_side: EditorRightSide_1.default,

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

@@ -187,6 +187,7 @@ export declare const imageIconSrcSet: {
     ic_brandedpoint_3d_fruit_02: string;
     ic_brandedpoint_3d_fruit_03: string;
     ic_brandedpoint_3d_fruit_04: string;
+    ic_brandedpoint_3d_fruit_05: string;
     ic_brandedpoint_3d_macaron_01: string;
     ic_brandedpoint_3d_macaron_02: string;
     ic_brandedpoint_3d_cake_01: string;

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

@@ -190,6 +190,7 @@ exports.imageIconSrcSet = {
     ic_brandedpoint_3d_fruit_02: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_fruit_02.png',
     ic_brandedpoint_3d_fruit_03: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_fruit_03.png',
     ic_brandedpoint_3d_fruit_04: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_fruit_04.png',
+    ic_brandedpoint_3d_fruit_05: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_fruit_05.png',
     ic_brandedpoint_3d_macaron_01: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_macaron_01.png',
     ic_brandedpoint_3d_macaron_02: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_macaron_02.png',
     ic_brandedpoint_3d_cake_01: 'https://static.publ.site/brandedpoint_icon/ic_brandedpoint_3d_cake_01.png',

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

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

package/dist/src/common/assets/icons/line/DownloadCsv.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 DownloadCsv = 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" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M21,15.646075 L21,18.75895 C21,20.00095 19.992,21.00895 18.748875,21.00895 L5.251125,21.00895 C4.008,21.00895 3,20.00095 3,18.75895 L3,15.646075 M8.731425,7.8209125 L11.99955,11.0755375 L15.2688,7.8209125 M12,10.837375 L12,2.5" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M7.04550226,14.7830813 C6.33078649,14.7830813 5.9238596,15.321164 5.9238596,16.2224808 C5.9238596,17.173432 6.33885586,17.6630084 7.03858566,17.6630084 C7.55963651,17.6630084 7.89509182,17.3832505 7.9665634,16.9354122 L9.34527319,16.9500769 C9.27380161,17.816424 8.49568363,18.82265 7.00976647,18.82265 C5.58840429,18.82265 4.5244,17.8999001 4.5244,16.2224808 C4.5244,14.5382931 5.61722348,13.6234396 7.00976647,13.6234396 C8.2951021,13.6234396 9.23114922,14.3296027 9.34527319,15.5727205 L7.9665634,15.5727205 C7.92391101,15.0978089 7.5953723,14.7830813 7.04550226,14.7830813 M11.9656287,14.7202485 C11.5160494,14.7202485 11.3166207,14.8883289 11.3085513,15.1252207 C11.3016347,15.3846736 11.5448686,15.5313208 12.0232671,15.6294617 L12.4509438,15.7264745 C13.5656698,15.957726 14.0579015,16.4879124 14.0659709,17.2640149 C14.0579015,18.2567043 13.2797835,18.815092 11.9725453,18.815092 C10.6376407,18.815092 9.77306516,18.2431676 9.75923195,16.9989218 L11.0584008,16.9989218 C11.0803034,17.467065 11.4157587,17.7186215 11.9517955,17.7186215 C12.4163608,17.7186215 12.6653585,17.5302362 12.6722751,17.2640149 C12.6653585,17.0192268 12.4590132,16.8804759 11.8803239,16.7541336 L11.3592731,16.6424561 C10.4520452,16.4461743 9.89525851,16.0062324 9.89525851,15.2233615 C9.88718913,14.26677 10.7517647,13.62265 11.9656287,13.62265 C13.208312,13.62265 13.9864299,14.2735383 13.9944993,15.2583313 L12.6872611,15.2583313 C12.6584419,14.9165303 12.430194,14.7202485 11.9656287,14.7202485 M16.9521546,17.2992103 L16.9959597,17.2992103 L18.0807138,13.6928151 L19.6162,13.6928151 L17.9020349,18.7532746 L16.052996,18.7532746 L14.3319143,13.6928151 L15.8674005,13.6928151 L16.9521546,17.2992103 Z" })] })) })));
+};
+exports.default = DownloadCsv;

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

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

package/dist/src/common/assets/icons/line/DownloadPng.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 DownloadPng = 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" }, { children: [(0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M21,15.646075 L21,18.75895 C21,20.00095 19.992,21.00895 18.748875,21.00895 L5.251125,21.00895 C4.008,21.00895 3,20.00095 3,18.75895 L3,15.646075 M8.731425,7.8209125 L11.99955,11.0755375 L15.2688,7.8209125 M12,10.837375 L12,2.5" }), (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M6.66607382,16.1946443 C7.18348123,16.1946443 7.47814824,15.9148439 7.47814824,15.4680659 C7.47814824,15.0280572 7.18348123,14.7550262 6.66607382,14.7550262 L6.13474513,14.7550262 L6.13474513,16.1946443 L6.66607382,16.1946443 Z M4.7693,13.692236 L6.98162273,13.692236 C8.14636947,13.692236 8.90855932,14.4052757 8.90855932,15.4680659 C8.90855932,16.5511642 8.12548756,17.2292288 6.9386988,17.2292288 L6.13474513,17.2292288 L6.13474513,18.753464 L4.7693,18.753464 L4.7693,13.692236 Z M13.826134,18.7528999 L12.6834292,18.7528999 L10.7506921,16.0203332 L10.7135687,16.0203332 L10.7135687,18.7528999 L9.3492837,18.7528999 L9.3492837,13.6928001 L10.5128703,13.6928001 L12.4177649,16.4118281 L12.4606888,16.4118281 L12.4606888,13.6928001 L13.826134,13.6928001 L13.826134,18.7528999 Z M16.9535485,14.7826677 C16.2284821,14.7826677 15.8038832,15.3140628 15.8038832,16.2155165 C15.8038832,17.1248678 16.1994794,17.6630323 16.9465879,17.6630323 C17.5974076,17.6630323 17.9268777,17.3663085 17.9384788,16.8935812 L16.9755906,16.8935812 L16.9755906,15.9436137 L19.261,15.9436137 L19.261,16.6352171 C19.261,18.0116545 18.289991,18.82285 16.9315065,18.82285 C15.4233683,18.82285 14.394354,17.8300099 14.394354,16.2301835 C14.394354,14.5660481 15.5231375,13.62285 16.9245459,13.62285 C18.1461378,13.62285 19.0881442,14.3426591 19.2029947,15.3558073 L17.8155075,15.3558073 C17.722699,14.992518 17.4129506,14.7826677 16.9535485,14.7826677" })] })) })));
+};
+exports.default = DownloadPng;

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

@@ -76,6 +76,8 @@ declare const lineIcons: {
     readonly ic_divider: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dotted_circle: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_download_csv: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_download_png: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_dropdown: ({ 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;

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

@@ -86,6 +86,8 @@ var DeviceMobileNotification_1 = __importDefault(require("./DeviceMobileNotifica
 var Divider_1 = __importDefault(require("./Divider"));
 var DottedCircle_1 = __importDefault(require("./DottedCircle"));
 var Download_1 = __importDefault(require("./Download"));
+var DownloadCsv_1 = __importDefault(require("./DownloadCsv"));
+var DownloadPng_1 = __importDefault(require("./DownloadPng"));
 var Dropdown_1 = __importDefault(require("./Dropdown"));
 var Duplicate_1 = __importDefault(require("./Duplicate"));
 var DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
@@ -409,6 +411,8 @@ var lineIcons = {
     ic_divider: Divider_1.default,
     ic_dotted_circle: DottedCircle_1.default,
     ic_download: Download_1.default,
+    ic_download_csv: DownloadCsv_1.default,
+    ic_download_png: DownloadPng_1.default,
     ic_dropdown: Dropdown_1.default,
     ic_dynamic_layout: DynamicLayout_1.default,
     ic_edit: Edit_1.default,

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

@@ -380,5 +380,7 @@
     "sys_widget_grey_08": "grey400",
     "sys_on_base_hover_01": "black/opacity05",
     "sys_on_base_pressed_01": "black/opacity10",
-    "usr_brand_secondary_opacity50": "darkgreen500/opacity50"
+    "usr_brand_secondary_opacity50": "darkgreen500/opacity50",
+    "usr_on_brand_primary_opacity50": "white/opacity50",
+    "sys_cpnt_sheet_base_55": "darkgreen500/opacity15"
 }

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

@@ -380,5 +380,7 @@
     "sys_widget_grey_08": "darkgrey500",
     "sys_on_base_hover_01": "white/opacity10",
     "sys_on_base_pressed_01": "white/opacity20",
-    "usr_brand_secondary_opacity50": "green500/opacity50"
+    "usr_brand_secondary_opacity50": "green500/opacity50",
+    "usr_on_brand_primary_opacity50": "white/opacity50",
+    "sys_cpnt_sheet_base_55": "green500/opacity15"
 }

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

@@ -79,7 +79,7 @@
     "facebookblue": "#1877F2",
     "opacity05": "0D",
     "opacity15": "26",
-    "grey80": "1",
+    "grey80": "#E9E9EC",
     "grey200": "#D3D3D6",
     "darkgrey80": "#3A3A3D",
     "darkgrey200": "#3E3E3F",

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

@@ -911,5 +911,9 @@
     "ui_cpnt_message_reaction_base_03": "sys_component_pastel_base_03",
     "ui_cpnt_message_reaction_base_04": "sys_component_pastel_base_04",
     "ui_cpnt_message_reaction_base_05": "sys_component_pastel_base_05",
-    "ui_145": "usr_brand_secondary_opacity50"
+    "ui_145": "usr_brand_secondary_opacity50",
+    "ui_146": "usr_on_brand_primary_opacity50",
+    "ui_cpnt_badge_active": "sys_widget_status_active_01",
+    "ui_cpnt_badge_disabled": "sys_widget_grey_03",
+    "ui_147": "sys_cpnt_sheet_base_55"
 }

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

@@ -506,6 +506,8 @@ declare const colorSet: {
         sys_on_base_hover_01: string;
         sys_on_base_pressed_01: string;
         usr_brand_secondary_opacity50: string;
+        usr_on_brand_primary_opacity50: string;
+        sys_cpnt_sheet_base_55: string;
     };
     readonly PaletteColor_light: {
         sys_container_background_01: string;
@@ -890,6 +892,8 @@ declare const colorSet: {
         sys_on_base_hover_01: string;
         sys_on_base_pressed_01: string;
         usr_brand_secondary_opacity50: string;
+        usr_on_brand_primary_opacity50: string;
+        sys_cpnt_sheet_base_55: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1805,6 +1809,10 @@ declare const colorSet: {
         ui_cpnt_message_reaction_base_04: string;
         ui_cpnt_message_reaction_base_05: string;
         ui_145: string;
+        ui_146: string;
+        ui_cpnt_badge_active: string;
+        ui_cpnt_badge_disabled: string;
+        ui_147: string;
     };
 };
 export default colorSet;

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

@@ -912,4 +912,8 @@ export interface UITheme {
     ui_cpnt_message_reaction_base_04: string;
     ui_cpnt_message_reaction_base_05: string;
     ui_145: string;
+    ui_146: string;
+    ui_cpnt_badge_active: string;
+    ui_cpnt_badge_disabled: string;
+    ui_147: string;
 }

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

@@ -136,7 +136,7 @@ function ChatBubbleListItem(_a) {
         }
         setIsContextMenuOpen(false);
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ChatBubbleListItem, __assign({ "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", isMe: isMe }, { children: [hasLeftSpacing ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isProfileImageShow ? ((0, jsx_runtime_1.jsx)(S_ImageViewWrapper, __assign({ isOtherAvatarImpact: styleTheme === 'other_avatar_impact', colorTheme: colorTheme }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: styleTheme === 'other_avatar_impact' ? 36 : 38 }) }))) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })) })) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [isTitleTextShow && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: titleTextColorTheme }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" })] })), (0, jsx_runtime_1.jsxs)(S_ChatBubbleBox, __assign({ isMe: isMe }, { children: [(0, jsx_runtime_1.jsxs)(S_ChatBubbleWrapper, __assign({ isMe: isMe }, { children: [(0, jsx_runtime_1.jsxs)(S_BubbleWrapper, { children: [isMe && ((0, jsx_runtime_1.jsxs)(S_Box, { children: [downloadIBtnMode === 'use' && (0, jsx_runtime_1.jsx)("div", { style: { height: '32px', width: '1px' } }), (0, jsx_runtime_1.jsx)(S_DownloadIconWrapper, __assign({ isMe: isMe }, { children: downloadIBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { shapeType: "circular", iconFillType: "fill", baseColorKey: "ui_cpnt_list_chatbubble_download_button_base", iconColorKey: "ui_cpnt_button_icon_white", iconSize: 16, iconName: "ic_download", onClick: onClickDownloadIBtn })) })), (0, jsx_runtime_1.jsxs)(S_TimeWrapper, __assign({ isMe: isMe }, { children: [labelText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "caption2Bold", colorTheme: "sysTextTertiary" })), timeMode === 'use' && timeText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))] }))] })), (0, jsx_runtime_1.jsx)(ChatBubble_1.default, __assign({ colorTheme: colorTheme, tailType: chatBubbleTailType[styleTheme] }, { children: children })), !isMe && ((0, jsx_runtime_1.jsxs)(S_Box, { children: [downloadIBtnMode === 'use' && (0, jsx_runtime_1.jsx)("div", { style: { height: '32px', width: '1px' } }), (0, jsx_runtime_1.jsx)(S_DownloadIconWrapper, __assign({ isMe: isMe }, { children: downloadIBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { shapeType: "circular", iconFillType: "fill", baseColorKey: "ui_cpnt_list_chatbubble_download_button_base", iconColorKey: "ui_cpnt_button_icon_white", iconSize: 16, iconName: "ic_download", onClick: onClickDownloadIBtn })) })), (0, jsx_runtime_1.jsxs)(S_TimeWrapper, __assign({ isMe: isMe }, { children: [labelText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "caption2Bold", colorTheme: "sysTextTertiary" })), timeMode === 'use' && timeText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))] }))] }))] }), (0, jsx_runtime_1.jsx)(components_1.ReactionRow, { isMe: isMe, downloadIBtnMode: downloadIBtnMode, reactionBtnMode: reactionBtnMode, reactionArray: reactionArray, reactionBtnText: reactionBtnText, reactionBubblePosition: reactionBubblePosition, onClickReactionBtn: onClickReactionBtn })] })), hoverMode === 'use' && !isMe && ((0, jsx_runtime_1.jsx)(S_SeeMoreButton, __assign({ isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, { children: (0, jsx_runtime_1.jsx)(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 }) })))] }))] }), (0, jsx_runtime_1.jsx)(Popup_1.PopupProvider, { children: (0, jsx_runtime_1.jsx)(Popup_1.Popup, __assign({ targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "top-end", wrapperHeight: rect === null || rect === void 0 ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: contextMenuOptionArray === null || contextMenuOptionArray === void 0 ? void 0 : contextMenuOptionArray.map(function (el) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, onClick: handleContextMenuItemClick, state: contextMenuState }, el.value)); }) }) })) })] })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ChatBubbleListItem, __assign({ "x-pds-name": "ChatBubbleListItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", isMe: isMe }, { children: [hasLeftSpacing ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isProfileImageShow ? ((0, jsx_runtime_1.jsx)(S_ImageViewWrapper, __assign({ isOtherAvatarImpact: styleTheme === 'other_avatar_impact', colorTheme: colorTheme }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { shapeType: "circular", ratio: "1_1", scaleType: "cover", src: imageSrc, width: styleTheme === 'other_avatar_impact' ? 36 : 38 }) }))) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_g", spacingType: "width" })) })) : ((0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [isTitleTextShow && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: "caption1Bold", colorTheme: titleTextColorTheme }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" })] })), (0, jsx_runtime_1.jsxs)(S_ChatBubbleBox, __assign({ isMe: isMe }, { children: [(0, jsx_runtime_1.jsxs)(S_ChatBubbleWrapper, __assign({ isMe: isMe }, { children: [(0, jsx_runtime_1.jsxs)(S_BubbleWrapper, { children: [isMe && ((0, jsx_runtime_1.jsxs)(S_Box, __assign({ hasBottomElement: !!labelText || !!timeMode }, { children: [(0, jsx_runtime_1.jsx)(S_DownloadIconWrapper, __assign({ isMe: isMe }, { children: downloadIBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { shapeType: "circular", iconFillType: "fill", baseColorKey: "ui_cpnt_list_chatbubble_download_button_base", iconColorKey: "ui_cpnt_button_icon_white", iconSize: 16, iconName: "ic_download", onClick: onClickDownloadIBtn })) })), (0, jsx_runtime_1.jsxs)(S_TimeWrapper, __assign({ isMe: isMe }, { children: [labelText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "caption2Bold", colorTheme: "sysTextTertiary" })), timeMode === 'use' && timeText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))] }))] }))), (0, jsx_runtime_1.jsx)(ChatBubble_1.default, __assign({ colorTheme: colorTheme, tailType: chatBubbleTailType[styleTheme] }, { children: children })), !isMe && ((0, jsx_runtime_1.jsxs)(S_Box, __assign({ hasBottomElement: !!labelText || !!timeMode }, { children: [(0, jsx_runtime_1.jsx)(S_DownloadIconWrapper, __assign({ isMe: isMe }, { children: downloadIBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { shapeType: "circular", iconFillType: "fill", baseColorKey: "ui_cpnt_list_chatbubble_download_button_base", iconColorKey: "ui_cpnt_button_icon_white", iconSize: 16, iconName: "ic_download", onClick: onClickDownloadIBtn })) })), (0, jsx_runtime_1.jsxs)(S_TimeWrapper, __assign({ isMe: isMe }, { children: [labelText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: labelText, styleTheme: "caption2Bold", colorTheme: "sysTextTertiary" })), timeMode === 'use' && timeText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: timeText, styleTheme: "caption2Regular", colorTheme: "sysTextTertiary", singleLineMode: "use" }))] }))] })))] }), (0, jsx_runtime_1.jsx)(components_1.ReactionRow, { isMe: isMe, downloadIBtnMode: downloadIBtnMode, reactionBtnMode: reactionBtnMode, reactionArray: reactionArray, reactionBtnText: reactionBtnText, reactionBubblePosition: reactionBubblePosition, onClickReactionBtn: onClickReactionBtn })] })), hoverMode === 'use' && !isMe && ((0, jsx_runtime_1.jsx)(S_SeeMoreButton, __assign({ isContextMenuOpen: isContextMenuOpen, hoverMode: hoverMode, ref: contextMenuRef }, { children: (0, jsx_runtime_1.jsx)(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 }) })))] }))] }), (0, jsx_runtime_1.jsx)(Popup_1.PopupProvider, { children: (0, jsx_runtime_1.jsx)(Popup_1.Popup, __assign({ targetRef: contextMenuRef, isOpen: isContextMenuOpen, placement: "top-end", wrapperHeight: rect === null || rect === void 0 ? void 0 : rect.height, onClickOutside: function () { return setIsContextMenuOpen(false); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: contextMenuOptionArray === null || contextMenuOptionArray === void 0 ? void 0 : contextMenuOptionArray.map(function (el) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, onClick: handleContextMenuItemClick, state: contextMenuState }, el.value)); }) }) })) })] })) }));
 }
 var MyChatBubbleListItem = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
     var theme = _a.theme;
@@ -162,14 +162,17 @@ var S_ImageViewWrapper = styled_components_1.default.div(templateObject_5 || (te
     return (isOtherAvatarImpact ? ImageViewBrandPrimary : ImageViewDefault);
 });
 var S_RightBox = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
-var S_DownloadIconWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-left: ", ";\n  margin-right: ", ";\n"], ["\n  margin-left: ", ";\n  margin-right: ", ";\n"])), function (_a) {
+var S_DownloadIconWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  margin-left: ", ";\n  margin-right: ", ";\n"], ["\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  margin-left: ", ";\n  margin-right: ", ";\n"])), function (_a) {
     var isMe = _a.isMe, theme = _a.theme;
     return !isMe && theme.spacing.spacingB;
 }, function (_a) {
     var isMe = _a.isMe, theme = _a.theme;
     return isMe && theme.spacing.spacingB;
 });
-var S_Box = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n"])));
+var S_Box = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: ", ";\n"])), function (_a) {
+    var hasBottomElement = _a.hasBottomElement;
+    return (hasBottomElement ? 'space-between' : 'center');
+});
 var S_ChatBubbleBox = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n\n  ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n\n  ", ";\n"])), function (_a) {
     var isMe = _a.isMe;
     return isMe && MyChatBubble;
@@ -179,7 +182,7 @@ var S_ChatBubbleWrapper = styled_components_1.default.div(templateObject_11 || (
     var isMe = _a.isMe;
     return isMe && 'flex-end';
 });
-var S_TimeWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  align-items: ", ";\n  align-self: ", ";\n  display: flex;\n  flex-direction: column;\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  align-items: ", ";\n  align-self: ", ";\n  display: flex;\n  flex-direction: column;\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (_a) {
+var S_TimeWrapper = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  align-items: ", ";\n  align-self: ", ";\n  display: flex;\n  flex-direction: column;\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  align-items: ", ";\n  align-self: ", ";\n  display: flex;\n  flex-direction: column;\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
     var isMe = _a.isMe;
     return isMe && 'flex-end';
 }, function (_a) {
@@ -191,6 +194,9 @@ var S_TimeWrapper = styled_components_1.default.div(templateObject_12 || (templa
 }, function (_a) {
     var isMe = _a.isMe, theme = _a.theme;
     return isMe && theme.spacing.spacingA;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
 });
 var S_SeeMoreButton = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  box-sizing: border-box;\n  display: flex;\n  height: 24px;\n  justify-content: right;\n  margin-top: ", ";\n  min-width: 48px;\n  opacity: ", ";\n  padding-right: ", ";\n  position: relative;\n  width: 48px;\n\n  ", ":hover & {\n    opacity: ", ";\n  }\n"], ["\n  box-sizing: border-box;\n  display: flex;\n  height: 24px;\n  justify-content: right;\n  margin-top: ", ";\n  min-width: 48px;\n  opacity: ", ";\n  padding-right: ", ";\n  position: relative;\n  width: 48px;\n\n  ", ":hover & {\n    opacity: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;

package/dist/src/desktop/components/PriceTextField/PriceTextField.d.ts

@@ -11,7 +11,7 @@ type Props = {
     name: Path<IFormValues>;
     hintText?: PDSTextType;
     defaultAmount?: number;
-    size?: 'large' | 'rlarge';
+    size?: 'large' | 'rlarge' | 'medium' | 'small';
     responsiveMode?: 'none' | 'use';
     state?: 'normal' | 'read_only' | 'disabled';
     dropdownState?: 'normal' | 'read_only';

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

@@ -426,8 +426,8 @@ function PriceTextField(_a) {
                                             policy_1.DEFAULT_CURRENCY_PRICE_POLICIES[baseCurrency].minPayment.amount,
                                         currency: baseCurrency
                                     })
-                                }), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: size === 'large' || size === 'rlarge' ? 12 : undefined, deleteIconMode: deleteBtnMode, deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : 16, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&
-                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", customWidth: getDropdownContextMenuCustomWidth() }, { children: currencyOptions.map(function (el) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onMouseDown: function () { return handleCurrencySelect(el); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: "large", isSelected: selectedCurrency === el.currency, state: el.state, displayType: "text_only" }) }), el.value)); }) })) })), document.body), ((_c = (0, types_1.getErrorByName)(errors, name)) === null || _c === void 0 ? void 0 : _c.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, { children: (0, types_1.getErrorByName)(errors, name).message }))] })));
+                                }), value: displayValue, textAlign: textAlign, validation: finalValidation, textLineType: "single", inputType: "text", inputMode: "decimal", preventBlankMode: "all", enterSubmitMode: "none", state: isInputReadOnly ? 'read_only' : state, colorTheme: colorTheme, textSize: "form2", textWeight: fontWeight === 'bold' ? 'bold' : 'normal', hintTextWeight: hintTextFontWeight === 'bold' ? 'bold' : 'normal', fieldPaddingRight: 12, deleteIconMode: size === 'large' || size === 'rlarge' ? deleteBtnMode : 'none', deleteIconSize: size === 'large' || size === 'rlarge' ? 20 : undefined, deleteIconColor: deleteIconColor, isFocused: isInputFocused, suffixTextRightSpacingMode: size === 'large' || size === 'rlarge' ? 'use' : 'none', onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onDelete: handleDelete }) })), (0, jsx_runtime_1.jsx)(S_DropdownWrapper, __assign({ ref: dropdownRef, inputSize: size, onClick: handleDropdownClick, onBlur: handleDropdownBlur, tabIndex: 0, isFocused: isDropdownFocused, state: dropdownState, isError: Boolean(isError) }, { children: (0, jsx_runtime_1.jsxs)(S_Select, __assign({ inputSize: size }, { children: [useDotBadge === 'use' && selectedCurrency === baseCurrency && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_Badge, {}), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: selectedCurrency, styleTheme: "form2Bold", singleLineMode: "use", colorTheme: "sysTextPrimary", ellipsisMode: "use", customFontWeight: "bold", colorOverride: getDropdownTextColorKey(), lineLimit: 1 }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isDropdownFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })) }))] })), isDropdownFocused &&
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", customWidth: getDropdownContextMenuCustomWidth() }, { children: currencyOptions.map(function (el) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onMouseDown: function () { return handleCurrencySelect(el); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: size === 'rlarge' ? 'large' : size, isSelected: selectedCurrency === el.currency, state: el.state, displayType: "text_only" }) }), el.value)); }) })) })), document.body), ((_c = (0, types_1.getErrorByName)(errors, name)) === null || _c === void 0 ? void 0 : _c.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, { children: (0, types_1.getErrorByName)(errors, name).message }))] })));
 }
 var S_PriceTextField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var inputSize = _a.inputSize;
@@ -547,7 +547,7 @@ var S_TextFieldBaseWrapper = styled_components_1.default.div(templateObject_12 |
     var state = _a.state, theme = _a.theme;
     return state === 'normal' && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "])), theme.ui_cpnt_textfield_base_hover, theme.ui_cpnt_textfield_base_pressed);
 });
-var S_DropdownWrapper = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n\n  cursor: ", ";\n\n  display: flex;\n  height: 100%;\n  min-width: 50px;\n  outline: none;\n\n  padding: 0 ", ";\n\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n\n  cursor: ", ";\n\n  display: flex;\n  height: 100%;\n  min-width: 50px;\n  outline: none;\n\n  padding: 0 ", ";\n\n  ", "\n"])), function (_a) {
+var S_DropdownWrapper = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n\n  cursor: ", ";\n\n  display: flex;\n  height: 100%;\n  min-width: 50px;\n  outline: none;\n\n  padding: 0\n    ", ";\n\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: ", ";\n\n  cursor: ", ";\n\n  display: flex;\n  height: 100%;\n  min-width: 50px;\n  outline: none;\n\n  padding: 0\n    ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme, state = _a.state;
     if (state === 'disabled' || state === 'read_only') {
         return theme.ui_cpnt_textfield_base_disabled;
@@ -577,8 +577,10 @@ var S_DropdownWrapper = styled_components_1.default.div(templateObject_14 || (te
             return 'pointer';
     }
 }, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
+    var theme = _a.theme, inputSize = _a.inputSize;
+    return inputSize === 'small' || inputSize === 'medium'
+        ? theme.spacing.spacingB
+        : theme.spacing.spacingD;
 }, function (_a) {
     var state = _a.state, theme = _a.theme;
     return state === 'normal' && (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "])), theme.ui_cpnt_textfield_base_hover, theme.ui_cpnt_textfield_base_pressed);

package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.d.ts

@@ -4,7 +4,7 @@ export type ContentsContainerProps = {
     content1?: JSX.Element;
     content2?: JSX.Element;
     content3?: JSX.Element;
-    layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTM_3' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTP_2' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1' | 'WTV_1' | 'WTW_1' | 'WTX_1';
+    layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTM_3' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTP_2' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1' | 'WTU_2' | 'WTV_1' | 'WTW_1' | 'WTX_1';
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;

package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/ContentsContainer.js

@@ -50,6 +50,7 @@ var ContentsContainer = function (_a) {
             WTT_1: ((0, jsx_runtime_1.jsx)(variation_1.WTT, { layoutType: "WTT_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey })),
             WTT_2: ((0, jsx_runtime_1.jsx)(variation_1.WTT, { layoutType: "WTT_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, container1Ref: container1Ref, isLoadingContainer1: isLoadingContainer1, overrideContainer1ColorKey: overrideContainer1ColorKey })),
             WTU_1: ((0, jsx_runtime_1.jsx)(variation_1.WTU, { layoutType: "WTU_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
+            WTU_2: ((0, jsx_runtime_1.jsx)(variation_1.WTU, { layoutType: "WTU_2", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
             WTV_1: ((0, jsx_runtime_1.jsx)(variation_1.WTV, { layoutType: "WTV_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
             WTW_1: ((0, jsx_runtime_1.jsx)(variation_1.WTW, { layoutType: "WTW_1", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey })),
             WTX_1: ((0, jsx_runtime_1.jsx)(variation_1.WTX, { layoutType: "WTX_1", content1: content1, content2: content2, content3: content3, containerColor: containerColor, areaColor: areaColor, isLoadingContainer1: isLoadingContainer1, isLoadingContainer2: isLoadingContainer2, isLoadingContainer3: isLoadingContainer3, overrideContainer1ColorKey: overrideContainer1ColorKey, overrideContainer2ColorKey: overrideContainer2ColorKey, overrideContainer3ColorKey: overrideContainer3ColorKey }))

package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.d.ts

@@ -3,7 +3,7 @@ import type { UiColors } from '../../../../../../common';
 export type WTUProps = {
     content1?: JSX.Element;
     content2?: JSX.Element;
-    layoutType?: 'WTU_1';
+    layoutType: 'WTU_1' | 'WTU_2';
     containerColor?: string;
     areaColor?: string;
     isLoadingContainer1?: boolean;

package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js

@@ -75,17 +75,39 @@ var overrideStyleContainer2 = (0, styled_components_1.css)(templateObject_2 || (
     return overrideContainer2ColorKey && theme[overrideContainer2ColorKey];
 });
 var S_Box = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n"], ["\n  display: flex;\n  height: 100%;\n"])));
-var S_ContentsContainer1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  justify-content: flex-end;\n  margin: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: ", ";\n  ", ";\n\n  ", "\n"], ["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  justify-content: flex-end;\n  margin: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
+var WTU_1Container1Style = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
+    var $contentsArea2Width = _a.$contentsArea2Width;
+    return "calc(50% - (".concat($contentsArea2Width, "px - 480px) / 2)");
+});
+var WTU_2Container1Style = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
+    var $contentsArea2Width = _a.$contentsArea2Width;
+    return "calc(50% + (".concat($contentsArea2Width, "px - 480px) / 2)");
+});
+var S_ContentsContainer1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  justify-content: flex-end;\n  margin: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"], ["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  justify-content: flex-end;\n  margin: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_contentscontainer01_background;
 }, function (_a) {
     var $contentsArea2Width = _a.$contentsArea2Width;
     return "calc(50% - (".concat($contentsArea2Width, "px - 480px) / 2)");
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTU_1: WTU_1Container1Style,
+        WTU_2: WTU_2Container1Style
+    }[layoutType]);
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: ".concat(containerColor);
 }, overrideStyleContainer1);
-var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background-color: ", ";\n  border-left: 1px solid ", ";\n  height: 100%;\n  width: ", ";\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-left: 1px solid ", ";\n  height: 100%;\n  width: ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
+var WTU_1Container2Style = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
+    var $contentsArea2Width = _a.$contentsArea2Width;
+    return "calc(50% + (".concat($contentsArea2Width, "px - 480px) / 2)");
+});
+var WTU_2Container2Style = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (_a) {
+    var $contentsArea2Width = _a.$contentsArea2Width;
+    return "calc(50% - (".concat($contentsArea2Width, "px - 480px) / 2)");
+});
+var S_ContentsContainer2 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  background-color: ", ";\n  border-left: 1px solid ", ";\n  height: 100%;\n  width: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-left: 1px solid ", ";\n  height: 100%;\n  width: ", ";\n\n  ", ";\n  ", ";\n\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_contentscontainer02_background;
 }, function (_a) {
@@ -94,19 +116,41 @@ var S_ContentsContainer2 = styled_components_1.default.div(templateObject_5 || (
 }, function (_a) {
     var $contentsArea2Width = _a.$contentsArea2Width;
     return "calc(50% + (".concat($contentsArea2Width, "px - 480px) / 2)");
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTU_1: WTU_1Container2Style,
+        WTU_2: WTU_2Container2Style
+    }[layoutType]);
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: ".concat(containerColor);
 }, overrideStyleContainer2);
-var S_ContentsArea1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  box-sizing: border-box;\n  height: 100%;\n  max-width: 480px;\n  width: 480px;\n  ", ";\n"], ["\n  box-sizing: border-box;\n  height: 100%;\n  max-width: 480px;\n  width: 480px;\n  ", ";\n"])), function (_a) {
+var WTU_1ContentsArea1 = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  max-width: 480px;\n  width: 480px;\n"], ["\n  max-width: 480px;\n  width: 480px;\n"])));
+var WTU_2ContentsArea1 = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  max-width: 920px;\n  min-width: 720px;\n  width: 60%;\n"], ["\n  max-width: 920px;\n  min-width: 720px;\n  width: 60%;\n"])));
+var S_ContentsArea1 = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  box-sizing: border-box;\n  height: 100%;\n\n  ", ";\n  ", ";\n"], ["\n  box-sizing: border-box;\n  height: 100%;\n\n  ", ";\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTU_1: WTU_1ContentsArea1,
+        WTU_2: WTU_2ContentsArea1
+    }[layoutType]);
+}, function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: ".concat(areaColor);
 });
-var S_ContentsArea2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: 100%;\n  max-width: 920px;\n  min-width: 720px;\n  width: 60%;\n  ", ";\n"], ["\n  height: 100%;\n  max-width: 920px;\n  min-width: 720px;\n  width: 60%;\n  ", ";\n"])), function (_a) {
+var WTU_1ContentsArea2 = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  max-width: 920px;\n  min-width: 720px;\n  width: 60%;\n"], ["\n  max-width: 920px;\n  min-width: 720px;\n  width: 60%;\n"])));
+var WTU_2ContentsArea2 = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  max-width: 480px;\n  width: 480px;\n"], ["\n  max-width: 480px;\n  width: 480px;\n"])));
+var S_ContentsArea2 = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  height: 100%;\n\n  ", ";\n  ", ";\n"], ["\n  height: 100%;\n\n  ", ";\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTU_1: WTU_1ContentsArea2,
+        WTU_2: WTU_2ContentsArea2
+    }[layoutType]);
+}, function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: ".concat(areaColor);
 });
-var S_Content1 = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
-var S_Content2 = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+var S_Content1 = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+var S_Content2 = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
 exports.default = WTU;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;

package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.d.ts

@@ -1,7 +1,7 @@
 import type { UiColors } from '../../../../common';
 import type { MutableRefObject } from 'react';
 export type ContainersBoxProps = {
-    layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTM_3' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTP_2' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1' | 'WTV_1' | 'WTW_1' | 'WTX_1';
+    layoutType: 'WTA_1' | 'WTA_2' | 'WTA_3' | 'WTB_1' | 'WTC_1' | 'WTD_1' | 'WTD_2' | 'WTD_3' | 'WTD_4' | 'WTD_5' | 'WTD_6' | 'WTE_1' | 'WTF_1' | 'WTF_2' | 'WTF_3' | 'WTF_4' | 'WTF_5' | 'WTF_6' | 'WTG_1' | 'WTH_1' | 'WTH_2' | 'WTH_3' | 'WTI_1' | 'WTI_2' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTK_4' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTM_3' | 'WTN_1' | 'WTN_2' | 'WTN_3' | 'WTO_1' | 'WTP_1' | 'WTP_2' | 'WTQ_1' | 'WTS_1' | 'WTS_2' | 'WTT_1' | 'WTT_2' | 'WTU_1' | 'WTU_2' | 'WTV_1' | 'WTW_1' | 'WTX_1';
     pageMenuContent?: JSX.Element;
     tabMenuContent?: JSX.Element;
     subMenuContent?: JSX.Element;