@lotte-innovate/ui-component-test 0.0.2 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
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 -120
  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,120 +1,120 @@
1
- {
2
- "name": "@lotte-innovate/ui-component-test",
3
- "description": "Lotte UI Library",
4
- "version": "0.0.2",
5
- "private": false,
6
- "type": "module",
7
- "files": [
8
- "dist/components",
9
- "dist/Typography"
10
- ],
11
- "main": "dist/index.js",
12
- "module": "dist/index.js",
13
- "types": "dist/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
- }
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';