@pfct/purple 1.3.8-rc.2 → 1.4.0-npm-test.2

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

@@ -1,107 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Story2 = exports.Story1 = void 0;
-const react_1 = __importStar(require("react"));
-const _1 = require(".");
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Tabs-532da8d4d94b48e4a92f954b678e1870?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 화면 내 연관된 콘텐츠들을 카테고리로 분류하여 제공할 때 사용합니다.
- * 사용자는 페이지를 벗어나지 않고 탭을 통해 카테고리 별 콘텐츠를 확인할 수 있습니다.
- *
- */
-const meta = {
-    title: 'Component/Tab',
-    component: _1.Tab,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-const Component = (props) => {
-    const [value, setValue] = (0, react_1.useState)(0);
-    const onChange = (val) => {
-        setValue(val);
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        "selected: ",
-        props.list[value],
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(_1.Tab, Object.assign({}, props, { onChange: onChange }))));
-};
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => (react_1.default.createElement("div", { style: { width: '600px' } },
-        react_1.default.createElement(Component, Object.assign({}, props)))),
-    args: {
-        list: ['라벨1', '라벨2', '라벨3'],
-        tabType: 'fixed',
-    },
-    argTypes: {
-        onChange: { action: 'onChange' },
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '화면의 좌우 여백 20을 제외하고 동일한 비율로 탭 인디케이터를 사용합니다.<br/>이 때 서로의 간격은 10을 사용하며 라벨 텍스트는 탭 인디케이터를 기준으로 가운데 정렬하여 사용합니다.',
-            },
-        },
-    },
-};
-exports.Story1.storyName = '탭스 고정형';
-exports.Story2 = {
-    render: (props) => (react_1.default.createElement("div", { style: { width: '360px' } },
-        react_1.default.createElement(Component, Object.assign({}, props)))),
-    args: {
-        list: [
-            '라벨1',
-            '라벨2',
-            '라벨3',
-            '긴긴긴라벨컨텐츠',
-            '라벨4',
-            '라벨5',
-            '라벨',
-            '라벨6',
-            '라벨7',
-            '라벨8',
-            '라벨9',
-            '라벨10',
-        ],
-        tabType: 'scroll',
-    },
-    argTypes: {
-        onChange: { action: 'onChange' },
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '화면의 좌우 여백 20을 제외하고 텍스트 길이를 기준으로 탭 인디케이터의 길이가 동일하게 변경됩니다.<br/>이 때 서로의 간격은 30을 사용하며 마지막 탭이 화면을 벗어날 경우 좌우 가로 스크롤이 가능합니다.<br/>라벨의 갯수는 제한이 없습니다.',
-            },
-        },
-    },
-};
-exports.Story2.storyName = '탭스 스크롤형';

package/dist/components/Tab/index.styled.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { TabTypeProps } from '.';
-type ItemProps = {
-    widthPerItem: number;
-    active: boolean;
-    tabType: TabTypeProps;
-};
-export declare const Item: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    tabType: TabTypeProps;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};

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

@@ -1,71 +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.Wrapper = exports.Item = 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.Item = styled_1.default.div `
-	display: inline-block;
-	padding: 16px 0;
-	cursor: pointer;
-	text-align: center;
-
-	${({ widthPerItem, tabType }) => {
-    switch (tabType) {
-        case 'fixed':
-            return (0, react_1.css) `
-					width: ${widthPerItem}%;
-				`;
-        case 'scroll':
-            return (0, react_1.css) `
-					min-width: max-content;
-				`;
-    }
-}};
-
-	${({ active }) => active
-    ? (0, react_1.css) `
-					${(0, TextStyles_1.headline6)()};
-					border-bottom: 2px solid ${Colors_1.basicColors.gray900};
-			  `
-    : (0, react_1.css) `
-					${(0, TextStyles_1.title3)({ color: Colors_1.basicColors.gray100 })};
-			  `};
-
-	&:first-of-type {
-		margin-left: 20px;
-		${(0, utils_1.Larger)((0, react_1.css) `
-			margin-left: 0;
-		`)}
-	}
-
-	margin-right: ${({ tabType }) => (tabType === 'fixed' ? '10px' : '30px')};
-
-	&:last-of-type {
-		margin-right: 20px;
-		${(0, utils_1.Larger)((0, react_1.css) `
-			margin-right: 0;
-		`)}
-	}
-`;
-exports.Wrapper = styled_1.default.div `
-	width: 100%;
-	background-color: transparent;
-
-	overflow-x: ${({ tabType }) => (tabType === 'fixed' ? 'hidden' : 'scroll')};
-	white-space: nowrap;
-
-	${(0, utils_1.Smaller)((0, react_1.css) `
-		/* Mobile) 스크롤바 미노출 */
-		scrollbar-width: none; /* 파이어폭스 */
-
-		::-webkit-scrollbar {
-			display: none; /* 크롬, 사파리, 오페라, 엣지 */
-		}
-	`)}
-`;

package/dist/components/Tag/BaseTag/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { PropsWithChildren } from '../../../types/react';
-type BaseTagStyleProps = {
-    backgroundColor: string;
-    fontColor: string;
-};
-type CommonTagProps = PropsWithChildren<{
-    /** 태그 배치시 줄바꿈 여부(기본값: 줄바꿈) */
-    inline?: boolean;
-}>;
-type BaseTagProps = PropsWithChildren<BaseTagStyleProps & CommonTagProps>;
-declare const BaseTag: React.FC<BaseTagProps>;
-export type { CommonTagProps };
-export { BaseTag };

package/dist/components/Tag/BaseTag/index.js

@@ -1,37 +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.BaseTag = void 0;
-const react_1 = __importDefault(require("react"));
-const Typography_1 = require("../../../core/Typography");
-const Styled = __importStar(require("./index.styled"));
-const BaseTag = ({ children, backgroundColor, fontColor, inline }) => {
-    return (react_1.default.createElement(Styled.Wrapper, { inline: inline, backgroundColor: backgroundColor },
-        react_1.default.createElement(Typography_1.Title4, { color: fontColor }, children)));
-};
-exports.BaseTag = BaseTag;

package/dist/components/Tag/BaseTag/index.styled.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { CommonTagProps } from '.';
-export type BaseTagStyleProps = {
-    backgroundColor: string;
-    fontColor: string;
-};
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Pick<BaseTagStyleProps, "backgroundColor"> & Pick<CommonTagProps, "inline">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Tag/BaseTag/index.styled.js

@@ -1,17 +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.Wrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.Wrapper = styled_1.default.div `
-	box-sizing: border-box;
-	width: max-content;
-	padding: 3px 8px;
-	border-radius: 30px;
-	display: ${({ inline }) => (inline ? 'inline-flex' : 'flex')};
-	align-items: center;
-	justify-content: center;
-	background-color: ${({ backgroundColor }) => backgroundColor};
-`;

package/dist/components/Tag/BlueTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const BlueTag: React.FC<CommonTagProps>;
-export default BlueTag;

package/dist/components/Tag/BlueTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const BlueTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.blue50, fontColor: Colors_1.basicColors.blue400 }, props)));
-exports.default = BlueTag;

package/dist/components/Tag/GrayTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const GrayTag: React.FC<CommonTagProps>;
-export default GrayTag;

package/dist/components/Tag/GrayTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const GrayTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.gray50, fontColor: Colors_1.basicColors.gray600 }, props)));
-exports.default = GrayTag;

package/dist/components/Tag/GreenTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const GreenTag: React.FC<CommonTagProps>;
-export default GreenTag;

package/dist/components/Tag/GreenTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const GreenTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.green50, fontColor: Colors_1.basicColors.green400 }, props)));
-exports.default = GreenTag;

package/dist/components/Tag/LimeTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const LimeTag: React.FC<CommonTagProps>;
-export default LimeTag;

package/dist/components/Tag/LimeTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const LimeTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.lime50, fontColor: Colors_1.basicColors.lime400 }, props)));
-exports.default = LimeTag;

package/dist/components/Tag/PinkTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const PinkTag: React.FC<CommonTagProps>;
-export default PinkTag;

package/dist/components/Tag/PinkTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const PinkTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.pink50, fontColor: Colors_1.basicColors.pink400 }, props)));
-exports.default = PinkTag;

package/dist/components/Tag/PurpleTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const PurpleTag: React.FC<CommonTagProps>;
-export default PurpleTag;

package/dist/components/Tag/PurpleTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const PurpleTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.purple50, fontColor: Colors_1.basicColors.purple400 }, props)));
-exports.default = PurpleTag;

package/dist/components/Tag/RedTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const RedTag: React.FC<CommonTagProps>;
-export default RedTag;

package/dist/components/Tag/RedTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const RedTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.red50, fontColor: Colors_1.basicColors.red400 }, props)));
-exports.default = RedTag;

package/dist/components/Tag/YellowTag.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CommonTagProps } from './BaseTag';
-declare const YellowTag: React.FC<CommonTagProps>;
-export default YellowTag;

package/dist/components/Tag/YellowTag.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 });
-const react_1 = __importDefault(require("react"));
-const Colors_1 = require("../../core/Colors");
-const BaseTag_1 = require("./BaseTag");
-const YellowTag = (props) => (react_1.default.createElement(BaseTag_1.BaseTag, Object.assign({ backgroundColor: Colors_1.basicColors.yellow50, fontColor: Colors_1.basicColors.yellow400 }, props)));
-exports.default = YellowTag;

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

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

package/dist/components/Tag/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 BlueTag_1 = __importDefault(require("./BlueTag"));
-describe('<BlueTag />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(BlueTag_1.default, null, "\uD655\uC778"));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

package/dist/library/ShareUI/Buttons.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type ButtonProps = {
-    handleClickButton: () => void;
-};
-export declare const KakaoButton: React.FC<ButtonProps>;
-export declare const ShareButton: React.FC<ButtonProps>;
-export {};

package/dist/library/ShareUI/Buttons.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 });
-exports.ShareButton = exports.KakaoButton = void 0;
-const react_1 = __importDefault(require("react"));
-const KakaoButton = ({ handleClickButton }) => (react_1.default.createElement("svg", { onClick: handleClickButton, width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("g", { id: "Kakaotalk_Icon_Button" },
-        react_1.default.createElement("circle", { id: "Ellipse 1", cx: "20", cy: "20", r: "20", fill: "#F9E000" }),
-        react_1.default.createElement("path", { id: "Vector", d: "M20.0006 10.7233C14.0824 10.7233 9.28516 14.3347 9.28516 18.7921C9.28516 21.6924 11.3166 24.2343 14.3677 25.6565C14.1431 26.4524 13.5564 28.5433 13.439 28.9904C13.2933 29.5454 13.6515 29.5377 13.8882 29.3893C14.0723 29.2717 16.824 27.4892 18.0117 26.7202C18.6571 26.8108 19.3208 26.859 20.0006 26.859C25.9188 26.859 30.7161 23.2476 30.7161 18.7921C30.7161 14.3366 25.9188 10.7233 20.0006 10.7233Z", fill: "#371C1D" }))));
-exports.KakaoButton = KakaoButton;
-const ShareButton = ({ handleClickButton }) => (react_1.default.createElement("svg", { onClick: handleClickButton, width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("g", { id: "Share_Icon_Button" },
-        react_1.default.createElement("circle", { id: "Ellipse 1", cx: "20", cy: "20", r: "20", fill: "#D0D8DC" }),
-        react_1.default.createElement("g", { id: "link icon" },
-            react_1.default.createElement("path", { id: "Rectangle 3961 (Stroke)", fillRule: "evenodd", clipRule: "evenodd", d: "M13.7902 22.6446C12.8058 23.629 12.8058 25.225 13.7902 26.2094C14.7746 27.1937 16.3706 27.1937 17.355 26.2094L20.1367 23.4277C20.6639 22.9005 21.5187 22.9005 22.0459 23.4277C22.5731 23.9549 22.5731 24.8096 22.0459 25.3369L19.2642 28.1186C17.2254 30.1574 13.9198 30.1574 11.881 28.1185C9.84223 26.0797 9.84223 22.7742 11.881 20.7354L14.6627 17.9537C15.1899 17.4265 16.0447 17.4265 16.5719 17.9537C17.0991 18.4809 17.0991 19.3357 16.5719 19.8629L13.7902 22.6446Z", fill: "white" }),
-            react_1.default.createElement("path", { id: "Rectangle 3961 (Stroke)_2", fillRule: "evenodd", clipRule: "evenodd", d: "M22.6434 13.791C23.6278 12.8067 25.2238 12.8067 26.2082 13.791C27.1926 14.7754 27.1926 16.3714 26.2082 17.3558L23.4265 20.1375C22.8993 20.6647 22.8993 21.5195 23.4265 22.0467C23.9537 22.5739 24.8085 22.5739 25.3357 22.0467L28.1174 19.265C30.1562 17.2262 30.1562 13.9207 28.1174 11.8819C26.0786 9.84305 22.773 9.84305 20.7342 11.8819L17.9525 14.6635C17.4253 15.1908 17.4253 16.0455 17.9525 16.5727C18.4797 17.0999 19.3345 17.0999 19.8617 16.5727L22.6434 13.791Z", fill: "white" }),
-            react_1.default.createElement("rect", { id: "Rectangle 3962", x: "15.3301", y: "22.8126", width: "10.5061", height: "2.62656", rx: "1.31328", transform: "rotate(-45 15.3301 22.8126)", fill: "white" })))));
-exports.ShareButton = ShareButton;

package/dist/library/ShareUI/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import * as Styled from './index.styled';
-type ShareUIBaseProps = {
-    title: string;
-    textToCopy: string;
-    description?: string;
-};
-declare const ShareUIBase: React.FC<ShareUIBaseProps>;
-type ShareUIListProps = ShareUIBaseProps;
-declare const ShareUIList: React.FC<ShareUIListProps>;
-type ShareUICardProps = ShareUIBaseProps & Styled.CardContainerStyleProps;
-declare const ShareUICard: React.FC<ShareUICardProps>;
-export type { ShareUIListProps, ShareUICardProps };
-export { ShareUIBase, ShareUIList, ShareUICard };

package/dist/library/ShareUI/index.js

@@ -1,59 +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.ShareUICard = exports.ShareUIList = exports.ShareUIBase = void 0;
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const Buttons_1 = require("./Buttons");
-const ShareUIBase = ({ title, description, textToCopy }) => {
-    const handleClickKaKaoButton = () => {
-        console.log('TODO: 카카오 공유하기');
-    };
-    const handleClickLinkButton = () => {
-        (0, copy_to_clipboard_1.default)(textToCopy);
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Styled.TitleWrapper, null,
-            description && react_1.default.createElement(Styled.SubTitle, null, description),
-            react_1.default.createElement(Styled.Title, null, title)),
-        react_1.default.createElement(Styled.IconWrapper, null,
-            react_1.default.createElement(Buttons_1.KakaoButton, { handleClickButton: handleClickKaKaoButton }),
-            react_1.default.createElement(Buttons_1.ShareButton, { handleClickButton: handleClickLinkButton }))));
-};
-exports.ShareUIBase = ShareUIBase;
-const ShareUIList = (props) => {
-    return (react_1.default.createElement(Styled.ListContainer, null,
-        react_1.default.createElement(ShareUIBase, Object.assign({}, props))));
-};
-exports.ShareUIList = ShareUIList;
-const ShareUICard = (props) => {
-    return (react_1.default.createElement(Styled.CardContainer, { background: props.background },
-        react_1.default.createElement(ShareUIBase, Object.assign({}, props))));
-};
-exports.ShareUICard = ShareUICard;

package/dist/library/ShareUI/index.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ShareUICardProps, ShareUIListProps } from '.';
-declare const meta: Meta<ShareUICardProps>;
-export default meta;
-export declare const Story2: StoryObj<ShareUICardProps>;
-export declare const Story1: StoryObj<ShareUIListProps>;

package/dist/library/ShareUI/index.stories.js

@@ -1,32 +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.Story1 = exports.Story2 = void 0;
-const react_1 = __importDefault(require("react"));
-const _1 = require(".");
-const meta = {
-    title: 'Library/ShareUI(개발중)',
-    component: _1.ShareUICard,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Story2 = {
-    render: (props) => react_1.default.createElement(_1.ShareUICard, Object.assign({}, props)),
-    args: {
-        title: '최대 두 줄까지 작성 권장',
-        description: '설명 최대 한 줄 권장(optional)',
-        textToCopy: `[챌린지] 요즘 용돈 버는 법, 알려드릴게요!\nhttps://naver.com`,
-        background: 'gray',
-    },
-};
-exports.Story2.storyName = 'ShareUICard';
-exports.Story1 = {
-    render: (props) => react_1.default.createElement(_1.ShareUIList, Object.assign({}, props)),
-    args: {
-        title: '최대 두 줄까지 작성 권장',
-        textToCopy: `[챌린지] 요즘 용돈 버는 법, 알려드릴게요!\nhttps://naver.com`,
-    },
-};
-exports.Story1.storyName = 'ShareUIList';