@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.
Files changed (146) hide show
  1. package/README.md +163 -163
  2. package/dist/Typography/Header/index.d.ts +2 -2
  3. package/dist/Typography/Header/index.jsx +4 -4
  4. package/dist/Typography/Text/index.d.ts +1 -1
  5. package/dist/Typography/Text/index.jsx +4 -4
  6. package/dist/components/Accordion/index.jsx +13 -13
  7. package/dist/components/AlertDialog/AlertDialogAction.jsx +2 -2
  8. package/dist/components/AlertDialog/AlertDialogCancel.jsx +2 -2
  9. package/dist/components/AlertDialog/AlertDialogContent.jsx +5 -5
  10. package/dist/components/AlertDialog/AlertDialogDescription.jsx +2 -2
  11. package/dist/components/AlertDialog/AlertDialogTitle.jsx +2 -2
  12. package/dist/components/AlertDialog/AlertDialogTrigger.jsx +2 -2
  13. package/dist/components/AspectRatio/index.jsx +2 -2
  14. package/dist/components/Avatar/index.jsx +5 -5
  15. package/dist/components/Badge/index.jsx +2 -2
  16. package/dist/components/BubbleChart/index.d.ts +1 -1
  17. package/dist/components/Button/index.jsx +2 -2
  18. package/dist/components/Callout/CalloutIcon.jsx +6 -6
  19. package/dist/components/Callout/CalloutText.jsx +2 -2
  20. package/dist/components/Callout/index.jsx +4 -4
  21. package/dist/components/Card/index.jsx +2 -2
  22. package/dist/components/Checkbox/index.jsx +9 -9
  23. package/dist/components/CheckboxCard/index.jsx +3 -3
  24. package/dist/components/CheckboxGroup/CheckboxGroupItem.jsx +4 -4
  25. package/dist/components/CheckboxGroup/index.jsx +4 -4
  26. package/dist/components/ContextMenu/ContextMenuCheckboxItem.jsx +5 -5
  27. package/dist/components/ContextMenu/ContextMenuContent.jsx +4 -4
  28. package/dist/components/ContextMenu/ContextMenuGroup.jsx +2 -2
  29. package/dist/components/ContextMenu/ContextMenuItem.jsx +3 -3
  30. package/dist/components/ContextMenu/ContextMenuItemIndicator.jsx +2 -2
  31. package/dist/components/ContextMenu/ContextMenuLabel.jsx +2 -2
  32. package/dist/components/ContextMenu/ContextMenuRadioGroup.jsx +4 -4
  33. package/dist/components/ContextMenu/ContextMenuRadioItem.jsx +5 -5
  34. package/dist/components/ContextMenu/ContextMenuSeparator.jsx +2 -2
  35. package/dist/components/ContextMenu/ContextMenuSubContent.jsx +4 -4
  36. package/dist/components/ContextMenu/ContextMenuSubTrigger.jsx +7 -7
  37. package/dist/components/ContextMenu/ContextMenuTrigger.jsx +2 -2
  38. package/dist/components/ContextMenu/index.jsx +2 -2
  39. package/dist/components/DataList/DataListItem.jsx +2 -2
  40. package/dist/components/DataList/DataListLabel.jsx +2 -2
  41. package/dist/components/DataList/DataListValue.jsx +2 -2
  42. package/dist/components/DataList/index.jsx +4 -4
  43. package/dist/components/Dialog/DialogAction.jsx +2 -2
  44. package/dist/components/Dialog/DialogCancel.jsx +2 -2
  45. package/dist/components/Dialog/DialogContent.jsx +2 -2
  46. package/dist/components/Dialog/DialogDescription.jsx +2 -2
  47. package/dist/components/Dialog/DialogSlot.jsx +2 -2
  48. package/dist/components/Dialog/DialogTitle.jsx +2 -2
  49. package/dist/components/Dialog/DialogTrigger.jsx +2 -2
  50. package/dist/components/Dialog/index.jsx +2 -2
  51. package/dist/components/DropdownMenu/DropdonMenuRadioGroup.jsx +4 -4
  52. package/dist/components/DropdownMenu/DropdonMenuSubContent.jsx +4 -4
  53. package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.jsx +5 -5
  54. package/dist/components/DropdownMenu/DropdownMenuContent.jsx +4 -4
  55. package/dist/components/DropdownMenu/DropdownMenuItem.jsx +3 -3
  56. package/dist/components/DropdownMenu/DropdownMenuItemIndicator.jsx +2 -2
  57. package/dist/components/DropdownMenu/DropdownMenuLable.jsx +2 -2
  58. package/dist/components/DropdownMenu/DropdownMenuRadioItem.jsx +5 -5
  59. package/dist/components/DropdownMenu/DropdownMenuSubTrigger.jsx +5 -5
  60. package/dist/components/DropdownMenu/DropdownMenuTrigger.jsx +2 -2
  61. package/dist/components/HoverCard/HoverCardContent.jsx +2 -2
  62. package/dist/components/HoverCard/HoverCardTrigger.jsx +2 -2
  63. package/dist/components/HoverCard/index.jsx +2 -2
  64. package/dist/components/IconButton/index.jsx +2 -2
  65. package/dist/components/Input/Input.stories.jsx +6 -6
  66. package/dist/components/Inset/index.jsx +4 -4
  67. package/dist/components/Label/index.jsx +2 -2
  68. package/dist/components/Menubar/MenubarCheckboxItem.jsx +5 -5
  69. package/dist/components/Menubar/MenubarContent.jsx +4 -4
  70. package/dist/components/Menubar/MenubarItem.jsx +3 -3
  71. package/dist/components/Menubar/MenubarItemIndicator.jsx +2 -2
  72. package/dist/components/Menubar/MenubarRadioGroup.jsx +4 -4
  73. package/dist/components/Menubar/MenubarRadioItem.jsx +5 -5
  74. package/dist/components/Menubar/MenubarSeparator.jsx +2 -2
  75. package/dist/components/Menubar/MenubarSubContent.jsx +2 -2
  76. package/dist/components/Menubar/MenubarSubTrigger.jsx +5 -5
  77. package/dist/components/Menubar/MenubarTrigger.jsx +2 -2
  78. package/dist/components/Menubar/index.jsx +4 -4
  79. package/dist/components/NavigationMenu/NavigationMenuContent.jsx +2 -2
  80. package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +3 -3
  81. package/dist/components/NavigationMenu/NavigationMenuItem.jsx +2 -2
  82. package/dist/components/NavigationMenu/NavigationMenuLink.jsx +2 -2
  83. package/dist/components/NavigationMenu/NavigationMenuList.jsx +3 -3
  84. package/dist/components/NavigationMenu/NavigationMenuTrigger.jsx +3 -3
  85. package/dist/components/NavigationMenu/NavigationMenuViewport.jsx +2 -2
  86. package/dist/components/NavigationMenu/index.jsx +4 -4
  87. package/dist/components/Popover/PopoverClose.jsx +2 -2
  88. package/dist/components/Popover/PopoverContent.jsx +2 -2
  89. package/dist/components/Popover/PopoverTrigger.jsx +2 -2
  90. package/dist/components/Popover/index.jsx +2 -2
  91. package/dist/components/Progress/index.d.ts +3 -3
  92. package/dist/components/Progress/index.jsx +2 -2
  93. package/dist/components/RadarChart/index.d.ts +1 -1
  94. package/dist/components/Radio/index.d.ts +1 -1
  95. package/dist/components/Radio/index.jsx +7 -7
  96. package/dist/components/RadioCards/RadioCardsItem.jsx +2 -2
  97. package/dist/components/RadioCards/index.d.ts +1 -1
  98. package/dist/components/RadioCards/index.jsx +4 -4
  99. package/dist/components/RadioGroup/RadioGroupItem.jsx +2 -2
  100. package/dist/components/RadioGroup/index.d.ts +1 -1
  101. package/dist/components/RadioGroup/index.jsx +4 -4
  102. package/dist/components/ScrollArea/index.jsx +4 -4
  103. package/dist/components/SegmentedControl/SegmentedControlItem.jsx +2 -2
  104. package/dist/components/SegmentedControl/index.d.ts +1 -1
  105. package/dist/components/SegmentedControl/index.jsx +4 -4
  106. package/dist/components/Select/index.d.ts +1 -1
  107. package/dist/components/Select/index.jsx +16 -16
  108. package/dist/components/Separator/index.d.ts +1 -1
  109. package/dist/components/Separator/index.jsx +4 -4
  110. package/dist/components/Skeleton/index.d.ts +1 -1
  111. package/dist/components/Skeleton/index.jsx +4 -4
  112. package/dist/components/Slider/index.d.ts +1 -1
  113. package/dist/components/Slider/index.jsx +2 -2
  114. package/dist/components/Spinner/index.d.ts +1 -1
  115. package/dist/components/Spinner/index.jsx +4 -4
  116. package/dist/components/TabNav/index.jsx +6 -6
  117. package/dist/components/Table/index.d.ts +2 -2
  118. package/dist/components/Table/index.jsx +16 -16
  119. package/dist/components/Tabs/index.d.ts +1 -1
  120. package/dist/components/Tabs/index.jsx +10 -10
  121. package/dist/components/TextArea/index.d.ts +3 -3
  122. package/dist/components/TextArea/index.jsx +2 -2
  123. package/dist/components/TextField/index.d.ts +1 -1
  124. package/dist/components/TextField/index.jsx +6 -6
  125. package/dist/components/Toast/ToastActionButton.d.ts +3 -3
  126. package/dist/components/Toast/ToastActionButton.jsx +2 -2
  127. package/dist/components/Toast/ToastDescription.d.ts +1 -1
  128. package/dist/components/Toast/ToastDescription.jsx +4 -4
  129. package/dist/components/Toast/ToastTitle.d.ts +1 -1
  130. package/dist/components/Toast/ToastTitle.jsx +2 -2
  131. package/dist/components/Toast/index.d.ts +3 -3
  132. package/dist/components/Toast/index.jsx +7 -7
  133. package/dist/components/Toggle/ToggleWithText.jsx +3 -3
  134. package/dist/components/Toggle/index.d.ts +3 -3
  135. package/dist/components/Toggle/index.jsx +2 -2
  136. package/dist/components/ToggleGroup/index.d.ts +1 -1
  137. package/dist/components/ToggleGroup/index.jsx +4 -4
  138. package/dist/components/ToggleGroup/toggleGroupItem.jsx +2 -2
  139. package/dist/components/ToggleSwitch/index.d.ts +3 -3
  140. package/dist/components/ToggleSwitch/index.jsx +5 -5
  141. package/dist/components/Tooltip/index.d.ts +1 -1
  142. package/dist/components/Tooltip/index.jsx +10 -10
  143. package/dist/components/index.d.ts +48 -0
  144. package/dist/components/index.js +51 -52
  145. package/package.json +120 -121
  146. 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?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
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?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
9
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
10
- size?: "small" | "medium" | "large" | null | undefined;
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" | "pop" | "push" | "join" | "reverse" | "shift" | "sort" | "splice" | "unshift" | "every" | "some" | "forEach" | "reduce" | "reduceRight" | "find" | "findIndex" | "copyWithin" | "entries" | "keys" | "flatMap" | "flat" | "findLast" | "findLastIndex" | "toReversed" | "toSorted" | "toSpliced" | "with" | null | undefined;
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';
@@ -1,52 +1,51 @@
1
- "use strict";
2
- // // Component
3
- // export { default as Accordion } from './Accordion';
4
- // export { default as AlertDialog } from './AlertDialog';
5
- // export { default as AspectRatio } from './AspectRatio';
6
- // export { default as Avatar } from './Avatar';
7
- // export { default as Badge } from './Badge';
8
- // export { default as Button } from './Button';
9
- // export { default as Callout } from './Callout';
10
- // export { default as Card } from './Card';
11
- // export { default as Checkbox } from './Checkbox';
12
- // export { default as CheckboxCard } from './CheckboxCard';
13
- // export { default as CheckboxGroup } from './CheckboxGroup';
14
- // export { default as ContextMenu } from './ContextMenu';
15
- // export { default as DataList } from './DataList';
16
- // export { default as Dialog } from './Dialog';
17
- // export { default as DropdownMenu } from './DropdownMenu';
18
- // export { default as HoverCard } from './HoverCard';
19
- // export { default as IconButton } from './IconButton';
20
- // export { default as Inset } from './Inset';
21
- // export { default as Label } from './Label';
22
- // export { default as Menubar } from './Menubar';
23
- // export { default as NavigationMenu } from './NavigationMenu';
24
- // export { default as Popover } from './Popover';
25
- // export { default as Progress } from './Progress';
26
- // export { default as Radio } from './Radio';
27
- // export { default as RadioCards } from './RadioCards';
28
- // export { default as RadioGroup } from './RadioGroup';
29
- // export { default as ScrollArea } from './ScrollArea';
30
- // export { default as SegmentedControl } from './SegmentedControl';
31
- // export { default as Select } from './Select';
32
- // export { default as Separator } from './Separator';
33
- // export { default as Skeleton } from './Skeleton';
34
- // export { default as Slider } from './Slider';
35
- // export { default as Spinner } from './Spinner';
36
- // export { default as Table } from './Table';
37
- // export { default as TabNav } from './TabNav';
38
- // export { default as Tabs } from './Tabs';
39
- // export { default as TextArea } from './TextArea';
40
- // export { default as TextField } from './TextField';
41
- // export { default as Toast } from './Toast';
42
- // export { default as Toggle } from './Toggle';
43
- // export { default as ToggleGroup } from './ToggleGroup';
44
- // export { default as ToggleSwitch } from './ToggleSwitch';
45
- // // Typography
46
- // export { default as Header } from '../Typography/Header';
47
- // export { default as Text } from '../Typography/Text';
48
- // // Chart
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
+ // 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.3",
5
- "private": false,
6
- "type": "module",
7
- "files": [
8
- "dist/components",
9
- "dist/Typography",
10
- "dist/index.js"
11
- ],
12
- "main": "dist/index.js",
13
- "module": "dist/index.js",
14
- "types": "dist/index.d.ts",
15
- "publishConfig": {
16
- "access": "public"
17
- },
18
- "browser": "./browser/specific/main.js",
19
- "babel": {
20
- "presets": [
21
- "@babel/preset-react"
22
- ]
23
- },
24
- "browserslist": {
25
- "production": [
26
- ">0.2%",
27
- "not dead",
28
- "not op_mini all"
29
- ],
30
- "development": [
31
- "last 1 chrome version",
32
- "last 1 firefox version",
33
- "last 1 safari version"
34
- ]
35
- },
36
- "scripts": {
37
- "dev": "next dev",
38
- "build": "next build && tsc",
39
- "prepare": "next build",
40
- "start": "next start",
41
- "lint": "next lint",
42
- "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
43
- "build-storybook": "storybook build",
44
- "publish:npm": "rimraf dist && mkdir dist && tsc",
45
- "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN"
46
- },
47
- "dependencies": {
48
- "@babel/runtime": "^7.24.7",
49
- "@babel/runtime-corejs3": "^7.24.7",
50
- "@radix-ui/colors": "^3.0.0",
51
- "@radix-ui/react-accordion": "^1.2.0",
52
- "@radix-ui/react-checkbox": "^1.0.4",
53
- "@radix-ui/react-dialog": "^1.1.1",
54
- "@radix-ui/react-dropdown-menu": "^2.1.1",
55
- "@radix-ui/react-hover-card": "^1.1.1",
56
- "@radix-ui/react-icons": "^1.3.0",
57
- "@radix-ui/react-label": "^2.1.0",
58
- "@radix-ui/react-menubar": "^1.1.1",
59
- "@radix-ui/react-navigation-menu": "^1.2.0",
60
- "@radix-ui/react-popover": "1.0.7",
61
- "@radix-ui/react-radio-group": "^1.1.3",
62
- "@radix-ui/react-select": "^2.1.1",
63
- "@radix-ui/react-separator": "^1.1.0",
64
- "@radix-ui/react-slider": "^1.2.0",
65
- "@radix-ui/react-switch": "^1.1.0",
66
- "@radix-ui/react-tabs": "^1.1.0",
67
- "@radix-ui/react-toast": "^1.2.1",
68
- "@radix-ui/react-tooltip": "^1.1.1",
69
- "@radix-ui/themes": "^3.1.1",
70
- "@stitches/core": "^1.2.8",
71
- "@stitches/react": "^1.2.8",
72
- "@storybook/addon-a11y": "^8.0.10",
73
- "@storybook/addons": "^7.6.17",
74
- "chart.js": "^4.4.4",
75
- "chartjs-plugin-datalabels": "^2.2.0",
76
- "class-variance-authority": "^0.7.0",
77
- "clsx": "^2.1.0",
78
- "cross-env": "^7.0.3",
79
- "dotenv": "^16.4.5",
80
- "lucide-react": "^0.364.0",
81
- "next": "14.1.4",
82
- "react": "^18",
83
- "react-chartjs-2": "^5.2.0",
84
- "react-dom": "^18",
85
- "react-tabs": "^6.0.2",
86
- "storybook-addon-deep-controls": "^0.7.1",
87
- "storybook-dark-mode": "^4.0.2",
88
- "tailwind-merge": "^2.2.2"
89
- },
90
- "devDependencies": {
91
- "@babel/cli": "^7.24.7",
92
- "@babel/core": "^7.24.7",
93
- "@babel/plugin-transform-runtime": "^7.24.7",
94
- "@babel/preset-env": "^7.24.7",
95
- "@babel/preset-react": "^7.24.7",
96
- "@babel/preset-typescript": "^7.24.7",
97
- "@chromatic-com/storybook": "^1.2.25",
98
- "@storybook/addon-essentials": "^8.0.4",
99
- "@storybook/addon-interactions": "^8.0.4",
100
- "@storybook/addon-links": "^8.0.4",
101
- "@storybook/addon-styling-webpack": "^1.0.0",
102
- "@storybook/blocks": "^8.0.4",
103
- "@storybook/nextjs": "^8.0.4",
104
- "@storybook/react": "^8.0.4",
105
- "@storybook/test": "^8.0.4",
106
- "@storybook/theming": "^8.2.4",
107
- "@types/node": "^20",
108
- "@types/react": "^18",
109
- "@types/react-dom": "^18",
110
- "autoprefixer": "^10.0.1",
111
- "chromatic": "^11.5.4",
112
- "eslint": "^8",
113
- "eslint-config-next": "14.1.4",
114
- "eslint-plugin-storybook": "^0.8.0",
115
- "postcss": "^8",
116
- "rimraf": "^6.0.1",
117
- "storybook": "^8.2.6",
118
- "tailwindcss": "^3.3.0",
119
- "typescript": "^5"
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';