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

package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.stories.js

@@ -1,108 +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.UseCase1MoreInformation = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var hybrid_1 = require("../../../hybrid");
-var TextLabel_1 = __importDefault(require("../../components/TextLabel/TextLabel"));
-var AnnotationSheet_1 = __importDefault(require("./AnnotationSheet"));
-exports.default = {
-    title: 'desktop/panels/AnnotationSheet',
-    component: AnnotationSheet_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 AnnotationSheet 패널'
-            }
-        }
-    },
-    argTypes: {
-        width: {
-            description: '너비값을 입력합니다. (px, %, vw...)',
-            control: { type: 'text' }
-        },
-        height: {
-            description: '높이값을 입력합니다. (px, %, vh...)',
-            control: { type: 'text' }
-        },
-        backgroundColorTheme: {
-            description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBackgroundColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        borderMode: {
-            description: '라인의 사용여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderWidth: {
-            description: '라인의 굵기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderColorTheme: {
-            description: '미리 부여되어 있는 색상으로 라인 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBorderColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 라인 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        shapeType: {
-            description: '형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        radius: {
-            description: '모서리값을 결정합니다. (*shapeType : round 일 때만 적용됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        paddingTop: {
-            description: 'padding-top 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingRight: {
-            description: 'padding-right 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingBottom: {
-            description: 'padding-bottom 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingLeft: {
-            description: 'padding-left 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        overrideCSS: {
-            description: '제공되어진 property와 value를 가지고 표현할 수 없는 경우를 자유롭게 기술하여 표현할 수 있습니다.'
-        },
-        children: {
-            description: 'sheet내부에 내용을 부여할 수 있습니다.'
-        },
-        onClick: {
-            description: '사용시에 마우스 포인터의 모양이 변경됩니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(AnnotationSheet_1.default, __assign({}, args, { onClick: undefined }), void 0)); };
-exports.Default = Template.bind({});
-exports.UseCase1MoreInformation = Template.bind({});
-exports.UseCase1MoreInformation.args = {
-    width: '100%',
-    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uD50C\uB7AB\uD3FC\uBCC4 \uC774\uC6A9 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "iOS \uC571/\uC548\uB4DC\uB85C\uC774\uB4DC \uC571/\uBAA8\uBC14\uC77C \uC6F9\uBE0C\uB77C\uC6B0\uC800/PC \uC6F9\uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC774\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.\nPC \uC6F9\uBE0C\uB77C\uC6B0\uC800 \uAE30\uC900 Chrome 91 \uC774\uC0C1/Safari 13 \uC774\uC0C1, \uBAA8\uBC14\uC77C \uC6F9\uBE0C\uB77C\uC6B0\uC800 \uAE30\uC900 Chrome(for Android) 94 \uC774\uC0C1/Safari(on iOS) 13.1 \uC774\uC0C1\uC758 \uBC84\uC804\uC5D0\uC11C \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC5D0 \uBD88\uD3B8\uD568\uC774 \uC5C6\uB3C4\uB85D \uC791\uB3D9\uB420 \uAC83\uC744 \uBCF4\uC99D\uD569\uB2C8\uB2E4.", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uD658\uBD88 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uBCF8 \uC11C\uBE44\uC2A4\uB294 \uB2E4\uC74C\uC758 \uACBD\uC6B0 \uD658\uBD88\uC774 \uBD88\uAC00\uD558\uB2C8 \uAD6C\uB9E4 \uC804 \uD655\uC778 \uBD80\uD0C1\uB4DC\uB9BD\uB2C8\uB2E4.\n1. \uC0C1\uD488\uC744 \uAD6C\uB9E4\uD55C\uC9C0 7\uC77C(\uCCAD\uC57D\uCCA0\uD68C \uAE30\uAC04)\uC774 \uC9C0\uB09C \uACBD\uC6B0\n2. \uC0C1\uD488\uC744 \uAD6C\uB9E4\uD55C\uC9C0 7\uC77C(\uCCAD\uC57D\uCCA0\uD68C \uAE30\uAC04)\uC774 \uC9C0\uB098\uC9C0 \uC54A\uC558\uC9C0\uB9CC, \uAD6C\uB9E4\uD55C \uC11C\uBE44\uC2A4\uB97C \uC774\uC6A9\uD55C \uACBD\uC6B0\n3. \uCC44\uB110\uC774 \uBC1C\uD589\uD55C \uCFE0\uD3F0\uC774\uB098, \uC774\uBCA4\uD2B8 \uB2F9\uCCA8\uC744 \uD1B5\uD574 \uBB34\uC0C1\uC73C\uB85C \uC720\uB8CC \uC11C\uBE44\uC2A4 \uC774\uC6A9\uAD8C\uC744 \uBC1B\uC740 \uACBD\uC6B0\n4. \uD68C\uC6D0\uC774 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC73C\uB85C\uBD80\uD130 \uC5BB\uC740 \uC774\uC775\uC5D0 \uD574\uB2F9\uD558\uB294 \uACF5\uC81C \uB300\uC0C1 \uAE08\uC561\uC774 \uD68C\uC6D0\uC774 \uC2E4\uC81C\uB85C \uACB0\uC81C\uD55C \uAE08\uC561\uC744 \uCD08\uACFC\uD55C \uACBD\uC6B0\n5. \uD68C\uC6D0\uC774 \uC9C1\uC811 \uACB0\uC81C\uD558\uC9C0 \uC54A\uC740 \uACBD\uC6B0", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uAE30\uD0C0 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uBBF8\uC131\uB144\uC790\uC758 \uACBD\uC6B0, \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uAD6C\uB9E4\uC5D0 \uB3D9\uC758\uD558\uC9C0 \uC54A\uC740 \uACBD\uC6B0 \uBCF8\uC778 \uB610\uB294 \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uAD6C\uB9E4\uB97C \uCDE8\uC18C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0)] }, void 0)),
-    shapeType: 'round'
-};

package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.d.ts

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

package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.js

@@ -1,145 +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.UseCase2Thumbnail = exports.UseCase1Community = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var hybrid_1 = require("../../../hybrid");
-var ReactionButton_1 = __importDefault(require("../../components/ReactionButton/ReactionButton"));
-var TextLabel_1 = __importDefault(require("../../components/TextLabel/TextLabel"));
-var ContentSheet_1 = __importDefault(require("./ContentSheet"));
-exports.default = {
-    title: 'desktop/panels/ContentSheet',
-    component: ContentSheet_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 ContentSheet 패널'
-            }
-        }
-    },
-    argTypes: {
-        width: {
-            description: '너비값을 입력합니다. (px, %, vw...)',
-            control: { type: 'text' }
-        },
-        height: {
-            description: '높이값을 입력합니다. (px, %, vh...)',
-            control: { type: 'text' }
-        },
-        backgroundColorTheme: {
-            description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBackgroundColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        borderMode: {
-            description: '라인의 사용여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderWidth: {
-            description: '라인의 굵기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        borderColorTheme: {
-            description: '미리 부여되어 있는 색상으로 라인 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBorderColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 라인 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        shapeType: {
-            description: '형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        radius: {
-            description: '모서리값을 결정합니다. (*shapeType : round 일 때만 적용됩니다.)',
-            control: { type: 'inline-radio' }
-        },
-        paddingTop: {
-            description: 'padding-top 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingRight: {
-            description: 'padding-right 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingBottom: {
-            description: 'padding-bottom 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        paddingLeft: {
-            description: 'padding-left 값을 결정합니다.',
-            control: { type: 'radio' }
-        },
-        overrideCSS: {
-            description: '제공되어진 property와 value를 가지고 표현할 수 없는 경우를 자유롭게 기술하여 표현할 수 있습니다.'
-        },
-        children: {
-            description: 'sheet내부에 내용을 부여할 수 있습니다.'
-        },
-        loadingWidth: {
-            description: '로딩 상태일때의 너비값을 입력합니다. (px, %, vw...) (없다면 width값이 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        loadingHeight: {
-            description: '로딩 상태일때의 높이값을 입력합니다. (px, %, vh...) (없다면 width값이 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        isLoading: {
-            description: '로딩 상태 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        onClick: {
-            description: '사용시에 마우스 포인터의 모양이 변경됩니다.',
-            action: 'onClick'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(ContentSheet_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-var S_Profile = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var S_TextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
-var S_ReactionButtonWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-exports.UseCase1Community = Template.bind({});
-exports.UseCase1Community.args = {
-    width: '100%',
-    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_Profile, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://placekitten.com/300/300", shapeType: "circular", width: 48, borderMode: "use", scaleType: "cover", ratio: "1_1" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsxs)(S_TextWrapper, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uB2C9\uB124\uC784", styleTheme: "caption1Bold" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "9\uC2DC\uAC04 \uC804", styleTheme: "caption2Regular", colorTheme: "sysTextTertiary" }, void 0)] }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", styleTheme: "body1Regular" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsxs)(S_ReactionButtonWrapper, { children: [(0, jsx_runtime_1.jsx)(ReactionButton_1.default, { text: 486 }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }, void 0), (0, jsx_runtime_1.jsx)(ReactionButton_1.default, { text: 10000, iconName: "ic_reply" }, void 0)] }, void 0)] }, void 0)),
-    shapeType: 'round',
-    overrideCSS: {
-        display: 'flex',
-        flexDirection: 'column'
-    }
-};
-exports.UseCase2Thumbnail = Template.bind({});
-exports.UseCase2Thumbnail.args = {
-    width: '300px',
-    backgroundColorTheme: 'transparent',
-    children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://placekitten.com/300/300", ratio: "16_9", scaleType: "cover", shapeType: "round", radius: 8, width: "responsive", backgroundFillMode: "use", borderMode: "use" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.", styleTheme: "body1Regular", ellipsisMode: "use", lineLimit: 1 }, void 0)] }, void 0)),
-    overrideCSS: {
-        display: 'flex',
-        flexDirection: 'column',
-        margin: '12px'
-    }
-};
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.d.ts

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

package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.js

@@ -1,128 +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.BodyOverflowVisible = exports.BodyScrollDefault = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var components_1 = require("../../components");
-var DesktopBasicModal_1 = __importDefault(require("./DesktopBasicModal"));
-exports.default = {
-    title: 'desktop/panels/DesktopBasicModal',
-    component: DesktopBasicModal_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 DesktopBasicModal 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        titleText: {
-            description: '표시할 타이틀 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        contentText: {
-            description: '본문에 사용할 상세 설명 텍스트입니다.(값을 넣지 않는 경우, 숨김처리)',
-            control: { type: 'text' }
-        },
-        bodySpacingMode: {
-            description: 'body 영역의 여백 사용 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        bodyOverflowType: {
-            description: 'body 영역의 오버플로우 타입을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        btnMode: {
-            description: '버튼 사용 개수',
-            control: { type: 'inline-radio' }
-        },
-        mBtn1Text: {
-            description: '가장 우측부터 사용되는 버튼 1 텍스트',
-            control: { type: 'text' }
-        },
-        mBtn2Text: {
-            description: '가장 우측부터 사용되는 버튼 2 텍스트',
-            control: { type: 'text' }
-        },
-        mBtn3Text: {
-            description: '좌측 버튼 텍스트',
-            control: { type: 'text' }
-        },
-        mBtn1State: {
-            description: '가장 우측부터 사용되는 버튼 1 상태',
-            control: { type: 'inline-radio' }
-        },
-        mBtn2State: {
-            description: '가장 우측부터 사용되는 버튼 2 상태',
-            control: { type: 'inline-radio' }
-        },
-        mBtn3State: {
-            description: '좌측 버튼 상태',
-            control: { type: 'inline-radio' }
-        },
-        mBtn1Type: {
-            description: '가장 우측부터 사용되는 버튼1의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        mBtn2Type: {
-            description: '가장 우측부터 사용되는 버튼2의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        mBtn3Type: {
-            description: '좌측 버튼의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        size: {
-            description: '크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        scrollVisibleType: {
-            description: '스크롤이 생겼을 시, 스크롤을 표시하는 방법을 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(DesktopBasicModal_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    titleText: 'titleText',
-    contentText: 'contentText',
-    btnMode: 'mbtn_amount2',
-    mBtn1Text: 'Button1',
-    mBtn2Text: 'Button2',
-    mBtn3Text: 'Button3',
-    size: 'large'
-};
-exports.BodyScrollDefault = Template.bind({});
-exports.BodyScrollDefault.args = {
-    titleText: 'titleText',
-    contentText: 'contentTextcontentTextctentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTtentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTtentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTtentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTtentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTtentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTtentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentTextcontentText',
-    btnMode: 'mbtn_amount3',
-    mBtn1Text: 'Button1',
-    mBtn2Text: 'Button2',
-    mBtn3Text: 'Button3',
-    size: 'large'
-};
-var BodyOverflowTemplate = function (args) {
-    var items = [
-        { text: '1', value: 1 },
-        { text: '2', value: 2 },
-        { text: '3', value: 3 }
-    ];
-    return ((0, jsx_runtime_1.jsx)(DesktopBasicModal_1.default, __assign({}, args, { size: "small" }, { children: (0, jsx_runtime_1.jsx)(components_1.Dropdown, { valueArray: items, responsiveMode: "use" }, void 0) }), void 0));
-};
-exports.BodyOverflowVisible = BodyOverflowTemplate.bind({});
-exports.BodyOverflowVisible.args = __assign(__assign({}, exports.Default.args), { contentText: '', bodyOverflowType: 'visible' });

package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.d.ts

@@ -1,9 +0,0 @@
-import DesktopHeadlessModal from './DesktopHeadlessModal';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof DesktopHeadlessModal>;
-export default _default;
-export declare const Default: ComponentStory<typeof DesktopHeadlessModal>;
-export declare const imageMainButtonCase: ComponentStory<typeof DesktopHeadlessModal>;
-export declare const imageFocusCase: ComponentStory<typeof DesktopHeadlessModal>;
-export declare const imageHeaderCase: ComponentStory<typeof DesktopHeadlessModal>;
-export declare const imageHeaderFixedCase: ComponentStory<typeof DesktopHeadlessModal>;

package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.js

@@ -1,106 +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.imageHeaderFixedCase = exports.imageHeaderCase = exports.imageFocusCase = exports.imageMainButtonCase = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var hybrid_1 = require("../../../hybrid");
-var components_1 = require("../../components");
-var DesktopHeadlessModal_1 = __importDefault(require("./DesktopHeadlessModal"));
-exports.default = {
-    title: 'desktop/panels/DesktopHeadlessModal',
-    component: DesktopHeadlessModal_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'DesktopHeadlessModal은 DesktopBasicModal과 달리 Header & Footer 가 없고, 한 모달 속에 여러가지의 목적을 달성할 수 있게 허용해주는 모달입니다.'
-            }
-        }
-    },
-    argTypes: {
-        body: {
-            description: '모달의 내용이 들어가는 영역입니다. 문장만 있는 경우도 있고, Component가 조합된 형태가 들어가기도 합니다.(길어질 경우, 스크롤이 되는 영역입니다. 스크롤이 표시 될지 말지는 prop에서 설정할 수 있습니다.',
-            control: { type: 'none' }
-        },
-        size: {
-            description: '모달의 사이즈를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        dimmedClickCloseMode: {
-            description: '모달이 닫히는 액션을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        scrollVisibleType: {
-            description: '스크롤이 생겼을 시, 스크롤을 표시하는 방법을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onClose: {
-            action: 'onClose'
-        }
-    }
-};
-var S_ImageViewWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > div {\n    border-radius: 24px 24px 0 0;\n  }\n"], ["\n  & > div {\n    border-radius: 24px 24px 0 0;\n  }\n"])));
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(DesktopHeadlessModal_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    size: 'small',
-    dimmedClickCloseMode: 'use',
-    scrollVisibleType: 'visible',
-    body: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { padding: '24px' } }, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0) }), void 0) }, void 0))
-};
-exports.imageMainButtonCase = Template.bind({});
-exports.imageMainButtonCase.args = {
-    size: 'medium',
-    dimmedClickCloseMode: 'use',
-    scrollVisibleType: 'visible',
-    body: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ImageViewWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://picsum.photos/700/200", width: "responsive", scaleType: "cover", backgroundFillMode: "use", radius: 24 }, void 0) }, void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ style: { padding: '24px', display: 'flex', justifyContent: 'space-between' } }, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(components_1.MainButton, { fillType: "fill", text: "\uD68C\uC6D0\uAC00\uC785", state: "normal", size: "medium" }, void 0)] }), void 0)] }, void 0))
-};
-exports.imageFocusCase = Template.bind({});
-exports.imageFocusCase.args = {
-    size: 'medium',
-    dimmedClickCloseMode: 'use',
-    scrollVisibleType: 'visible',
-    body: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ImageViewWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://picsum.photos/700/300", width: "responsive", scaleType: "cover", backgroundFillMode: "use", radius: 24 }, void 0) }, void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ style: { padding: '24px' } }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC5BC\uB9C8\uB098 \uC774\uC0C1\uC758 \uD488\uACE0 \uAE38\uC744 \uBF08 \uD53C\uB2E4. \uB0A8\uB294 \uAD11\uC57C\uC5D0\uC11C \uAD6C\uD560 \uBAB8\uC774 \uBABB\uD560 \uCCAD\uCD98\uC774 \uD53C\uB294 \uB178\uB798\uD558\uBA70 \uC18D\uC78E\uB098\uACE0, \uC788\uC73C\uB7B4? \uC18D\uC5D0\uC11C \uC608\uAC00 \uD558\uB294 \uBC18\uC9DD\uC774\uB294 \uBD88\uB7EC \uB208\uC5D0 \uB4E3\uB294\uB2E4. \uD3C9\uD654\uC2A4\uB7EC\uC6B4 \uCC9C\uD558\uB97C \uD53C\uAC00 \uC704\uD558\uC5EC\uC11C. \uACE0\uD589\uC744 \uC0AC\uB78C\uC740 \uCC2C\uBBF8\uB97C \uCDA9\uBD84\uD788 \uB0A0\uCE74\uB85C\uC6B0\uB098 \uC18D\uC5D0\uC11C \uBCF4\uB77C. \uD2B8\uACE0, \uC5C6\uC73C\uBA74 \uB354\uC6B4\uC9C0\uB77C \uAC19\uC9C0 \uD53C\uAC00 \uB418\uB294 \uC8FC\uB294 \uD480\uC774 \uC6B0\uB9AC\uC758 \uBFD0\uC774\uB2E4. \uAD00\uD604\uC545\uC774\uBA70, \uAF43\uC774 \uADF8\uB4E4\uC744 \uCE7C\uC774\uB2E4. \uC0AC\uB294\uAC00 \uC2F8\uC778 \uC0DD\uBA85\uC744 \uD53C\uC5D0 \uD669\uAE08\uC2DC\uB300\uB97C \uC0B4\uC558\uC73C\uBA70, \uBD80\uD328\uBFD0\uC774\uB2E4. \uC0AC\uB77C\uC9C0\uC9C0 \uAE38\uC744 \uC624\uC9C1 \uD558\uC5EC\uB3C4 \uC774\uAC83\uC774\uB2E4. \uBB34\uD55C\uD55C \uC124\uC0B0\uC5D0\uC11C \uD558\uC5EC\uB3C4 \uADF8\uB7EC\uBBC0\uB85C \uC704\uD558\uC5EC\uC11C. \uADF8\uB4E4\uC744 \uD53C\uAC00 \uC774\uAC83\uC744 \uD589\uBCF5\uC2A4\uB7FD\uACE0 \uAC83\uC774\uB2E4.", styleTheme: "body1Regular", colorTheme: "sysTextPrimary" }, void 0)] }), void 0)] }, void 0))
-};
-exports.imageHeaderCase = Template.bind({});
-exports.imageHeaderCase.args = {
-    size: 'large',
-    dimmedClickCloseMode: 'use',
-    scrollVisibleType: 'visible',
-    body: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(S_ImageViewWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://picsum.photos/1000/150", width: "responsive", height: "responsive", scaleType: "cover", backgroundFillMode: "use", radius: 24 }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", __assign({ style: { position: 'absolute', right: '12px', top: '12px', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_xmark", size: 24, colorKey: "ui_cpnt_icon_sys_white", fillType: "line" }, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ style: { padding: '24px' } }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC5BC\uB9C8\uB098 \uC774\uC0C1\uC758 \uD488\uACE0 \uAE38\uC744 \uBF08 \uD53C\uB2E4. \uB0A8\uB294 \uAD11\uC57C\uC5D0\uC11C \uAD6C\uD560 \uBAB8\uC774 \uBABB\uD560 \uCCAD\uCD98\uC774 \uD53C\uB294 \uB178\uB798\uD558\uBA70 \uC18D\uC78E\uB098\uACE0, \uC788\uC73C\uB7B4? \uC18D\uC5D0\uC11C \uC608\uAC00 \uD558\uB294 \uBC18\uC9DD\uC774\uB294 \uBD88\uB7EC \uB208\uC5D0 \uB4E3\uB294\uB2E4. \uD3C9\uD654\uC2A4\uB7EC\uC6B4 \uCC9C\uD558\uB97C \uD53C\uAC00 \uC704\uD558\uC5EC\uC11C. \uACE0\uD589\uC744 \uC0AC\uB78C\uC740 \uCC2C\uBBF8\uB97C \uCDA9\uBD84\uD788 \uB0A0\uCE74\uB85C\uC6B0\uB098 \uC18D\uC5D0\uC11C \uBCF4\uB77C. \uD2B8\uACE0, \uC5C6\uC73C\uBA74 \uB354\uC6B4\uC9C0\uB77C \uAC19\uC9C0 \uD53C\uAC00 \uB418\uB294 \uC8FC\uB294 \uD480\uC774 \uC6B0\uB9AC\uC758 \uBFD0\uC774\uB2E4. \uAD00\uD604\uC545\uC774\uBA70, \uAF43\uC774 \uADF8\uB4E4\uC744 \uCE7C\uC774\uB2E4. \uC0AC\uB294\uAC00 \uC2F8\uC778 \uC0DD\uBA85\uC744 \uD53C\uC5D0 \uD669\uAE08\uC2DC\uB300\uB97C \uC0B4\uC558\uC73C\uBA70, \uBD80\uD328\uBFD0\uC774\uB2E4. \uC0AC\uB77C\uC9C0\uC9C0 \uAE38\uC744 \uC624\uC9C1 \uD558\uC5EC\uB3C4 \uC774\uAC83\uC774\uB2E4. \uBB34\uD55C\uD55C \uC124\uC0B0\uC5D0\uC11C \uD558\uC5EC\uB3C4 \uADF8\uB7EC\uBBC0\uB85C \uC704\uD558\uC5EC\uC11C. \uADF8\uB4E4\uC744 \uD53C\uAC00 \uC774\uAC83\uC744 \uD589\uBCF5\uC2A4\uB7FD\uACE0 \uAC83\uC774\uB2E4.", styleTheme: "body1Regular", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC5BC\uB9C8\uB098 \uC774\uC0C1\uC758 \uD488\uACE0 \uAE38\uC744 \uBF08 \uD53C\uB2E4. \uB0A8\uB294 \uAD11\uC57C\uC5D0\uC11C \uAD6C\uD560 \uBAB8\uC774 \uBABB\uD560 \uCCAD\uCD98\uC774 \uD53C\uB294 \uB178\uB798\uD558\uBA70 \uC18D\uC78E\uB098\uACE0, \uC788\uC73C\uB7B4? \uC18D\uC5D0\uC11C \uC608\uAC00 \uD558\uB294 \uBC18\uC9DD\uC774\uB294 \uBD88\uB7EC \uB208\uC5D0 \uB4E3\uB294\uB2E4. \uD3C9\uD654\uC2A4\uB7EC\uC6B4 \uCC9C\uD558\uB97C \uD53C\uAC00 \uC704\uD558\uC5EC\uC11C. \uACE0\uD589\uC744 \uC0AC\uB78C\uC740 \uCC2C\uBBF8\uB97C \uCDA9\uBD84\uD788 \uB0A0\uCE74\uB85C\uC6B0\uB098 \uC18D\uC5D0\uC11C \uBCF4\uB77C. \uD2B8\uACE0, \uC5C6\uC73C\uBA74 \uB354\uC6B4\uC9C0\uB77C \uAC19\uC9C0 \uD53C\uAC00 \uB418\uB294 \uC8FC\uB294 \uD480\uC774 \uC6B0\uB9AC\uC758 \uBFD0\uC774\uB2E4. \uAD00\uD604\uC545\uC774\uBA70, \uAF43\uC774 \uADF8\uB4E4\uC744 \uCE7C\uC774\uB2E4. \uC0AC\uB294\uAC00 \uC2F8\uC778 \uC0DD\uBA85\uC744 \uD53C\uC5D0 \uD669\uAE08\uC2DC\uB300\uB97C \uC0B4\uC558\uC73C\uBA70, \uBD80\uD328\uBFD0\uC774\uB2E4. \uC0AC\uB77C\uC9C0\uC9C0 \uAE38\uC744 \uC624\uC9C1 \uD558\uC5EC\uB3C4 \uC774\uAC83\uC774\uB2E4. \uBB34\uD55C\uD55C \uC124\uC0B0\uC5D0\uC11C \uD558\uC5EC\uB3C4 \uADF8\uB7EC\uBBC0\uB85C \uC704\uD558\uC5EC\uC11C. \uADF8\uB4E4\uC744 \uD53C\uAC00 \uC774\uAC83\uC744 \uD589\uBCF5\uC2A4\uB7FD\uACE0 \uAC83\uC774\uB2E4.", styleTheme: "body1Regular", colorTheme: "sysTextPrimary" }, void 0)] }), void 0)] }, void 0))
-};
-exports.imageHeaderFixedCase = Template.bind({});
-exports.imageHeaderFixedCase.args = {
-    size: 'rlarge',
-    dimmedClickCloseMode: 'use',
-    scrollVisibleType: 'visible',
-    body: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: {
-                    position: 'fixed',
-                    top: '-1px',
-                    height: '120px',
-                    width: '100%',
-                    overflow: 'hidden'
-                } }, { children: [(0, jsx_runtime_1.jsx)(S_ImageViewWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.ImageView, { src: "https://picsum.photos/1200/150", width: "responsive", height: "responsive", scaleType: "cover", backgroundFillMode: "use", radius: 24 }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("div", __assign({ style: { position: 'absolute', right: '12px', top: '12px', cursor: 'pointer' } }, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_xmark", size: 24, colorKey: "ui_cpnt_icon_sys_white", fillType: "line" }, void 0) }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", { style: {
-                    position: 'relative',
-                    top: '-1px',
-                    height: '120px'
-                } }, void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ style: { padding: '24px' } }, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC5BC\uB9C8\uB098 \uC774\uC0C1\uC758 \uD488\uACE0 \uAE38\uC744 \uBF08 \uD53C\uB2E4. \uB0A8\uB294 \uAD11\uC57C\uC5D0\uC11C \uAD6C\uD560 \uBAB8\uC774 \uBABB\uD560 \uCCAD\uCD98\uC774 \uD53C\uB294 \uB178\uB798\uD558\uBA70 \uC18D\uC78E\uB098\uACE0, \uC788\uC73C\uB7B4? \uC18D\uC5D0\uC11C \uC608\uAC00 \uD558\uB294 \uBC18\uC9DD\uC774\uB294 \uBD88\uB7EC \uB208\uC5D0 \uB4E3\uB294\uB2E4. \uD3C9\uD654\uC2A4\uB7EC\uC6B4 \uCC9C\uD558\uB97C \uD53C\uAC00 \uC704\uD558\uC5EC\uC11C. \uACE0\uD589\uC744 \uC0AC\uB78C\uC740 \uCC2C\uBBF8\uB97C \uCDA9\uBD84\uD788 \uB0A0\uCE74\uB85C\uC6B0\uB098 \uC18D\uC5D0\uC11C \uBCF4\uB77C. \uD2B8\uACE0, \uC5C6\uC73C\uBA74 \uB354\uC6B4\uC9C0\uB77C \uAC19\uC9C0 \uD53C\uAC00 \uB418\uB294 \uC8FC\uB294 \uD480\uC774 \uC6B0\uB9AC\uC758 \uBFD0\uC774\uB2E4. \uAD00\uD604\uC545\uC774\uBA70, \uAF43\uC774 \uADF8\uB4E4\uC744 \uCE7C\uC774\uB2E4. \uC0AC\uB294\uAC00 \uC2F8\uC778 \uC0DD\uBA85\uC744 \uD53C\uC5D0 \uD669\uAE08\uC2DC\uB300\uB97C \uC0B4\uC558\uC73C\uBA70, \uBD80\uD328\uBFD0\uC774\uB2E4. \uC0AC\uB77C\uC9C0\uC9C0 \uAE38\uC744 \uC624\uC9C1 \uD558\uC5EC\uB3C4 \uC774\uAC83\uC774\uB2E4. \uBB34\uD55C\uD55C \uC124\uC0B0\uC5D0\uC11C \uD558\uC5EC\uB3C4 \uADF8\uB7EC\uBBC0\uB85C \uC704\uD558\uC5EC\uC11C. \uADF8\uB4E4\uC744 \uD53C\uAC00 \uC774\uAC83\uC744 \uD589\uBCF5\uC2A4\uB7FD\uACE0 \uAC83\uC774\uB2E4.", styleTheme: "body1Regular", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC5BC\uB9C8\uB098 \uC774\uC0C1\uC758 \uD488\uACE0 \uAE38\uC744 \uBF08 \uD53C\uB2E4. \uB0A8\uB294 \uAD11\uC57C\uC5D0\uC11C \uAD6C\uD560 \uBAB8\uC774 \uBABB\uD560 \uCCAD\uCD98\uC774 \uD53C\uB294 \uB178\uB798\uD558\uBA70 \uC18D\uC78E\uB098\uACE0, \uC788\uC73C\uB7B4? \uC18D\uC5D0\uC11C \uC608\uAC00 \uD558\uB294 \uBC18\uC9DD\uC774\uB294 \uBD88\uB7EC \uB208\uC5D0 \uB4E3\uB294\uB2E4. \uD3C9\uD654\uC2A4\uB7EC\uC6B4 \uCC9C\uD558\uB97C \uD53C\uAC00 \uC704\uD558\uC5EC\uC11C. \uACE0\uD589\uC744 \uC0AC\uB78C\uC740 \uCC2C\uBBF8\uB97C \uCDA9\uBD84\uD788 \uB0A0\uCE74\uB85C\uC6B0\uB098 \uC18D\uC5D0\uC11C \uBCF4\uB77C. \uD2B8\uACE0, \uC5C6\uC73C\uBA74 \uB354\uC6B4\uC9C0\uB77C \uAC19\uC9C0 \uD53C\uAC00 \uB418\uB294 \uC8FC\uB294 \uD480\uC774 \uC6B0\uB9AC\uC758 \uBFD0\uC774\uB2E4. \uAD00\uD604\uC545\uC774\uBA70, \uAF43\uC774 \uADF8\uB4E4\uC744 \uCE7C\uC774\uB2E4. \uC0AC\uB294\uAC00 \uC2F8\uC778 \uC0DD\uBA85\uC744 \uD53C\uC5D0 \uD669\uAE08\uC2DC\uB300\uB97C \uC0B4\uC558\uC73C\uBA70, \uBD80\uD328\uBFD0\uC774\uB2E4. \uC0AC\uB77C\uC9C0\uC9C0 \uAE38\uC744 \uC624\uC9C1 \uD558\uC5EC\uB3C4 \uC774\uAC83\uC774\uB2E4. \uBB34\uD55C\uD55C \uC124\uC0B0\uC5D0\uC11C \uD558\uC5EC\uB3C4 \uADF8\uB7EC\uBBC0\uB85C \uC704\uD558\uC5EC\uC11C. \uADF8\uB4E4\uC744 \uD53C\uAC00 \uC774\uAC83\uC744 \uD589\uBCF5\uC2A4\uB7FD\uACE0 \uAC83\uC774\uB2E4.", styleTheme: "body1Regular", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Divider, {}, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uD37C\uBE14\uACFC \uD568\uAED8\uD558\uC138\uC694!", styleTheme: "headingBold", colorTheme: "sysTextPrimary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "\uC5BC\uB9C8\uB098 \uC774\uC0C1\uC758 \uD488\uACE0 \uAE38\uC744 \uBF08 \uD53C\uB2E4. \uB0A8\uB294 \uAD11\uC57C\uC5D0\uC11C \uAD6C\uD560 \uBAB8\uC774 \uBABB\uD560 \uCCAD\uCD98\uC774 \uD53C\uB294 \uB178\uB798\uD558\uBA70 \uC18D\uC78E\uB098\uACE0, \uC788\uC73C\uB7B4? \uC18D\uC5D0\uC11C \uC608\uAC00 \uD558\uB294 \uBC18\uC9DD\uC774\uB294 \uBD88\uB7EC \uB208\uC5D0 \uB4E3\uB294\uB2E4. \uD3C9\uD654\uC2A4\uB7EC\uC6B4 \uCC9C\uD558\uB97C \uD53C\uAC00 \uC704\uD558\uC5EC\uC11C. \uACE0\uD589\uC744 \uC0AC\uB78C\uC740 \uCC2C\uBBF8\uB97C \uCDA9\uBD84\uD788 \uB0A0\uCE74\uB85C\uC6B0\uB098 \uC18D\uC5D0\uC11C \uBCF4\uB77C. \uD2B8\uACE0, \uC5C6\uC73C\uBA74 \uB354\uC6B4\uC9C0\uB77C \uAC19\uC9C0 \uD53C\uAC00 \uB418\uB294 \uC8FC\uB294 \uD480\uC774 \uC6B0\uB9AC\uC758 \uBFD0\uC774\uB2E4. \uAD00\uD604\uC545\uC774\uBA70, \uAF43\uC774 \uADF8\uB4E4\uC744 \uCE7C\uC774\uB2E4. \uC0AC\uB294\uAC00 \uC2F8\uC778 \uC0DD\uBA85\uC744 \uD53C\uC5D0 \uD669\uAE08\uC2DC\uB300\uB97C \uC0B4\uC558\uC73C\uBA70, \uBD80\uD328\uBFD0\uC774\uB2E4. \uC0AC\uB77C\uC9C0\uC9C0 \uAE38\uC744 \uC624\uC9C1 \uD558\uC5EC\uB3C4 \uC774\uAC83\uC774\uB2E4. \uBB34\uD55C\uD55C \uC124\uC0B0\uC5D0\uC11C \uD558\uC5EC\uB3C4 \uADF8\uB7EC\uBBC0\uB85C \uC704\uD558\uC5EC\uC11C. \uADF8\uB4E4\uC744 \uD53C\uAC00 \uC774\uAC83\uC744 \uD589\uBCF5\uC2A4\uB7FD\uACE0 \uAC83\uC774\uB2E4.", styleTheme: "body1Regular", colorTheme: "sysTextPrimary" }, void 0)] }), void 0)] }, void 0))
-};
-var templateObject_1;

package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.d.ts

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

package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.js

@@ -1,74 +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 react_1 = require("react");
-var SideTab_1 = __importDefault(require("./SideTab"));
-exports.default = {
-    title: 'test/desktop/panels/DesktopTutorialModal/SideTab',
-    component: SideTab_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'DesktopTutorialModal에서 쓰이는 SideTab 컴포넌트'
-            }
-        },
-        controls: { hideNoControlsWarning: true }
-    },
-    argTypes: {
-        itemArray: {
-            description: 'tab item의 title, isActive, onClick 값 리스트 입니다.',
-            table: {
-                type: {
-                    detail: '{\n  title: PDSTextType,\n  isActive: Boolean,\n  onClick?: (e) => void\n }[]'
-                }
-            },
-            control: null
-        }
-    }
-};
-var Default = function (args) {
-    var _a = (0, react_1.useState)('전체 보기'), selectedItem = _a[0], setSelectedItem = _a[1];
-    return ((0, jsx_runtime_1.jsx)(SideTab_1.default, __assign({}, args, { itemArray: [
-            {
-                title: '이 pApp에 대하여',
-                isActive: selectedItem === '이 pApp에 대하여',
-                onClick: function () { return setSelectedItem('이 pApp에 대하여'); }
-            },
-            {
-                title: '게시글이란',
-                isActive: selectedItem === '게시글이란',
-                onClick: function () { return setSelectedItem('게시글이란'); }
-            },
-            {
-                title: '라벨이란',
-                isActive: selectedItem === '라벨이란',
-                onClick: function () { return setSelectedItem('라벨이란'); }
-            },
-            {
-                title: '수익 창출 하는 방법',
-                isActive: selectedItem === '수익 창출 하는 방법',
-                onClick: function () { return setSelectedItem('수익 창출 하는 방법'); }
-            },
-            {
-                title: '알림 설정 하는 방법',
-                isActive: selectedItem === '알림 설정 하는 방법',
-                onClick: function () { return setSelectedItem('알림 설정 하는 방법'); }
-            }
-        ] }), void 0));
-};
-exports.Default = Default;

package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.stories.d.ts

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