@lotte-innovate/ui-component-test 0.0.5 → 0.0.7

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