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

package/dist/components/DatePicker/SingleDatePickerModal/index.js

@@ -1,54 +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 __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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleDatePickerModal = void 0;
-const react_1 = __importDefault(require("react"));
-const BaseDatePicker_1 = require("../BaseDatePicker");
-const Styled = __importStar(require("./index.styled"));
-const components_1 = require("../../../components");
-const SingleDatePickerModal = (props) => {
-    const { title, visibleModal, colorType, rightDisabled, onReset, onConfirm, closeModal } = props;
-    return (react_1.default.createElement(components_1.NavBottomSheet, { visible: visibleModal, onMaskClick: closeModal },
-        react_1.default.createElement(components_1.NavBottomSheet.Navigation, { title: title, contentColor: "gray", hasBackgroundColor: true }),
-        react_1.default.createElement(components_1.NavBottomSheet.Body, { hasContentPadding: false, hasBottomPadding: false },
-            react_1.default.createElement(Styled.ModalContentWrapper, null,
-                react_1.default.createElement(BaseDatePicker_1.BaseDatePicker, Object.assign({}, props)))),
-        react_1.default.createElement(components_1.NavBottomSheet.DoubleButton, { purpose: "main", colorType: colorType, left: {
-                children: '재설정',
-                onClick: onReset,
-            }, right: {
-                children: '확인',
-                disabled: rightDisabled,
-                onClick: onConfirm,
-            } })));
-};
-exports.SingleDatePickerModal = SingleDatePickerModal;
-__exportStar(require("./useSingleDatePickerModal"), exports);

package/dist/components/DatePicker/SingleDatePickerModal/index.stories.d.ts

@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { SingleDatePickerModalHooksProps } from './useSingleDatePickerModal';
-type StoryProps = {
-    disabledDates: SingleDatePickerModalHooksProps['disabledDates'];
-    colorType: SingleDatePickerModalHooksProps['colorType'];
-};
-type Story = StoryObj<StoryProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Date-Picker-f1d8e79caa964c5d9f94015f5b6d1b54?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 특정 날짜를 선택하거나 기간을 선택할 때 사용합니다.
- *
- */
-declare const meta: Meta<StoryProps>;
-export default meta;
-export declare const Story3: Story;

package/dist/components/DatePicker/SingleDatePickerModal/index.stories.js

@@ -1,80 +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.Story3 = void 0;
-const react_1 = __importStar(require("react"));
-const index_util_1 = require("../BaseDatePicker/hooks/index.util");
-const useSingleDatePickerModal_1 = require("./useSingleDatePickerModal");
-const _1 = require(".");
-const library_1 = require("../../../library");
-const Button_1 = require("../../../components/Button");
-const utils_1 = require("../../../utils");
-const types_1 = require("../../../types");
-const ThemeColor = 'gray';
-const today = new types_1.PurpleDate().today;
-const SingleDatePickerModalComponent = (hookInput) => {
-    const [selectedDate, setSelectedDate] = (0, react_1.useState)(types_1.EMPTY_DATE);
-    const [displayDate, setDisplayDate] = (0, react_1.useState)(today);
-    const props = (0, useSingleDatePickerModal_1.useSingleDatePickerModal)(Object.assign(Object.assign({}, hookInput), { selectedDate,
-        displayDate, onUpdateSelectedDate: setSelectedDate, onUpdateDisplayDate: setDisplayDate }));
-    const displaySelectedStartDate = (0, index_util_1.convertDateToDisplayString)(selectedDate, '선택 전');
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        "\uC120\uD0DD\uB41C \uB0A0\uC9DC : ",
-        displaySelectedStartDate,
-        react_1.default.createElement(library_1.Spacing, { spaceNumber: 15 }),
-        react_1.default.createElement(Button_1.SingleButton, { onClick: props.openModal, colorType: ThemeColor, purpose: "main" }, "SingleDatePicker OPEN"),
-        react_1.default.createElement(_1.SingleDatePickerModal, Object.assign({}, props, { title: "\uC0C1\uD658\uC77C\uC790 \uC120\uD0DD", colorType: ThemeColor }))));
-};
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Date-Picker-f1d8e79caa964c5d9f94015f5b6d1b54?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 특정 날짜를 선택하거나 기간을 선택할 때 사용합니다.
- *
- */
-const meta = {
-    title: 'Component/DatePicker',
-    component: SingleDatePickerModalComponent,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Story3 = {
-    render: (props) => react_1.default.createElement(SingleDatePickerModalComponent, Object.assign({}, props)),
-    args: {
-        disabledDates: [
-            [new types_1.PurpleDate([2023, 9, 2]), new types_1.PurpleDate([2023, 9, 4])],
-            [new types_1.PurpleDate([2023, 9, 27]), new types_1.PurpleDate([2023, 9, 27])],
-        ],
-        colorType: ThemeColor,
-    },
-    argTypes: {
-        colorType: {
-            options: utils_1.ColorTypeArray,
-            control: { type: 'radio' },
-        },
-    },
-};
-exports.Story3.storyName = 'SingleDatePicker (바탐시트)';

package/dist/components/DatePicker/SingleDatePickerModal/index.styled.js

@@ -1,12 +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.ModalContentWrapper = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.ModalContentWrapper = styled_1.default.div `
-	width: 100%;
-	display: flex;
-	justify-content: center;
-`;

package/dist/components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSingleDatePickerModal = void 0;
-const react_1 = require("react");
-const useSingleDatePicker_1 = require("../SingleDatePicker/hooks/useSingleDatePicker");
-const types_1 = require("../../../types");
-const today = new types_1.PurpleDate().today;
-const useSingleDatePickerModal = (props) => {
-    const [visibleModal, setVisibleModal] = (0, react_1.useState)(false);
-    const [tempSelectedDate, setTempSelectedDate] = (0, react_1.useState)(props.selectedDate);
-    const rightDisabled = !tempSelectedDate;
-    const baseDatePicker = (0, useSingleDatePicker_1.useSingleDatePicker)(Object.assign(Object.assign({}, props), { 
-        // 모달 내 임시 value, setter
-        selectedDate: tempSelectedDate, onUpdateSelectedDate: setTempSelectedDate }));
-    const openModal = () => {
-        setVisibleModal(true);
-        props.onUpdateDisplayDate(props.selectedDate || today);
-        setTempSelectedDate(props.selectedDate);
-    };
-    const closeModal = () => {
-        setVisibleModal(false);
-    };
-    const onReset = () => {
-        baseDatePicker.resetSelectedData();
-    };
-    const onConfirm = () => {
-        props.onUpdateSelectedDate(tempSelectedDate);
-        closeModal();
-    };
-    return Object.assign(Object.assign({}, baseDatePicker), { visibleModal,
-        rightDisabled,
-        openModal,
-        closeModal,
-        onReset,
-        onConfirm });
-};
-exports.useSingleDatePickerModal = useSingleDatePickerModal;

package/dist/components/DatePicker/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("./BaseDatePicker"), exports);
-__exportStar(require("./SingleDatePicker"), exports);
-__exportStar(require("./RangeDatePicker"), exports);
-__exportStar(require("./SingleDatePickerModal"), exports);
-__exportStar(require("./RangeDatePickerModal"), exports);

package/dist/components/Divider/index.js

@@ -1,36 +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.Divider = void 0;
-const react_1 = __importDefault(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const Divider = ({ size }) => {
-    return (react_1.default.createElement(Styled.Wrapper, { size: size },
-        react_1.default.createElement(Styled.DividerItem, { size: size })));
-};
-exports.Divider = Divider;

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

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

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

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

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

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { DividerProps } from '.';
-type Story = StoryObj<DividerProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Divider-c55b581b23ce49ad80f9a50fe84946be?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 정보를 시각적으로 구분하거나 그룹화하기 위해 사용합니다.
- *
- */
-declare const meta: Meta<DividerProps>;
-export default meta;
-export declare const Story1: Story;
-export declare const Story2: Story;

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

@@ -1,51 +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(".");
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Divider-c55b581b23ce49ad80f9a50fe84946be?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 정보를 시각적으로 구분하거나 그룹화하기 위해 사용합니다.
- *
- */
-const meta = {
-    title: 'Component/Divider',
-    component: _1.Divider,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => react_1.default.createElement(_1.Divider, Object.assign({}, props)),
-    args: {
-        size: 'm',
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '서로 다른 섹션을 구분해야할 때 M 사이즈를 사용합니다.',
-            },
-        },
-    },
-};
-exports.Story1.storyName = '디바이더_m';
-exports.Story2 = {
-    render: (props) => react_1.default.createElement(_1.Divider, Object.assign({}, props)),
-    args: {
-        size: 's',
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: '같은 섹션 안의 콘텐츠를 구분할 때 S 사이즈를 사용합니다.',
-            },
-        },
-    },
-};
-exports.Story2.storyName = '디바이더_s';

package/dist/components/Divider/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.DividerItem = exports.Wrapper = void 0;
-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%;
-`;
-exports.DividerItem = styled_1.default.div `
-	width: 100%;
-	background-color: ${({ size }) => (size === 's' ? Colors_1.basicColors.gray50 : Colors_1.basicColors.gray25)};
-	height: ${({ size }) => (size === 's' ? '1px' : '15px')};
-`;

package/dist/components/Input/BaseInput/index.js

@@ -1,103 +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.BaseInputStyled = exports.BaseInput = void 0;
-const react_1 = __importStar(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const InputFrame_1 = require("../common/InputFrame");
-/**
- * @description input decoration은 항상 오른쪽에 위치해 있다.
- */
-const BaseInput = react_1.default.forwardRef((props, forwardedRef) => {
-    const { value = '', placeholder, onBlur, onFocus, onChange, disabled, label, decoration, errorValidation, logRocketMasking, focus = false, focusedAnimation = true, format = '', pattern, type } = props, otherProps = __rest(props, ["value", "placeholder", "onBlur", "onFocus", "onChange", "disabled", "label", "decoration", "errorValidation", "logRocketMasking", "focus", "focusedAnimation", "format", "pattern", "type"]);
-    const [errorText, setErrorText] = (0, react_1.useState)('');
-    const [focused, setFocused] = (0, react_1.useState)(false);
-    const inputRef = (0, react_1.useRef)(null);
-    const active = focused || Boolean(value);
-    const showPlaceHolder = (label && active) || !label;
-    const handleInputFocusState = (0, react_1.useCallback)((e) => {
-        const { type } = e;
-        if (otherProps.readOnly || disabled) {
-            return;
-        }
-        if (focusedAnimation) {
-            setFocused(type === 'focus');
-        }
-    }, [disabled, focusedAnimation, otherProps.readOnly]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (focus) {
-            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [focus]);
-    (0, react_1.useEffect)(() => {
-        const cleanValue = value.replace(format, '').trim();
-        if (cleanValue && errorValidation) {
-            for (let i = 0; i < errorValidation.length; i++) {
-                if (!errorValidation[i].condition(value) && value.length !== 0) {
-                    setErrorText(errorValidation[i].errorText);
-                    break;
-                }
-                else {
-                    setErrorText('');
-                }
-            }
-        }
-    }, [value, errorValidation, format]);
-    (0, react_1.useEffect)(() => {
-        const numberInput = inputRef.current;
-        const handleWheel = (e) => {
-            e.preventDefault();
-        };
-        if (numberInput) {
-            numberInput.addEventListener('wheel', handleWheel);
-            return () => {
-                numberInput.removeEventListener('wheel', handleWheel);
-            };
-        }
-    }, []);
-    return (react_1.default.createElement(InputFrame_1.InputFrame, { label: label, focused: focused, active: active, disabled: Boolean(disabled), errorText: errorText },
-        react_1.default.createElement(Styled.InputTag, Object.assign({ "data-private": logRocketMasking, ref: forwardedRef || inputRef, name: label, disabled: disabled, value: value, onChange: onChange, onFocus: (e) => {
-                onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-                handleInputFocusState(e);
-            }, onBlur: (e) => {
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                handleInputFocusState(e);
-            }, decoration: Boolean(decoration), pattern: type === 'number' ? '\\d*' : pattern, type: type, hasLabel: Boolean(label), placeholder: showPlaceHolder ? placeholder : '' }, otherProps)),
-        decoration && react_1.default.createElement(Styled.DecorationItemWrapper, { disabled: disabled }, decoration)));
-});
-exports.BaseInput = BaseInput;
-exports.BaseInputStyled = __importStar(require("./index.styled"));

package/dist/components/Input/BaseInput/index.spec.d.ts

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

package/dist/components/Input/BaseInput/index.spec.js

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

package/dist/components/Input/BaseInput/index.styled.js

@@ -1,78 +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.DecorationItemWrapper = exports.InputTag = 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 constant_1 = require("../common/InputFrame/constant");
-const index_styled_1 = require("../common/InputFrame/index.styled");
-exports.InputTag = styled_1.default.input `
-	${TextStyles_1.typography.title1};
-
-	box-sizing: border-box;
-	width: 100%;
-	height: ${constant_1.INPUT_HEIGHT}px;
-
-	padding-left: ${constant_1.INNER_POSITION_LEFT}px;
-
-	${({ hasLabel }) => hasLabel
-    ? (0, react_1.css) `
-					padding-top: ${constant_1.INNER_POSITION_TOP.hasLabel}px;
-					padding-bottom: ${constant_1.INNER_POSITION_BOTTOM.hasLabel}px;
-			  `
-    : (0, react_1.css) `
-					padding-bottom: ${constant_1.INNER_POSITION_BOTTOM.noLabel}px;
-			  `};
-
-	color: ${Colors_1.basicColors.gray900};
-	transition: all 0.2s;
-	border: none;
-	background-color: transparent;
-	-webkit-appearance: none;
-
-	&::-webkit-date-and-time-value {
-		text-align: initial;
-	}
-
-	&::-webkit-outer-spin-button,
-	&::-webkit-inner-spin-button {
-		-webkit-appearance: none;
-		margin: 0;
-	}
-
-	${({ decoration }) => decoration
-    ? (0, react_1.css) `
-					border-top-left-radius: 10px;
-					border-bottom-left-radius: 10px;
-			  `
-    : (0, react_1.css) `
-					border-radius: 10px;
-			  `}
-
-	&:disabled {
-		color: ${index_styled_1.InputDisabledTextColor};
-		-webkit-text-fill-color: ${Colors_1.basicColors.gray200};
-		opacity: 1;
-	}
-
-	&:focus {
-		outline: none;
-	}
-
-	&::placeholder {
-		${({ hasLabel }) => (0, index_styled_1.NotActivePlaceholderOrLabelStyle)({ hasLabel })}
-	}
-`;
-exports.DecorationItemWrapper = styled_1.default.div `
-	height: 100%;
-	display: flex;
-	align-items: center;
-	padding-right: 15px;
-	border-top-right-radius: 10px;
-	border-bottom-right-radius: 10px;
-	background-color: ${({ disabled }) => (disabled ? Colors_1.basicColors.gray25 : Colors_1.basicColors.white)};
-`;

package/dist/components/Input/NumberInput/index.js

@@ -1,54 +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 });
-const react_1 = __importStar(require("react"));
-const BaseInput_1 = require("../BaseInput");
-const rifm_1 = require("rifm");
-const utils_1 = require("../../../utils");
-const NumberInput = (props) => {
-    const { originValue, onValueChange, postfix = '', prefix = '', max = Number.MAX_SAFE_INTEGER } = props, restProps = __rest(props, ["originValue", "onValueChange", "postfix", "prefix", "max"]);
-    const formattingValue = (0, react_1.useCallback)((value) => {
-        return (0, utils_1.extractNumber)(value).length > 0 ? `${prefix}${(0, utils_1.formatKoreaCurrency)(value)} ${postfix}` : '';
-    }, [postfix, prefix]);
-    return (react_1.default.createElement(rifm_1.Rifm, { accept: /[\d]/g, format: formattingValue, value: originValue, onChange: (val) => onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange((0, utils_1.extractNumber)(val)) }, ({ value, onChange }) => (react_1.default.createElement(BaseInput_1.BaseInput, Object.assign({ type: "tel", format: postfix, value: value, onChange: (e) => {
-            const numeric = (0, utils_1.extractNumber)(e.target.value);
-            if (Number(numeric) > max) {
-                e.target.value = originValue;
-            }
-            onChange(e);
-        } }, restProps)))));
-};
-exports.default = NumberInput;

package/dist/components/Input/NumberInput/index.spec.d.ts

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

package/dist/components/Input/NumberInput/index.spec.js

@@ -1,19 +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 = __importDefault(require("."));
-const props = {
-    originValue: '',
-};
-describe('<NumberInput />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
-            "\uD655\uC778",
-            react_1.default.createElement(_1.default, Object.assign({}, props))));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});