pds-dev-kit-web 0.3.46 → 0.3.47

package/dist/src/common/styles/ui-colors.js

@@ -27,7 +27,7 @@ function buildCascadedColors(lowLevel, highLevel, override) {
 // 서버로부터 해당 채널에서 커스텀으로 설정한 팔레트 가져오기
 // from server (원래는 비동기)
 var channelSettings = {
-    tone: 'dark',
+    tone: 'light',
     customPalette: {
         usr_good_job: '#999999'
     }

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

@@ -2,7 +2,7 @@
 export declare type ContentsContainerProps = {
     content1?: JSX.Element;
     content2?: 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' | 'WTI_1' | 'WTJ_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' | 'WTI_1' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1';
     containerColor?: string;
     areaColor?: string;
 };

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

@@ -27,9 +27,17 @@ var ContentsContainer = function (_a) {
         WTF_5: (react_1.default.createElement(variation_1.WTF, { layoutType: "WTF_5", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
         WTF_6: (react_1.default.createElement(variation_1.WTF, { layoutType: "WTF_6", content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
         WTG_1: react_1.default.createElement(variation_1.WTG, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
-        WTH_1: react_1.default.createElement(variation_1.WTH, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
+        WTH_1: (react_1.default.createElement(variation_1.WTH, { layoutType: "WTH_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
+        WTH_2: (react_1.default.createElement(variation_1.WTH, { layoutType: "WTH_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
         WTI_1: react_1.default.createElement(variation_1.WTI, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
-        WTJ_1: (react_1.default.createElement(variation_1.WTJ, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor }))
+        WTJ_1: (react_1.default.createElement(variation_1.WTJ, { content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })),
+        WTK_1: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
+        WTK_2: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
+        WTK_3: (react_1.default.createElement(variation_1.WTK, { layoutType: "WTK_3", content1: content1, containerColor: containerColor, areaColor: areaColor })),
+        WTL_1: react_1.default.createElement(variation_1.WTL, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
+        WTM_1: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_1", content1: content1, containerColor: containerColor, areaColor: areaColor })),
+        WTM_2: (react_1.default.createElement(variation_1.WTM, { layoutType: "WTM_2", content1: content1, containerColor: containerColor, areaColor: areaColor })),
+        WTN_1: react_1.default.createElement(variation_1.WTN, { content1: content1, containerColor: containerColor, areaColor: areaColor })
     }[layoutType]));
 };
 exports.default = ContentsContainer;

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 export declare type WTHProps = {
     content1?: JSX.Element;
+    layoutType: 'WTH_1' | 'WTH_2';
     containerColor?: string;
     areaColor?: string;
 };
-declare const WTH: ({ content1, containerColor, areaColor }: WTHProps) => JSX.Element;
+declare const WTH: ({ content1, layoutType, containerColor, areaColor }: WTHProps) => JSX.Element;
 export default WTH;

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

@@ -10,22 +10,40 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var WTH = function (_a) {
-    var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
-    return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
-        react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
-            react_1.default.createElement(S_Content1, null, content1))));
+    var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
+        react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
+            react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))));
 };
-var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-width: 1200px;\n  ", ";\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-width: 1200px;\n  ", ";\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_contentscontainer01_background;
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTH_1: 'height: 100%;overflow-x: hidden;overflow-y: auto;',
+        WTH_2: 'height: 100%;'
+    }[layoutType]);
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;
 });
-var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  min-width: 1200px;\n  padding-bottom: 88px;\n  width: 100%;\n  ", ";\n"], ["\n  box-sizing: border-box;\n  min-width: 1200px;\n  padding-bottom: 88px;\n  width: 100%;\n  ", ";\n"])), function (_a) {
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  min-width: 1200px;\n  width: 100%;\n  ", ";\n  ", ";\n"], ["\n  box-sizing: border-box;\n  min-width: 1200px;\n  width: 100%;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTH_1: 'padding-bottom: 88px;',
+        WTH_2: 'height: 100%;'
+    }[layoutType]);
+}, function (_a) {
     var areaColor = _a.areaColor;
     return "background-color: " + areaColor;
 });
-var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTH_1: '',
+        WTH_2: 'height: 100%;overflow: hidden;'
+    }[layoutType]);
+});
 exports.default = WTH;
 var templateObject_1, templateObject_2, templateObject_3;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type WTKProps = {
+    content1?: JSX.Element;
+    layoutType: 'WTK_1' | 'WTK_2' | 'WTK_3';
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const WTK: ({ content1, layoutType, containerColor, areaColor }: WTKProps) => JSX.Element;
+export default WTK;

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

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var WTK = function (_a) {
+    var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
+        react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
+            react_1.default.createElement(S_Content1, null, content1))));
+};
+var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n  ", ";\n\n  /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n  ", ";\n\n  /* NOTE: Container \uB0B4\uC5D0\uC11C area\uAC00 \uC911\uC559\uC815\uB82C\uC77C \uACBD\uC6B0 Container\uC758 min-width\uB97C area\uC640 \uB9DE\uCDB0\uC8FC\uC5B4\uC57C \uD655\uB300\uD558\uAC70\uB098 \uD588\uC744\uB54C \uB0B4\uC6A9\uC774 \uC9E4\uB9AC\uC9C0 \uC54A\uB294\uB2E4. */\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_contentscontainer01_background;
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTK_1: 'min-width: 480px;',
+        WTK_2: 'min-width: 600px;',
+        WTK_3: 'min-width: 768px;'
+    }[layoutType]);
+});
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  border-left: 1px solid ", ";\n  border-right: 1px solid ", ";\n  height: 100%;\n  overflow: auto;\n  ", ";\n  ", ";\n"], ["\n  box-sizing: border-box;\n  border-left: 1px solid ", ";\n  border-right: 1px solid ", ";\n  height: 100%;\n  overflow: auto;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_area_divider;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.ui_area_divider;
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTK_1: 'width: 480px;',
+        WTK_2: 'width: 600px;',
+        WTK_3: 'width: 768px;'
+    }[layoutType]);
+}, function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
+exports.default = WTK;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type WTLProps = {
+    content1?: JSX.Element;
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const WTL: ({ content1, containerColor, areaColor }: WTLProps) => JSX.Element;
+export default WTL;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var WTL = function (_a) {
+    var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
+        react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
+            react_1.default.createElement(S_Content1, null, content1))));
+};
+var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_contentscontainer01_background;
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+});
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  min-width: 1200px;\n  padding: 24px 24px 88px 24px;\n  width: 100%;\n  ", ";\n"], ["\n  box-sizing: border-box;\n  min-width: 1200px;\n  padding: 24px 24px 88px 24px;\n  width: 100%;\n  ", ";\n"])), function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+exports.default = WTL;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type WTMProps = {
+    content1?: JSX.Element;
+    layoutType: 'WTM_1' | 'WTM_2';
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const WTM: ({ content1, layoutType, containerColor, areaColor }: WTMProps) => JSX.Element;
+export default WTM;

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

@@ -0,0 +1,49 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var WTM = function (_a) {
+    var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContentsContainer, { layoutType: layoutType, containerColor: containerColor },
+        react_1.default.createElement(S_ContentsArea, { layoutType: layoutType, areaColor: areaColor },
+            react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))));
+};
+var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-width: 1200px;\n  ", ";\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  min-width: 1200px;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_contentscontainer01_background;
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTM_1: 'height: 100%;overflow-x: hidden;overflow-y: auto;',
+        WTM_2: 'height: 100%;'
+    }[layoutType]);
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+});
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  min-width: 1200px;\n  width: 100%;\n  ", ";\n  ", ";\n"], ["\n  box-sizing: border-box;\n  min-width: 1200px;\n  width: 100%;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTM_1: 'padding-bottom: 88px;',
+        WTM_2: 'height: 100%;'
+    }[layoutType]);
+}, function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        WTM_1: '',
+        WTM_2: 'height: 100%;overflow: hidden;'
+    }[layoutType]);
+});
+exports.default = WTM;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type WTNProps = {
+    content1?: JSX.Element;
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const WTN: ({ content1, containerColor, areaColor }: WTNProps) => JSX.Element;
+export default WTN;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 styled_components_1 = __importDefault(require("styled-components"));
+var WTN = function (_a) {
+    var content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContentsContainer, { containerColor: containerColor },
+        react_1.default.createElement(S_ContentsArea, { areaColor: areaColor },
+            react_1.default.createElement(S_Content1, null, content1))));
+};
+var S_ContentsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"], ["\n  align-items: center;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 1200px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_contentscontainer01_background;
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+});
+var S_ContentsArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding-bottom: 88px;\n  width: 1200px;\n  ", ";\n"], ["\n  box-sizing: border-box;\n  padding-bottom: 88px;\n  width: 1200px;\n  ", ";\n"])), function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+exports.default = WTN;
+var templateObject_1, templateObject_2, templateObject_3;

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

@@ -8,3 +8,7 @@ export { default as WTG } from './WTG';
 export { default as WTH } from './WTH';
 export { default as WTI } from './WTI';
 export { default as WTJ } from './WTJ';
+export { default as WTK } from './WTK';
+export { default as WTL } from './WTL';
+export { default as WTM } from './WTM';
+export { default as WTN } from './WTN';

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
+exports.WTN = exports.WTM = exports.WTL = exports.WTK = exports.WTJ = exports.WTI = exports.WTH = exports.WTG = exports.WTF = exports.WTE = exports.WTD = exports.WTC = exports.WTB = exports.WTA = void 0;
 var WTA_1 = require("./WTA");
 Object.defineProperty(exports, "WTA", { enumerable: true, get: function () { return __importDefault(WTA_1).default; } });
 var WTB_1 = require("./WTB");
@@ -24,3 +24,11 @@ var WTI_1 = require("./WTI");
 Object.defineProperty(exports, "WTI", { enumerable: true, get: function () { return __importDefault(WTI_1).default; } });
 var WTJ_1 = require("./WTJ");
 Object.defineProperty(exports, "WTJ", { enumerable: true, get: function () { return __importDefault(WTJ_1).default; } });
+var WTK_1 = require("./WTK");
+Object.defineProperty(exports, "WTK", { enumerable: true, get: function () { return __importDefault(WTK_1).default; } });
+var WTL_1 = require("./WTL");
+Object.defineProperty(exports, "WTL", { enumerable: true, get: function () { return __importDefault(WTL_1).default; } });
+var WTM_1 = require("./WTM");
+Object.defineProperty(exports, "WTM", { enumerable: true, get: function () { return __importDefault(WTM_1).default; } });
+var WTN_1 = require("./WTN");
+Object.defineProperty(exports, "WTN", { enumerable: true, get: function () { return __importDefault(WTN_1).default; } });

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare 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' | 'WTI_1' | 'WTJ_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' | 'WTI_1' | 'WTJ_1' | 'WTK_1' | 'WTK_2' | 'WTK_3' | 'WTL_1' | 'WTM_1' | 'WTM_2' | 'WTN_1';
     pageMenuContent?: JSX.Element;
     tabMenuContent?: JSX.Element;
     content1?: JSX.Element;

package/dist/src/desktop/layout/LayoutWT/ContainersBox/ContainersBox.js

@@ -34,8 +34,16 @@ var ContainersBox = function (_a) {
             WTF_6: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "left_page_menu", pageMenuContent: pageMenuContent })),
             WTG_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "left_page_menu", pageMenuContent: pageMenuContent })),
             WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
             WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
-            WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
+            WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
+            WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
+            WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
+            WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
+            WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
         }[layoutType],
         react_1.default.createElement(S_RightBox, null,
             {
@@ -59,8 +67,16 @@ var ContainersBox = function (_a) {
                 WTF_6: react_1.default.createElement(react_1.default.Fragment, null),
                 WTG_1: react_1.default.createElement(react_1.default.Fragment, null),
                 WTH_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
+                WTH_2: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
                 WTI_1: (react_1.default.createElement(Containers_1.PageMenuContainer, { pageMenuType: "top_page_menu", pageMenuContent: pageMenuContent, containerColor: containerColor, areaColor: areaColor })),
-                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
+                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
+                WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
             }[layoutType],
             {
                 WTA_1: react_1.default.createElement(react_1.default.Fragment, null),
@@ -83,8 +99,16 @@ var ContainersBox = function (_a) {
                 WTF_6: react_1.default.createElement(react_1.default.Fragment, null),
                 WTG_1: react_1.default.createElement(Containers_1.TabMenuContainer, { tabMenuType: "tab_menu", tabMenuContent: tabMenuContent }),
                 WTH_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTH_2: react_1.default.createElement(react_1.default.Fragment, null),
                 WTI_1: react_1.default.createElement(react_1.default.Fragment, null),
-                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null)
+                WTJ_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTK_3: react_1.default.createElement(react_1.default.Fragment, null),
+                WTL_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_1: react_1.default.createElement(react_1.default.Fragment, null),
+                WTM_2: react_1.default.createElement(react_1.default.Fragment, null),
+                WTN_1: react_1.default.createElement(react_1.default.Fragment, null)
             }[layoutType],
             react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
                 react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, content2: content2, containerColor: containerColor, areaColor: areaColor })))));

package/package.json

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