pds-dev-kit-web-test 0.1.5 → 0.1.7

package/dist/src/mobile/components/UploadIconButton/UploadIconButton.stories.js

@@ -1,105 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var UploadIconButton_1 = __importDefault(require("./UploadIconButton"));
-exports.default = {
-    title: 'mobile/components/UploadIconButton',
-    component: UploadIconButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 UploadIconButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        fillType: {
-            description: '디자인 표현이 선형인지, 면인지를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        shapeType: {
-            description: '버튼의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        baseSize: {
-            description: '버튼의 크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        baseColorKey: {
-            description: '배경 컬러입니다. (fillType이 fill일때만 적용됩니다.)(ui_cpnt_button_fill_base_transparent값이 들어올 경우, hover와 active관련 색상 변경이 무시됩니다.)',
-            control: { type: 'text' }
-        },
-        borderColorKey: {
-            description: '라인의 컬러입니다. (지금 사용하지 않습니다.)(fillType이 line일때만 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        iconSize: {
-            description: '아이콘의 크기를 결정합니다.',
-            control: { type: 'inline-radio', options: [12, 16, 20, 24, 48, 72] }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'select' }
-        },
-        iconColorKey: {
-            description: '아이콘 컬러를 설정합니다.',
-            control: { type: 'text' }
-        },
-        shadow: {
-            description: '그림자 유무를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다. fillType을 고려하여 만들어졌지만, 코드에서 예외처리를 하지 않습니다. 예를 들어, Line fillType에 최적화된 컬러테마를 Fill fillType에 적용한 것은 그냥 사람이 잘못한 것입니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '버튼 활성화 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        accept: {
-            description: '특정 확장자 혹은 타입의 파일만 선택할 수 있습니다.',
-            control: { type: 'text' }
-        },
-        multipleMode: {
-            description: '복수 혹은 단수의 파일 선택 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClick: {
-            description: '파일 탐색기에서 파일 선택을 결정한 시점에 이벤트를 부여합니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(UploadIconButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    fillType: 'fill',
-    shapeType: 'rectangle',
-    baseSize: 'small',
-    iconSize: 24,
-    iconFillType: 'line',
-    shadow: 'hidden',
-    colorTheme: 'none',
-    state: 'normal',
-    multipleMode: 'none'
-};

package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.d.ts

@@ -1,5 +0,0 @@
-import UploadMainButton from './UploadMainButton';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof UploadMainButton>;
-export default _default;
-export declare const Default: ComponentStory<typeof UploadMainButton>;

package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.js

@@ -1,117 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var UploadMainButton_1 = __importDefault(require("./UploadMainButton"));
-exports.default = {
-    title: 'mobile/components/UploadMainButton',
-    component: UploadMainButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 UploadMainButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        shapeType: {
-            description: '버튼의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fillType: {
-            description: '디자인 표현이 선형인지, 면인지를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        styleTheme: {
-            description: '외형의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        size: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        responsiveMode: {
-            description: '너비의 100% 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fontWeight: {
-            description: '텍스트의 굵기를 의미합니다. 사용하면, size에 따라 부여되어있던 font-weight는 무시됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconMode: {
-            description: '아이콘 유무와 위치를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'text' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '버튼 활성화 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        accept: {
-            description: '특정 확장자 혹은 타입의 파일만 선택할 수 있습니다.',
-            control: { type: 'text' }
-        },
-        multipleMode: {
-            description: '복수 혹은 단수의 파일 선택 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        isLoading: {
-            description: '로딩 상태 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        isSubmitting: {
-            description: '제출 상태 ui 노출 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        onClick: {
-            description: '파일 탐색기에서 파일 선택을 결정한 시점에 이벤트를 부여합니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) {
-    return (0, jsx_runtime_1.jsx)(UploadMainButton_1.default, __assign({}, args), void 0);
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'UploadMainButton',
-    shapeType: 'round',
-    styleTheme: 'primary',
-    size: 'large',
-    responsiveMode: 'none',
-    iconMode: 'none',
-    iconFillType: 'line',
-    iconName: 'ic_upload',
-    colorTheme: 'none',
-    state: 'normal',
-    multipleMode: 'none'
-};

package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.d.ts

@@ -1,5 +0,0 @@
-import UploadTextButton from './UploadTextButton';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof UploadTextButton>;
-export default _default;
-export declare const Default: ComponentStory<typeof UploadTextButton>;

package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.js

@@ -1,78 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var UploadTextButton_1 = __importDefault(require("./UploadTextButton"));
-exports.default = {
-    title: 'mobile/components/UploadTextButton',
-    component: UploadTextButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'mobile환경에 최적화 된 UploadTextButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        size: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        responsiveMode: {
-            description: '너비의 100% 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fontWeight: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        accept: {
-            description: '특정 확장자 혹은 타입의 파일만 선택할 수 있습니다.',
-            control: { type: 'text' }
-        },
-        multipleMode: {
-            description: '복수 혹은 단수의 파일 선택 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClick: {
-            description: '파일 탐색기에서 파일 선택을 결정한 시점에 이벤트를 부여합니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(UploadTextButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'UploadTextButton',
-    size: 'large',
-    responsiveMode: 'none',
-    state: 'normal',
-    colorTheme: 'none',
-    multipleMode: 'none'
-};

package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export default _default;
-export declare const MFA_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFB_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFB_2: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFC_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFD_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFE_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFE_2: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;

package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.js

@@ -1,77 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MFE_2 = exports.MFE_1 = exports.MFD_1 = exports.MFC_1 = exports.MFB_2 = exports.MFB_1 = exports.MFA_1 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var ContainersBox_1 = require("./ContainersBox");
-var LayoutMF_1 = __importDefault(require("./LayoutMF"));
-exports.default = {
-    title: 'mobile/layout/LayoutMF',
-    parameters: {
-        docs: {
-            description: {
-                component: 'LayoutMF유형. ContainersBox 컴포넌트와 함께 쓰여야한다.'
-            }
-        }
-    },
-    argTypes: {
-        children: {
-            description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, stepContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
-            type: {
-                summary: 'React.ReactNode'
-            }
-        }
-    }
-};
-var S_Content1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 700px;\n"], ["\n  background: #d9cadf;\n  height: 700px;\n"])));
-var S_Content2 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 1000px;\n"], ["\n  background: #d9cadf;\n  height: 1000px;\n"])));
-var S_ScrollContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  overflow: auto;\n"], ["\n  height: 100%;\n  overflow: auto;\n"])));
-var S_ScrollComponent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: #810ab1;\n  height: 2000px;\n"], ["\n  background: #810ab1;\n  height: 2000px;\n"])));
-var TemplateLayoutMFTop = function (args) { return (0, jsx_runtime_1.jsx)(LayoutMF_1.default, __assign({}, args), void 0); };
-exports.MFA_1 = TemplateLayoutMFTop.bind({});
-exports.MFA_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-exports.MFB_1 = TemplateLayoutMFTop.bind({});
-exports.MFB_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFB_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-exports.MFB_2 = TemplateLayoutMFTop.bind({});
-exports.MFB_2.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFB_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-exports.MFC_1 = TemplateLayoutMFTop.bind({});
-exports.MFC_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-exports.MFD_1 = TemplateLayoutMFTop.bind({});
-exports.MFD_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-exports.MFE_1 = TemplateLayoutMFTop.bind({});
-exports.MFE_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFE_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-exports.MFE_2 = TemplateLayoutMFTop.bind({});
-exports.MFE_2.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFE_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export default _default;
-export declare const MFA_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFB_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFB_2: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFC_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFD_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFE_1: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;
-export declare const MFE_2: ComponentStory<({ children }: import("./LayoutMF").LayoutMFProps) => JSX.Element>;

package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.js

@@ -1,77 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MFE_2 = exports.MFE_1 = exports.MFD_1 = exports.MFC_1 = exports.MFB_2 = exports.MFB_1 = exports.MFA_1 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var ContainersBox_1 = require("./ContainersBox");
-var LayoutMF_1 = __importDefault(require("./LayoutMF"));
-exports.default = {
-    title: 'test/mobile/layout-loading/LayoutMF',
-    parameters: {
-        docs: {
-            description: {
-                component: 'LayoutMF유형. ContainersBox 컴포넌트와 함께 쓰여야한다.'
-            }
-        }
-    },
-    argTypes: {
-        children: {
-            description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, stepContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
-            type: {
-                summary: 'React.ReactNode'
-            }
-        }
-    }
-};
-var S_Content1 = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 700px;\n"], ["\n  background: #d9cadf;\n  height: 700px;\n"])));
-var S_Content2 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 1000px;\n"], ["\n  background: #d9cadf;\n  height: 1000px;\n"])));
-var S_ScrollContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  overflow: auto;\n"], ["\n  height: 100%;\n  overflow: auto;\n"])));
-var S_ScrollComponent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: #810ab1;\n  height: 2000px;\n"], ["\n  background: #810ab1;\n  height: 2000px;\n"])));
-var TemplateLayoutMFTop = function (args) { return (0, jsx_runtime_1.jsx)(LayoutMF_1.default, __assign({}, args), void 0); };
-exports.MFA_1 = TemplateLayoutMFTop.bind({});
-exports.MFA_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
-};
-exports.MFB_1 = TemplateLayoutMFTop.bind({});
-exports.MFB_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFB_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
-};
-exports.MFB_2 = TemplateLayoutMFTop.bind({});
-exports.MFB_2.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFB_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
-};
-exports.MFC_1 = TemplateLayoutMFTop.bind({});
-exports.MFC_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
-};
-exports.MFD_1 = TemplateLayoutMFTop.bind({});
-exports.MFD_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
-};
-exports.MFE_1 = TemplateLayoutMFTop.bind({});
-exports.MFE_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFE_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
-};
-exports.MFE_2 = TemplateLayoutMFTop.bind({});
-exports.MFE_2.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MFE_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMM").LayoutMMProps) => JSX.Element>;
-export default _default;
-export declare const MMA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMM").LayoutMMProps) => JSX.Element>;
-export declare const MMB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMM").LayoutMMProps) => JSX.Element>;

package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.js

@@ -1,64 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MMB_1 = exports.MMA_1 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var Containers_1 = require("./Containers");
-var ContainersBox_1 = require("./ContainersBox");
-var LayoutMM_1 = __importDefault(require("./LayoutMM"));
-exports.default = {
-    title: 'mobile/layout/LayoutMM',
-    parameters: {
-        docs: {
-            description: {
-                component: 'LayoutMM유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
-            }
-        }
-    },
-    argTypes: {
-        navigationContainer: {
-            description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
-            type: {
-                summary: 'JSX.Element'
-            }
-        },
-        children: {
-            description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
-            type: {
-                summary: 'React.ReactNode'
-            }
-        }
-    }
-};
-var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 100%;\n"], ["\n  background: #d9cadf;\n  height: 100%;\n"])));
-var S_Content1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 700px;\n"], ["\n  background: #d9cadf;\n  height: 700px;\n"])));
-var S_ScrollContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  overflow: auto;\n"], ["\n  height: 100%;\n  overflow: auto;\n"])));
-var S_ScrollComponent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: #810ab1;\n  height: 2000px;\n"], ["\n  background: #810ab1;\n  height: 2000px;\n"])));
-var TemplateLayoutMM = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMM_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
-exports.MMA_1 = TemplateLayoutMM.bind({});
-exports.MMA_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MMA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-exports.MMB_1 = TemplateLayoutMM.bind({});
-exports.MMB_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MMB_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMM").LayoutMMProps) => JSX.Element>;
-export default _default;
-export declare const MMA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMM").LayoutMMProps) => JSX.Element>;
-export declare const MMB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMM").LayoutMMProps) => JSX.Element>;

package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.js

@@ -1,64 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MMB_1 = exports.MMA_1 = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var Containers_1 = require("./Containers");
-var ContainersBox_1 = require("./ContainersBox");
-var LayoutMM_1 = __importDefault(require("./LayoutMM"));
-exports.default = {
-    title: 'test/mobile/layout-loading/LayoutMM',
-    parameters: {
-        docs: {
-            description: {
-                component: 'LayoutMM유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
-            }
-        }
-    },
-    argTypes: {
-        navigationContainer: {
-            description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
-            type: {
-                summary: 'JSX.Element'
-            }
-        },
-        children: {
-            description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
-            type: {
-                summary: 'React.ReactNode'
-            }
-        }
-    }
-};
-var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 100%;\n"], ["\n  background: #d9cadf;\n  height: 100%;\n"])));
-var S_Content1 = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: #d9cadf;\n  height: 700px;\n"], ["\n  background: #d9cadf;\n  height: 700px;\n"])));
-var S_ScrollContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  overflow: auto;\n"], ["\n  height: 100%;\n  overflow: auto;\n"])));
-var S_ScrollComponent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: #810ab1;\n  height: 2000px;\n"], ["\n  background: #810ab1;\n  height: 2000px;\n"])));
-var TemplateLayoutMM = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMM_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
-exports.MMA_1 = TemplateLayoutMM.bind({});
-exports.MMA_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MMA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
-};
-exports.MMB_1 = TemplateLayoutMM.bind({});
-exports.MMB_1.args = {
-    children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MMB_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;