pds-dev-kit-web-test 0.1.5 → 0.1.6

package/dist/src/desktop/components/IconButton/IconButton.stories.js

@@ -1,109 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var IconButton_1 = __importDefault(require("./IconButton"));
-exports.default = {
-    title: 'desktop/components/IconButton',
-    component: IconButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 IconButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        fillType: {
-            description: '디자인 표현이 선형인지, 면인지를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        shapeType: {
-            description: '버튼의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        baseSize: {
-            description: '버튼의 크기를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        baseColorKey: {
-            description: '배경 컬러입니다. (fillType이 fill일때만 적용됩니다.)(ui_cpnt_button_fill_base_transparent값이 들어올 경우, hover와 active관련 색상 변경이 무시됩니다.)',
-            control: { type: 'text' }
-        },
-        borderColorKey: {
-            description: '라인의 컬러입니다. (지금 사용하지 않습니다.)(fillType이 line일때만 적용됩니다.)',
-            control: { type: 'text' }
-        },
-        iconSize: {
-            description: '아이콘의 크기를 결정합니다.',
-            control: { type: 'inline-radio' },
-            options: [16, 24, 48, 12, 20, 72]
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'select' }
-        },
-        iconColorKey: {
-            description: '아이콘 컬러를 설정합니다.',
-            control: { type: 'text' }
-        },
-        shadow: {
-            description: '그림자 유무를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다. fillType을 고려하여 만들어졌지만, 코드에서 예외처리를 하지 않습니다. 예를 들어, Line fillType에 최적화된 컬러테마를 Fill fillType에 적용한 것은 그냥 사람이 잘못한 것입니다.',
-            control: { type: 'inline-radio' }
-        },
-        type: {
-            description: '버튼 태그 자체의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        tabIndex: {
-            description: '포커스 순서를 지정해줄 수 있습니다.',
-            control: { type: 'number' }
-        },
-        onClick: {
-            action: 'onClick'
-        },
-        onMouseDown: {
-            action: 'onMouseDown'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(IconButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    fillType: 'fill',
-    shapeType: 'rectangle',
-    baseSize: 'small',
-    iconSize: 24,
-    iconFillType: 'line',
-    iconName: 'ic_arrow_down',
-    shadow: 'hidden',
-    colorTheme: 'none',
-    type: 'button',
-    state: 'normal'
-};

package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ status, src, imageShapeType, imageWidth, imageRatio, radius, borderMode }: import("./ImageSlide").ImageSlideProps) => JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<({ status, src, imageShapeType, imageWidth, imageRatio, radius, borderMode }: import("./ImageSlide").ImageSlideProps) => JSX.Element>;

package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.js

@@ -1,73 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var ImageSlide_1 = __importDefault(require("./ImageSlide"));
-exports.default = {
-    title: 'desktop/components/ImageSlide',
-    component: ImageSlide_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: '여러 장의 이미지를 업로드 했을 시, 사용자가 쉽게 여러 장의 이미지가 있다는 것을 인지시키기 위해 표시하는 것을 말합니다.'
-            }
-        }
-    },
-    argTypes: {
-        status: {
-            description: '슬라이더의 표시 상태를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        src: {
-            description: '표시할 이미지의 주소 값입니다.',
-            control: { type: 'object' }
-        },
-        imageShapeType: {
-            description: '이미지의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        imageWidth: {
-            description: '이미지의 너비 결정'
-        },
-        imageRatio: {
-            description: 'width에 의한 height 값을 구하기 위한 비율입니다.',
-            control: { type: 'inline-radio' }
-        },
-        radius: {
-            description: '모서리 값을 결정합니다. (shapeType=round일 때만 적용됩니다.)',
-            control: { type: 'inline-radio' },
-            options: [8, 16, 24]
-        },
-        borderMode: {
-            description: '이미지에 1px의 border 사용을 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(ImageSlide_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    src: [
-        'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80',
-        'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80'
-    ],
-    imageShapeType: 'round',
-    imageWidth: 'responsive',
-    imageRatio: '1_1',
-    radius: 24,
-    borderMode: 'none'
-};

package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.d.ts

@@ -1,6 +0,0 @@
-import LottieReactionButton from './LottieReactionButton';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof LottieReactionButton>;
-export default _default;
-export declare const Default: ComponentStory<typeof LottieReactionButton>;
-export declare const TextStringType: ComponentStory<typeof LottieReactionButton>;

package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.js

@@ -1,99 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextStringType = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var LottieReactionButton_1 = __importDefault(require("./LottieReactionButton"));
-exports.default = {
-    title: 'desktop/components/LottieReactionButton',
-    component: LottieReactionButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 LottieReactionButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다. 해당 prop에 string을 부여하면 해당 텍스트가 그대로 표시됩니다. 해당 prop에 number를 부여 한다면 숫자의 크기에 따라 포맷이 다르게 표시됩니다. Format (1,000개 이상) : 심볼 표시(K, M, B, T)',
-            control: { type: 'number' }
-        },
-        actionText: {
-            description: 'action이 있을때만 표시되는 텍스트 값입니다. (state가 no_animation일때는 표시되지 않습니다.)',
-            control: { type: 'text' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다. (LottieIcon만 사용 가능합니다.)',
-            control: { type: 'select' }
-        },
-        displayType: {
-            description: '표시 레이아웃 방식을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        backgroundColorTheme: {
-            description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        overrideBackgroundColorKey: {
-            description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
-            control: { type: 'select' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        type: {
-            description: '버튼 태그 자체의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        onMouseDown: {
-            description: '클릭이 된 시점에 이벤트를 부여합니다. (onClick보다 빠른 시점에 발현됩니다.)',
-            action: 'onMouseDown'
-        },
-        onClick: {
-            description: '클릭이 된 시점에 이벤트를 부여합니다.',
-            action: 'onClick'
-        },
-        onComplete: {
-            description: 'LottieIcon의 loop가 끝난 시점에 이벤트를 부여합니다. (state가 no_animation일때는 LottieIcon의 loop가 작동하지 않으므로 사용할 수 없습니다.)',
-            action: 'onComplete'
-        }
-    }
-};
-var Template = function (args) {
-    var _a = (0, react_1.useState)(0), text = _a[0], setText = _a[1];
-    var handleButtonClick = function () {
-        if (typeof text !== 'number')
-            return text;
-        setText(text + 1);
-    };
-    return ((0, jsx_runtime_1.jsx)(LottieReactionButton_1.default, __assign({ text: text }, args, { onMouseDown: undefined, onClick: handleButtonClick }), void 0));
-};
-exports.Default = Template.bind({});
-exports.Default.args = {
-    actionText: 'LOVE!',
-    iconName: 'ic_lottie_heart',
-    backgroundColorTheme: 'base1'
-};
-exports.TextStringType = Template.bind({});
-exports.TextStringType.args = {
-    text: 'CLICK ME!',
-    actionText: 'LOVE!',
-    iconName: 'ic_lottie_heart',
-    backgroundColorTheme: 'base1'
-};

package/dist/src/desktop/components/MainButton/MainButton.stories.d.ts

@@ -1,5 +0,0 @@
-import MainButton from './MainButton';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof MainButton>;
-export default _default;
-export declare const Default: ComponentStory<typeof MainButton>;

package/dist/src/desktop/components/MainButton/MainButton.stories.js

@@ -1,112 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MainButton_1 = __importDefault(require("./MainButton"));
-exports.default = {
-    title: 'desktop/components/MainButton',
-    component: MainButton_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 MainButton 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        shapeType: {
-            description: '버튼의 외관 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fillType: {
-            description: '디자인 표현이 선형인지, 면인지를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        styleTheme: {
-            description: '외형의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        size: {
-            description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        responsiveMode: {
-            description: '너비의 100% 여부를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        fontWeight: {
-            description: '텍스트의 굵기를 의미합니다. 사용하면, size에 따라 부여되어있던 font-weight는 무시됩니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconMode: {
-            description: '아이콘 유무와 위치를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconFillType: {
-            description: '아이콘의 형태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        iconName: {
-            description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
-            control: { type: 'text' }
-        },
-        colorTheme: {
-            description: '컬러의 프리셋 테마입니다.',
-            control: { type: 'inline-radio' }
-        },
-        type: {
-            description: '버튼 태그 자체의 type을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        isLoading: {
-            description: '로딩 상태 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        isSubmitting: {
-            description: '제출 상태 ui 노출 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        onClick: {
-            action: 'onClick'
-        },
-        onMouseDown: {
-            action: 'onMouseDown'
-        }
-    }
-};
-var Template = function (args) { return (0, jsx_runtime_1.jsx)(MainButton_1.default, __assign({}, args), void 0); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    text: 'MainButton',
-    shapeType: 'round',
-    styleTheme: 'primary',
-    size: 'large',
-    responsiveMode: 'none',
-    iconMode: 'none',
-    iconFillType: 'line',
-    colorTheme: 'none',
-    type: 'button',
-    state: 'normal'
-};

package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.d.ts

@@ -1,7 +0,0 @@
-import PageTitleTextGroup from './PageTitleTextGroup';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof PageTitleTextGroup>;
-export default _default;
-export declare const Default: ComponentStory<typeof PageTitleTextGroup>;
-export declare const EditButton: ComponentStory<typeof PageTitleTextGroup>;
-export declare const CompoundButton: ComponentStory<typeof PageTitleTextGroup>;

package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.js

@@ -1,83 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompoundButton = exports.EditButton = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var PageTitleTextGroup_1 = __importDefault(require("./PageTitleTextGroup"));
-exports.default = {
-    title: 'desktop/components/PageTitleTextGroup',
-    component: PageTitleTextGroup_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화된 PageTitleTextGroup 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        titleText: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        tooltipText: {
-            description: 'tooltip icon에 hover 시 표시할 텍스트 값입니다. (부여하지 않으면 tooltip기능이 활성화 되지 않습니다.)',
-            control: { type: 'text' }
-        },
-        compoundBtnIconName: {
-            description: 'displayType이 "compound_btn"일 경우 사용될 아이콘의 이름입니다.',
-            control: { type: 'select' }
-        },
-        compoundBtnIconFillType: {
-            description: 'displayType이 "compound_btn"일 경우 사용될 아이콘의 유형을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        compoundBtnTitleText: {
-            description: 'displayType이 "compound_btn"일 경우 표시할 타이틀 텍스트 값 입니다.',
-            control: { type: 'text' }
-        },
-        compoundBtnContentText: {
-            description: 'displayType이 "compound_btn"일 경우 표시할 컨텐츠 텍스트 값 입니다.',
-            control: { type: 'text' }
-        },
-        displayType: {
-            description: 'TitleTextGroups의 유형을 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        btn1State: {
-            description: 'displayType이 "edit_btn"일 경우 버튼의 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        }
-    }
-};
-var Template = function (args) { return ((0, jsx_runtime_1.jsx)(PageTitleTextGroup_1.default, __assign({}, args), void 0)); };
-exports.Default = Template.bind({});
-exports.Default.args = {
-    titleText: 'titleText',
-    displayType: 'normal'
-};
-exports.EditButton = Template.bind({});
-exports.EditButton.args = {
-    titleText: 'titleText',
-    displayType: 'edit_btn',
-    btn1State: 'normal'
-};
-exports.CompoundButton = Template.bind({});
-exports.CompoundButton.args = {
-    titleText: 'titleText',
-    compoundBtnTitleText: '기간',
-    compoundBtnContentText: '1994년 9월 17일 ~ 2023년 2월 20일 (UTC)',
-    displayType: 'compound_btn'
-};

package/dist/src/desktop/components/Radio/Radio.stories.d.ts

@@ -1,7 +0,0 @@
-import Radio from './Radio';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof Radio>;
-export default _default;
-export declare const Default: ComponentStory<typeof Radio>;
-export declare const List: ComponentStory<typeof Radio>;
-export declare const Disabled: ComponentStory<typeof Radio>;

package/dist/src/desktop/components/Radio/Radio.stories.js

@@ -1,100 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Disabled = exports.List = exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Radio_1 = __importDefault(require("./Radio"));
-exports.default = {
-    title: 'desktop/components/Radio',
-    component: Radio_1.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'desktop환경에 최적화 된 Radio 컴포넌트'
-            }
-        }
-    },
-    argTypes: {
-        text: {
-            description: '표시할 텍스트 값입니다.',
-            control: { type: 'text' }
-        },
-        fontWeight: {
-            description: '텍스트의 굵기를 의미합니다.',
-            control: { type: 'inline-radio' }
-        },
-        state: {
-            description: '활성화 상태를 결정합니다.',
-            control: { type: 'inline-radio' }
-        },
-        checked: {
-            description: '체크 여부를 결정합니다.',
-            control: { type: 'boolean' }
-        },
-        name: {
-            description: '그룹 내에서 동시에 하나의 라디오 버튼만 선택할 수 있게 하기 위한 명칭입니다.',
-            control: { type: 'none' }
-        },
-        value: {
-            description: '라디오 버튼 선택 시 콜백으로 받는 고유한 값입니다.',
-            control: { type: 'none' }
-        },
-        onChange: {
-            action: 'onChange'
-        }
-    }
-};
-var DefaultTemplate = function (args) { return (0, jsx_runtime_1.jsx)(Radio_1.default, __assign({}, args), void 0); };
-var ListTemplate = function () {
-    var _a = (0, react_1.useState)({ text: '🍎', value: 'apple' }), selectedValue = _a[0], setSelectedValue = _a[1];
-    var textArray = [
-        { text: '사과🍎', value: 'apple' },
-        { text: '오렌지🍊', value: 'orange' },
-        { text: '포도🍇', value: 'grape' },
-        { text: '바나나🍌', value: 'banana' },
-        { text: '수박🍉', value: 'watermelon' }
-    ];
-    var onChange = function (e) {
-        var value = e.target.value;
-        var selected = textArray.filter(function (el) { return el.value === value; });
-        if (selected) {
-            setSelectedValue(selected[0]);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: textArray.map(function (_a) {
-            var text = _a.text, value = _a.value;
-            return ((0, jsx_runtime_1.jsx)(Radio_1.default, { text: text, name: "fruit", value: value, checked: value === selectedValue.value, onChange: onChange }, value));
-        }) }, void 0));
-};
-var DisabledTemplate = function (args) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Radio_1.default, __assign({}, args, { checked: true }), void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, __assign({}, args), void 0)] }, void 0));
-};
-exports.Default = DefaultTemplate.bind({});
-exports.Default.args = {
-    text: 'Radio',
-    fontWeight: 'regular',
-    state: 'normal',
-    checked: false
-};
-exports.List = ListTemplate.bind({});
-exports.Disabled = DisabledTemplate.bind({});
-exports.Disabled.args = {
-    text: '비활성화',
-    name: 'disabled',
-    value: 'disabled-checked',
-    state: 'disabled'
-};

package/dist/src/desktop/components/ReactionButton/ReactionButton.stories.d.ts

@@ -1,7 +0,0 @@
-import ReactionButton from './ReactionButton';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<typeof ReactionButton>;
-export default _default;
-export declare const TextType: ComponentStory<typeof ReactionButton>;
-export declare const CountTypeFormatting: ComponentStory<typeof ReactionButton>;
-export declare const CountTypeNonFormatting: ComponentStory<typeof ReactionButton>;