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

package/dist/stories/toggle/ToggleGroup.stories.jsx

@@ -77,51 +77,51 @@ 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>
+    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>);
 };
 export var Size = function (_a) {
     var args = __rest(_a, []);
-    return (<div className="flex items-center space-x-4">
+    return (<div className="flex items-center space-x-4">
     {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>); })}
+            .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>);
 };
 export var Appearance = function (_a) {
     var args = __rest(_a, []);
-    return (<div className="flex items-center space-x-4">
+    return (<div className="flex items-center space-x-4">
     {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>); })}
+            .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>);
 };

package/dist/stories/tooltip/Tooltip.stories.jsx

@@ -65,27 +65,27 @@ var meta = {
 export default meta;
 export var Default = function (_a) {
     var args = __rest(_a, []);
-    return (<Tooltip content="툴팁 컴포넌트 내용입니다." {...args}>
-    <div>마우스 커서를 올려주세요</div>
+    return (<Tooltip content="툴팁 컴포넌트 내용입니다." {...args}>
+    <div>마우스 커서를 올려주세요</div>
   </Tooltip>);
 };
 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>); })}
+    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>);
 };
 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>); })}
+    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>);
 };