@pfct/purple 1.3.4-npm-test.1

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

@@ -0,0 +1,87 @@
+"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.BaseButton = void 0;
+const react_1 = __importStar(require("react"));
+const react_2 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const Spinner_1 = require("../../Loading/Spinner");
+const Styled = __importStar(require("./index.styled"));
+const utils_1 = require("../../../utils");
+const DEFAULT_BORER_RADIUS = '10px';
+const BaseButton = (0, react_1.forwardRef)((props, ref) => {
+    const { onClick, children, disabled, className, typography, height, isLoading = false, type = 'button' } = props, restProps = __rest(props, ["onClick", "children", "disabled", "className", "typography", "height", "isLoading", "type"]);
+    return (react_1.default.createElement(ButtonContainer, Object.assign({ ref: ref, onClick: onClick, disabled: disabled || isLoading, className: className, typography: typography, height: height, type: type }, restProps), isLoading ? (react_1.default.createElement(Styled.LottieWrapper, null,
+        react_1.default.createElement(Spinner_1.Spinner, { colorType: "white" }))) : (children)));
+});
+exports.BaseButton = BaseButton;
+const ButtonContainer = styled_1.default.button `
+	border: none;
+
+	${({ typography }) => typography};
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	width: 100%;
+	height: ${({ height }) => height + 'px'};
+	border-radius: ${({ borderRadius }) => borderRadius || DEFAULT_BORER_RADIUS};
+
+	${({ purpose, colorType }) => {
+    const colorStyle = (0, utils_1.singleButtonColorStyle)({ colorType, purpose });
+    return (0, react_2.css) `
+			color: ${colorStyle.textColor};
+			background-color: ${colorStyle.defaultContainerColor};
+
+			&:hover {
+				background-color: ${colorStyle.hoverContainerColor};
+			}
+
+			&:active {
+				background-color: ${colorStyle.focusedContainerColor};
+			}
+
+			&:disabled {
+				color: ${colorStyle.disabledTextColor};
+				background-color: ${colorStyle.disabledContainerColor};
+			}
+		`;
+}}
+`;

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LottieWrapper = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+exports.LottieWrapper = styled_1.default.div `
+	width: 25px;
+	height: 25px;
+`;

package/dist/components/Button/DoubleButton/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SingleButtonProps } from '../SingleButton';
+import { ColorType, PurposeType } from '../../../utils';
+type DoubleButtonProps = {
+    colorType: ColorType;
+    purpose: PurposeType;
+    left: Omit<SingleButtonProps, 'purpose' | 'colorType'>;
+    right: Omit<SingleButtonProps, 'purpose' | 'colorType'>;
+};
+declare const DoubleButton: React.FC<DoubleButtonProps>;
+export type { DoubleButtonProps };
+export { DoubleButton };

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

@@ -0,0 +1,39 @@
+"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.DoubleButton = void 0;
+const react_1 = __importDefault(require("react"));
+const SingleButton_1 = require("../SingleButton");
+const Styled = __importStar(require("./index.styled"));
+const DoubleButton = ({ purpose, colorType, left: { children: leftText, onClick: leftOnClick, className: leftClassName, disabled: leftDisabled }, right: { children: rightText, onClick: rightOnClick, className: rightClassName, disabled: rightDisabled, type: rightType, }, }) => {
+    const leftColorType = purpose === 'main' ? 'gray' : colorType;
+    return (react_1.default.createElement(Styled.Wrapper, null,
+        react_1.default.createElement(SingleButton_1.SingleButton, { onClick: leftOnClick, colorType: leftColorType, purpose: "sub", disabled: leftDisabled, className: leftClassName }, leftText),
+        react_1.default.createElement(SingleButton_1.SingleButton, { onClick: rightOnClick, colorType: colorType, purpose: "main", disabled: rightDisabled, className: rightClassName, type: rightType || 'submit' }, rightText)));
+};
+exports.DoubleButton = DoubleButton;

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

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

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

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

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

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DoubleButtonProps } from '.';
+type Story = StoryObj<DoubleButtonProps>;
+/**
+ * updated 230523
+ *
+ * <a href="https://www.notion.so/fdb21779528c4474ba7e5e500388bf3e?pvs=4" target="_blank">노션페이지</a>
+ * <br/>
+ * **Pattern**
+ *
+ * 정보 영역에서 선택사항이 두 가지일 경우 사용합니다.
+ *
+ * **Hierarchy**
+ *
+ * 더블 버튼은 좌측에 반드시 블루 그레이 틴트 버튼 1개가 함께 사용 되어야 합니다.
+ */
+declare const meta: Meta<DoubleButtonProps>;
+export default meta;
+export declare const MainButton: Story;
+export declare const ColorSubButton: Story;

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

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorSubButton = 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**
+ *
+ * 더블 버튼은 좌측에 반드시 블루 그레이 틴트 버튼 1개가 함께 사용 되어야 합니다.
+ */
+const meta = {
+    title: 'Component/Button/DoubleButton',
+    component: _1.DoubleButton,
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// TODO: 스토리북 docs 점검 필요
+const commonArgs = {
+    colorType: 'pink',
+    purpose: 'main',
+    left: {
+        children: '취소',
+    },
+    right: {
+        children: '확인',
+    },
+};
+// Props 교체 가능
+exports.MainButton = {
+    render: (props) => react_1.default.createElement(_1.DoubleButton, Object.assign({}, props)),
+    args: commonArgs,
+    argTypes: {
+        left: {
+            onClick: { action: 'leftOnClick' },
+        },
+        right: {
+            onClick: { action: 'rightOnClick' },
+        },
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: '비즈니스 전략상 더 중요한 버튼을 강조할 때 우측에 필 버튼을 사용합니다.',
+            },
+        },
+    },
+};
+// UI 확인용
+exports.ColorSubButton = {
+    render: (props) => (react_1.default.createElement(_1.DoubleButton, { purpose: "sub", colorType: "pink", left: Object.assign({}, props.left), right: Object.assign({}, props.right) })),
+    args: commonArgs,
+    parameters: {
+        docs: {
+            description: {
+                story: '중요도가 아주 높진 않지만 약간의 위계를 가진 두 가지 선택에 대해 표현할 때 컬러 틴트 버튼을 사용합니다.',
+            },
+        },
+    },
+};

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

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

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

@@ -0,0 +1,15 @@
+"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 `
+	width: 100%;
+	display: flex;
+
+	> button + button {
+		margin-left: 10px;
+	}
+`;

package/dist/components/Button/FloatBaseButton/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactFCWithChildren } from '../../../types/react';
+type FloatBaseButtonProps = {
+    underlineText?: string;
+    underlineUrl?: string;
+    underlineOnClick?: () => void;
+    underlineDisabled?: boolean;
+};
+declare const FloatBaseButton: ReactFCWithChildren<FloatBaseButtonProps>;
+export type { FloatBaseButtonProps };
+export { FloatBaseButton };

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

@@ -0,0 +1,40 @@
+"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.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare const FloatButtonWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, 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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GradientSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MiniButtonSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ButtonSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ButtonWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,53 @@
+"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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DoubleButtonProps } from '../DoubleButton';
+import { FloatBaseButtonProps } from '../FloatBaseButton';
+type FloatDoubleButtonProps = DoubleButtonProps & FloatBaseButtonProps;
+declare const FloatDoubleButton: React.FC<FloatDoubleButtonProps>;
+export type { FloatDoubleButtonProps };
+export { FloatDoubleButton };

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

@@ -0,0 +1,51 @@
+"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

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

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

@@ -0,0 +1,14 @@
+"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

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

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

@@ -0,0 +1,10 @@
+"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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SingleButtonProps } from '../SingleButton';
+import { FloatBaseButtonProps } from '../FloatBaseButton';
+type FloatSingleButtonProps = SingleButtonProps & FloatBaseButtonProps;
+declare const FloatSingleButton: React.FC<FloatSingleButtonProps>;
+export type { FloatSingleButtonProps };
+export { FloatSingleButton };

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

@@ -0,0 +1,26 @@
+"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

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

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

@@ -0,0 +1,14 @@
+"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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BaseButtonProps } from '../BaseButton';
+type SingleButtonProps = BaseButtonProps;
+declare const SingleButton: React.FC<SingleButtonProps>;
+export type { SingleButtonProps };
+export { SingleButton };

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

@@ -0,0 +1,26 @@
+"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

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