pds-dev-kit-web-test 0.0.1

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.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 MSG = 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  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"], ["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_m_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  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n  min-width: 360px;\n  ", ";\n  /* padding-bottom: 88px; */\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  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n"], ["\n  /* TODO: infinity scroll\uC744 \uC704\uD574 \uC784\uC2DC\uB85C height: 100%;\uD55C \uC0C1\uD0DC. \uD574\uB2F9 \uC0C1\uD0DC\uC5D0\uC11C\uB294 padding-bottom\uC774 \uBB34\uC2DC\uB418\uACE0 \uC788\uC73C\uBBC0\uB85C 2/8 \uC774\uD6C4 \uD574\uACB0 \uD544\uC694 */\n  height: 100%;\n"])));
+exports.default = MSG;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.d.ts

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

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.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 MSH = 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  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"], ["\n  background-color: ", ";\n  height: 100%;\n  min-width: 360px;\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_m_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  height: 100%;\n  min-width: 360px;\n  ", ";\n"], ["\n  height: 100%;\n  min-width: 360px;\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  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+exports.default = MSH;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/index.d.ts

@@ -0,0 +1,8 @@
+export { default as MSA } from './MSA';
+export { default as MSB } from './MSB';
+export { default as MSC } from './MSC';
+export { default as MSD } from './MSD';
+export { default as MSE } from './MSE';
+export { default as MSF } from './MSF';
+export { default as MSG } from './MSG';
+export { default as MSH } from './MSH';

package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MSH = exports.MSG = exports.MSF = exports.MSE = exports.MSD = exports.MSC = exports.MSB = exports.MSA = void 0;
+var MSA_1 = require("./MSA");
+Object.defineProperty(exports, "MSA", { enumerable: true, get: function () { return __importDefault(MSA_1).default; } });
+var MSB_1 = require("./MSB");
+Object.defineProperty(exports, "MSB", { enumerable: true, get: function () { return __importDefault(MSB_1).default; } });
+var MSC_1 = require("./MSC");
+Object.defineProperty(exports, "MSC", { enumerable: true, get: function () { return __importDefault(MSC_1).default; } });
+var MSD_1 = require("./MSD");
+Object.defineProperty(exports, "MSD", { enumerable: true, get: function () { return __importDefault(MSD_1).default; } });
+var MSE_1 = require("./MSE");
+Object.defineProperty(exports, "MSE", { enumerable: true, get: function () { return __importDefault(MSE_1).default; } });
+var MSF_1 = require("./MSF");
+Object.defineProperty(exports, "MSF", { enumerable: true, get: function () { return __importDefault(MSF_1).default; } });
+var MSG_1 = require("./MSG");
+Object.defineProperty(exports, "MSG", { enumerable: true, get: function () { return __importDefault(MSG_1).default; } });
+var MSH_1 = require("./MSH");
+Object.defineProperty(exports, "MSH", { enumerable: true, get: function () { return __importDefault(MSH_1).default; } });

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/NavigationContainer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type NavigationContainerProps = {
+    navigationType?: 'navigation';
+    navigationContent?: JSX.Element;
+};
+declare const NavigationContainer: ({ navigationType, navigationContent }: NavigationContainerProps) => JSX.Element;
+export default NavigationContainer;

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/NavigationContainer.js

@@ -0,0 +1,14 @@
+"use strict";
+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 variation_1 = require("./variation");
+var NavigationContainer = function (_a) {
+    var _b = _a.navigationType, navigationType = _b === void 0 ? 'navigation' : _b, navigationContent = _a.navigationContent;
+    return (react_1.default.createElement(react_1.default.Fragment, null, {
+        navigation: react_1.default.createElement(variation_1.Navigation, null, navigationContent)
+    }[navigationType]));
+};
+exports.default = NavigationContainer;

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as NavigationContainer } from './NavigationContainer';

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationContainer = void 0;
+var NavigationContainer_1 = require("./NavigationContainer");
+Object.defineProperty(exports, "NavigationContainer", { enumerable: true, get: function () { return __importDefault(NavigationContainer_1).default; } });

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/variation/Navigation.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type NavigationProps = {
+    children?: React.ReactNode;
+};
+declare const Navigation: ({ children }: NavigationProps) => JSX.Element;
+export default Navigation;

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/variation/Navigation.js

@@ -0,0 +1,25 @@
+"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 Navigation = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(S_NavigationContainer, null,
+        react_1.default.createElement(S_NavigationArea, null,
+            react_1.default.createElement(S_NavigationContent, null, children))));
+};
+var S_NavigationContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_m_navigationcontainer_background;
+});
+var S_NavigationArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var S_NavigationContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-height: 56px;\n"], ["\n  min-height: 56px;\n"])));
+exports.default = Navigation;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/variation/index.d.ts

@@ -0,0 +1 @@
+export { default as Navigation } from './Navigation';

package/dist/src/mobile/layout/LayoutMS/Containers/NavigationContainer/variation/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigation = void 0;
+var Navigation_1 = require("./Navigation");
+Object.defineProperty(exports, "Navigation", { enumerable: true, get: function () { return __importDefault(Navigation_1).default; } });

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/TabContainer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type TabContainerProps = {
+    tabType?: 'tab';
+    tabContent?: JSX.Element;
+};
+declare const TabContainer: ({ tabType, tabContent }: TabContainerProps) => JSX.Element;
+export default TabContainer;

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/TabContainer.js

@@ -0,0 +1,14 @@
+"use strict";
+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 variation_1 = require("./variation");
+var TabContainer = function (_a) {
+    var _b = _a.tabType, tabType = _b === void 0 ? 'tab' : _b, tabContent = _a.tabContent;
+    return (react_1.default.createElement(react_1.default.Fragment, null, {
+        tab: react_1.default.createElement(variation_1.Tab, null, tabContent)
+    }[tabType]));
+};
+exports.default = TabContainer;

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/index.d.ts

@@ -0,0 +1 @@
+export { default as TabContainer } from './TabContainer';

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabContainer = void 0;
+var TabContainer_1 = require("./TabContainer");
+Object.defineProperty(exports, "TabContainer", { enumerable: true, get: function () { return __importDefault(TabContainer_1).default; } });

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/variation/Tab.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare type TabProps = {
+    children?: React.ReactNode;
+};
+declare const Tab: ({ children }: TabProps) => JSX.Element;
+export default Tab;

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/variation/Tab.js

@@ -0,0 +1,25 @@
+"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 Tab = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(S_TabContainer, null,
+        react_1.default.createElement(S_TabArea, null,
+            react_1.default.createElement(S_TabContent, null, children))));
+};
+var S_TabContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_m_tabcontainer_background;
+});
+var S_TabArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var S_TabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 48px;\n  overflow: hidden;\n"], ["\n  height: 48px;\n  overflow: hidden;\n"])));
+exports.default = Tab;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/variation/index.d.ts

@@ -0,0 +1 @@
+export { default as Tab } from './Tab';

package/dist/src/mobile/layout/LayoutMS/Containers/TabContainer/variation/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = void 0;
+var Tab_1 = require("./Tab");
+Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return __importDefault(Tab_1).default; } });

package/dist/src/mobile/layout/LayoutMS/Containers/index.d.ts

@@ -0,0 +1,3 @@
+export { ContentsContainer } from './ContentsContainer';
+export { NavigationContainer } from './NavigationContainer';
+export { TabContainer } from './TabContainer';

package/dist/src/mobile/layout/LayoutMS/Containers/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabContainer = exports.NavigationContainer = exports.ContentsContainer = void 0;
+var ContentsContainer_1 = require("./ContentsContainer");
+Object.defineProperty(exports, "ContentsContainer", { enumerable: true, get: function () { return ContentsContainer_1.ContentsContainer; } });
+var NavigationContainer_1 = require("./NavigationContainer");
+Object.defineProperty(exports, "NavigationContainer", { enumerable: true, get: function () { return NavigationContainer_1.NavigationContainer; } });
+var TabContainer_1 = require("./TabContainer");
+Object.defineProperty(exports, "TabContainer", { enumerable: true, get: function () { return TabContainer_1.TabContainer; } });

package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type ContainersBoxProps = {
+    layoutType: 'MSA_1' | 'MSB_1' | 'MSC_1' | 'MSC_2' | 'MSD_1' | 'MSE_1' | 'MSF_1' | 'MSF_2' | 'MSG_1' | 'MSH_1';
+    tabContent?: JSX.Element;
+    content1?: JSX.Element;
+    content2?: JSX.Element;
+    children?: React.ReactNode;
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const ContainersBox: ({ layoutType, tabContent, content1, content2, containerColor, areaColor }: ContainersBoxProps) => JSX.Element;
+export default ContainersBox;

package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.js

@@ -0,0 +1,34 @@
+"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 Containers_1 = require("../Containers");
+var ContainersBox = function (_a) {
+    var layoutType = _a.layoutType, tabContent = _a.tabContent, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContainersBox, null,
+        {
+            MSA_1: react_1.default.createElement(react_1.default.Fragment, null),
+            MSB_1: react_1.default.createElement(react_1.default.Fragment, null),
+            MSC_1: react_1.default.createElement(react_1.default.Fragment, null),
+            MSC_2: react_1.default.createElement(react_1.default.Fragment, null),
+            MSD_1: react_1.default.createElement(react_1.default.Fragment, null),
+            MSE_1: react_1.default.createElement(react_1.default.Fragment, null),
+            MSF_1: react_1.default.createElement(react_1.default.Fragment, null),
+            MSF_2: react_1.default.createElement(react_1.default.Fragment, null),
+            MSG_1: react_1.default.createElement(Containers_1.TabContainer, { tabContent: tabContent }),
+            MSH_1: react_1.default.createElement(Containers_1.TabContainer, { tabContent: tabContent })
+        }[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 }))));
+};
+var S_ContainersBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n"], ["\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n"])));
+var S_BottomWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  overflow: hidden;\n"], ["\n  flex: 1;\n  overflow: hidden;\n"])));
+exports.default = ContainersBox;
+var templateObject_1, templateObject_2;

package/dist/src/mobile/layout/LayoutMS/ContainersBox/index.d.ts

@@ -0,0 +1 @@
+export { default as ContainersBox } from './ContainersBox';

package/dist/src/mobile/layout/LayoutMS/ContainersBox/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContainersBox = void 0;
+var ContainersBox_1 = require("./ContainersBox");
+Object.defineProperty(exports, "ContainersBox", { enumerable: true, get: function () { return __importDefault(ContainersBox_1).default; } });

package/dist/src/mobile/layout/LayoutMS/LayoutMS.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type LayoutMSProps = {
+    navigationContainer?: JSX.Element;
+    children?: React.ReactNode;
+};
+declare const LayoutMS: ({ navigationContainer, children }: LayoutMSProps) => JSX.Element;
+export default LayoutMS;

package/dist/src/mobile/layout/LayoutMS/LayoutMS.js

@@ -0,0 +1,24 @@
+"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 LayoutMS = function (_a) {
+    var navigationContainer = _a.navigationContainer, children = _a.children;
+    return (react_1.default.createElement(S_LayoutMS, null,
+        react_1.default.createElement(S_Box, null,
+            react_1.default.createElement(S_TopWrapper, null, navigationContainer),
+            react_1.default.createElement(S_BottomWrapper, null, children))));
+};
+var S_LayoutMS = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n"], ["\n  height: 100%;\n  width: 100%;\n"])));
+var S_Box = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
+var S_TopWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+var S_BottomWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  overflow: hidden;\n"], ["\n  flex: 1;\n  overflow: hidden;\n"])));
+exports.default = LayoutMS;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/mobile/layout/LayoutMS/index.d.ts

@@ -0,0 +1 @@
+export { default as LayoutMS } from './LayoutMS';

package/dist/src/mobile/layout/LayoutMS/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutMS = void 0;
+var LayoutMS_1 = require("./LayoutMS");
+Object.defineProperty(exports, "LayoutMS", { enumerable: true, get: function () { return __importDefault(LayoutMS_1).default; } });

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "pds-dev-kit-web-test",
+  "version": "0.0.1",
+  "license": "MIT",
+  "private": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "flies": [
+    "/dist"
+  ],
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^11.2.7",
+    "@testing-library/user-event": "^12.8.3",
+    "@types/google-spreadsheet": "^3.1.5",
+    "@types/react": "^17.0.27",
+    "@types/react-dom": "^17.0.9",
+    "dotenv": "^8.2.0",
+    "google-spreadsheet": "^3.1.15",
+    "i18next": "^21.3.2",
+    "i18next-browser-languagedetector": "^6.1.2",
+    "i18next-intervalplural-postprocessor": "^3.0.0",
+    "nuka-carousel": "^4.8.4",
+    "react-hook-form": "^7.28.1",
+    "react-i18next": "^11.12.0",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "4.0.3",
+    "smoothscroll-polyfill": "^0.4.4",
+    "styled-components": "^5.2.1",
+    "tsc-init": "^2.1.0",
+    "web-vitals": "^1.1.2"
+  },
+  "scripts": {
+    "build": "rm -rf ./dist && tsc",
+    "prepare": "npm run build",
+    "sync:i18n": "dotenv -e env/.env node syncI18n.ts",
+    "sync:color": "dotenv -e env/.env node syncColor.ts",
+    "storybook": "start-storybook -p 6006",
+    "build:storybook": "build-storybook",
+    "chromatic": "chromatic --project-token=f76344f57b83"
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-react"
+    ]
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.10.5",
+    "@babel/preset-react": "^7.10.4",
+    "@storybook/addon-actions": "^6.3.12",
+    "@storybook/addon-essentials": "^6.3.12",
+    "@storybook/addon-links": "^6.3.12",
+    "@storybook/node-logger": "^6.3.12",
+    "@storybook/preset-create-react-app": "^3.2.0",
+    "@storybook/react": "^6.3.12",
+    "@types/lodash": "^4.14.175",
+    "@types/node": "^16.10.2",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/smoothscroll-polyfill": "^0.3.1",
+    "@types/styled-components": "^5.1.9",
+    "@typescript-eslint/parser": "^4.33.0",
+    "chromatic": "^6.0.6",
+    "dotenv-cli": "^4.0.0",
+    "eslint": "^7.27.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-import-resolver-typescript": "^2.4.0",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.24.0",
+    "prettier": "^2.4.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "stylelint": "^13.13.1",
+    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-order": "^4.1.0",
+    "stylelint-prettier": "^1.2.0",
+    "ts-loader": "^8.3.0",
+    "typescript": "^4.4.4",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^4.9.0"
+  }
+}

package/release-note.md

@@ -0,0 +1,4 @@
+# PDS-DEV-KIT-WEB-TEST Release Notes
+## [v0.0.1]
+
+pds-dev-kit-web 1.4버전 배포 직전 테스트 (내용은 pds-dev-kit-web@1.4와 같음)