@lotte-innovate/ui-component-test 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +163 -163
- package/dist/Typography/Header/index.d.ts +2 -2
- package/dist/Typography/Header/index.jsx +4 -4
- package/dist/Typography/Text/index.d.ts +1 -1
- package/dist/Typography/Text/index.jsx +4 -4
- package/dist/components/Accordion/index.jsx +13 -13
- package/dist/components/AlertDialog/AlertDialogAction.jsx +2 -2
- package/dist/components/AlertDialog/AlertDialogCancel.jsx +2 -2
- package/dist/components/AlertDialog/AlertDialogContent.jsx +5 -5
- package/dist/components/AlertDialog/AlertDialogDescription.jsx +2 -2
- package/dist/components/AlertDialog/AlertDialogTitle.jsx +2 -2
- package/dist/components/AlertDialog/AlertDialogTrigger.jsx +2 -2
- package/dist/components/AspectRatio/index.jsx +2 -2
- package/dist/components/Avatar/index.jsx +5 -5
- package/dist/components/Badge/index.jsx +2 -2
- package/dist/components/BubbleChart/index.d.ts +1 -1
- package/dist/components/Button/index.jsx +2 -2
- package/dist/components/Callout/CalloutIcon.jsx +6 -6
- package/dist/components/Callout/CalloutText.jsx +2 -2
- package/dist/components/Callout/index.jsx +4 -4
- package/dist/components/Card/index.jsx +2 -2
- package/dist/components/Checkbox/index.jsx +9 -9
- package/dist/components/CheckboxCard/index.jsx +3 -3
- package/dist/components/CheckboxGroup/CheckboxGroupItem.jsx +4 -4
- package/dist/components/CheckboxGroup/index.jsx +4 -4
- package/dist/components/ContextMenu/ContextMenuCheckboxItem.jsx +5 -5
- package/dist/components/ContextMenu/ContextMenuContent.jsx +4 -4
- package/dist/components/ContextMenu/ContextMenuGroup.jsx +2 -2
- package/dist/components/ContextMenu/ContextMenuItem.jsx +3 -3
- package/dist/components/ContextMenu/ContextMenuItemIndicator.jsx +2 -2
- package/dist/components/ContextMenu/ContextMenuLabel.jsx +2 -2
- package/dist/components/ContextMenu/ContextMenuRadioGroup.jsx +4 -4
- package/dist/components/ContextMenu/ContextMenuRadioItem.jsx +5 -5
- package/dist/components/ContextMenu/ContextMenuSeparator.jsx +2 -2
- package/dist/components/ContextMenu/ContextMenuSubContent.jsx +4 -4
- package/dist/components/ContextMenu/ContextMenuSubTrigger.jsx +7 -7
- package/dist/components/ContextMenu/ContextMenuTrigger.jsx +2 -2
- package/dist/components/ContextMenu/index.jsx +2 -2
- package/dist/components/DataList/DataListItem.jsx +2 -2
- package/dist/components/DataList/DataListLabel.jsx +2 -2
- package/dist/components/DataList/DataListValue.jsx +2 -2
- package/dist/components/DataList/index.jsx +4 -4
- package/dist/components/Dialog/DialogAction.jsx +2 -2
- package/dist/components/Dialog/DialogCancel.jsx +2 -2
- package/dist/components/Dialog/DialogContent.jsx +2 -2
- package/dist/components/Dialog/DialogDescription.jsx +2 -2
- package/dist/components/Dialog/DialogSlot.jsx +2 -2
- package/dist/components/Dialog/DialogTitle.jsx +2 -2
- package/dist/components/Dialog/DialogTrigger.jsx +2 -2
- package/dist/components/Dialog/index.jsx +2 -2
- package/dist/components/DropdownMenu/DropdonMenuRadioGroup.jsx +4 -4
- package/dist/components/DropdownMenu/DropdonMenuSubContent.jsx +4 -4
- package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.jsx +5 -5
- package/dist/components/DropdownMenu/DropdownMenuContent.jsx +4 -4
- package/dist/components/DropdownMenu/DropdownMenuItem.jsx +3 -3
- package/dist/components/DropdownMenu/DropdownMenuItemIndicator.jsx +2 -2
- package/dist/components/DropdownMenu/DropdownMenuLable.jsx +2 -2
- package/dist/components/DropdownMenu/DropdownMenuRadioItem.jsx +5 -5
- package/dist/components/DropdownMenu/DropdownMenuSubTrigger.jsx +5 -5
- package/dist/components/DropdownMenu/DropdownMenuTrigger.jsx +2 -2
- package/dist/components/HoverCard/HoverCardContent.jsx +2 -2
- package/dist/components/HoverCard/HoverCardTrigger.jsx +2 -2
- package/dist/components/HoverCard/index.jsx +2 -2
- package/dist/components/IconButton/index.jsx +2 -2
- package/dist/components/Input/Input.stories.jsx +6 -6
- package/dist/components/Inset/index.jsx +4 -4
- package/dist/components/Label/index.jsx +2 -2
- package/dist/components/Menubar/MenubarCheckboxItem.jsx +5 -5
- package/dist/components/Menubar/MenubarContent.jsx +4 -4
- package/dist/components/Menubar/MenubarItem.jsx +3 -3
- package/dist/components/Menubar/MenubarItemIndicator.jsx +2 -2
- package/dist/components/Menubar/MenubarRadioGroup.jsx +4 -4
- package/dist/components/Menubar/MenubarRadioItem.jsx +5 -5
- package/dist/components/Menubar/MenubarSeparator.jsx +2 -2
- package/dist/components/Menubar/MenubarSubContent.jsx +2 -2
- package/dist/components/Menubar/MenubarSubTrigger.jsx +5 -5
- package/dist/components/Menubar/MenubarTrigger.jsx +2 -2
- package/dist/components/Menubar/index.jsx +4 -4
- package/dist/components/NavigationMenu/NavigationMenuContent.jsx +2 -2
- package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +3 -3
- package/dist/components/NavigationMenu/NavigationMenuItem.jsx +2 -2
- package/dist/components/NavigationMenu/NavigationMenuLink.jsx +2 -2
- package/dist/components/NavigationMenu/NavigationMenuList.jsx +3 -3
- package/dist/components/NavigationMenu/NavigationMenuTrigger.jsx +3 -3
- package/dist/components/NavigationMenu/NavigationMenuViewport.jsx +2 -2
- package/dist/components/NavigationMenu/index.jsx +4 -4
- package/dist/components/Popover/PopoverClose.jsx +2 -2
- package/dist/components/Popover/PopoverContent.jsx +2 -2
- package/dist/components/Popover/PopoverTrigger.jsx +2 -2
- package/dist/components/Popover/index.jsx +2 -2
- package/dist/components/Progress/index.d.ts +3 -3
- package/dist/components/Progress/index.jsx +2 -2
- package/dist/components/RadarChart/index.d.ts +1 -1
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/Radio/index.jsx +7 -7
- package/dist/components/RadioCards/RadioCardsItem.jsx +2 -2
- package/dist/components/RadioCards/index.d.ts +1 -1
- package/dist/components/RadioCards/index.jsx +4 -4
- package/dist/components/RadioGroup/RadioGroupItem.jsx +2 -2
- package/dist/components/RadioGroup/index.d.ts +1 -1
- package/dist/components/RadioGroup/index.jsx +4 -4
- package/dist/components/ScrollArea/index.jsx +4 -4
- package/dist/components/SegmentedControl/SegmentedControlItem.jsx +2 -2
- package/dist/components/SegmentedControl/index.d.ts +1 -1
- package/dist/components/SegmentedControl/index.jsx +4 -4
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/index.jsx +16 -16
- package/dist/components/Separator/index.d.ts +1 -1
- package/dist/components/Separator/index.jsx +4 -4
- package/dist/components/Skeleton/index.d.ts +1 -1
- package/dist/components/Skeleton/index.jsx +4 -4
- package/dist/components/Slider/index.d.ts +1 -1
- package/dist/components/Slider/index.jsx +2 -2
- package/dist/components/Spinner/index.d.ts +1 -1
- package/dist/components/Spinner/index.jsx +4 -4
- package/dist/components/TabNav/index.jsx +6 -6
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Table/index.jsx +16 -16
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.jsx +10 -10
- package/dist/components/TextArea/index.d.ts +3 -3
- package/dist/components/TextArea/index.jsx +2 -2
- package/dist/components/TextField/index.d.ts +1 -1
- package/dist/components/TextField/index.jsx +6 -6
- package/dist/components/Toast/ToastActionButton.d.ts +3 -3
- package/dist/components/Toast/ToastActionButton.jsx +2 -2
- package/dist/components/Toast/ToastDescription.d.ts +1 -1
- package/dist/components/Toast/ToastDescription.jsx +4 -4
- package/dist/components/Toast/ToastTitle.d.ts +1 -1
- package/dist/components/Toast/ToastTitle.jsx +2 -2
- package/dist/components/Toast/index.d.ts +3 -3
- package/dist/components/Toast/index.jsx +7 -7
- package/dist/components/Toggle/ToggleWithText.jsx +3 -3
- package/dist/components/Toggle/index.d.ts +3 -3
- package/dist/components/Toggle/index.jsx +2 -2
- package/dist/components/ToggleGroup/index.d.ts +1 -1
- package/dist/components/ToggleGroup/index.jsx +4 -4
- package/dist/components/ToggleGroup/toggleGroupItem.jsx +2 -2
- package/dist/components/ToggleSwitch/index.d.ts +3 -3
- package/dist/components/ToggleSwitch/index.jsx +5 -5
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/Tooltip/index.jsx +10 -10
- package/dist/components/index.d.ts +48 -0
- package/dist/components/index.js +51 -52
- package/package.json +120 -121
- package/dist/index.js +0 -51
@@ -14,7 +14,7 @@ export interface ToggleGroupMultipleProps extends VariantProps<typeof toggleVari
|
|
14
14
|
value?: string[];
|
15
15
|
}
|
16
16
|
declare const toggleVariants: (props?: ({
|
17
|
-
scaling?: "
|
17
|
+
scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
|
18
18
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
19
19
|
export declare const ToggleGroup: React.ForwardRefExoticComponent<(React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>> & ToggleGroupSingleProps & ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
20
20
|
export default ToggleGroup;
|
@@ -36,10 +36,10 @@ var toggleVariants = cva('inline-flex', {
|
|
36
36
|
});
|
37
37
|
export var ToggleGroup = forwardRef(function (_a, ref) {
|
38
38
|
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' ? (<ToggleGroupPrimitive.Root ref={ref} type={type} value={value} defaultValue={defaultValue} className={cn(toggleVariants({ scaling: scaling }), className)} {...props}>
|
40
|
-
{children}
|
41
|
-
</ToggleGroupPrimitive.Root>) : (<ToggleGroupPrimitive.Root ref={ref} type={type} value={value} defaultValue={defaultValue} className={cn(toggleVariants({ scaling: scaling }), className)} {...props}>
|
42
|
-
{children}
|
39
|
+
return type === 'single' ? (<ToggleGroupPrimitive.Root ref={ref} type={type} value={value} defaultValue={defaultValue} className={cn(toggleVariants({ scaling: scaling }), className)} {...props}>
|
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
43
|
</ToggleGroupPrimitive.Root>);
|
44
44
|
});
|
45
45
|
ToggleGroup.displayName = 'ToggleGroup';
|
@@ -33,10 +33,10 @@ export var IconScaling = {
|
|
33
33
|
};
|
34
34
|
export var ToggleGroupItem = forwardRef(function (_a, ref) {
|
35
35
|
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 (<ToggleGroupPrimitive.Item ref={ref} value={value} className={cn(toggleGroupItemVariants({ size: size }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className)} {...props}>
|
36
|
+
return (<ToggleGroupPrimitive.Item ref={ref} value={value} className={cn(toggleGroupItemVariants({ size: size }), toggleAppearanceStyle(appearance, color, true, 'data-[state=on]:'), className)} {...props}>
|
37
37
|
{Children.map(children, function (child) {
|
38
38
|
return React.cloneElement(child, { className: IconScaling[size] });
|
39
|
-
})}
|
39
|
+
})}
|
40
40
|
</ToggleGroupPrimitive.Item>);
|
41
41
|
});
|
42
42
|
ToggleGroupItem.displayName = 'ToggleGroupItem';
|
@@ -5,9 +5,9 @@ export interface ToggleSwitchProps extends VariantProps<typeof toggleSwitchVaria
|
|
5
5
|
children?: any;
|
6
6
|
}
|
7
7
|
declare const toggleSwitchVariants: (props?: ({
|
8
|
-
scaling?: "
|
9
|
-
radius?: "
|
10
|
-
size?: "
|
8
|
+
scaling?: "100%" | "90%" | "95%" | "105%" | "110%" | null | undefined;
|
9
|
+
radius?: "medium" | "small" | "none" | "large" | "full" | null | undefined;
|
10
|
+
size?: "medium" | "small" | "large" | null | undefined;
|
11
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
12
12
|
export declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;
|
13
13
|
export default ToggleSwitch;
|
@@ -64,11 +64,11 @@ export var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {
|
|
64
64
|
sizeTheme = '1';
|
65
65
|
if (size === 'large')
|
66
66
|
sizeTheme = '3';
|
67
|
-
return (<Theme className="flex" accentColor={color} hasBackground={false}>
|
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>
|
67
|
+
return (<Theme className="flex" accentColor={color} hasBackground={false}>
|
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
72
|
</Theme>);
|
73
73
|
});
|
74
74
|
ToggleSwitch.displayName = 'ToggleSwitch';
|
@@ -11,7 +11,7 @@ export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement
|
|
11
11
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
12
12
|
}
|
13
13
|
declare const tooltipVariants: (props?: ({
|
14
|
-
scaling?: number | typeof Symbol.iterator | typeof Symbol.unscopables | "map" | "filter" | "fill" | "values" | "concat" | "indexOf" | "lastIndexOf" | "slice" | "length" | "includes" | "at" | "toLocaleString" | "toString" | "
|
14
|
+
scaling?: number | typeof Symbol.iterator | typeof Symbol.unscopables | "map" | "filter" | "fill" | "values" | "concat" | "indexOf" | "lastIndexOf" | "slice" | "length" | "includes" | "at" | "toLocaleString" | "toString" | "join" | "every" | "some" | "forEach" | "reduce" | "reduceRight" | "find" | "findIndex" | "entries" | "keys" | "flatMap" | "flat" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | "pop" | "push" | "reverse" | "shift" | "sort" | "splice" | "unshift" | "copyWithin" | null | undefined;
|
15
15
|
weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
|
16
16
|
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
17
17
|
color?: string | null | undefined;
|
@@ -43,16 +43,16 @@ export var Tooltip = React.forwardRef(function (_a) {
|
|
43
43
|
var arrowColor = color
|
44
44
|
? "fill-".concat(color, "-9 dark:fill-").concat(color, "Dark-9")
|
45
45
|
: 'fill-slate-12 dark:fill-slateDark-12';
|
46
|
-
return (<TooltipPrimitive.Provider>
|
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>
|
46
|
+
return (<TooltipPrimitive.Provider>
|
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
56
|
</TooltipPrimitive.Provider>);
|
57
57
|
});
|
58
58
|
Tooltip.displayName = TooltipPrimitive.Root.displayName;
|
@@ -0,0 +1,48 @@
|
|
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 Header } from '../Typography/Header';
|
44
|
+
export { default as Text } from '../Typography/Text';
|
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/components/index.js
CHANGED
@@ -1,52 +1,51 @@
|
|
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
|
-
|
50
|
-
|
51
|
-
|
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
|
+
// 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 './BubbleChart';
|
49
|
+
export { default as RadarChart } from './RadarChart';
|
50
|
+
export { default as PieChart } from './PieChart';
|
51
|
+
export { default as DoughnutChart } from './DoughnutChart';
|
package/package.json
CHANGED
@@ -1,121 +1,120 @@
|
|
1
|
-
{
|
2
|
-
"name": "@lotte-innovate/ui-component-test",
|
3
|
-
"description": "Lotte UI Library",
|
4
|
-
"version": "0.0.
|
5
|
-
"private": false,
|
6
|
-
"type": "module",
|
7
|
-
"files": [
|
8
|
-
"dist/components",
|
9
|
-
"dist/Typography"
|
10
|
-
|
11
|
-
|
12
|
-
"
|
13
|
-
"
|
14
|
-
"
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
"
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
"
|
27
|
-
"not
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
"last 1
|
32
|
-
"last 1
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
"
|
38
|
-
"
|
39
|
-
"
|
40
|
-
"
|
41
|
-
"
|
42
|
-
"storybook": "
|
43
|
-
"
|
44
|
-
"
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
"@babel/runtime": "^7.24.7",
|
49
|
-
"@
|
50
|
-
"@radix-ui/
|
51
|
-
"@radix-ui/react-
|
52
|
-
"@radix-ui/react-
|
53
|
-
"@radix-ui/react-
|
54
|
-
"@radix-ui/react-
|
55
|
-
"@radix-ui/react-
|
56
|
-
"@radix-ui/react-
|
57
|
-
"@radix-ui/react-
|
58
|
-
"@radix-ui/react-
|
59
|
-
"@radix-ui/react-
|
60
|
-
"@radix-ui/react-
|
61
|
-
"@radix-ui/react-
|
62
|
-
"@radix-ui/react-
|
63
|
-
"@radix-ui/react-
|
64
|
-
"@radix-ui/react-
|
65
|
-
"@radix-ui/react-
|
66
|
-
"@radix-ui/react-
|
67
|
-
"@radix-ui/react-
|
68
|
-
"@radix-ui/
|
69
|
-
"@
|
70
|
-
"@stitches/
|
71
|
-
"@
|
72
|
-
"@storybook/
|
73
|
-
"
|
74
|
-
"
|
75
|
-
"
|
76
|
-
"
|
77
|
-
"
|
78
|
-
"
|
79
|
-
"
|
80
|
-
"
|
81
|
-
"
|
82
|
-
"react": "^
|
83
|
-
"react-
|
84
|
-
"react-
|
85
|
-
"
|
86
|
-
"storybook-
|
87
|
-
"
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
"@babel/
|
92
|
-
"@babel/
|
93
|
-
"@babel/
|
94
|
-
"@babel/preset-
|
95
|
-
"@babel/preset-
|
96
|
-
"@
|
97
|
-
"@
|
98
|
-
"@storybook/addon-
|
99
|
-
"@storybook/addon-
|
100
|
-
"@storybook/addon-
|
101
|
-
"@storybook/
|
102
|
-
"@storybook/
|
103
|
-
"@storybook/
|
104
|
-
"@storybook/
|
105
|
-
"@storybook/
|
106
|
-
"@
|
107
|
-
"@types/
|
108
|
-
"@types/react": "^18",
|
109
|
-
"
|
110
|
-
"
|
111
|
-
"
|
112
|
-
"eslint": "
|
113
|
-
"eslint-
|
114
|
-
"
|
115
|
-
"
|
116
|
-
"
|
117
|
-
"
|
118
|
-
"
|
119
|
-
|
120
|
-
|
121
|
-
}
|
1
|
+
{
|
2
|
+
"name": "@lotte-innovate/ui-component-test",
|
3
|
+
"description": "Lotte UI Library",
|
4
|
+
"version": "0.0.4",
|
5
|
+
"private": false,
|
6
|
+
"type": "module",
|
7
|
+
"files": [
|
8
|
+
"dist/components",
|
9
|
+
"dist/Typography"
|
10
|
+
],
|
11
|
+
"main": "dist/components/index.js",
|
12
|
+
"module": "dist/components/index.js",
|
13
|
+
"types": "dist/components/index.d.ts",
|
14
|
+
"publishConfig": {
|
15
|
+
"access": "public"
|
16
|
+
},
|
17
|
+
"browser": "./browser/specific/main.js",
|
18
|
+
"babel": {
|
19
|
+
"presets": [
|
20
|
+
"@babel/preset-react"
|
21
|
+
]
|
22
|
+
},
|
23
|
+
"browserslist": {
|
24
|
+
"production": [
|
25
|
+
">0.2%",
|
26
|
+
"not dead",
|
27
|
+
"not op_mini all"
|
28
|
+
],
|
29
|
+
"development": [
|
30
|
+
"last 1 chrome version",
|
31
|
+
"last 1 firefox version",
|
32
|
+
"last 1 safari version"
|
33
|
+
]
|
34
|
+
},
|
35
|
+
"scripts": {
|
36
|
+
"dev": "next dev",
|
37
|
+
"build": "next build && tsc",
|
38
|
+
"prepare": "next build",
|
39
|
+
"start": "next start",
|
40
|
+
"lint": "next lint",
|
41
|
+
"storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
|
42
|
+
"build-storybook": "storybook build",
|
43
|
+
"publish:npm": "rimraf dist && mkdir dist && tsc",
|
44
|
+
"chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
|
45
|
+
},
|
46
|
+
"dependencies": {
|
47
|
+
"@babel/runtime": "^7.24.7",
|
48
|
+
"@babel/runtime-corejs3": "^7.24.7",
|
49
|
+
"@radix-ui/colors": "^3.0.0",
|
50
|
+
"@radix-ui/react-accordion": "^1.2.0",
|
51
|
+
"@radix-ui/react-checkbox": "^1.0.4",
|
52
|
+
"@radix-ui/react-dialog": "^1.1.1",
|
53
|
+
"@radix-ui/react-dropdown-menu": "^2.1.1",
|
54
|
+
"@radix-ui/react-hover-card": "^1.1.1",
|
55
|
+
"@radix-ui/react-icons": "^1.3.0",
|
56
|
+
"@radix-ui/react-label": "^2.1.0",
|
57
|
+
"@radix-ui/react-menubar": "^1.1.1",
|
58
|
+
"@radix-ui/react-navigation-menu": "^1.2.0",
|
59
|
+
"@radix-ui/react-popover": "1.0.7",
|
60
|
+
"@radix-ui/react-radio-group": "^1.1.3",
|
61
|
+
"@radix-ui/react-select": "^2.1.1",
|
62
|
+
"@radix-ui/react-separator": "^1.1.0",
|
63
|
+
"@radix-ui/react-slider": "^1.2.0",
|
64
|
+
"@radix-ui/react-switch": "^1.1.0",
|
65
|
+
"@radix-ui/react-tabs": "^1.1.0",
|
66
|
+
"@radix-ui/react-toast": "^1.2.1",
|
67
|
+
"@radix-ui/react-tooltip": "^1.1.1",
|
68
|
+
"@radix-ui/themes": "^3.1.1",
|
69
|
+
"@stitches/core": "^1.2.8",
|
70
|
+
"@stitches/react": "^1.2.8",
|
71
|
+
"@storybook/addon-a11y": "^8.0.10",
|
72
|
+
"@storybook/addons": "^7.6.17",
|
73
|
+
"chart.js": "^4.4.4",
|
74
|
+
"chartjs-plugin-datalabels": "^2.2.0",
|
75
|
+
"class-variance-authority": "^0.7.0",
|
76
|
+
"clsx": "^2.1.0",
|
77
|
+
"cross-env": "^7.0.3",
|
78
|
+
"dotenv": "^16.4.5",
|
79
|
+
"lucide-react": "^0.364.0",
|
80
|
+
"next": "14.1.4",
|
81
|
+
"react": "^18",
|
82
|
+
"react-chartjs-2": "^5.2.0",
|
83
|
+
"react-dom": "^18",
|
84
|
+
"react-tabs": "^6.0.2",
|
85
|
+
"storybook-addon-deep-controls": "^0.7.1",
|
86
|
+
"storybook-dark-mode": "^4.0.2",
|
87
|
+
"tailwind-merge": "^2.2.2"
|
88
|
+
},
|
89
|
+
"devDependencies": {
|
90
|
+
"@babel/cli": "^7.24.7",
|
91
|
+
"@babel/core": "^7.24.7",
|
92
|
+
"@babel/plugin-transform-runtime": "^7.24.7",
|
93
|
+
"@babel/preset-env": "^7.24.7",
|
94
|
+
"@babel/preset-react": "^7.24.7",
|
95
|
+
"@babel/preset-typescript": "^7.24.7",
|
96
|
+
"@chromatic-com/storybook": "^1.2.25",
|
97
|
+
"@storybook/addon-essentials": "^8.0.4",
|
98
|
+
"@storybook/addon-interactions": "^8.0.4",
|
99
|
+
"@storybook/addon-links": "^8.0.4",
|
100
|
+
"@storybook/addon-styling-webpack": "^1.0.0",
|
101
|
+
"@storybook/blocks": "^8.0.4",
|
102
|
+
"@storybook/nextjs": "^8.0.4",
|
103
|
+
"@storybook/react": "^8.0.4",
|
104
|
+
"@storybook/test": "^8.0.4",
|
105
|
+
"@storybook/theming": "^8.2.4",
|
106
|
+
"@types/node": "^20",
|
107
|
+
"@types/react": "^18",
|
108
|
+
"@types/react-dom": "^18",
|
109
|
+
"autoprefixer": "^10.0.1",
|
110
|
+
"chromatic": "^11.5.4",
|
111
|
+
"eslint": "^8",
|
112
|
+
"eslint-config-next": "14.1.4",
|
113
|
+
"eslint-plugin-storybook": "^0.8.0",
|
114
|
+
"postcss": "^8",
|
115
|
+
"rimraf": "^6.0.1",
|
116
|
+
"storybook": "^8.2.6",
|
117
|
+
"tailwindcss": "^3.3.0",
|
118
|
+
"typescript": "^5"
|
119
|
+
}
|
120
|
+
}
|
package/dist/index.js
DELETED
@@ -1,51 +0,0 @@
|
|
1
|
-
// Component
|
2
|
-
export { default as Accordion } from './components/Accordion';
|
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';
|