@lotte-innovate/ui-component-test 0.0.5 → 0.0.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Typography/Header/index.d.ts +13 -0
- package/dist/Typography/Header/index.js +55 -0
- package/dist/Typography/Text/index.d.ts +16 -0
- package/dist/Typography/Text/index.js +44 -0
- package/dist/Typography/index.d.ts +2 -0
- package/dist/Typography/index.js +3 -0
- package/dist/components/Accordion/{index.jsx → index.js} +5 -17
- package/dist/components/AlertDialog/{AlertDialogAction.jsx → AlertDialogAction.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogCancel.jsx → AlertDialogCancel.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogContent.jsx → AlertDialogContent.js} +3 -7
- package/dist/components/AlertDialog/{AlertDialogDescription.jsx → AlertDialogDescription.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTitle.jsx → AlertDialogTitle.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTrigger.jsx → AlertDialogTrigger.js} +3 -4
- package/dist/components/AlertDialog/{index.jsx → index.js} +14 -2
- package/dist/components/AspectRatio/{index.jsx → index.js} +3 -4
- package/dist/components/Avatar/{index.jsx → index.js} +3 -7
- package/dist/components/Badge/{index.jsx → index.js} +3 -4
- package/dist/components/BubbleChart/index.d.ts +1 -2
- package/dist/components/BubbleChart/{index.jsx → index.js} +2 -2
- package/dist/components/Button/{index.jsx → index.js} +3 -4
- package/dist/components/Callout/{CalloutIcon.jsx → CalloutIcon.js} +3 -8
- package/dist/components/Callout/{CalloutText.jsx → CalloutText.js} +14 -4
- package/dist/components/Callout/{index.jsx → index.js} +3 -6
- package/dist/components/Card/{index.jsx → index.js} +3 -4
- package/dist/components/Checkbox/{index.jsx → index.js} +3 -11
- package/dist/components/CheckboxCard/{index.jsx → index.js} +3 -5
- package/dist/components/CheckboxGroup/{CheckboxGroupItem.jsx → CheckboxGroupItem.js} +14 -6
- package/dist/components/CheckboxGroup/{index.jsx → index.js} +2 -5
- package/dist/components/ContextMenu/{ContextMenuCheckboxItem.jsx → ContextMenuCheckboxItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuContent.jsx → ContextMenuContent.js} +3 -6
- package/dist/components/ContextMenu/{ContextMenuGroup.jsx → ContextMenuGroup.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuItem.jsx → ContextMenuItem.js} +3 -5
- package/dist/components/ContextMenu/{ContextMenuItemIndicator.jsx → ContextMenuItemIndicator.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuLabel.jsx → ContextMenuLabel.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuRadioGroup.jsx → ContextMenuRadioGroup.js} +14 -6
- package/dist/components/ContextMenu/{ContextMenuRadioItem.jsx → ContextMenuRadioItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuSeparator.jsx → ContextMenuSeparator.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuSubContent.jsx → ContextMenuSubContent.js} +6 -9
- package/dist/components/ContextMenu/{ContextMenuSubTrigger.jsx → ContextMenuSubTrigger.js} +14 -9
- package/dist/components/ContextMenu/{ContextMenuTrigger.jsx → ContextMenuTrigger.js} +14 -4
- package/dist/components/ContextMenu/{index.jsx → index.js} +14 -4
- package/dist/components/DataList/{DataListItem.jsx → DataListItem.js} +3 -4
- package/dist/components/DataList/{DataListLabel.jsx → DataListLabel.js} +3 -4
- package/dist/components/DataList/{DataListValue.jsx → DataListValue.js} +3 -4
- package/dist/components/DataList/{index.jsx → index.js} +14 -6
- package/dist/components/Dialog/{DialogAction.jsx → DialogAction.js} +14 -4
- package/dist/components/Dialog/{DialogCancel.jsx → DialogCancel.js} +14 -4
- package/dist/components/Dialog/{DialogContent.jsx → DialogContent.js} +3 -4
- package/dist/components/Dialog/{DialogDescription.jsx → DialogDescription.js} +14 -4
- package/dist/components/Dialog/{DialogSlot.jsx → DialogSlot.js} +14 -4
- package/dist/components/Dialog/{DialogTitle.jsx → DialogTitle.js} +14 -4
- package/dist/components/Dialog/{DialogTrigger.jsx → DialogTrigger.js} +14 -4
- package/dist/components/Dialog/{index.jsx → index.js} +14 -4
- package/dist/components/DoughnutChart/index.d.ts +1 -2
- package/dist/components/DoughnutChart/{index.jsx → index.js} +2 -2
- package/dist/components/DropdownMenu/{DropdonMenuRadioGroup.jsx → DropdonMenuRadioGroup.js} +14 -6
- package/dist/components/DropdownMenu/{DropdonMenuSubContent.jsx → DropdonMenuSubContent.js} +7 -10
- package/dist/components/DropdownMenu/{DropdownMenuCheckboxItem.jsx → DropdownMenuCheckboxItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuContent.jsx → DropdownMenuContent.js} +3 -6
- package/dist/components/DropdownMenu/{DropdownMenuItem.jsx → DropdownMenuItem.js} +3 -5
- package/dist/components/DropdownMenu/{DropdownMenuItemIndicator.jsx → DropdownMenuItemIndicator.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuLable.jsx → DropdownMenuLable.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuRadioItem.jsx → DropdownMenuRadioItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuSeparator.jsx → DropdownMenuSeparator.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSub.jsx → DropdownMenuSub.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.jsx → DropdownMenuSubTrigger.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuTrigger.jsx → DropdownMenuTrigger.js} +14 -4
- package/dist/components/DropdownMenu/{index.jsx → index.js} +14 -2
- package/dist/components/HoverCard/{HoverCardContent.jsx → HoverCardContent.js} +3 -4
- package/dist/components/HoverCard/{HoverCardTrigger.jsx → HoverCardTrigger.js} +14 -4
- package/dist/components/HoverCard/{index.jsx → index.js} +14 -4
- package/dist/components/IconButton/{index.jsx → index.js} +2 -3
- package/dist/components/Input/Input.stories.d.ts +4 -4
- package/dist/components/Input/{Input.stories.jsx → Input.stories.js} +15 -9
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Input/{index.jsx → index.js} +3 -3
- package/dist/components/Inset/{index.jsx → index.js} +3 -6
- package/dist/components/Label/{index.jsx → index.js} +2 -3
- package/dist/components/Menubar/{MenubarCheckboxItem.jsx → MenubarCheckboxItem.js} +14 -7
- package/dist/components/Menubar/{MenubarContent.jsx → MenubarContent.js} +7 -10
- package/dist/components/Menubar/{MenubarItem.jsx → MenubarItem.js} +3 -5
- package/dist/components/Menubar/{MenubarItemIndicator.jsx → MenubarItemIndicator.js} +3 -4
- package/dist/components/Menubar/{MenubarMenu.jsx → MenubarMenu.js} +14 -2
- package/dist/components/Menubar/{MenubarRadioGroup.jsx → MenubarRadioGroup.js} +14 -6
- package/dist/components/Menubar/{MenubarRadioItem.jsx → MenubarRadioItem.js} +14 -7
- package/dist/components/Menubar/{MenubarSeparator.jsx → MenubarSeparator.js} +14 -4
- package/dist/components/Menubar/{MenubarSub.jsx → MenubarSub.js} +14 -2
- package/dist/components/Menubar/{MenubarSubContent.jsx → MenubarSubContent.js} +4 -5
- package/dist/components/Menubar/{MenubarSubTrigger.jsx → MenubarSubTrigger.js} +14 -7
- package/dist/components/Menubar/{MenubarTrigger.jsx → MenubarTrigger.js} +3 -4
- package/dist/components/Menubar/{index.jsx → index.js} +3 -6
- package/dist/components/NavigationMenu/{NavigationMenuContent.jsx → NavigationMenuContent.js} +3 -4
- package/dist/components/NavigationMenu/NavigationMenuIndicator.js +31 -0
- package/dist/components/NavigationMenu/{NavigationMenuItem.jsx → NavigationMenuItem.js} +14 -4
- package/dist/components/NavigationMenu/{NavigationMenuLink.jsx → NavigationMenuLink.js} +3 -4
- package/dist/components/NavigationMenu/{NavigationMenuList.jsx → NavigationMenuList.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuTrigger.jsx → NavigationMenuTrigger.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuViewport.jsx → NavigationMenuViewport.js} +3 -4
- package/dist/components/NavigationMenu/{index.jsx → index.js} +14 -6
- package/dist/components/PieChart/index.d.ts +1 -2
- package/dist/components/PieChart/{index.jsx → index.js} +2 -2
- package/dist/components/Popover/{PopoverClose.jsx → PopoverClose.js} +14 -4
- package/dist/components/Popover/{PopoverContent.jsx → PopoverContent.js} +3 -4
- package/dist/components/Popover/{PopoverTrigger.jsx → PopoverTrigger.js} +14 -4
- package/dist/components/Popover/{index.jsx → index.js} +14 -4
- package/dist/components/Progress/{index.jsx → index.js} +3 -4
- package/dist/components/RadarChart/index.d.ts +1 -2
- package/dist/components/RadarChart/{index.jsx → index.js} +2 -2
- package/dist/components/Radio/{index.jsx → index.js} +13 -8
- package/dist/components/RadioCards/{RadioCardsItem.jsx → RadioCardsItem.js} +14 -4
- package/dist/components/RadioCards/{index.jsx → index.js} +3 -6
- package/dist/components/RadioGroup/{RadioGroupItem.jsx → RadioGroupItem.js} +14 -4
- package/dist/components/RadioGroup/{index.jsx → index.js} +14 -6
- package/dist/components/ScrollArea/{index.jsx → index.js} +14 -6
- package/dist/components/SegmentedControl/{SegmentedControlItem.jsx → SegmentedControlItem.js} +14 -4
- package/dist/components/SegmentedControl/{index.jsx → index.js} +2 -5
- package/dist/components/Select/{index.jsx → index.js} +8 -23
- package/dist/components/Separator/{index.jsx → index.js} +2 -5
- package/dist/components/Skeleton/{index.jsx → index.js} +2 -5
- package/dist/components/Slider/{index.jsx → index.js} +2 -3
- package/dist/components/Spinner/{index.jsx → index.js} +2 -5
- package/dist/components/TabNav/{index.jsx → index.js} +14 -8
- package/dist/components/Table/{index.jsx → index.js} +8 -23
- package/dist/components/Tabs/{index.jsx → index.js} +5 -14
- package/dist/components/TextArea/{index.jsx → index.js} +2 -3
- package/dist/components/TextField/{index.jsx → index.js} +3 -8
- package/dist/components/Toast/{ToastActionButton.jsx → ToastActionButton.js} +3 -4
- package/dist/components/Toast/{ToastDescription.jsx → ToastDescription.js} +14 -6
- package/dist/components/Toast/{ToastTitle.jsx → ToastTitle.js} +14 -4
- package/dist/components/Toast/{index.jsx → index.js} +3 -9
- package/dist/components/Toggle/{ToggleWithText.jsx → ToggleWithText.js} +4 -6
- package/dist/components/Toggle/{index.jsx → index.js} +3 -4
- package/dist/components/ToggleGroup/{index.jsx → index.js} +3 -6
- package/dist/components/ToggleGroup/{toggleGroupItem.jsx → toggleGroupItem.js} +14 -4
- package/dist/components/ToggleSwitch/{index.jsx → index.js} +2 -6
- package/dist/components/Tooltip/{index.jsx → index.js} +2 -11
- package/dist/components/index.d.ts +46 -0
- package/dist/components/index.js +48 -52
- package/dist/index.js +2 -51
- package/package.json +3 -2
- package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as ToastPrimitive from '@radix-ui/react-toast';
|
14
26
|
import { cva } from 'class-variance-authority';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -36,8 +48,6 @@ export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slate
|
|
36
48
|
export var ToastTitle = forwardRef(function (_a, ref) {
|
37
49
|
var className = _a.className, children = _a.children, titleText = _a.titleText, props = __rest(_a, ["className", "children", "titleText"]);
|
38
50
|
var _b = useToastContext(), size = _b.size, color = _b.color;
|
39
|
-
return (
|
40
|
-
<p className={cn(toastTitleVariants({ size: size, color: color }), className)}>{titleText !== null && titleText !== void 0 ? titleText : children}</p>
|
41
|
-
</ToastPrimitive.Title>);
|
51
|
+
return (_jsx(ToastPrimitive.Title, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastTitleVariants({ size: size, color: color }), className), children: titleText !== null && titleText !== void 0 ? titleText : children }) })));
|
42
52
|
});
|
43
53
|
ToastTitle.displayName = 'ToastTitle';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef, createContext, useContext, } from 'react';
|
24
25
|
import ReactDOM from 'react-dom';
|
25
26
|
import { cva } from 'class-variance-authority';
|
26
27
|
import { cn } from 'utils/utils';
|
@@ -87,14 +88,7 @@ export var Toast = forwardRef(function (_a, ref) {
|
|
87
88
|
var contextValue = { radius: radius, size: size, scaling: scaling, color: color };
|
88
89
|
var toastRootStyle = "\n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n flex flex-col px-[15px] relative justify-center\n data-[state=open]:animate-slideIn \n data-[state=closed]:animate-hide \n data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n data-[swipe=cancel]:translate-x-0 \n data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n data-[swipe=end]:animate-swipeOut\n ";
|
89
90
|
var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
|
90
|
-
return ReactDOM.createPortal(
|
91
|
-
<ToastPrimitive.Provider swipeDirection="right" duration={duration}>
|
92
|
-
<ToastPrimitive.Root ref={ref} className={toastClassName} open={openToast} onOpenChange={setOpenToast} {...props}>
|
93
|
-
{children}
|
94
|
-
</ToastPrimitive.Root>
|
95
|
-
<ToastPrimitive.Viewport className={cn(toastViewportVariants({ toastPosition: toastPosition }))}/>
|
96
|
-
</ToastPrimitive.Provider>
|
97
|
-
</ToastContext.Provider>, document.body);
|
91
|
+
return ReactDOM.createPortal(_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }), document.body);
|
98
92
|
});
|
99
93
|
Toast.displayName = 'Toast';
|
100
94
|
export default Toast;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
import React, { Children, forwardRef } from 'react';
|
24
25
|
import { cva } from 'class-variance-authority';
|
25
26
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
@@ -49,11 +50,8 @@ export var IconScaling = {
|
|
49
50
|
};
|
50
51
|
export var ToggleWithText = forwardRef(function (_a, ref) {
|
51
52
|
var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, text = _a.text, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance", "text"]);
|
52
|
-
return (
|
53
|
-
|
54
|
-
|
55
|
-
})}
|
56
|
-
{text}
|
57
|
-
</TogglePrimitive.Root>);
|
53
|
+
return (_jsxs(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleWithTextVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: [Children.map(children, function (child) {
|
54
|
+
return React.cloneElement(child, { className: IconScaling[size] });
|
55
|
+
}), text] })));
|
58
56
|
});
|
59
57
|
ToggleWithText.displayName = 'ToggleWithText';
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
23
24
|
import React, { Children, forwardRef } from 'react';
|
24
25
|
import { cva } from 'class-variance-authority';
|
25
26
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
@@ -49,11 +50,9 @@ export var IconScaling = {
|
|
49
50
|
};
|
50
51
|
export var Toggle = forwardRef(function (_a, ref) {
|
51
52
|
var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.size, size = _b === void 0 ? 'medium' : _b, scaling = _a.scaling, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, props = __rest(_a, ["className", "children", "radius", "size", "scaling", "color", "appearance"]);
|
52
|
-
return (
|
53
|
-
{Children.map(children, function (child) {
|
53
|
+
return (_jsx(TogglePrimitive.Root, __assign({ ref: ref, className: cn(toggleVariants({ radius: radius, size: size, scaling: scaling }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
|
54
54
|
return React.cloneElement(child, { className: IconScaling[size] });
|
55
|
-
})}
|
56
|
-
</TogglePrimitive.Root>);
|
55
|
+
}) })));
|
57
56
|
});
|
58
57
|
Toggle.displayName = 'Toggle';
|
59
58
|
export default Toggle;
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
25
26
|
import { cva } from 'class-variance-authority';
|
26
27
|
import { scalingVariants } from '../../constants';
|
@@ -36,11 +37,7 @@ var toggleVariants = cva('inline-flex', {
|
|
36
37
|
});
|
37
38
|
export var ToggleGroup = forwardRef(function (_a, ref) {
|
38
39
|
var className = _a.className, children = _a.children, defaultValue = _a.defaultValue, value = _a.value, type = _a.type, onValueChange = _a.onValueChange, scaling = _a.scaling, props = __rest(_a, ["className", "children", "defaultValue", "value", "type", "onValueChange", "scaling"]);
|
39
|
-
return type === 'single' ? (
|
40
|
-
{children}
|
41
|
-
</ToggleGroupPrimitive.Root>) : (<ToggleGroupPrimitive.Root ref={ref} type={type} value={value} defaultValue={defaultValue} className={cn(toggleVariants({ scaling: scaling }), className)} {...props}>
|
42
|
-
{children}
|
43
|
-
</ToggleGroupPrimitive.Root>);
|
40
|
+
return type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ ref: ref, type: type, value: value, defaultValue: defaultValue, className: cn(toggleVariants({ scaling: scaling }), className) }, props, { children: children })));
|
44
41
|
});
|
45
42
|
ToggleGroup.displayName = 'ToggleGroup';
|
46
43
|
export default ToggleGroup;
|
@@ -1,3 +1,14 @@
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
2
|
+
__assign = Object.assign || function(t) {
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
+
s = arguments[i];
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
+
t[p] = s[p];
|
7
|
+
}
|
8
|
+
return t;
|
9
|
+
};
|
10
|
+
return __assign.apply(this, arguments);
|
11
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
12
24
|
import React, { Children, forwardRef } from 'react';
|
13
25
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
14
26
|
import { cva } from 'class-variance-authority';
|
@@ -33,10 +45,8 @@ export var IconScaling = {
|
|
33
45
|
};
|
34
46
|
export var ToggleGroupItem = forwardRef(function (_a, ref) {
|
35
47
|
var className = _a.className, children = _a.children, value = _a.value, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.color, color = _c === void 0 ? 'red' : _c, _d = _a.appearance, appearance = _d === void 0 ? 'surface' : _d, props = __rest(_a, ["className", "children", "value", "size", "color", "appearance"]);
|
36
|
-
return (
|
37
|
-
{Children.map(children, function (child) {
|
48
|
+
return (_jsx(ToggleGroupPrimitive.Item, __assign({ ref: ref, value: value, className: cn(toggleGroupItemVariants({ size: size }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className) }, props, { children: Children.map(children, function (child) {
|
38
49
|
return React.cloneElement(child, { className: IconScaling[size] });
|
39
|
-
})}
|
40
|
-
</ToggleGroupPrimitive.Item>);
|
50
|
+
}) })));
|
41
51
|
});
|
42
52
|
ToggleGroupItem.displayName = 'ToggleGroupItem';
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
import React from 'react';
|
24
25
|
import { cva } from 'class-variance-authority';
|
25
26
|
import { cn } from '../../utils/utils';
|
@@ -64,12 +65,7 @@ export var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {
|
|
64
65
|
sizeTheme = '1';
|
65
66
|
if (size === 'large')
|
66
67
|
sizeTheme = '3';
|
67
|
-
return (
|
68
|
-
<Text as="label" className={cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling }))}>
|
69
|
-
<SwitchTheme ref={forwardedRef} {...switchProps} variant={appearance} radius={radius} size={sizeTheme} color={color} className={cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className)}></SwitchTheme>
|
70
|
-
{children}
|
71
|
-
</Text>
|
72
|
-
</Theme>);
|
68
|
+
return (_jsx(Theme, { className: "flex", accentColor: color, hasBackground: false, children: _jsxs(Text, { as: "label", className: cn('flex items-center', SwitchLabelVariants({ size: size, scaling: scaling })), children: [_jsx(SwitchTheme, __assign({ ref: forwardedRef }, switchProps, { variant: appearance, radius: radius, size: sizeTheme, color: color, className: cn(toggleSwitchVariants({ scaling: scaling, radius: radius, size: size }), className) })), children] }) }));
|
73
69
|
});
|
74
70
|
ToggleSwitch.displayName = 'ToggleSwitch';
|
75
71
|
export default ToggleSwitch;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
// your-tooltip.jsx
|
24
25
|
import React from 'react';
|
25
26
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
@@ -43,16 +44,6 @@ export var Tooltip = React.forwardRef(function (_a) {
|
|
43
44
|
var arrowColor = color
|
44
45
|
? "fill-".concat(color, "-9 dark:fill-").concat(color, "Dark-9")
|
45
46
|
: 'fill-slate-12 dark:fill-slateDark-12';
|
46
|
-
return (
|
47
|
-
<TooltipPrimitive.Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>
|
48
|
-
<TooltipPrimitive.Trigger className="cursor-pointer text-slate-12 dark:text-slateDark-12" asChild>
|
49
|
-
{children}
|
50
|
-
</TooltipPrimitive.Trigger>
|
51
|
-
<TooltipPrimitive.Content align="center" {...props} side={side} className={cn('mr-2', tooltipVariants({ scaling: scaling, weight: weight, radius: radius, color: color }), className)} sideOffset={5}>
|
52
|
-
{content}
|
53
|
-
<TooltipPrimitive.Arrow width={11} height={5} className={arrowColor}/>
|
54
|
-
</TooltipPrimitive.Content>
|
55
|
-
</TooltipPrimitive.Root>
|
56
|
-
</TooltipPrimitive.Provider>);
|
47
|
+
return (_jsx(TooltipPrimitive.Provider, { children: _jsxs(TooltipPrimitive.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [_jsx(TooltipPrimitive.Trigger, { className: "cursor-pointer text-slate-12 dark:text-slateDark-12", asChild: true, children: children }), _jsxs(TooltipPrimitive.Content, __assign({ align: "center" }, props, { side: side, className: cn('mr-2', tooltipVariants({ scaling: scaling, weight: weight, radius: radius, color: color }), className), sideOffset: 5, children: [content, _jsx(TooltipPrimitive.Arrow, { width: 11, height: 5, className: arrowColor })] }))] }) }));
|
57
48
|
});
|
58
49
|
Tooltip.displayName = TooltipPrimitive.Root.displayName;
|
@@ -0,0 +1,46 @@
|
|
1
|
+
export { default as Accordion } from './Accordion';
|
2
|
+
export { default as AlertDialog } from './AlertDialog';
|
3
|
+
export { default as AspectRatio } from './AspectRatio';
|
4
|
+
export { default as Avatar } from './Avatar';
|
5
|
+
export { default as Badge } from './Badge';
|
6
|
+
export { default as Button } from './Button';
|
7
|
+
export { default as Callout } from './Callout';
|
8
|
+
export { default as Card } from './Card';
|
9
|
+
export { default as Checkbox } from './Checkbox';
|
10
|
+
export { default as CheckboxCard } from './CheckboxCard';
|
11
|
+
export { default as CheckboxGroup } from './CheckboxGroup';
|
12
|
+
export { default as ContextMenu } from './ContextMenu';
|
13
|
+
export { default as DataList } from './DataList';
|
14
|
+
export { default as Dialog } from './Dialog';
|
15
|
+
export { default as DropdownMenu } from './DropdownMenu';
|
16
|
+
export { default as HoverCard } from './HoverCard';
|
17
|
+
export { default as IconButton } from './IconButton';
|
18
|
+
export { default as Inset } from './Inset';
|
19
|
+
export { default as Label } from './Label';
|
20
|
+
export { default as Menubar } from './Menubar';
|
21
|
+
export { default as NavigationMenu } from './NavigationMenu';
|
22
|
+
export { default as Popover } from './Popover';
|
23
|
+
export { default as Progress } from './Progress';
|
24
|
+
export { default as Radio } from './Radio';
|
25
|
+
export { default as RadioCards } from './RadioCards';
|
26
|
+
export { default as RadioGroup } from './RadioGroup';
|
27
|
+
export { default as ScrollArea } from './ScrollArea';
|
28
|
+
export { default as SegmentedControl } from './SegmentedControl';
|
29
|
+
export { default as Select } from './Select';
|
30
|
+
export { default as Separator } from './Separator';
|
31
|
+
export { default as Skeleton } from './Skeleton';
|
32
|
+
export { default as Slider } from './Slider';
|
33
|
+
export { default as Spinner } from './Spinner';
|
34
|
+
export { default as Table } from './Table';
|
35
|
+
export { default as TabNav } from './TabNav';
|
36
|
+
export { default as Tabs } from './Tabs';
|
37
|
+
export { default as TextArea } from './TextArea';
|
38
|
+
export { default as TextField } from './TextField';
|
39
|
+
export { default as Toast } from './Toast';
|
40
|
+
export { default as Toggle } from './Toggle';
|
41
|
+
export { default as ToggleGroup } from './ToggleGroup';
|
42
|
+
export { default as ToggleSwitch } from './ToggleSwitch';
|
43
|
+
export { default as BubbleChart } from './BubbleChart';
|
44
|
+
export { default as RadarChart } from './RadarChart';
|
45
|
+
export { default as PieChart } from './PieChart';
|
46
|
+
export { default as DoughnutChart } from './DoughnutChart';
|
package/dist/components/index.js
CHANGED
@@ -1,52 +1,48 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
//
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
// export { default as BubbleChart } from './BubbleChart';
|
50
|
-
// export { default as RadarChart } from './RadarChart';
|
51
|
-
// export { default as PieChart } from './PieChart';
|
52
|
-
// export { default as DoughnutChart } from './DoughnutChart';
|
1
|
+
// Component
|
2
|
+
export { default as Accordion } from './Accordion';
|
3
|
+
export { default as AlertDialog } from './AlertDialog';
|
4
|
+
export { default as AspectRatio } from './AspectRatio';
|
5
|
+
export { default as Avatar } from './Avatar';
|
6
|
+
export { default as Badge } from './Badge';
|
7
|
+
export { default as Button } from './Button';
|
8
|
+
export { default as Callout } from './Callout';
|
9
|
+
export { default as Card } from './Card';
|
10
|
+
export { default as Checkbox } from './Checkbox';
|
11
|
+
export { default as CheckboxCard } from './CheckboxCard';
|
12
|
+
export { default as CheckboxGroup } from './CheckboxGroup';
|
13
|
+
export { default as ContextMenu } from './ContextMenu';
|
14
|
+
export { default as DataList } from './DataList';
|
15
|
+
export { default as Dialog } from './Dialog';
|
16
|
+
export { default as DropdownMenu } from './DropdownMenu';
|
17
|
+
export { default as HoverCard } from './HoverCard';
|
18
|
+
export { default as IconButton } from './IconButton';
|
19
|
+
export { default as Inset } from './Inset';
|
20
|
+
export { default as Label } from './Label';
|
21
|
+
export { default as Menubar } from './Menubar';
|
22
|
+
export { default as NavigationMenu } from './NavigationMenu';
|
23
|
+
export { default as Popover } from './Popover';
|
24
|
+
export { default as Progress } from './Progress';
|
25
|
+
export { default as Radio } from './Radio';
|
26
|
+
export { default as RadioCards } from './RadioCards';
|
27
|
+
export { default as RadioGroup } from './RadioGroup';
|
28
|
+
export { default as ScrollArea } from './ScrollArea';
|
29
|
+
export { default as SegmentedControl } from './SegmentedControl';
|
30
|
+
export { default as Select } from './Select';
|
31
|
+
export { default as Separator } from './Separator';
|
32
|
+
export { default as Skeleton } from './Skeleton';
|
33
|
+
export { default as Slider } from './Slider';
|
34
|
+
export { default as Spinner } from './Spinner';
|
35
|
+
export { default as Table } from './Table';
|
36
|
+
export { default as TabNav } from './TabNav';
|
37
|
+
export { default as Tabs } from './Tabs';
|
38
|
+
export { default as TextArea } from './TextArea';
|
39
|
+
export { default as TextField } from './TextField';
|
40
|
+
export { default as Toast } from './Toast';
|
41
|
+
export { default as Toggle } from './Toggle';
|
42
|
+
export { default as ToggleGroup } from './ToggleGroup';
|
43
|
+
export { default as ToggleSwitch } from './ToggleSwitch';
|
44
|
+
// Chart
|
45
|
+
export { default as BubbleChart } from './BubbleChart';
|
46
|
+
export { default as RadarChart } from './RadarChart';
|
47
|
+
export { default as PieChart } from './PieChart';
|
48
|
+
export { default as DoughnutChart } from './DoughnutChart';
|
package/dist/index.js
CHANGED
@@ -1,51 +1,2 @@
|
|
1
|
-
|
2
|
-
export
|
3
|
-
export { default as AlertDialog } from './components/AlertDialog';
|
4
|
-
export { default as AspectRatio } from './components/AspectRatio';
|
5
|
-
export { default as Avatar } from './components/Avatar';
|
6
|
-
export { default as Badge } from './components/Badge';
|
7
|
-
export { default as Button } from './components/Button';
|
8
|
-
export { default as Callout } from './components/Callout';
|
9
|
-
export { default as Card } from './components/Card';
|
10
|
-
export { default as Checkbox } from './components/Checkbox';
|
11
|
-
export { default as CheckboxCard } from './components/CheckboxCard';
|
12
|
-
export { default as CheckboxGroup } from './components/CheckboxGroup';
|
13
|
-
export { default as ContextMenu } from './components/ContextMenu';
|
14
|
-
export { default as DataList } from './components/DataList';
|
15
|
-
export { default as Dialog } from './components/Dialog';
|
16
|
-
export { default as DropdownMenu } from './components/DropdownMenu';
|
17
|
-
export { default as HoverCard } from './components/HoverCard';
|
18
|
-
export { default as IconButton } from './components/IconButton';
|
19
|
-
export { default as Inset } from './components/Inset';
|
20
|
-
export { default as Label } from './components/Label';
|
21
|
-
export { default as Menubar } from './components/Menubar';
|
22
|
-
export { default as NavigationMenu } from './components/NavigationMenu';
|
23
|
-
export { default as Popover } from './components/Popover';
|
24
|
-
export { default as Progress } from './components/Progress';
|
25
|
-
export { default as Radio } from './components/Radio';
|
26
|
-
export { default as RadioCards } from './components/RadioCards';
|
27
|
-
export { default as RadioGroup } from './components/RadioGroup';
|
28
|
-
export { default as ScrollArea } from './components/ScrollArea';
|
29
|
-
export { default as SegmentedControl } from './components/SegmentedControl';
|
30
|
-
export { default as Select } from './components/Select';
|
31
|
-
export { default as Separator } from './components/Separator';
|
32
|
-
export { default as Skeleton } from './components/Skeleton';
|
33
|
-
export { default as Slider } from './components/Slider';
|
34
|
-
export { default as Spinner } from './components/Spinner';
|
35
|
-
export { default as Table } from './components/Table';
|
36
|
-
export { default as TabNav } from './components/TabNav';
|
37
|
-
export { default as Tabs } from './components/Tabs';
|
38
|
-
export { default as TextArea } from './components/TextArea';
|
39
|
-
export { default as TextField } from './components/TextField';
|
40
|
-
export { default as Toast } from './components/Toast';
|
41
|
-
export { default as Toggle } from './components/Toggle';
|
42
|
-
export { default as ToggleGroup } from './components/ToggleGroup';
|
43
|
-
export { default as ToggleSwitch } from './components/ToggleSwitch';
|
44
|
-
// Typography
|
45
|
-
// export { default as Header } from './Typography/Header';
|
46
|
-
// export { default as Text } from './Typography/Text';
|
47
|
-
// Chart
|
48
|
-
export { default as BubbleChart } from './components/BubbleChart';
|
49
|
-
export { default as RadarChart } from './components/RadarChart';
|
50
|
-
export { default as PieChart } from './components/PieChart';
|
51
|
-
export { default as DoughnutChart } from './components/DoughnutChart';
|
1
|
+
export * from './components';
|
2
|
+
export * from './Typography';
|
package/package.json
CHANGED
@@ -1,11 +1,12 @@
|
|
1
1
|
{
|
2
2
|
"name": "@lotte-innovate/ui-component-test",
|
3
3
|
"description": "Lotte UI Library",
|
4
|
-
"version": "0.0.
|
4
|
+
"version": "0.0.7",
|
5
5
|
"private": false,
|
6
6
|
"type": "module",
|
7
7
|
"files": [
|
8
|
-
"dist/components"
|
8
|
+
"dist/components",
|
9
|
+
"dist/Typography"
|
9
10
|
],
|
10
11
|
"main": "dist/index.js",
|
11
12
|
"module": "dist/index.js",
|
@@ -1,22 +0,0 @@
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
-
var t = {};
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
-
t[p] = s[p];
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
-
t[p[i]] = s[p[i]];
|
9
|
-
}
|
10
|
-
return t;
|
11
|
-
};
|
12
|
-
import React, { forwardRef } from 'react';
|
13
|
-
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
14
|
-
import { cn } from 'utils/utils';
|
15
|
-
export var NavigationMenuIndicator = forwardRef(function (_a, ref) {
|
16
|
-
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
17
|
-
return (<NavigationMenuPrimitive.Indicator ref={ref} className={"flex z-[1] top-full h-[10px] items-end justify-center overflow-hidden\n data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut \n transition-[width,transform_250ms_ease]"} {...props}>
|
18
|
-
<div className={cn("relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] \n bg-white dark:bg-slateDark-2 shadow-slate-4 shadow dark:shadow-slateDark-4", className)}/>
|
19
|
-
{children}
|
20
|
-
</NavigationMenuPrimitive.Indicator>);
|
21
|
-
});
|
22
|
-
NavigationMenuIndicator.displayName = 'NavigationMenuIndicator';
|