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

package/dist/components/Button/FloatBaseButton/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.FloatBaseButton = void 0;
-const react_1 = __importDefault(require("react"));
-const MiniButton_1 = require("../../MiniButton");
-const Styled = __importStar(require("./index.styled"));
-const FloatBaseButton = ({ children, underlineText, underlineUrl, underlineOnClick, underlineDisabled, }) => (react_1.default.createElement(Styled.FloatButtonWrapper, null,
-    react_1.default.createElement(Styled.Wrapper, null,
-        react_1.default.createElement(Styled.GradientSection, null),
-        underlineText && (react_1.default.createElement(Styled.MiniButtonSection, null,
-            react_1.default.createElement(MiniButton_1.UnderLineMiniButton, { size: "m", colorType: "gray", url: underlineUrl, onClick: underlineOnClick, disabled: underlineDisabled }, underlineText))),
-        react_1.default.createElement(Styled.ButtonSection, null),
-        react_1.default.createElement(Styled.ButtonWrapper, null, children))));
-exports.FloatBaseButton = FloatBaseButton;

package/dist/components/Button/FloatBaseButton/index.styled.js

@@ -1,53 +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.ButtonWrapper = exports.ButtonSection = exports.MiniButtonSection = exports.GradientSection = exports.Wrapper = exports.FloatButtonWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const style_constants_1 = require("../../../constants/style.constants");
-const Colors_1 = require("../../../core/Colors");
-exports.FloatButtonWrapper = styled_1.default.div `
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	width: 100%;
-	z-index: ${style_constants_1.zIndex.gnb};
-`;
-exports.Wrapper = styled_1.default.div `
-	width: 100%;
-	box-sizing: border-box;
-	position: relative;
-`;
-exports.GradientSection = styled_1.default.div `
-	width: 100%;
-	height: 55px;
-	background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 1) 100%);
-`;
-exports.MiniButtonSection = styled_1.default.div `
-	background-color: ${Colors_1.basicColors.white};
-	width: 100%;
-	height: 48px;
-	display: flex;
-	justify-content: center;
-	position: relative;
-
-	& > * {
-		position: relative;
-		top: -2px;
-	}
-`;
-exports.ButtonSection = styled_1.default.div `
-	background-color: ${Colors_1.basicColors.white};
-	width: 100%;
-	height: 65px;
-`;
-exports.ButtonWrapper = styled_1.default.div `
-	width: 100%;
-	display: flex;
-	padding: 0 20px;
-	position: absolute;
-	bottom: 20px;
-	left: 50%;
-	transform: translate(-50%, 0%);
-`;

package/dist/components/Button/FloatDoubleButton/index.js

@@ -1,51 +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.FloatDoubleButton = void 0;
-const react_1 = __importDefault(require("react"));
-const DoubleButton_1 = require("../DoubleButton");
-const FloatBaseButton_1 = require("../FloatBaseButton");
-const Styled = __importStar(require("./index.styled"));
-const FloatDoubleButton = (props) => {
-    const { underlineText, underlineUrl, underlineOnClick, underlineDisabled } = props, restProps = __rest(props, ["underlineText", "underlineUrl", "underlineOnClick", "underlineDisabled"]);
-    return (react_1.default.createElement(FloatBaseButton_1.FloatBaseButton, { underlineText: underlineText, underlineUrl: underlineUrl, underlineOnClick: underlineOnClick, underlineDisabled: underlineDisabled },
-        react_1.default.createElement(Styled.DoubleButtonWrapper, null,
-            react_1.default.createElement(DoubleButton_1.DoubleButton, Object.assign({}, restProps)))));
-};
-exports.FloatDoubleButton = FloatDoubleButton;

package/dist/components/Button/FloatDoubleButton/index.spec.d.ts

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

package/dist/components/Button/FloatDoubleButton/index.spec.js

@@ -1,14 +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(".");
-describe('<FloatDoubleButton />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(_1.FloatDoubleButton, { colorType: "pink", purpose: "main", left: { children: '취소' }, right: { children: '확인' } }));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

package/dist/components/Button/FloatDoubleButton/index.styled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const DoubleButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/FloatDoubleButton/index.styled.js

@@ -1,10 +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.DoubleButtonWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.DoubleButtonWrapper = styled_1.default.div `
-	width: 100%;
-`;

package/dist/components/Button/FloatSingleButton/index.js

@@ -1,26 +0,0 @@
-"use strict";
-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.FloatSingleButton = void 0;
-const react_1 = __importDefault(require("react"));
-const SingleButton_1 = require("../SingleButton");
-const FloatBaseButton_1 = require("../FloatBaseButton");
-const FloatSingleButton = (_a) => {
-    var { underlineText, underlineUrl, underlineOnClick, underlineDisabled, children } = _a, restProps = __rest(_a, ["underlineText", "underlineUrl", "underlineOnClick", "underlineDisabled", "children"]);
-    return (react_1.default.createElement(FloatBaseButton_1.FloatBaseButton, { underlineText: underlineText, underlineUrl: underlineUrl, underlineOnClick: underlineOnClick, underlineDisabled: underlineDisabled },
-        react_1.default.createElement(SingleButton_1.SingleButton, Object.assign({}, restProps), children)));
-};
-exports.FloatSingleButton = FloatSingleButton;

package/dist/components/Button/FloatSingleButton/index.spec.d.ts

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

package/dist/components/Button/FloatSingleButton/index.spec.js

@@ -1,14 +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(".");
-describe('<FloatSingleButton />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(_1.FloatSingleButton, { colorType: "gray", purpose: "main" }, "\uD655\uC778"));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

package/dist/components/Button/SingleButton/index.js

@@ -1,26 +0,0 @@
-"use strict";
-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.SingleButton = void 0;
-const react_1 = __importDefault(require("react"));
-const TextStyles_1 = require("../../../core/TextStyles");
-const BaseButton_1 = require("../BaseButton");
-const SingleButton = (props) => {
-    const { children, className, type, purpose, onClick } = props, restProps = __rest(props, ["children", "className", "type", "purpose", "onClick"]);
-    const buttonType = type ? type : purpose === 'main' ? 'submit' : undefined;
-    return (react_1.default.createElement(BaseButton_1.BaseButton, Object.assign({}, restProps, { className: className, onClick: onClick, typography: (0, TextStyles_1.headline6)(), height: 50, type: buttonType, purpose: purpose }), children));
-};
-exports.SingleButton = SingleButton;

package/dist/components/Button/SingleButton/index.spec.d.ts

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

package/dist/components/Button/SingleButton/index.spec.js

@@ -1,14 +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(".");
-describe('<SingleButton />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(_1.SingleButton, { colorType: "gray", purpose: "main" }, "\uD655\uC778"));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

package/dist/components/Button/SingleButton/index.stories.d.ts

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { SingleButtonProps } from '.';
-type Story = StoryObj<SingleButtonProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/fdb21779528c4474ba7e5e500388bf3e?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * **Pattern**
- *
- * 정보 영역에서 선택사항이 한 가지일 경우 사용합니다.
- *
- * **Hierarchy**
- *
- * 컬러 스타일에 따라 두 가지의 스타일로 나누어서 사용합니다. 이 때 반드시 버튼의 중요도에 따른 위계를 구분하여 사용해야 합니다.
- */
-declare const meta: Meta<SingleButtonProps>;
-export default meta;
-export declare const MainButton: Story;
-export declare const SubButton: Story;

package/dist/components/Button/SingleButton/index.stories.js

@@ -1,66 +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.SubButton = exports.MainButton = void 0;
-const react_1 = __importDefault(require("react"));
-const _1 = require(".");
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/fdb21779528c4474ba7e5e500388bf3e?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * **Pattern**
- *
- * 정보 영역에서 선택사항이 한 가지일 경우 사용합니다.
- *
- * **Hierarchy**
- *
- * 컬러 스타일에 따라 두 가지의 스타일로 나누어서 사용합니다. 이 때 반드시 버튼의 중요도에 따른 위계를 구분하여 사용해야 합니다.
- */
-const meta = {
-    title: 'Component/Button/SingleButton',
-    component: _1.SingleButton,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-// Props 교체 가능
-exports.MainButton = {
-    render: (props) => react_1.default.createElement(_1.SingleButton, Object.assign({}, props)),
-    args: {
-        colorType: 'gray',
-        purpose: 'main',
-        children: '버튼',
-    },
-    argTypes: {
-        onClick: { action: 'clicked' },
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '흰 텍스트가 잘 보이도록 버튼 영역에 색을 채운 버튼입니다.<br/>배경에 강한 컬러를 사용하기 때문에 한 화면에 최대 1개만 사용해야 합니다.',
-            },
-        },
-    },
-};
-// UI 확인용
-exports.SubButton = {
-    render: (props) => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(_1.SingleButton, Object.assign({}, props), "\uBC84\uD2BC"))),
-    args: {
-        colorType: 'gray',
-        purpose: 'sub',
-        children: '버튼',
-    },
-    argTypes: {
-        onClick: { action: 'clicked' },
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '텍스트와 버튼 영역 모두 색을 사용하고, 텍스트가 잘 보이도록 옅은 배경색을 사용합니다.<br/>한 화면 내에서 여러 개를 사용할 수 있습니다.',
-            },
-        },
-    },
-};

package/dist/components/Button/SingleButton/index.styled.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const SingleButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/SingleButton/index.styled.js

@@ -1,10 +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.SingleButtonWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.SingleButtonWrapper = styled_1.default.div `
-	height: 50px;
-`;

package/dist/components/Button/index.js

@@ -1,21 +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("./SingleButton"), exports);
-__exportStar(require("./DoubleButton"), exports);
-__exportStar(require("./FloatSingleButton"), exports);
-__exportStar(require("./FloatDoubleButton"), exports);
-__exportStar(require("./FloatBaseButton"), exports);

package/dist/components/Card/index.js

@@ -1,39 +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.Card = void 0;
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const hooks_1 = require("../../hooks");
-const Card = ({ fixedSize, disabled, clickable, children }) => {
-    const isMobile = (0, hooks_1.useLayoutIsMobile)();
-    const size = fixedSize || (isMobile ? 's' : 'm');
-    return (react_1.default.createElement(Styled.Wrapper, { size: size, disabled: disabled, clickable: clickable },
-        react_1.default.createElement(Styled.ContentContainer, { disabled: disabled }, children)));
-};
-exports.Card = Card;

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

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

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

@@ -1,14 +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(".");
-describe('<Card />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(_1.Card, null, " \uD655\uC778"));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

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

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CardProps } from '.';
-type Story = StoryObj<CardProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Card-7244d5fc8b4a4056a5bf954775c86bc7?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 페이지 안에서 콘텐츠를 시각적으로 구분 지어야 할 때 사용합니다.
- *
- */
-declare const meta: Meta<CardProps>;
-export default meta;
-export declare const MCard: Story;
-export declare const SCard: Story;
-export declare const PassiveCard: Story;

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

@@ -1,58 +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.PassiveCard = exports.SCard = exports.MCard = void 0;
-const react_1 = __importDefault(require("react"));
-const _1 = require(".");
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Card-7244d5fc8b4a4056a5bf954775c86bc7?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 페이지 안에서 콘텐츠를 시각적으로 구분 지어야 할 때 사용합니다.
- *
- */
-const meta = {
-    title: 'Component/Card',
-    component: _1.Card,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-// Props 교체 가능
-exports.MCard = {
-    render: (props) => react_1.default.createElement(_1.Card, Object.assign({}, props)),
-    args: {
-        fixedSize: 'm',
-        children: (react_1.default.createElement("div", { style: { padding: '20px' } },
-            react_1.default.createElement("h1", null, "\uD0C0\uC774\uD2C0"),
-            react_1.default.createElement("h2", null, "\uC11C\uBE0C\uD0C0\uC774\uD2C0"),
-            react_1.default.createElement("p", null, "\uB0B4\uC6A9\uC785\uB2C8\uB2E4"))),
-    },
-};
-exports.MCard.storyName = 'M 활성화';
-exports.SCard = {
-    render: (props) => (react_1.default.createElement("div", { style: { width: '300px' } },
-        react_1.default.createElement(_1.Card, Object.assign({}, props)))),
-    args: {
-        fixedSize: 's',
-        children: (react_1.default.createElement("div", { style: { padding: '20px' } },
-            react_1.default.createElement("h1", null, "\uD0C0\uC774\uD2C0"),
-            react_1.default.createElement("h2", null, "\uC11C\uBE0C\uD0C0\uC774\uD2C0"),
-            react_1.default.createElement("p", null, "\uB0B4\uC6A9\uC785\uB2C8\uB2E4"))),
-    },
-};
-exports.SCard.storyName = 'S 활성화';
-exports.PassiveCard = {
-    render: (props) => react_1.default.createElement(_1.Card, Object.assign({}, props)),
-    args: {
-        fixedSize: 'm',
-        children: (react_1.default.createElement("div", { style: { padding: '20px' } },
-            react_1.default.createElement("h1", null, "\uD0C0\uC774\uD2C0"),
-            react_1.default.createElement("h2", null, "\uC11C\uBE0C\uD0C0\uC774\uD2C0"),
-            react_1.default.createElement("p", null, "\uB0B4\uC6A9\uC785\uB2C8\uB2E4"))),
-        disabled: true,
-    },
-};
-exports.PassiveCard.storyName = 'M 비활성화';

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

@@ -1,60 +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.ContentContainer = exports.Wrapper = void 0;
-const react_1 = require("@emotion/react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const Colors_1 = require("../../core/Colors");
-exports.Wrapper = styled_1.default.div `
-	box-sizing: border-box;
-	width: 100%;
-	background-color: ${Colors_1.basicColors.white};
-
-	${({ clickable }) => clickable
-    ? (0, react_1.css) `
-					cursor: pointer;
-			  `
-    : (0, react_1.css) `
-					cursor: default;
-			  `};
-
-	${({ disabled }) => disabled &&
-    (0, react_1.css) `
-			cursor: not-allowed;
-		`};
-
-	${({ disabled, clickable }) => !disabled &&
-    clickable &&
-    (0, react_1.css) `
-			&:hover {
-				background-color: ${(0, Colors_1.generateHexWithAlphaInLightMode)(Colors_1.basicColors.white, '50%')};
-			}
-
-			&:active {
-				background-color: ${(0, Colors_1.generateHexWithAlphaInLightMode)(Colors_1.basicColors.white, '30%')};
-			}
-		`}
-
-	${({ size }) => {
-    switch (size) {
-        case 'm':
-            return (0, react_1.css) `
-					border-radius: 20px;
-				`;
-        case 's':
-            return (0, react_1.css) `
-					border-radius: 10px;
-				`;
-        default:
-            return undefined;
-    }
-}}
-`;
-exports.ContentContainer = styled_1.default.div `
-	${({ disabled }) => disabled &&
-    (0, react_1.css) `
-			opacity: 0.3;
-		`};
-`;

package/dist/components/Chips/BasicChips/index.js

@@ -1,33 +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.BasicChips = void 0;
-const react_1 = __importDefault(require("react"));
-const ChipItem_1 = require("../ChipItem");
-const ChipsFrame_1 = require("../ChipsFrame");
-const BasicChips = (props) => {
-    const showResetIcon = props.value.length > 0;
-    const handleClickResetIcon = () => {
-        props.onChange([]);
-    };
-    const iconProps = showResetIcon
-        ? { type: 'reset', onClick: handleClickResetIcon }
-        : undefined;
-    const handleClickItem = (selectedValue) => {
-        const index = props.value.findIndex((target) => target === selectedValue);
-        if (index === -1) {
-            props.onChange([...props.value, selectedValue]);
-        }
-        else {
-            const prev = props.value;
-            const result = [...prev.slice(0, index), ...prev.slice(index + 1)];
-            props.onChange(result);
-        }
-    };
-    return (react_1.default.createElement(ChipsFrame_1.ChipsFrame, { colorType: props.colorType, type: "basic", icon: iconProps }, props.list.map((item, index) => {
-        return (react_1.default.createElement(ChipItem_1.ChipItem, { key: index, type: "basic", colorType: props.colorType, displayValue: item.label, selected: props.value.includes(item.value), onClick: () => handleClickItem(item.value), onReset: () => handleClickItem(item.value) }));
-    })));
-};
-exports.BasicChips = BasicChips;