npm - pds-dev-kit-web - Versions diffs - 0.3.36 → 0.3.40 - Mend

pds-dev-kit-web 0.3.36 → 0.3.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (472) hide show

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js ADDED Viewed

@@ -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 MFA = 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  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  height: 100%;\n  ", ";\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  height: 100%;\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  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\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 = MFA;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
 export declare type MFBProps = {
     content1?: JSX.Element;
     content2?: JSX.Element;
-    layoutType: 'MFB_1';
+    layoutType: 'MFB_1' | 'MFB_2';
     containerColor?: string;
     areaColor?: string;
 };

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js CHANGED Viewed

@@ -20,9 +20,15 @@ var MFB = function (_a) {
                 react_1.default.createElement(S_Content2, { layoutType: layoutType }, content2)))));
 };
 var S_Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __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_ContentsContainer1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  min-width: 360px;\n  height: 56.25vw;\n  ", ";\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  height: 56.25vw;\n  ", ";\n"])), function (_a) {
+var S_ContentsContainer1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_m_contentscontainer01_background;
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        MFB_1: 'height: 56.25vw;',
+        MFB_2: 'height: 100vw;'
+    }[layoutType]);
 }, function (_a) {
     var containerColor = _a.containerColor;
     return "background-color: " + containerColor;

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js ADDED Viewed

@@ -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 MFC = 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  flex: 1;\n  min-width: 640px;\n  height: 100%;\n  ", ";\n"], ["\n  background-color: ", ";\n  flex: 1;\n  min-width: 640px;\n  height: 100%;\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  min-width: 640px;\n  height: 100%;\n  ", ";\n"], ["\n  min-width: 640px;\n  height: 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  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+exports.default = MFC;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js ADDED Viewed

@@ -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 MFD = 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  flex: 1;\n  min-width: 360px;\n  height: 100%;\n  ", ";\n"], ["\n  background-color: ", ";\n  flex: 1;\n  min-width: 360px;\n  height: 100%;\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  max-width: 768px;\n  min-width: 360px;\n  height: 100%;\n  ", ";\n"], ["\n  max-width: 768px;\n  min-width: 360px;\n  height: 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  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+exports.default = MFD;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type MFEProps = {
+    content1?: JSX.Element;
+    content2?: JSX.Element;
+    layoutType: 'MFE_1' | 'MFE_2';
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const MFE: ({ content1, content2, layoutType, containerColor, areaColor }: MFEProps) => JSX.Element;
+export default MFE;

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js ADDED Viewed

@@ -0,0 +1,54 @@
+"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 MFE = function (_a) {
+    var content1 = _a.content1, content2 = _a.content2, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_Box, null,
+        react_1.default.createElement(S_ContentsContainer1, { layoutType: layoutType, containerColor: containerColor },
+            react_1.default.createElement(S_ContentsArea1, { layoutType: layoutType, areaColor: areaColor },
+                react_1.default.createElement(S_Content1, { layoutType: layoutType }, content1))),
+        react_1.default.createElement(S_ContentsContainer2, { layoutType: layoutType, containerColor: containerColor },
+            react_1.default.createElement(S_ContentsArea2, { layoutType: layoutType, areaColor: areaColor },
+                react_1.default.createElement(S_Content2, { layoutType: layoutType }, content2)))));
+};
+var S_Box = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __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_ContentsContainer1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  ", ";\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_m_contentscontainer01_background;
+}, function (_a) {
+    var layoutType = _a.layoutType;
+    return ({
+        MFE_1: 'height: 56.25vw;',
+        MFE_2: 'height: 100vw;'
+    }[layoutType]);
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+});
+var S_ContentsContainer2 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  flex: 1;\n  min-width: 360px;\n  height: 100%;\n  ", ";\n"], ["\n  background-color: ", ";\n  flex: 1;\n  min-width: 360px;\n  height: 100%;\n  ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_m_contentscontainer02_background;
+}, function (_a) {
+    var containerColor = _a.containerColor;
+    return "background-color: " + containerColor;
+});
+var S_ContentsArea1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-width: 768px;\n  min-width: 360px;\n  height: 100%;\n  ", ";\n"], ["\n  max-width: 768px;\n  min-width: 360px;\n  height: 100%;\n  ", ";\n"])), function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_ContentsArea2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  height: 100%;\n  ", ";\n"], ["\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  height: 100%;\n  ", ";\n"])), function (_a) {
+    var areaColor = _a.areaColor;
+    return "background-color: " + areaColor;
+});
+var S_Content1 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+var S_Content2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+exports.default = MFE;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/index.d.ts CHANGED Viewed

@@ -1 +1,5 @@
+export { default as MFA } from './MFA';
 export { default as MFB } from './MFB';
+export { default as MFC } from './MFC';
+export { default as MFD } from './MFD';
+export { default as MFE } from './MFE';

package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/index.js CHANGED Viewed

@@ -3,6 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MFB = void 0;
+exports.MFE = exports.MFD = exports.MFC = exports.MFB = exports.MFA = void 0;
+var MFA_1 = require("./MFA");
+Object.defineProperty(exports, "MFA", { enumerable: true, get: function () { return __importDefault(MFA_1).default; } });
 var MFB_1 = require("./MFB");
 Object.defineProperty(exports, "MFB", { enumerable: true, get: function () { return __importDefault(MFB_1).default; } });
+var MFC_1 = require("./MFC");
+Object.defineProperty(exports, "MFC", { enumerable: true, get: function () { return __importDefault(MFC_1).default; } });
+var MFD_1 = require("./MFD");
+Object.defineProperty(exports, "MFD", { enumerable: true, get: function () { return __importDefault(MFD_1).default; } });
+var MFE_1 = require("./MFE");
+Object.defineProperty(exports, "MFE", { enumerable: true, get: function () { return __importDefault(MFE_1).default; } });

package/dist/src/mobile/layout/LayoutMF/ContainersBox/ContainersBox.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import React from 'react';
 export declare type ContainersBoxProps = {
-    layoutType: 'MFB_1';
-    tabContent?: JSX.Element;
+    layoutType: 'MFA_1' | 'MFB_1' | 'MFB_2' | 'MFC_1' | 'MFD_1' | 'MFE_1' | 'MFE_2';
     content1?: JSX.Element;
     content2?: JSX.Element;
     children?: React.ReactNode;

package/dist/src/mobile/layout/LayoutMF/ContainersBox/ContainersBox.js CHANGED Viewed

@@ -13,9 +13,6 @@ var Containers_1 = require("../Containers");
 var ContainersBox = function (_a) {
     var layoutType = _a.layoutType, content1 = _a.content1, content2 = _a.content2, containerColor = _a.containerColor, areaColor = _a.areaColor;
     return (react_1.default.createElement(S_ContainersBox, null,
-        {
-            MFB_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/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/ContentsContainer.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type ContentsContainerProps = {
+    content1?: JSX.Element;
+    content2?: JSX.Element;
+    layoutType: 'MMA_1' | 'MMB_1';
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const ContentsContainer: ({ content1, layoutType, containerColor, areaColor }: ContentsContainerProps) => JSX.Element;
+export default ContentsContainer;

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/ContentsContainer.js ADDED Viewed

@@ -0,0 +1,15 @@
+"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 ContentsContainer = function (_a) {
+    var content1 = _a.content1, layoutType = _a.layoutType, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(react_1.default.Fragment, null, {
+        MMA_1: react_1.default.createElement(variation_1.MMA, { content1: content1, containerColor: containerColor, areaColor: areaColor }),
+        MMB_1: react_1.default.createElement(variation_1.MMB, { content1: content1, containerColor: containerColor, areaColor: areaColor })
+    }[layoutType]));
+};
+exports.default = ContentsContainer;

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/index.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/index.js ADDED Viewed

@@ -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.ContentsContainer = void 0;
+var ContentsContainer_1 = require("./ContentsContainer");
+Object.defineProperty(exports, "ContentsContainer", { enumerable: true, get: function () { return __importDefault(ContentsContainer_1).default; } });

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js ADDED Viewed

@@ -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 MMA = 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  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  height: 100%;\n  ", ";\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  height: 100%;\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  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\n  ", ";\n"], ["\n  max-width: 768px;\n  min-width: 360px;\n  padding-bottom: 88px;\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 = MMA;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js ADDED Viewed

@@ -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 MMB = 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  min-width: 360px;\n  height: 100%;\n  ", ";\n"], ["\n  background-color: ", ";\n  min-width: 360px;\n  height: 100%;\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  max-width: 768px;\n  min-width: 360px;\n  height: 100%;\n  ", ";\n"], ["\n  max-width: 768px;\n  min-width: 360px;\n  height: 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  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
+exports.default = MMB;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/index.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/index.js ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/NavigationContainer/NavigationContainer.d.ts ADDED Viewed

@@ -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/LayoutMM/Containers/NavigationContainer/NavigationContainer.js ADDED Viewed

@@ -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/LayoutMM/Containers/NavigationContainer/index.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/NavigationContainer/index.js ADDED Viewed

@@ -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/LayoutMM/Containers/NavigationContainer/variation/Navigation.d.ts ADDED Viewed

@@ -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/LayoutMM/Containers/NavigationContainer/variation/Navigation.js ADDED Viewed

@@ -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  height: 56px;\n"], ["\n  height: 56px;\n"])));
+exports.default = Navigation;
+var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/mobile/layout/LayoutMM/Containers/NavigationContainer/variation/index.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/NavigationContainer/variation/index.js ADDED Viewed

@@ -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/LayoutMM/Containers/index.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/Containers/index.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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; } });

package/dist/src/mobile/layout/LayoutMM/ContainersBox/ContainersBox.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type ContainersBoxProps = {
+    layoutType: 'MMA_1' | 'MMB_1';
+    content1?: JSX.Element;
+    children?: React.ReactNode;
+    containerColor?: string;
+    areaColor?: string;
+};
+declare const ContainersBox: ({ layoutType, content1, containerColor, areaColor }: ContainersBoxProps) => JSX.Element;
+export default ContainersBox;

package/dist/src/mobile/layout/LayoutMM/ContainersBox/ContainersBox.js ADDED Viewed

@@ -0,0 +1,22 @@
+"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, content1 = _a.content1, containerColor = _a.containerColor, areaColor = _a.areaColor;
+    return (react_1.default.createElement(S_ContainersBox, null,
+        react_1.default.createElement(S_BottomWrapper, { layoutType: layoutType },
+            react_1.default.createElement(Containers_1.ContentsContainer, { layoutType: layoutType, content1: content1, 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/LayoutMM/ContainersBox/index.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/ContainersBox/index.js ADDED Viewed

@@ -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/LayoutMM/LayoutMM.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/LayoutMM.js ADDED Viewed

@@ -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 LayoutMM = function (_a) {
+    var navigationContainer = _a.navigationContainer, children = _a.children;
+    return (react_1.default.createElement(S_LayoutMM, 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_LayoutMM = 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 = LayoutMM;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/mobile/layout/LayoutMM/index.d.ts ADDED Viewed

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

package/dist/src/mobile/layout/LayoutMM/index.js ADDED Viewed

@@ -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.LayoutMM = void 0;
+var LayoutMM_1 = require("./LayoutMM");
+Object.defineProperty(exports, "LayoutMM", { enumerable: true, get: function () { return __importDefault(LayoutMM_1).default; } });

package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/ContentsContainer.d.ts CHANGED Viewed

@@ -2,9 +2,9 @@
 export declare type ContentsContainerProps = {
     content1?: JSX.Element;
     content2?: JSX.Element;
-    layoutType: 'MPA_1';
+    layoutType: 'MPA_1' | 'MPB_1' | 'MPC_1' | 'MPC_2' | 'MPD_1' | 'MPE_1' | 'MPF_1' | 'MPF_2';
     containerColor?: string;
     areaColor?: string;
 };
-declare const ContentsContainer: ({ content1, layoutType, containerColor, areaColor }: ContentsContainerProps) => JSX.Element;
+declare const ContentsContainer: ({ content1, content2, layoutType, containerColor, areaColor }: ContentsContainerProps) => JSX.Element;
 export default ContentsContainer;