@lotte-innovate/ui-component-test 0.0.8 → 0.0.10

package/dist/stories/toggle/ToggleGroup.stories.d.ts

@@ -98,6 +98,6 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Default: ({ ...args }: any) => import("react").JSX.Element;
-export declare const Size: ({ ...args }: any) => import("react").JSX.Element;
-export declare const Appearance: ({ ...args }: any) => import("react").JSX.Element;
+export declare const Default: ({ ...args }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Size: ({ ...args }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Appearance: ({ ...args }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/toggle/{ToggleGroup.stories.jsx → ToggleGroup.stories.js}

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { commonArgTypes, sizeOptions, appearanceOptions } from '../../constants';
 import { FontBoldIcon, FontItalicIcon, UnderlineIcon } from '@radix-ui/react-icons';
 import { ToggleGroup, ToggleGroupItem } from '../../components/ToggleGroup';
@@ -77,51 +78,17 @@ var meta = {
 export default meta;
 export var Default = function (_a) {
     var args = __rest(_a, []);
-    return (<ToggleGroup type={'single'} defaultValue={'left'} aria-label="Text alignment" {...args}>
-      <ToggleGroupItem value="left" aria-label="Left aligned" {...args}>
-        <FontBoldIcon />
-      </ToggleGroupItem>
-      <ToggleGroupItem value="center" aria-label="Center aligned" {...args}>
-        <FontItalicIcon />
-      </ToggleGroupItem>
-      <ToggleGroupItem value="right" aria-label="Right aligned" {...args}>
-        <UnderlineIcon />
-      </ToggleGroupItem>
-    </ToggleGroup>);
+    return (_jsxs(ToggleGroup, __assign({ type: 'single', defaultValue: 'left', "aria-label": "Text alignment" }, args, { children: [_jsx(ToggleGroupItem, __assign({ value: "left", "aria-label": "Left aligned" }, args, { children: _jsx(FontBoldIcon, {}) })), _jsx(ToggleGroupItem, __assign({ value: "center", "aria-label": "Center aligned" }, args, { children: _jsx(FontItalicIcon, {}) })), _jsx(ToggleGroupItem, __assign({ value: "right", "aria-label": "Right aligned" }, args, { children: _jsx(UnderlineIcon, {}) }))] })));
 };
 export var Size = function (_a) {
     var args = __rest(_a, []);
-    return (<div className="flex items-center space-x-4">
-    {sizeOptions
+    return (_jsx("div", { className: "flex items-center space-x-4", children: sizeOptions
             .filter(function (size) { return !['x-small', 'x-large'].includes(size); })
-            .map(function (size) { return (<ToggleGroup key={size} type={'single'} defaultValue={'left'} aria-label="Text alignment" {...args}>
-          <ToggleGroupItem value="left" aria-label="Left aligned" {...args} size={size}>
-            <FontBoldIcon />
-          </ToggleGroupItem>
-          <ToggleGroupItem value="center" aria-label="Center aligned" {...args} size={size}>
-            <FontItalicIcon />
-          </ToggleGroupItem>
-          <ToggleGroupItem value="right" aria-label="Right aligned" {...args} size={size}>
-            <UnderlineIcon />
-          </ToggleGroupItem>
-        </ToggleGroup>); })}
-  </div>);
+            .map(function (size) { return (_jsxs(ToggleGroup, __assign({ type: 'single', defaultValue: 'left', "aria-label": "Text alignment" }, args, { children: [_jsx(ToggleGroupItem, __assign({ value: "left", "aria-label": "Left aligned" }, args, { size: size, children: _jsx(FontBoldIcon, {}) })), _jsx(ToggleGroupItem, __assign({ value: "center", "aria-label": "Center aligned" }, args, { size: size, children: _jsx(FontItalicIcon, {}) })), _jsx(ToggleGroupItem, __assign({ value: "right", "aria-label": "Right aligned" }, args, { size: size, children: _jsx(UnderlineIcon, {}) }))] }), size)); }) }));
 };
 export var Appearance = function (_a) {
     var args = __rest(_a, []);
-    return (<div className="flex items-center space-x-4">
-    {appearanceOptions
+    return (_jsx("div", { className: "flex items-center space-x-4", children: appearanceOptions
             .filter(function (appearance) { return !['classic', 'solid'].includes(appearance); })
-            .map(function (appearance) { return (<ToggleGroup key={appearance} type={'single'} defaultValue={'left'} aria-label="Text alignment" {...args}>
-          <ToggleGroupItem value="left" aria-label="Left aligned" {...args} appearance={appearance}>
-            <FontBoldIcon />
-          </ToggleGroupItem>
-          <ToggleGroupItem value="center" aria-label="Center aligned" {...args} appearance={appearance}>
-            <FontItalicIcon />
-          </ToggleGroupItem>
-          <ToggleGroupItem value="right" aria-label="Right aligned" {...args} appearance={appearance}>
-            <UnderlineIcon />
-          </ToggleGroupItem>
-        </ToggleGroup>); })}
-  </div>);
+            .map(function (appearance) { return (_jsxs(ToggleGroup, __assign({ type: 'single', defaultValue: 'left', "aria-label": "Text alignment" }, args, { children: [_jsx(ToggleGroupItem, __assign({ value: "left", "aria-label": "Left aligned" }, args, { appearance: appearance, children: _jsx(FontBoldIcon, {}) })), _jsx(ToggleGroupItem, __assign({ value: "center", "aria-label": "Center aligned" }, args, { appearance: appearance, children: _jsx(FontItalicIcon, {}) })), _jsx(ToggleGroupItem, __assign({ value: "right", "aria-label": "Right aligned" }, args, { appearance: appearance, children: _jsx(UnderlineIcon, {}) }))] }), appearance)); }) }));
 };

package/dist/stories/tooltip/Tooltip.stories.d.ts

@@ -84,10 +84,10 @@ declare const meta: {
 export default meta;
 export declare const Default: ({ ...args }: {
     [x: string]: any;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const Radius: ({ ...args }: {
     [x: string]: any;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const Position: ({ ...args }: {
     [x: string]: any;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/tooltip/{Tooltip.stories.jsx → Tooltip.stories.js}

@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip } from '../../components/Tooltip/index';
 import { commonArgTypes, radiusOptions } from '../../constants';
 var meta = {
@@ -65,27 +66,13 @@ var meta = {
 export default meta;
 export var Default = function (_a) {
     var args = __rest(_a, []);
-    return (<Tooltip content="툴팁 컴포넌트 내용입니다." {...args}>
-    <div>마우스 커서를 올려주세요</div>
-  </Tooltip>);
+    return (_jsx(Tooltip, __assign({ content: "\uD234\uD301 \uCEF4\uD3EC\uB10C\uD2B8 \uB0B4\uC6A9\uC785\uB2C8\uB2E4." }, args, { children: _jsx("div", { children: "\uB9C8\uC6B0\uC2A4 \uCEE4\uC11C\uB97C \uC62C\uB824\uC8FC\uC138\uC694" }) })));
 };
 export var Radius = function (_a) {
     var args = __rest(_a, []);
-    return (<div className="">
-    {radiusOptions.map(function (radius, index) { return (<div key={radius} className="flex pt-3 items-center space-x-2">
-        <Tooltip content="툴팁 컴포넌트 내용입니다." radius={radius} {...args}>
-          <div>마우스 커서를 올려주세요</div>
-        </Tooltip>
-      </div>); })}
-  </div>);
+    return (_jsx("div", { className: "", children: radiusOptions.map(function (radius, index) { return (_jsx("div", { className: "flex pt-3 items-center space-x-2", children: _jsx(Tooltip, __assign({ content: "\uD234\uD301 \uCEF4\uD3EC\uB10C\uD2B8 \uB0B4\uC6A9\uC785\uB2C8\uB2E4.", radius: radius }, args, { children: _jsx("div", { children: "\uB9C8\uC6B0\uC2A4 \uCEE4\uC11C\uB97C \uC62C\uB824\uC8FC\uC138\uC694" }) })) }, radius)); }) }));
 };
 export var Position = function (_a) {
     var args = __rest(_a, []);
-    return (<div className="">
-    {['top', 'right', 'left', 'bottom'].map(function (side, index) { return (<div key={side} className="flex pt-3 items-center space-x-2">
-        <Tooltip content="툴팁 컴포넌트 내용입니다." side={side} {...args}>
-          <div>마우스 커서를 올려주세요</div>
-        </Tooltip>
-      </div>); })}
-  </div>);
+    return (_jsx("div", { className: "", children: ['top', 'right', 'left', 'bottom'].map(function (side, index) { return (_jsx("div", { className: "flex pt-3 items-center space-x-2", children: _jsx(Tooltip, __assign({ content: "\uD234\uD301 \uCEF4\uD3EC\uB10C\uD2B8 \uB0B4\uC6A9\uC785\uB2C8\uB2E4.", side: side }, args, { children: _jsx("div", { children: "\uB9C8\uC6B0\uC2A4 \uCEE4\uC11C\uB97C \uC62C\uB824\uC8FC\uC138\uC694" }) })) }, side)); }) }));
 };