@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.6

package/dist/components/MiniButton/common/index.styled.js

@@ -1,93 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonTag = exports.MiniButtonSidePaddingPx = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const TextStyles_1 = require("../../../core/TextStyles");
-const Colors_1 = require("../../../core/Colors");
-const utils_1 = require("../../../utils");
-exports.MiniButtonSidePaddingPx = 5;
-exports.ButtonTag = styled_1.default.button `
-	/* initialize button */
-	border: none;
-	outline: none;
-	background-color: initial;
-	padding: 0;
-
-	width: max-content;
-	border-radius: 5px;
-	display: flex;
-	align-items: center;
-	box-sizing: border-box;
-	user-select: none;
-
-	&:hover {
-		background-color: ${Colors_1.basicColors.gray50};
-	}
-
-	&:active {
-		background-color: ${Colors_1.basicColors.gray100};
-	}
-
-	${({ colorType }) => (0, react_1.css) `
-		cursor: pointer;
-		color: ${(0, utils_1.miniButtonColorStyle)(colorType).textColor};
-	`}
-
-	&:disabled {
-		${({ colorType }) => (0, react_1.css) `
-			cursor: not-allowed;
-			background-color: initial;
-			color: ${(0, utils_1.miniButtonColorStyle)(colorType).disabledTextColor};
-		`}
-	}
-	${({ styleType, colorType, size }) => {
-    switch (styleType) {
-        case 'icon':
-            return (0, react_1.css) `
-					height: 25px;
-					svg > path {
-						fill: ${(0, utils_1.miniButtonColorStyle)(colorType).iconColor};
-					}
-					&:disabled svg > path {
-						fill: ${(0, utils_1.miniButtonColorStyle)(colorType).iconDisabledColor};
-					}
-				`;
-        case 'underline':
-            return (0, react_1.css) `
-					${(() => {
-                switch (size) {
-                    case 's':
-                        return (0, react_1.css) `
-									height: 28px;
-								`;
-                    case 'm':
-                        return (0, react_1.css) `
-									height: 32px;
-								`;
-                }
-            })()};
-					&:disabled {
-						> * {
-							text-decoration: none;
-						}
-					}
-				`;
-    }
-}}
-	${({ size }) => {
-    switch (size) {
-        case 's':
-            return (0, react_1.css) `
-					${TextStyles_1.typography.title4};
-				`;
-        case 'm':
-            return (0, react_1.css) `
-					${TextStyles_1.typography.title3};
-				`;
-    }
-}}
-`;

package/dist/components/MiniButton/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./BoxMiniButton"), exports);
-__exportStar(require("./IconMiniButton"), exports);
-__exportStar(require("./UnderLineMiniButton"), exports);

package/dist/components/Modal/BaseModal/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseModal = void 0;
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const OverlayRoot_1 = require("../../OverlayRoot");
-const style_constants_1 = require("../../../constants/style.constants");
-const BaseModal = react_1.default.memo(({ zIndex = style_constants_1.zIndex.modal, visible, onMaskClick, children, className }) => {
-    return (react_1.default.createElement(OverlayRoot_1.OverlayRoot, { className: className, visible: visible, onClick: onMaskClick, zIndex: zIndex },
-        react_1.default.createElement(Styled.ModalContent, { visible: visible }, children)));
-});
-exports.BaseModal = BaseModal;

package/dist/components/Modal/BaseModal/index.styled.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalContent = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const index_styled_1 = require("../../OverlayRoot/index.styled");
-exports.ModalContent = styled_1.default.div `
-	${({ visible }) => (0, index_styled_1.modalSettings)(visible)};
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	transform: translate(-50%, -50%);
-`;

package/dist/components/Modal/index.js

@@ -1,72 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const react_1 = __importDefault(require("react"));
-const BaseModal_1 = require("./BaseModal");
-const Styled = __importStar(require("./index.styled"));
-const Headline4_1 = require("../../core/Typography/Headline4");
-const UnderLineMiniButton_1 = require("../MiniButton/UnderLineMiniButton");
-const SingleButton_1 = require("../Button/SingleButton");
-const DoubleButton_1 = require("../Button/DoubleButton");
-const CTASingleButton = (props) => (react_1.default.createElement(Styled.Footer, null,
-    react_1.default.createElement(SingleButton_1.SingleButton, Object.assign({}, props))));
-const CTADoubleButton = (props) => (react_1.default.createElement(Styled.Footer, null,
-    react_1.default.createElement(DoubleButton_1.DoubleButton, Object.assign({}, props))));
-const Header = ({ title, subTitle }) => (react_1.default.createElement(Styled.Header, null,
-    react_1.default.createElement(Headline4_1.Headline4, null, title),
-    subTitle && react_1.default.createElement(Styled.SubTitle, null, subTitle)));
-const Comment = ({ children }) => react_1.default.createElement(Styled.Comment, null, children);
-const ModalUnderLineMiniButton = ({ onClick, disabled, text, }) => (react_1.default.createElement(Styled.LineButtonWrapper, null,
-    react_1.default.createElement(UnderLineMiniButton_1.UnderLineMiniButton, { size: "m", colorType: "gray", onClick: onClick, disabled: disabled }, text)));
-const Body = ({ children, hasContentPadding = true }) => (react_1.default.createElement(Styled.Body, { contentPadding: hasContentPadding }, children));
-const ModalComp = react_1.default.memo((_a) => {
-    var { children } = _a, restProps = __rest(_a, ["children"]);
-    return (react_1.default.createElement(BaseModal_1.BaseModal, Object.assign({}, restProps),
-        react_1.default.createElement(Styled.Wrapper, null, children)));
-});
-const Modal = Object.assign(ModalComp, {
-    SingleButton: CTASingleButton,
-    DoubleButton: CTADoubleButton,
-    Title: Header,
-    Body,
-    Comment,
-    UnderLineMiniButton: ModalUnderLineMiniButton,
-});
-exports.Modal = Modal;

package/dist/components/Modal/index.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ModalProps } from '.';
-type Story = StoryObj<ModalProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Modal-f42176452202406daf26c4128037a951?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 사용자 경험의 흐름을 막고 꼭 필요한 것을 결정하게 하거나 되돌릴 수 없는 결정을 확인할 때 사용합니다. <br/>
- * 사용자에게 중요한 정보를 전달하거나 선택을 요청하기 위해 앱 콘텐츠 앞에 나타납니다.
- *
- */
-declare const meta: Meta<ModalProps>;
-export default meta;
-export declare const Story1: Story;
-export declare const Story2: Story;

package/dist/components/Modal/index.stories.js

@@ -1,72 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Story2 = exports.Story1 = void 0;
-const react_1 = __importDefault(require("react"));
-const _1 = require(".");
-const Component1 = (props) => {
-    return (react_1.default.createElement(_1.Modal, Object.assign({}, props),
-        react_1.default.createElement(_1.Modal.Title, { title: "\uD0C0\uC774\uD2C0\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694", subTitle: `서브타이틀을 입력해주세요` }),
-        react_1.default.createElement(_1.Modal.Body, null,
-            react_1.default.createElement(_1.Modal.Comment, null, "\uC124\uBA85\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694"),
-            react_1.default.createElement(_1.Modal.UnderLineMiniButton, { text: "\uBBF8\uB2C8\uBC84\uD2BC" })),
-        react_1.default.createElement(_1.Modal.SingleButton, { colorType: "pink", purpose: "main" }, "\uD655\uC778")));
-};
-const Component2 = (props) => {
-    return (react_1.default.createElement(_1.Modal, Object.assign({}, props),
-        react_1.default.createElement(_1.Modal.Title, { title: "\uD0C0\uC774\uD2C0\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694", subTitle: `서브타이틀을 입력해주세요` }),
-        react_1.default.createElement(_1.Modal.Body, null,
-            react_1.default.createElement(_1.Modal.Comment, null, "\uC124\uBA85\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694"),
-            react_1.default.createElement(_1.Modal.UnderLineMiniButton, { text: "\uBBF8\uB2C8\uBC84\uD2BC" })),
-        react_1.default.createElement(_1.Modal.DoubleButton, { colorType: "pink", purpose: "main", left: { children: '취소' }, right: { children: '확인' } })));
-};
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Modal-f42176452202406daf26c4128037a951?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 사용자 경험의 흐름을 막고 꼭 필요한 것을 결정하게 하거나 되돌릴 수 없는 결정을 확인할 때 사용합니다. <br/>
- * 사용자에게 중요한 정보를 전달하거나 선택을 요청하기 위해 앱 콘텐츠 앞에 나타납니다.
- *
- */
-const meta = {
-    title: 'Component/Modal',
-    component: Component1,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => (react_1.default.createElement(react_1.default.Fragment, null,
-        "Tip! visible \uAC12\uC744 \uBC14\uAFD4\uBCF4\uC138\uC694",
-        react_1.default.createElement(Component1, Object.assign({}, props)))),
-    args: {
-        visible: false,
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '콘텐츠 - 정보를 공지할 때 사용합니다.',
-            },
-        },
-    },
-};
-exports.Story1.storyName = 'Modal - SingleButton (Content)';
-exports.Story2 = {
-    render: (props) => (react_1.default.createElement(react_1.default.Fragment, null,
-        "Tip! visible \uAC12\uC744 \uBC14\uAFD4\uBCF4\uC138\uC694",
-        react_1.default.createElement(Component2, Object.assign({}, props)))),
-    args: {
-        visible: false,
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '선택 - 신중한 의사결정 사항을 선택해야 때 사용합니다.',
-            },
-        },
-    },
-};
-exports.Story2.storyName = 'Modal - DoubleButton';

package/dist/components/Modal/index.styled.js

@@ -1,59 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = exports.LineButtonWrapper = exports.Comment = exports.Body = exports.SubTitle = exports.Header = exports.Wrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const style_constants_1 = require("../../constants/style.constants");
-const TextStyles_1 = require("../../core/TextStyles");
-const Colors_1 = require("../../core/Colors");
-const Typography_1 = require("../../core/Typography");
-exports.Wrapper = styled_1.default.div `
-	width: 320px;
-	background-color: ${Colors_1.basicColors.white};
-	z-index: ${style_constants_1.zIndex.modal};
-	border-radius: 10px;
-	padding: 30px 0 15px;
-`;
-exports.Header = styled_1.default.div `
-	text-align: center;
-	white-space: pre-wrap;
-	padding: 0 15px;
-`;
-exports.SubTitle = (0, styled_1.default)(Typography_1.Title3) `
-	margin-top: 10px;
-
-	text-align: center;
-	white-space: pre-wrap;
-	color: ${Colors_1.basicColors.gray400};
-	font-weight: 500;
-`;
-exports.Body = styled_1.default.div `
-	padding-left: ${(props) => (props.contentPadding ? '20px' : '0')};
-	padding-right: ${(props) => (props.contentPadding ? '20px' : '0')};
-	padding-bottom: 30px;
-
-	> * {
-		margin-top: 20px;
-	}
-`;
-exports.Comment = styled_1.default.div `
-	${TextStyles_1.typography.body1};
-
-	color: ${Colors_1.basicColors.gray400};
-	background: ${Colors_1.basicColors.gray25};
-	border-radius: 10px;
-	padding: 12px;
-	text-align: center;
-	white-space: pre-wrap;
-`;
-exports.LineButtonWrapper = styled_1.default.div `
-	display: flex;
-	justify-content: center;
-	padding: 0 11px;
-`;
-exports.Footer = styled_1.default.div `
-	box-sizing: border-box;
-	padding: 0 15px;
-`;

package/dist/components/Navigation/BaseNavigation/index.js

@@ -1,40 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseNavigation = void 0;
-const Typography_1 = require("../../../core/Typography");
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const style_constants_1 = require("../../../constants/style.constants");
-const BaseNavigation = ({ title, titleColor, leftChildren, rightChildren, zIndex = style_constants_1.zIndex.gnb, backgroundColor, }) => {
-    return (react_1.default.createElement(Styled.Wrapper, { backgroundColor: backgroundColor, zIndex: zIndex },
-        leftChildren && react_1.default.createElement(Styled.LeftChildrenWrapper, null, leftChildren),
-        title && react_1.default.createElement(Typography_1.Headline5, { color: titleColor }, title),
-        rightChildren && react_1.default.createElement(Styled.RightChildrenWrapper, null, rightChildren)));
-};
-exports.BaseNavigation = BaseNavigation;

package/dist/components/Navigation/BaseNavigation/index.styled.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RightChildrenWrapper = exports.LeftChildrenWrapper = exports.Wrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.Wrapper = styled_1.default.div `
-	width: 100%;
-	height: 55px;
-	box-sizing: border-box;
-	top: ${({ zIndex }) => (zIndex && zIndex > 0 ? '0' : 'initial')};
-	position: ${({ zIndex }) => (zIndex && zIndex > 0 ? 'sticky' : 'relative')};
-	z-index: ${({ zIndex }) => zIndex || 'initial'};
-
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	background-color: ${({ backgroundColor }) => backgroundColor};
-
-	padding: 15px 0;
-	text-overflow: ellipsis;
-`;
-const CommonChildrenWrapper = styled_1.default.div `
-	position: absolute;
-	top: 0;
-	bottom: 0;
-
-	cursor: ${({ onClick }) => (onClick ? 'pointer' : 'auto')};
-`;
-exports.LeftChildrenWrapper = (0, styled_1.default)(CommonChildrenWrapper) `
-	left: 15px;
-`;
-exports.RightChildrenWrapper = (0, styled_1.default)(CommonChildrenWrapper) `
-	right: 15px;
-`;

package/dist/components/Navigation/constant.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CONTENT_COLOR_MAP = void 0;
-const Colors_1 = require("../../core/Colors");
-exports.CONTENT_COLOR_MAP = {
-    white: {
-        icon: Colors_1.basicColors.white,
-        title: Colors_1.basicColors.white,
-        rightText: Colors_1.basicColors.white,
-        backgroundColor: Colors_1.basicColors.gray900,
-    },
-    gray: {
-        icon: Colors_1.basicColors.gray900,
-        title: Colors_1.basicColors.gray900,
-        rightText: Colors_1.basicColors.gray700,
-        backgroundColor: Colors_1.basicColors.white,
-    },
-};

package/dist/components/Navigation/index.js

@@ -1,82 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navigation = void 0;
-const Icon_1 = require("../../Icon");
-const Typography_1 = require("../../core/Typography");
-const react_1 = __importStar(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const BaseNavigation_1 = require("./BaseNavigation");
-const constant_1 = require("./constant");
-const Navigation = (_a) => {
-    var { contentColor, hasBackgroundColor, leftArea, rightArea } = _a, commonProps = __rest(_a, ["contentColor", "hasBackgroundColor", "leftArea", "rightArea"]);
-    const iconColor = constant_1.CONTENT_COLOR_MAP[contentColor].icon;
-    const titleColor = constant_1.CONTENT_COLOR_MAP[contentColor].title;
-    const rightTextColor = constant_1.CONTENT_COLOR_MAP[contentColor].rightText;
-    const backgroundColor = constant_1.CONTENT_COLOR_MAP[contentColor].backgroundColor;
-    const leftChildren = (0, react_1.useMemo)(() => {
-        const handleClickButton = () => {
-            leftArea === null || leftArea === void 0 ? void 0 : leftArea.handleClickButton();
-        };
-        switch (leftArea === null || leftArea === void 0 ? void 0 : leftArea.type) {
-            case 'backIcon':
-                return (react_1.default.createElement(Styled.IconWrapper, { onClick: handleClickButton },
-                    react_1.default.createElement(Icon_1.ChevronLeftMIcon, { fillColor: titleColor })));
-            default:
-                return;
-        }
-    }, [leftArea, titleColor]);
-    const rightChildren = (0, react_1.useMemo)(() => {
-        const handleClickButton = () => {
-            rightArea === null || rightArea === void 0 ? void 0 : rightArea.handleClickButton();
-        };
-        switch (rightArea === null || rightArea === void 0 ? void 0 : rightArea.type) {
-            case 'closeIcon':
-                return (react_1.default.createElement(Styled.IconWrapper, { onClick: handleClickButton },
-                    react_1.default.createElement(Icon_1.CancelMIcon, { fillColor: iconColor })));
-            case 'icon':
-                return (react_1.default.createElement(Styled.IconWrapper, { onClick: handleClickButton },
-                    react_1.default.createElement(rightArea.children, { fillColor: titleColor })));
-            case 'text':
-                return (react_1.default.createElement(Styled.TextWrapper, { onClick: handleClickButton },
-                    react_1.default.createElement(Typography_1.Title3, { color: rightTextColor }, rightArea.children)));
-            default:
-                return;
-        }
-    }, [iconColor, titleColor, rightTextColor, rightArea]);
-    return (react_1.default.createElement(BaseNavigation_1.BaseNavigation, Object.assign({ backgroundColor: hasBackgroundColor ? backgroundColor : 'transparent', leftChildren: leftChildren, titleColor: titleColor, rightChildren: rightChildren }, commonProps)));
-};
-exports.Navigation = Navigation;

package/dist/components/Navigation/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Navigation/index.spec.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const _1 = require(".");
-const props = {
-    contentColor: 'gray',
-    hasBackgroundColor: true,
-};
-describe('<Navigation />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
-            "\uD655\uC778",
-            react_1.default.createElement(_1.Navigation, Object.assign({}, props))));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

package/dist/components/Navigation/index.stories.d.ts

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { NavigationProps } from '.';
-type Story = StoryObj<NavigationProps>;
-/**
- * updated 230523
- *
- * 현재 사용자가 위치한 화면의 정보와 액션 기능을 담고 있는 컴포넌트입니다.
- *
- */
-declare const meta: Meta<NavigationProps>;
-export default meta;
-export declare const Story1: Story;
-export declare const Story2: Story;
-export declare const Story3: Story;
-export declare const Story4: Story;
-export declare const Story5: Story;
-export declare const Story6: Story;
-export declare const Story7: Story;