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

package/dist/components/Control/CheckBox/index.js

@@ -1,53 +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.CheckBox = void 0;
-const react_1 = __importStar(require("react"));
-const CheckIcon_1 = __importDefault(require("./CheckIcon"));
-const Styled = __importStar(require("./index.styled"));
-const utils_1 = require("../../../utils");
-const CheckBox = ({ onChange, colorType, type = 'fill', disabled = false, checked }) => {
-    const handleChecked = (0, react_1.useCallback)(() => {
-        if (!disabled) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
-        }
-    }, [checked, disabled, onChange]);
-    const colorStyle = (0, utils_1.checkBoxColorStyle)(colorType);
-    const status = checked ? 'on' : 'off';
-    const state = disabled ? 'disabled' : 'default';
-    const fillCheckboxBackgroundColor = (0, react_1.useMemo)(() => colorStyle[state][status].containerColor, [colorStyle, state, status]);
-    const fillCheckboxBorder = (0, react_1.useMemo)(() => colorStyle[state][status].borderColor, [colorStyle, state, status]);
-    const lineCheckBoxFillColor = (0, react_1.useMemo)(() => colorStyle[state][status].iconColor, [colorStyle, state, status]);
-    const FillCheckBox = (react_1.default.createElement(Styled.Layer, { onClick: handleChecked, fillCheckboxBorder: fillCheckboxBorder, backgroundColor: fillCheckboxBackgroundColor, disabled: disabled },
-        react_1.default.createElement(Styled.IconWrapper, null, checked && react_1.default.createElement(CheckIcon_1.default, null))));
-    const LineCheckBox = (react_1.default.createElement(Styled.LineLayer, { onClick: handleChecked, disabled: disabled },
-        react_1.default.createElement(Styled.IconWrapper, null,
-            react_1.default.createElement(CheckIcon_1.default, { fill: lineCheckBoxFillColor }))));
-    return type === 'fill' ? FillCheckBox : LineCheckBox;
-};
-exports.CheckBox = CheckBox;

package/dist/components/Control/CheckBox/index.spec.d.ts

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

package/dist/components/Control/CheckBox/index.spec.js

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

package/dist/components/Control/CheckBox/index.stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CheckBoxProps } from '.';
-type Story = StoryObj<CheckBoxProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Control-462646debf424154a108e1931f16c034?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 여러 옵션 중에서 하나 또는 두 개 이상의 항목을 선택하는 컨트롤입니다.
- *
- */
-declare const meta: Meta<CheckBoxProps>;
-export default meta;
-export declare const Story1: Story;
-export declare const Story2: Story;

package/dist/components/Control/CheckBox/index.stories.js

@@ -1,73 +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/Control-462646debf424154a108e1931f16c034?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 여러 옵션 중에서 하나 또는 두 개 이상의 항목을 선택하는 컨트롤입니다.
- *
- */
-const meta = {
-    title: 'Component/Control/CheckBox',
-    component: _1.CheckBox,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-const Component = (props) => {
-    const [value, setValue] = (0, react_1.useState)(true);
-    const onChange = (checked) => {
-        setValue(checked);
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(_1.CheckBox, Object.assign({}, props, { onChange: onChange, checked: value }))));
-};
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => react_1.default.createElement(Component, Object.assign({}, props)),
-    args: {
-        colorType: 'blue',
-        type: 'line',
-    },
-    argTypes: {
-        onChange: { action: 'onChange' },
-    },
-};
-exports.Story1.storyName = '체크박스_라인';
-exports.Story2 = {
-    render: (props) => react_1.default.createElement(Component, Object.assign({}, props)),
-    args: {
-        colorType: 'blue',
-        type: 'fill',
-    },
-    argTypes: {
-        onChange: { action: 'onChange' },
-    },
-};
-exports.Story2.storyName = '체크박스_필';

package/dist/components/Control/CheckBox/index.styled.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.IconWrapper = exports.LineLayer = exports.Layer = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.Layer = styled_1.default.div `
-	box-sizing: border-box;
-	width: 21px;
-	height: 21px;
-	background-color: ${({ backgroundColor }) => backgroundColor};
-	border-radius: 2px;
-	position: relative;
-	cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
-	border: 2px solid ${({ fillCheckboxBorder }) => fillCheckboxBorder};
-`;
-exports.LineLayer = styled_1.default.div `
-	width: 21px;
-	height: 21px;
-	box-sizing: border-box;
-	position: relative;
-	cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
-`;
-exports.IconWrapper = styled_1.default.div `
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-`;

package/dist/components/Control/CheckMark/CheckMark.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 });
-const Colors_1 = require("../../../core/Colors");
-const react_1 = __importDefault(require("react"));
-const CheckMarkIcon = ({ fill = Colors_1.basicColors.gray100 }) => {
-    return (react_1.default.createElement("svg", { width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25ZM7.19017 13.8888C6.87136 13.57 6.87136 13.0531 7.19017 12.7343L7.37189 12.5525C7.6907 12.2337 8.20759 12.2337 8.52639 12.5525L11.2899 15.3161L17.3939 9.21205C17.7128 8.89325 18.2296 8.89325 18.5484 9.21206L18.7302 9.39378C19.049 9.71259 19.049 10.2295 18.7302 10.5483L11.8673 17.4112C11.6587 17.6198 11.3652 17.6919 11.0979 17.6274C10.9567 17.5935 10.8227 17.5213 10.7125 17.4111L7.19017 13.8888Z", fill: fill })));
-};
-exports.default = CheckMarkIcon;

package/dist/components/Control/CheckMark/index.js

@@ -1,47 +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.CheckMark = void 0;
-const utils_1 = require("../../../utils");
-const react_1 = __importStar(require("react"));
-const CheckMark_1 = __importDefault(require("./CheckMark"));
-const Styled = __importStar(require("./index.styled"));
-const CheckMark = ({ colorType, checked, onChange, disabled = false }) => {
-    const handleChecked = (0, react_1.useCallback)(() => {
-        if (!disabled) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
-        }
-    }, [checked, disabled, onChange]);
-    const colorStyle = (0, utils_1.checkMarkColorStyle)(colorType);
-    const status = checked ? 'on' : 'off';
-    const state = disabled ? 'disabled' : 'default';
-    const fillColor = (0, react_1.useMemo)(() => colorStyle[state][status].containerColor, [colorStyle, state, status]);
-    return (react_1.default.createElement(Styled.CheckMarkLayer, { onClick: handleChecked, disabled: disabled },
-        react_1.default.createElement(CheckMark_1.default, { fill: fillColor })));
-};
-exports.CheckMark = CheckMark;

package/dist/components/Control/CheckMark/index.spec.d.ts

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

package/dist/components/Control/CheckMark/index.spec.js

@@ -1,23 +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 = {
-    checked: true,
-    colorType: 'pink',
-    onChange: () => {
-        console.log('onChange');
-    },
-};
-describe('<CheckMark />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
-            "\uD655\uC778",
-            react_1.default.createElement(_1.CheckMark, Object.assign({}, props))));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});

package/dist/components/Control/CheckMark/index.stories.d.ts

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CheckMarkProps } from '.';
-type Story = StoryObj<CheckMarkProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Control-462646debf424154a108e1931f16c034?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 반드시 확인해야 하는 정보를 확인했을 시 선택하는 컨트롤입니다.
- *
- */
-declare const meta: Meta<CheckMarkProps>;
-export default meta;
-export declare const Story1: Story;

package/dist/components/Control/CheckMark/index.stories.js

@@ -1,60 +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.Story1 = void 0;
-const react_1 = __importStar(require("react"));
-const _1 = require(".");
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Control-462646debf424154a108e1931f16c034?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 반드시 확인해야 하는 정보를 확인했을 시 선택하는 컨트롤입니다.
- *
- */
-const meta = {
-    title: 'Component/Control/CheckMark',
-    component: _1.CheckMark,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-const Component = (props) => {
-    const [value, setValue] = (0, react_1.useState)(true);
-    const onChange = (checked) => {
-        setValue(checked);
-    };
-    return react_1.default.createElement(_1.CheckMark, Object.assign({}, props, { onChange: onChange, checked: value }));
-};
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => react_1.default.createElement(Component, Object.assign({}, props)),
-    args: {
-        colorType: 'blue',
-    },
-    argTypes: {
-        onChange: { action: 'onChange' },
-    },
-};
-exports.Story1.storyName = '체크마크';

package/dist/components/Control/CheckMark/index.styled.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 });
-exports.CheckMarkLayer = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.CheckMarkLayer = styled_1.default.div `
-	width: 25px;
-	height: 25px;
-	border-radius: 50%;
-	position: relative;
-	cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
-`;

package/dist/components/Control/RadioButton/index.js

@@ -1,33 +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.RadioButton = void 0;
-const react_1 = __importStar(require("react"));
-const Styled = __importStar(require("./index.styled"));
-const RadioButton = ({ name, value, colorType, checked, onChange, disabled = false }) => {
-    const ref = (0, react_1.useRef)(null);
-    return (react_1.default.createElement(Styled.Input, { ref: ref, type: "radio", checked: checked, name: name, value: value, onChange: onChange, disabled: disabled, colorType: colorType }));
-};
-exports.RadioButton = RadioButton;

package/dist/components/Control/RadioButton/index.spec.d.ts

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

package/dist/components/Control/RadioButton/index.spec.js

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

package/dist/components/Control/RadioButton/index.stories.d.ts

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { RadioButtonProps } from '.';
-type Story = StoryObj<RadioButtonProps>;
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Control-462646debf424154a108e1931f16c034?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 여러 옵션 중에서 하나의 항목만 선택하는 컨트롤입니다.
- *
- */
-declare const meta: Meta<RadioButtonProps>;
-export default meta;
-export declare const Story1: Story;

package/dist/components/Control/RadioButton/index.stories.js

@@ -1,74 +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.Story1 = void 0;
-const react_1 = __importStar(require("react"));
-const _1 = require(".");
-/**
- * updated 230523
- *
- * <a href="https://www.notion.so/Control-462646debf424154a108e1931f16c034?pvs=4" target="_blank">노션페이지</a>
- * <br/>
- * 여러 옵션 중에서 하나의 항목만 선택하는 컨트롤입니다.
- *
- */
-const meta = {
-    title: 'Component/Control/RadioButton',
-    component: _1.RadioButton,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-const A_VALUE = '선택 A';
-const B_VALUE = '선택 B';
-const Component = (props) => {
-    const [selected, setSelected] = (0, react_1.useState)('');
-    const onChange = (e) => {
-        setSelected(e.target.value);
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        "selected: ",
-        selected,
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
-            react_1.default.createElement("label", null, "\uC120\uD0DD A"),
-            react_1.default.createElement(_1.RadioButton, Object.assign({}, props, { value: A_VALUE, checked: selected === A_VALUE, onChange: onChange }))),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
-            react_1.default.createElement("label", null, "\uC120\uD0DD B"),
-            react_1.default.createElement(_1.RadioButton, Object.assign({}, props, { value: B_VALUE, checked: selected === B_VALUE, onChange: onChange })))));
-};
-// Props 교체 가능
-exports.Story1 = {
-    render: (props) => react_1.default.createElement(Component, Object.assign({}, props)),
-    args: {
-        colorType: 'blue',
-        name: 'same name',
-    },
-    argTypes: {
-        onChange: { action: 'onChange' },
-    },
-};
-exports.Story1.storyName = '라디오버튼';

package/dist/components/Control/RadioButton/index.styled.js

@@ -1,38 +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.Input = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const utils_1 = require("../../../utils");
-exports.Input = styled_1.default.input `
-	box-sizing: border-box;
-	-webkit-appearance: none;
-	appearance: none;
-	margin: 0;
-	font: inherit;
-	color: currentColor;
-	width: 21px;
-	height: 21px;
-	border-style: solid;
-	border-width: 2px;
-	border-radius: 50%;
-	display: grid;
-	place-content: center;
-	background: transparent;
-	cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
-
-	background-color: ${({ colorType, disabled }) => (0, utils_1.radioButtonColorStyle)(colorType)[disabled ? 'disabled' : 'default'].off.containerColor};
-	border-color: ${({ colorType, disabled }) => (0, utils_1.radioButtonColorStyle)(colorType)[disabled ? 'disabled' : 'default'].off.borderColor};
-
-	&:checked {
-		border-width: 6px;
-		background-color: ${({ colorType, disabled }) => (0, utils_1.radioButtonColorStyle)(colorType)[disabled ? 'disabled' : 'default'].on.containerColor};
-		border-color: ${({ colorType, disabled }) => (0, utils_1.radioButtonColorStyle)(colorType)[disabled ? 'disabled' : 'default'].on.borderColor};
-	}
-
-	&:focus {
-		outline: none;
-	}
-`;

package/dist/components/Control/Switch/index.js

@@ -1,45 +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.Switch = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("../../../utils");
-const Styled = __importStar(require("./index.styled"));
-const Switch = ({ colorType, value: checked, disabled = false, size = 'm', onChange }) => {
-    const handleActive = (0, react_1.useCallback)(() => {
-        if (!disabled) {
-            onChange(!checked);
-        }
-    }, [disabled, onChange, checked]);
-    const fillColor = (0, react_1.useMemo)(() => {
-        const colorStyle = (0, utils_1.switchColorStyle)(colorType);
-        const state = disabled ? 'disabled' : 'default';
-        const on_off = checked ? 'on' : 'off';
-        return colorStyle[state][on_off].containerColor;
-    }, [colorType, disabled, checked]);
-    return (react_1.default.createElement(Styled.Wrapper, { backgroundColor: fillColor, disabled: disabled, onClick: handleActive, size: size },
-        react_1.default.createElement(Styled.Control, { active: checked, size: size })));
-};
-exports.Switch = Switch;

package/dist/components/Control/Switch/index.spec.d.ts

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

package/dist/components/Control/Switch/index.spec.js

@@ -1,23 +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 = {
-    colorType: 'pink',
-    value: true,
-    onChange: () => {
-        console.log('onChange');
-    },
-};
-describe('<Switch />', () => {
-    it('렌더링 체크', () => {
-        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
-            "\uD655\uC778",
-            react_1.default.createElement(_1.Switch, Object.assign({}, props))));
-        expect(react_2.screen.getByText('확인')).toBeInTheDocument();
-    });
-});