@lotte-innovate/ui-component-test 0.0.13 → 0.0.15

package/dist/stories/aspect-ratio/AspectRatio.stories.js

@@ -1,78 +0,0 @@
-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 __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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import AspectRatio from 'components/AspectRatio';
-import { Text } from 'Typography/Text';
-import { commonArgTypes, scalingOptions } from '../../constants';
-var aspectOptions = {
-    '1': 1,
-    '5/4': 1.25,
-    '5/3': 1.66,
-    '5/2': 2.5,
-    '5/1': 5,
-    '16/9': 1.77,
-};
-var meta = {
-    title: 'Component/AspectRatio',
-    component: AspectRatio,
-    parameters: {
-        layout: 'centered',
-        docs: {
-            description: {
-                component: '원하는 비율로 콘텐츠를 표시하는 컴포넌트',
-            },
-        },
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        ratio: {
-            table: {
-                category: 'Props',
-                type: { summary: 'number' },
-            },
-            options: Object.keys(aspectOptions),
-            mapping: aspectOptions,
-            control: {
-                type: 'select',
-            },
-            description: 'width / height 비율',
-            defaultValue: { summary: '16/9' },
-        },
-        scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'AspectRatio 비율' }),
-    },
-    args: {},
-};
-export default meta;
-export var Default = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsx("div", { className: "w-[300px]", children: _jsx(AspectRatio, __assign({ id: "defaultAspectRatio" }, args, { children: _jsx(Image, { className: "h-full w-full object-cover", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 100, height: 100 }) })) }));
-};
-export var Ratio = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsxs("div", { className: "flex space-x-2", children: [_jsxs("div", { className: "flex flex-col w-[200px] items-center", children: [_jsx(Text, { children: '3 / 1' }), _jsx(AspectRatio, __assign({ id: "defaultAspectRatio" }, args, { ratio: 3 / 1, children: _jsx(Image, { className: "h-full w-full object-cover", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 100, height: 100 }) }))] }), _jsxs("div", { className: "flex flex-col w-[200px] items-center", children: [_jsx(Text, { children: '3 / 2' }), _jsx(AspectRatio, __assign({ id: "defaultAspectRatio" }, args, { ratio: 3 / 2, children: _jsx(Image, { className: "h-full w-full object-cover", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 100, height: 100 }) }))] }), _jsxs("div", { className: "flex flex-col w-[200px] items-center", children: [_jsx(Text, { children: '3 / 3' }), _jsx(AspectRatio, __assign({ id: "defaultAspectRatio" }, args, { ratio: 3 / 3, children: _jsx(Image, { className: "h-full w-full object-cover", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 100, height: 100 }) }))] })] }));
-};
-export var Scaling = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsx("div", { className: "flex flex-row space-x-5", children: scalingOptions.map(function (scaling) { return (_jsx("div", { className: "w-[130px] border border-red-9", children: _jsx(AspectRatio, __assign({ id: scaling, scaling: scaling }, args, { children: _jsx(Image, { className: "h-full w-full object-cover", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 100, height: 100 }) })) }, scaling)); }) }));
-};

package/dist/stories/avatar/Avatar.stories.d.ts

@@ -1,127 +0,0 @@
-/// <reference types="react" />
-import { IRadius, IScaling, ITypoSize } from 'types';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("components/Avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
-    parameters: {
-        layout: string;
-        themes: {
-            themeOverride: string;
-        };
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        radius: {
-            description: string;
-            defaultValue: {
-                summary: string;
-            };
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: IRadius[];
-            control: {
-                type: string;
-            };
-        };
-        scaling: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-            options: IScaling[];
-            defaultValue: {
-                summary: string;
-            };
-        };
-        size: {
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: ITypoSize[];
-            control: {
-                type: string;
-            };
-            description: string;
-            defaultValue: {
-                summary: string;
-            };
-        };
-        color: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("types").IColor[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        appearance: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("types").IAppearance[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        fallbackText: {
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            control: string;
-            description: string;
-            defaultValue: string;
-        };
-    };
-};
-export default meta;
-export declare const Default: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Radius: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Size: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Scaling: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Appearance: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/avatar/Avatar.stories.js

@@ -1,94 +0,0 @@
-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 __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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Avatar from 'components/Avatar';
-import { radiusOptions, scalingOptions, commonArgTypes, typoSizeOptions, appearanceOptions, } from '../../constants';
-var meta = {
-    title: 'Component/Avatar',
-    component: Avatar,
-    parameters: {
-        layout: 'centered',
-        themes: {
-            themeOverride: 'dark',
-        },
-        docs: {
-            description: {
-                component: '사용자 프로필 아이콘으로 사용자를 대표하는 이미지를 사진이나 이니셜로 표현하는 컴포넌트',
-            },
-        },
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        radius: __assign(__assign({}, commonArgTypes.radius), { description: 'Avatar 둥굴기', defaultValue: { summary: 'full' } }),
-        scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'Avatar 비율' }),
-        size: {
-            table: {
-                category: 'Props',
-                type: { summary: '1 ~ 9' },
-            },
-            options: typoSizeOptions,
-            control: { type: 'select' },
-            description: 'Avatar 크기',
-            defaultValue: { summary: '3' },
-        },
-        color: __assign(__assign({}, commonArgTypes.color), { description: 'Avatar 메인 color' }),
-        appearance: __assign(__assign({}, commonArgTypes.appearance), { description: 'Avatar 스타일', table: {
-                category: 'Props',
-                type: {
-                    summary: appearanceOptions
-                        .filter(function (option) { return option === 'solid' || option === 'soft'; })
-                        .join(' | '),
-                },
-            }, options: appearanceOptions.filter(function (option) { return option === 'solid' || option === 'soft'; }) }),
-        fallbackText: {
-            table: {
-                category: 'Props',
-                type: { summary: 'string' },
-            },
-            control: 'text',
-            description: 'Avatar fallback 텍스트',
-            defaultValue: 'FB',
-        },
-    },
-};
-export default meta;
-export var Default = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsxs("div", { className: "flex space-x-4", children: [_jsx(Avatar, __assign({ imagePath: "https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?&w=128&h=128&dpr=2&q=80" }, args)), _jsx(Avatar, __assign({ fallbackText: "A" }, args))] }));
-};
-export var Radius = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsx("div", { className: "flex space-x-4", children: radiusOptions.map(function (radius) { return (_jsx(Avatar, __assign({ radius: radius, imagePath: "https://images.unsplash.com/photo-1511485977113-f34c92461ad9?ixlib=rb-1.2.1&w=128&h=128&dpr=2&q=80" }, args), radius)); }) }));
-};
-export var Size = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsx("div", { className: "flex space-x-4", children: typoSizeOptions.map(function (size) { return (_jsx(Avatar, __assign({ size: size, fallbackText: "A" }, args), size)); }) }));
-};
-export var Scaling = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsx("div", { className: "flex space-x-4", children: scalingOptions.map(function (scaling) { return (_jsx(Avatar, __assign({ scaling: scaling, imagePath: "https://images.unsplash.com/photo-1502823403499-6ccfcf4fb453?&w=256&h=256&q=70&crop=focalpoint&fp-x=0.5&fp-y=0.3&fp-z=1&fit=crop" }, args), scaling)); }) }));
-};
-export var Appearance = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsxs("div", { className: "flex space-x-4", children: [_jsx(Avatar, __assign({ appearance: "solid", fallbackText: 'A' }, args)), _jsx(Avatar, __assign({ appearance: "soft", fallbackText: 'A' }, args))] }));
-};

package/dist/stories/badge/Badge.stories.d.ts

@@ -1,133 +0,0 @@
-import React from 'react';
-import { IRadius, IScaling, IWeight } from '../../types';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("components/Badge").BadgeProps & React.RefAttributes<HTMLDivElement>>;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        radius: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: IRadius[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        size: {
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("../../types").ISize[];
-            description: string;
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        scaling: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-            options: IScaling[];
-            defaultValue: {
-                summary: string;
-            };
-        };
-        weight: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: IWeight[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        color: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            options: import("../../types").IColor[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-        appearance: {
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            description: string;
-            options: import("../../types").IAppearance[];
-            control: {
-                type: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-    args: {};
-};
-export default meta;
-export declare const Default: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Radius: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Size: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Scaling: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Weight: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const Appearance: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/badge/Badge.stories.js

@@ -1,86 +0,0 @@
-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 __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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Badge from 'components/Badge';
-import { radiusOptions, commonArgTypes, appearanceOptions, sizeOptions, scalingOptions, } from '../../../src/constants';
-var meta = {
-    title: 'Component/Badge',
-    component: Badge,
-    parameters: {
-        layout: 'centered',
-        docs: {
-            description: {
-                component: '빠른 인지와 탐색을 돕기 위해 컴포넌트 근처에 표시되는 작은 문자 또는 숫자 데이터',
-            },
-        },
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        radius: __assign(__assign({}, commonArgTypes.radius), { description: 'Badge 둥굴기' }),
-        size: __assign(__assign({}, commonArgTypes.size), { table: {
-                category: 'Props',
-                type: {
-                    summary: sizeOptions
-                        .filter(function (option) { return option !== 'x-small' && option !== 'x-large'; })
-                        .join(' | '),
-                },
-            }, options: sizeOptions.filter(function (option) { return option !== 'x-small' && option !== 'x-large'; }), description: 'Badge 크기' }),
-        scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'Badge 비율' }),
-        weight: __assign(__assign({}, commonArgTypes.weight), { description: 'Badge 폰트 두께' }),
-        color: __assign(__assign({}, commonArgTypes.color), { description: 'Badge 매인색' }),
-        appearance: __assign(__assign({}, commonArgTypes.appearance), { table: {
-                category: 'Props',
-                type: {
-                    summary: appearanceOptions
-                        .filter(function (option) { return option !== 'classic' && option !== 'ghost'; })
-                        .join(' | '),
-                },
-            }, description: 'Badge 스타일', options: appearanceOptions.filter(function (option) { return option !== 'classic' && option !== 'ghost'; }) }),
-    },
-    args: {},
-};
-export default meta;
-export var Default = function (_a) {
-    var args = __rest(_a, []);
-    return _jsx(Badge, __assign({}, args, { children: "Badge" }));
-};
-export var Radius = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsx("div", { className: "flex gap-3", children: radiusOptions.map(function (radius) { return (_jsx(Badge, __assign({}, args, { radius: radius, children: radius }), radius)); }) }));
-};
-export var Size = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, __assign({}, args, { size: 'small', children: "small" })), _jsx(Badge, __assign({}, args, { size: 'medium', children: "medium" })), _jsx(Badge, __assign({}, args, { size: 'large', children: "large" }))] }));
-};
-export var Scaling = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsx("div", { className: "flex items-center gap-3", children: scalingOptions.map(function (scaling) { return (_jsx(Badge, __assign({}, args, { scaling: scaling, children: scaling }), scaling)); }) }));
-};
-export var Weight = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, __assign({}, args, { weight: "regular", children: "regular" })), _jsx(Badge, __assign({}, args, { weight: "medium", children: "medium" })), _jsx(Badge, __assign({}, args, { weight: "semibold", children: "semibold" })), _jsx(Badge, __assign({}, args, { weight: "bold", children: "bold" }))] }));
-};
-export var Appearance = function (_a) {
-    var args = __rest(_a, []);
-    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Badge, __assign({}, args, { appearance: "solid", children: "solid" })), _jsx(Badge, __assign({}, args, { appearance: "soft", children: "soft" })), _jsx(Badge, __assign({}, args, { appearance: "surface", children: "surface" })), _jsx(Badge, __assign({}, args, { appearance: "outline", children: "outline" }))] }));
-};

package/dist/stories/bubble-chart/BubbleChart.stories.d.ts

@@ -1,102 +0,0 @@
-import { PointStyle } from 'types';
-declare const meta: {
-    title: string;
-    component: {
-        ({ className, datasets, scaling, width, height, ...props }: import("components/BubbleChart").BubbleChartProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    parameters: {
-        layout: string;
-        themes: {
-            themeOverride: string;
-        };
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    args: {
-        datasets: {
-            label: string;
-            data: {
-                x: number;
-                y: number;
-                r: number;
-            }[];
-            backgroundColor: string;
-            borderColor: string;
-            borderWidth: number;
-            pointStyle: PointStyle;
-        }[];
-    };
-    argTypes: {
-        scaling: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-            options: import("types").IScaling[];
-            defaultValue: {
-                summary: string;
-            };
-        };
-        datasets: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        labelPosition: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-            };
-            control: {
-                type: string;
-            };
-            options: string[];
-            defaultValue: {
-                summary: string;
-            };
-        };
-        className: {
-            table: {
-                disable: boolean;
-            };
-        };
-        width: {
-            table: {
-                disable: boolean;
-            };
-        };
-        height: {
-            table: {
-                disable: boolean;
-            };
-        };
-    };
-};
-export default meta;
-export declare const Default: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const MultiDatasets: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const PointStyles: ({ ...args }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;