@lotte-innovate/ui-component-test 0.0.15 → 0.0.17

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 (271) hide show
  1. package/package.json +11 -1
  2. package/dist/Typography/Header/index.d.ts +0 -13
  3. package/dist/Typography/Header/index.jsx +0 -58
  4. package/dist/Typography/Text/index.d.ts +0 -16
  5. package/dist/Typography/Text/index.jsx +0 -47
  6. package/dist/Typography/index.d.ts +0 -2
  7. package/dist/Typography/index.js +0 -2
  8. package/dist/color/alpha.d.ts +0 -784
  9. package/dist/color/alpha.js +0 -784
  10. package/dist/color/constants.d.ts +0 -20
  11. package/dist/color/constants.js +0 -200
  12. package/dist/color/dark.d.ts +0 -392
  13. package/dist/color/dark.js +0 -392
  14. package/dist/color/krdsColors.d.ts +0 -309
  15. package/dist/color/krdsColors.js +0 -309
  16. package/dist/color/light.d.ts +0 -392
  17. package/dist/color/light.js +0 -393
  18. package/dist/components/Accordion/index.d.ts +0 -16
  19. package/dist/components/Accordion/index.jsx +0 -70
  20. package/dist/components/AlertDialog/AlertDialogAction.d.ts +0 -14
  21. package/dist/components/AlertDialog/AlertDialogAction.jsx +0 -60
  22. package/dist/components/AlertDialog/AlertDialogCancel.d.ts +0 -13
  23. package/dist/components/AlertDialog/AlertDialogCancel.jsx +0 -57
  24. package/dist/components/AlertDialog/AlertDialogContent.d.ts +0 -11
  25. package/dist/components/AlertDialog/AlertDialogContent.jsx +0 -53
  26. package/dist/components/AlertDialog/AlertDialogDescription.d.ts +0 -10
  27. package/dist/components/AlertDialog/AlertDialogDescription.jsx +0 -35
  28. package/dist/components/AlertDialog/AlertDialogTitle.d.ts +0 -10
  29. package/dist/components/AlertDialog/AlertDialogTitle.jsx +0 -35
  30. package/dist/components/AlertDialog/AlertDialogTrigger.d.ts +0 -17
  31. package/dist/components/AlertDialog/AlertDialogTrigger.jsx +0 -56
  32. package/dist/components/AlertDialog/index.d.ts +0 -20
  33. package/dist/components/AlertDialog/index.jsx +0 -27
  34. package/dist/components/AspectRatio/index.d.ts +0 -10
  35. package/dist/components/AspectRatio/index.jsx +0 -43
  36. package/dist/components/Avatar/index.d.ts +0 -17
  37. package/dist/components/Avatar/index.jsx +0 -61
  38. package/dist/components/Badge/index.d.ts +0 -18
  39. package/dist/components/Badge/index.jsx +0 -55
  40. package/dist/components/BubbleChart/index.d.ts +0 -32
  41. package/dist/components/BubbleChart/index.jsx +0 -43
  42. package/dist/components/Button/index.d.ts +0 -16
  43. package/dist/components/Button/index.jsx +0 -57
  44. package/dist/components/Callout/CalloutIcon.d.ts +0 -12
  45. package/dist/components/Callout/CalloutIcon.jsx +0 -62
  46. package/dist/components/Callout/CalloutText.d.ts +0 -10
  47. package/dist/components/Callout/CalloutText.jsx +0 -42
  48. package/dist/components/Callout/index.d.ts +0 -20
  49. package/dist/components/Callout/index.jsx +0 -78
  50. package/dist/components/Card/index.d.ts +0 -14
  51. package/dist/components/Card/index.jsx +0 -65
  52. package/dist/components/Checkbox/index.d.ts +0 -17
  53. package/dist/components/Checkbox/index.jsx +0 -97
  54. package/dist/components/CheckboxCard/index.d.ts +0 -20
  55. package/dist/components/CheckboxCard/index.jsx +0 -60
  56. package/dist/components/CheckboxGroup/CheckboxGroupItem.d.ts +0 -5
  57. package/dist/components/CheckboxGroup/CheckboxGroupItem.jsx +0 -25
  58. package/dist/components/CheckboxGroup/index.d.ts +0 -17
  59. package/dist/components/CheckboxGroup/index.jsx +0 -38
  60. package/dist/components/ContextMenu/ContextMenuCheckboxItem.d.ts +0 -4
  61. package/dist/components/ContextMenu/ContextMenuCheckboxItem.jsx +0 -33
  62. package/dist/components/ContextMenu/ContextMenuContent.d.ts +0 -11
  63. package/dist/components/ContextMenu/ContextMenuContent.jsx +0 -59
  64. package/dist/components/ContextMenu/ContextMenuGroup.d.ts +0 -4
  65. package/dist/components/ContextMenu/ContextMenuGroup.jsx +0 -20
  66. package/dist/components/ContextMenu/ContextMenuItem.d.ts +0 -13
  67. package/dist/components/ContextMenu/ContextMenuItem.jsx +0 -61
  68. package/dist/components/ContextMenu/ContextMenuItemIndicator.d.ts +0 -10
  69. package/dist/components/ContextMenu/ContextMenuItemIndicator.jsx +0 -51
  70. package/dist/components/ContextMenu/ContextMenuLabel.d.ts +0 -11
  71. package/dist/components/ContextMenu/ContextMenuLabel.jsx +0 -49
  72. package/dist/components/ContextMenu/ContextMenuRadioGroup.d.ts +0 -8
  73. package/dist/components/ContextMenu/ContextMenuRadioGroup.jsx +0 -23
  74. package/dist/components/ContextMenu/ContextMenuRadioItem.d.ts +0 -4
  75. package/dist/components/ContextMenu/ContextMenuRadioItem.jsx +0 -34
  76. package/dist/components/ContextMenu/ContextMenuSeparator.d.ts +0 -3
  77. package/dist/components/ContextMenu/ContextMenuSeparator.jsx +0 -21
  78. package/dist/components/ContextMenu/ContextMenuSubContent.d.ts +0 -11
  79. package/dist/components/ContextMenu/ContextMenuSubContent.jsx +0 -56
  80. package/dist/components/ContextMenu/ContextMenuSubTrigger.d.ts +0 -4
  81. package/dist/components/ContextMenu/ContextMenuSubTrigger.jsx +0 -35
  82. package/dist/components/ContextMenu/ContextMenuTrigger.d.ts +0 -4
  83. package/dist/components/ContextMenu/ContextMenuTrigger.jsx +0 -21
  84. package/dist/components/ContextMenu/index.d.ts +0 -25
  85. package/dist/components/ContextMenu/index.jsx +0 -46
  86. package/dist/components/DataList/DataListItem.d.ts +0 -9
  87. package/dist/components/DataList/DataListItem.jsx +0 -44
  88. package/dist/components/DataList/DataListLabel.d.ts +0 -10
  89. package/dist/components/DataList/DataListLabel.jsx +0 -50
  90. package/dist/components/DataList/DataListValue.d.ts +0 -11
  91. package/dist/components/DataList/DataListValue.jsx +0 -52
  92. package/dist/components/DataList/index.d.ts +0 -17
  93. package/dist/components/DataList/index.jsx +0 -49
  94. package/dist/components/Dialog/DialogAction.d.ts +0 -15
  95. package/dist/components/Dialog/DialogAction.jsx +0 -47
  96. package/dist/components/Dialog/DialogCancel.d.ts +0 -11
  97. package/dist/components/Dialog/DialogCancel.jsx +0 -43
  98. package/dist/components/Dialog/DialogContent.d.ts +0 -11
  99. package/dist/components/Dialog/DialogContent.jsx +0 -56
  100. package/dist/components/Dialog/DialogDescription.d.ts +0 -9
  101. package/dist/components/Dialog/DialogDescription.jsx +0 -35
  102. package/dist/components/Dialog/DialogSlot.d.ts +0 -9
  103. package/dist/components/Dialog/DialogSlot.jsx +0 -34
  104. package/dist/components/Dialog/DialogTitle.d.ts +0 -11
  105. package/dist/components/Dialog/DialogTitle.jsx +0 -35
  106. package/dist/components/Dialog/DialogTrigger.d.ts +0 -3
  107. package/dist/components/Dialog/DialogTrigger.jsx +0 -20
  108. package/dist/components/Dialog/index.d.ts +0 -18
  109. package/dist/components/Dialog/index.jsx +0 -28
  110. package/dist/components/DoughnutChart/index.d.ts +0 -24
  111. package/dist/components/DoughnutChart/index.jsx +0 -46
  112. package/dist/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -8
  113. package/dist/components/DropdownMenu/DropdonMenuRadioGroup.jsx +0 -23
  114. package/dist/components/DropdownMenu/DropdonMenuSubContent.d.ts +0 -11
  115. package/dist/components/DropdownMenu/DropdonMenuSubContent.jsx +0 -61
  116. package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +0 -7
  117. package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.jsx +0 -31
  118. package/dist/components/DropdownMenu/DropdownMenuContent.d.ts +0 -11
  119. package/dist/components/DropdownMenu/DropdownMenuContent.jsx +0 -57
  120. package/dist/components/DropdownMenu/DropdownMenuItem.d.ts +0 -13
  121. package/dist/components/DropdownMenu/DropdownMenuItem.jsx +0 -58
  122. package/dist/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +0 -10
  123. package/dist/components/DropdownMenu/DropdownMenuItemIndicator.jsx +0 -47
  124. package/dist/components/DropdownMenu/DropdownMenuLable.d.ts +0 -11
  125. package/dist/components/DropdownMenu/DropdownMenuLable.jsx +0 -47
  126. package/dist/components/DropdownMenu/DropdownMenuRadioItem.d.ts +0 -4
  127. package/dist/components/DropdownMenu/DropdownMenuRadioItem.jsx +0 -32
  128. package/dist/components/DropdownMenu/DropdownMenuSeparator.d.ts +0 -3
  129. package/dist/components/DropdownMenu/DropdownMenuSeparator.jsx +0 -19
  130. package/dist/components/DropdownMenu/DropdownMenuSub.d.ts +0 -3
  131. package/dist/components/DropdownMenu/DropdownMenuSub.jsx +0 -18
  132. package/dist/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +0 -4
  133. package/dist/components/DropdownMenu/DropdownMenuSubTrigger.jsx +0 -31
  134. package/dist/components/DropdownMenu/DropdownMenuTrigger.d.ts +0 -13
  135. package/dist/components/DropdownMenu/DropdownMenuTrigger.jsx +0 -41
  136. package/dist/components/DropdownMenu/index.d.ts +0 -23
  137. package/dist/components/DropdownMenu/index.jsx +0 -31
  138. package/dist/components/HoverCard/HoverCardContent.d.ts +0 -14
  139. package/dist/components/HoverCard/HoverCardContent.jsx +0 -61
  140. package/dist/components/HoverCard/HoverCardTrigger.d.ts +0 -3
  141. package/dist/components/HoverCard/HoverCardTrigger.jsx +0 -20
  142. package/dist/components/HoverCard/index.d.ts +0 -10
  143. package/dist/components/HoverCard/index.jsx +0 -23
  144. package/dist/components/IconButton/index.d.ts +0 -15
  145. package/dist/components/IconButton/index.jsx +0 -64
  146. package/dist/components/Inset/index.d.ts +0 -10
  147. package/dist/components/Inset/index.jsx +0 -53
  148. package/dist/components/Label/index.d.ts +0 -17
  149. package/dist/components/Label/index.jsx +0 -54
  150. package/dist/components/Menubar/MenubarCheckboxItem.d.ts +0 -4
  151. package/dist/components/Menubar/MenubarCheckboxItem.jsx +0 -31
  152. package/dist/components/Menubar/MenubarContent.d.ts +0 -11
  153. package/dist/components/Menubar/MenubarContent.jsx +0 -63
  154. package/dist/components/Menubar/MenubarItem.d.ts +0 -13
  155. package/dist/components/Menubar/MenubarItem.jsx +0 -56
  156. package/dist/components/Menubar/MenubarItemIndicator.d.ts +0 -10
  157. package/dist/components/Menubar/MenubarItemIndicator.jsx +0 -50
  158. package/dist/components/Menubar/MenubarMenu.d.ts +0 -2
  159. package/dist/components/Menubar/MenubarMenu.jsx +0 -18
  160. package/dist/components/Menubar/MenubarRadioGroup.d.ts +0 -8
  161. package/dist/components/Menubar/MenubarRadioGroup.jsx +0 -23
  162. package/dist/components/Menubar/MenubarRadioItem.d.ts +0 -4
  163. package/dist/components/Menubar/MenubarRadioItem.jsx +0 -33
  164. package/dist/components/Menubar/MenubarSeparator.d.ts +0 -3
  165. package/dist/components/Menubar/MenubarSeparator.jsx +0 -21
  166. package/dist/components/Menubar/MenubarSub.d.ts +0 -3
  167. package/dist/components/Menubar/MenubarSub.jsx +0 -18
  168. package/dist/components/Menubar/MenubarSubContent.d.ts +0 -10
  169. package/dist/components/Menubar/MenubarSubContent.jsx +0 -52
  170. package/dist/components/Menubar/MenubarSubTrigger.d.ts +0 -4
  171. package/dist/components/Menubar/MenubarSubTrigger.jsx +0 -34
  172. package/dist/components/Menubar/MenubarTrigger.d.ts +0 -12
  173. package/dist/components/Menubar/MenubarTrigger.jsx +0 -58
  174. package/dist/components/Menubar/index.d.ts +0 -31
  175. package/dist/components/Menubar/index.jsx +0 -76
  176. package/dist/components/NavigationMenu/NavigationMenuContent.d.ts +0 -11
  177. package/dist/components/NavigationMenu/NavigationMenuContent.jsx +0 -49
  178. package/dist/components/NavigationMenu/NavigationMenuIndicator.d.ts +0 -3
  179. package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
  180. package/dist/components/NavigationMenu/NavigationMenuItem.d.ts +0 -3
  181. package/dist/components/NavigationMenu/NavigationMenuItem.jsx +0 -20
  182. package/dist/components/NavigationMenu/NavigationMenuLink.d.ts +0 -13
  183. package/dist/components/NavigationMenu/NavigationMenuLink.jsx +0 -52
  184. package/dist/components/NavigationMenu/NavigationMenuList.d.ts +0 -12
  185. package/dist/components/NavigationMenu/NavigationMenuList.jsx +0 -49
  186. package/dist/components/NavigationMenu/NavigationMenuTrigger.d.ts +0 -13
  187. package/dist/components/NavigationMenu/NavigationMenuTrigger.jsx +0 -60
  188. package/dist/components/NavigationMenu/NavigationMenuViewport.d.ts +0 -12
  189. package/dist/components/NavigationMenu/NavigationMenuViewport.jsx +0 -54
  190. package/dist/components/NavigationMenu/index.d.ts +0 -21
  191. package/dist/components/NavigationMenu/index.jsx +0 -42
  192. package/dist/components/PieChart/index.d.ts +0 -24
  193. package/dist/components/PieChart/index.jsx +0 -46
  194. package/dist/components/Popover/PopoverClose.d.ts +0 -9
  195. package/dist/components/Popover/PopoverClose.jsx +0 -36
  196. package/dist/components/Popover/PopoverContent.d.ts +0 -11
  197. package/dist/components/Popover/PopoverContent.jsx +0 -64
  198. package/dist/components/Popover/PopoverTrigger.d.ts +0 -3
  199. package/dist/components/Popover/PopoverTrigger.jsx +0 -20
  200. package/dist/components/Popover/index.d.ts +0 -12
  201. package/dist/components/Popover/index.jsx +0 -24
  202. package/dist/components/Progress/index.d.ts +0 -16
  203. package/dist/components/Progress/index.jsx +0 -58
  204. package/dist/components/RadarChart/index.d.ts +0 -35
  205. package/dist/components/RadarChart/index.jsx +0 -43
  206. package/dist/components/Radio/index.d.ts +0 -14
  207. package/dist/components/Radio/index.jsx +0 -46
  208. package/dist/components/RadioCards/RadioCardsItem.d.ts +0 -10
  209. package/dist/components/RadioCards/RadioCardsItem.jsx +0 -42
  210. package/dist/components/RadioCards/index.d.ts +0 -14
  211. package/dist/components/RadioCards/index.jsx +0 -46
  212. package/dist/components/RadioGroup/RadioGroupItem.d.ts +0 -13
  213. package/dist/components/RadioGroup/RadioGroupItem.jsx +0 -34
  214. package/dist/components/RadioGroup/index.d.ts +0 -16
  215. package/dist/components/RadioGroup/index.jsx +0 -43
  216. package/dist/components/ScrollArea/index.d.ts +0 -9
  217. package/dist/components/ScrollArea/index.jsx +0 -28
  218. package/dist/components/SegmentedControl/SegmentedControlItem.d.ts +0 -6
  219. package/dist/components/SegmentedControl/SegmentedControlItem.jsx +0 -25
  220. package/dist/components/SegmentedControl/index.d.ts +0 -15
  221. package/dist/components/SegmentedControl/index.jsx +0 -51
  222. package/dist/components/Select/index.d.ts +0 -25
  223. package/dist/components/Select/index.jsx +0 -100
  224. package/dist/components/Separator/index.d.ts +0 -11
  225. package/dist/components/Separator/index.jsx +0 -50
  226. package/dist/components/Skeleton/index.d.ts +0 -15
  227. package/dist/components/Skeleton/index.jsx +0 -46
  228. package/dist/components/Slider/index.d.ts +0 -15
  229. package/dist/components/Slider/index.jsx +0 -51
  230. package/dist/components/Spinner/index.d.ts +0 -15
  231. package/dist/components/Spinner/index.jsx +0 -50
  232. package/dist/components/TabNav/index.d.ts +0 -11
  233. package/dist/components/TabNav/index.jsx +0 -40
  234. package/dist/components/Table/index.d.ts +0 -21
  235. package/dist/components/Table/index.jsx +0 -104
  236. package/dist/components/Tabs/index.d.ts +0 -16
  237. package/dist/components/Tabs/index.jsx +0 -68
  238. package/dist/components/TextArea/index.d.ts +0 -16
  239. package/dist/components/TextArea/index.jsx +0 -59
  240. package/dist/components/TextField/index.d.ts +0 -18
  241. package/dist/components/TextField/index.jsx +0 -58
  242. package/dist/components/Toast/ToastActionButton.d.ts +0 -14
  243. package/dist/components/Toast/ToastActionButton.jsx +0 -68
  244. package/dist/components/Toast/ToastDescription.d.ts +0 -13
  245. package/dist/components/Toast/ToastDescription.jsx +0 -45
  246. package/dist/components/Toast/ToastTitle.d.ts +0 -13
  247. package/dist/components/Toast/ToastTitle.jsx +0 -43
  248. package/dist/components/Toast/index.d.ts +0 -30
  249. package/dist/components/Toast/index.jsx +0 -100
  250. package/dist/components/Toggle/ToggleWithText.d.ts +0 -21
  251. package/dist/components/Toggle/ToggleWithText.jsx +0 -59
  252. package/dist/components/Toggle/index.d.ts +0 -21
  253. package/dist/components/Toggle/index.jsx +0 -59
  254. package/dist/components/ToggleGroup/index.d.ts +0 -20
  255. package/dist/components/ToggleGroup/index.jsx +0 -46
  256. package/dist/components/ToggleGroup/toggleGroupItem.d.ts +0 -17
  257. package/dist/components/ToggleGroup/toggleGroupItem.jsx +0 -42
  258. package/dist/components/ToggleSwitch/index.d.ts +0 -13
  259. package/dist/components/ToggleSwitch/index.jsx +0 -75
  260. package/dist/components/Tooltip/index.d.ts +0 -20
  261. package/dist/components/Tooltip/index.jsx +0 -58
  262. package/dist/components/index.d.ts +0 -46
  263. package/dist/components/index.js +0 -48
  264. package/dist/constants.d.ts +0 -185
  265. package/dist/constants.js +0 -569
  266. package/dist/index.d.ts +0 -2
  267. package/dist/index.js +0 -2
  268. package/dist/types.d.ts +0 -11
  269. package/dist/types.js +0 -1
  270. package/dist/utils/utils.d.ts +0 -3
  271. package/dist/utils/utils.js +0 -27
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
- import { VariantProps } from 'class-variance-authority';
4
- import { toggleGroupItemVariants } from './toggleGroupItem';
5
- import { IAppearance } from 'types';
6
- export * from './toggleGroupItem';
7
- export interface ToggleGroupSingleProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
8
- appearance?: IAppearance;
9
- defaultValue?: string;
10
- value?: string;
11
- }
12
- export interface ToggleGroupMultipleProps extends VariantProps<typeof toggleVariants>, VariantProps<typeof toggleGroupItemVariants> {
13
- defaultValue?: string[];
14
- value?: string[];
15
- }
16
- declare const toggleVariants: (props?: ({
17
- scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
18
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
19
- export declare const ToggleGroup: React.ForwardRefExoticComponent<(React.ComponentPropsWithoutRef<React.ForwardRefExoticComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>> & ToggleGroupSingleProps & ToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
20
- export default ToggleGroup;
@@ -1,46 +0,0 @@
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
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React, { forwardRef } from 'react';
24
- import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
25
- import { cva } from 'class-variance-authority';
26
- import { scalingVariants } from '../../constants';
27
- import { cn } from '../../utils/utils';
28
- export * from './toggleGroupItem';
29
- var toggleVariants = cva('inline-flex', {
30
- variants: {
31
- scaling: __assign({}, scalingVariants),
32
- },
33
- defaultVariants: {
34
- scaling: '100%',
35
- },
36
- });
37
- export var ToggleGroup = forwardRef(function (_a, ref) {
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}
43
- </ToggleGroupPrimitive.Root>);
44
- });
45
- ToggleGroup.displayName = 'ToggleGroup';
46
- export default ToggleGroup;
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
3
- import { VariantProps } from 'class-variance-authority';
4
- import { IAppearance } from 'types';
5
- export interface ToggleGroupItemProps extends VariantProps<typeof toggleGroupItemVariants> {
6
- appearance?: IAppearance;
7
- size?: 'small' | 'medium' | 'large';
8
- }
9
- export declare const toggleGroupItemVariants: (props?: ({
10
- size?: "small" | "medium" | "large" | null | undefined;
11
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
12
- export declare const IconScaling: {
13
- small: string;
14
- medium: string;
15
- large: string;
16
- };
17
- export declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,42 +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, { Children, forwardRef } from 'react';
13
- import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
14
- import { cva } from 'class-variance-authority';
15
- import { toggleAppearanceStyle } from '../../constants';
16
- import { cn } from '../../utils/utils';
17
- export var toggleGroupItemVariants = cva('grid place-content-center mr-[-1px] first:rounded-l last:rounded-r', {
18
- variants: {
19
- size: {
20
- small: 'w-6 h-6 p-[6px]',
21
- medium: 'w-8 h-8 p-2',
22
- large: 'w-10 h-10 p-[11px]',
23
- },
24
- },
25
- defaultVariants: {
26
- size: 'medium',
27
- },
28
- });
29
- export var IconScaling = {
30
- small: 'w-[14px]',
31
- medium: 'w-4',
32
- large: 'w-[18px]',
33
- };
34
- export var ToggleGroupItem = forwardRef(function (_a, ref) {
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}>
37
- {Children.map(children, function (child) {
38
- return React.cloneElement(child, { className: IconScaling[size] });
39
- })}
40
- </ToggleGroupPrimitive.Item>);
41
- });
42
- ToggleGroupItem.displayName = 'ToggleGroupItem';
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { VariantProps } from 'class-variance-authority';
3
- export interface ToggleSwitchProps extends VariantProps<typeof toggleSwitchVariants> {
4
- appearance?: 'classic' | 'soft' | 'surface';
5
- children?: any;
6
- }
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;
11
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
12
- export declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;
13
- export default ToggleSwitch;
@@ -1,75 +0,0 @@
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
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import React from 'react';
24
- import { cva } from 'class-variance-authority';
25
- import { cn } from '../../utils/utils';
26
- import { radiusVariants, scalingVariants } from '../../constants';
27
- import { Switch as SwitchTheme, Theme } from '@radix-ui/themes';
28
- import { Text } from 'Typography/Text';
29
- var toggleSwitchVariants = cva('', {
30
- variants: {
31
- scaling: __assign({}, scalingVariants),
32
- radius: __assign({}, radiusVariants['base']),
33
- size: {
34
- small: 'w-[28px] h-[16px]',
35
- medium: 'w-[35px] h-[20px]',
36
- large: 'w-[42px] h-[24px]',
37
- },
38
- },
39
- defaultVariants: {
40
- radius: 'full',
41
- size: 'medium',
42
- },
43
- });
44
- var SwitchLabelVariants = cva('flex items-center justify-start text-slate-12 font-normal dark:text-white', {
45
- variants: {
46
- size: {
47
- small: 'text-xs gap-2',
48
- medium: 'text-sm gap-2',
49
- large: 'text-base gap-3',
50
- },
51
- scaling: __assign({}, scalingVariants),
52
- },
53
- defaultVariants: {
54
- size: 'medium',
55
- scaling: '100%',
56
- },
57
- });
58
- export var ToggleSwitch = React.forwardRef(function (_a, forwardedRef) {
59
- var className = _a.className, _b = _a.color, color = _b === void 0 ? 'red' : _b, scaling = _a.scaling, size = _a.size, _c = _a.appearance, appearance = _c === void 0 ? 'surface' : _c, radius = _a.radius, tabIndex = _a.tabIndex, children = _a.children, switchProps = __rest(_a, ["className", "color", "scaling", "size", "appearance", "radius", "tabIndex", "children"]);
60
- if (radius === 'medium' || radius === 'large')
61
- radius = 'full';
62
- var sizeTheme = '2';
63
- if (size === 'small')
64
- sizeTheme = '1';
65
- if (size === 'large')
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>
72
- </Theme>);
73
- });
74
- ToggleSwitch.displayName = 'ToggleSwitch';
75
- export default ToggleSwitch;
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
3
- import { VariantProps } from 'class-variance-authority';
4
- import { IColor } from 'types';
5
- export interface TooltipProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof tooltipVariants> {
6
- label?: string;
7
- defaultValue?: string;
8
- selected?: string;
9
- disabled?: boolean;
10
- color?: IColor;
11
- side?: 'top' | 'right' | 'bottom' | 'left';
12
- }
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;
15
- weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
16
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
17
- color?: string | null | undefined;
18
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
19
- export declare const Tooltip: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipProps & TooltipProps & React.RefAttributes<never>>;
20
- export {};
@@ -1,58 +0,0 @@
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
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- // your-tooltip.jsx
24
- import React from 'react';
25
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
26
- import { cva } from 'class-variance-authority';
27
- import { cn } from 'utils/utils';
28
- import { primaryColorStyle, radiusVariants, scalingOptions, weightVariants } from '../../constants';
29
- var tooltipVariants = cva('bg-slate-12 text-slate-1 dark:bg-slateDark-12 dark:text-slateDark-1 data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade select-none rounded-[4px] px-[9px] py-[6px] text-[12px] leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]', {
30
- variants: {
31
- scaling: __assign({}, scalingOptions),
32
- weight: __assign({}, weightVariants),
33
- radius: __assign({}, radiusVariants['extra-large']),
34
- color: primaryColorStyle(),
35
- },
36
- });
37
- export var Tooltip = React.forwardRef(function (_a) {
38
- var content = _a.content, scaling = _a.scaling, weight = _a.weight, color = _a.color, radius = _a.radius, children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, className = _a.className, side = _a.side, onOpenChange = _a.onOpenChange, props = __rest(_a, ["content", "scaling", "weight", "color", "radius", "children", "defaultOpen", "open", "className", "side", "onOpenChange"]);
39
- if (!side)
40
- side = 'top';
41
- if (radius === 'full')
42
- radius = 'large';
43
- var arrowColor = color
44
- ? "fill-".concat(color, "-9 dark:fill-").concat(color, "Dark-9")
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>
56
- </TooltipPrimitive.Provider>);
57
- });
58
- Tooltip.displayName = TooltipPrimitive.Root.displayName;
@@ -1,46 +0,0 @@
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,48 +0,0 @@
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';
@@ -1,185 +0,0 @@
1
- import { IAppearance, IRadius, IScaling, IWeight, ISize, ITheme, ITypoSize } from './types';
2
- export declare const radiusOptions: IRadius[];
3
- export declare const typoSizeOptions: ITypoSize[];
4
- export declare const scalingOptions: IScaling[];
5
- export declare const sizeOptions: ISize[];
6
- export declare const weightOptions: IWeight[];
7
- export declare const themeOptions: ITheme[];
8
- export declare const appearanceOptions: IAppearance[];
9
- export declare const labelPositionList: string[];
10
- export declare const radiusVariants: {
11
- small: {
12
- none: string;
13
- small: string;
14
- medium: string;
15
- large: string;
16
- full: string;
17
- };
18
- base: {
19
- none: string;
20
- small: string;
21
- medium: string;
22
- large: string;
23
- full: string;
24
- };
25
- large: {
26
- none: string;
27
- small: string;
28
- medium: string;
29
- large: string;
30
- full: string;
31
- };
32
- 'extra-large': {
33
- none: string;
34
- small: string;
35
- medium: string;
36
- large: string;
37
- full: string;
38
- };
39
- 'menu-item': {
40
- none: string;
41
- small: string;
42
- medium: string;
43
- large: string;
44
- full: string;
45
- };
46
- };
47
- export declare const weightVariants: {
48
- regular: string;
49
- medium: string;
50
- semibold: string;
51
- bold: string;
52
- };
53
- export declare const scalingVariants: {
54
- '90%': string;
55
- '95%': string;
56
- '100%': string;
57
- '105%': string;
58
- '110%': string;
59
- };
60
- export declare const commonArgTypes: {
61
- typoSize: {
62
- table: {
63
- category: string;
64
- type: {
65
- summary: string;
66
- };
67
- };
68
- control: {
69
- type: string;
70
- };
71
- options: ITypoSize[];
72
- defaultValue: {
73
- summary: string;
74
- };
75
- };
76
- scaling: {
77
- table: {
78
- category: string;
79
- type: {
80
- summary: string;
81
- };
82
- };
83
- control: {
84
- type: string;
85
- };
86
- options: IScaling[];
87
- defaultValue: {
88
- summary: string;
89
- };
90
- };
91
- weight: {
92
- table: {
93
- category: string;
94
- type: {
95
- summary: string;
96
- };
97
- };
98
- options: IWeight[];
99
- control: {
100
- type: string;
101
- };
102
- defaultValue: {
103
- summary: string;
104
- };
105
- };
106
- radius: {
107
- table: {
108
- category: string;
109
- type: {
110
- summary: string;
111
- };
112
- };
113
- options: IRadius[];
114
- control: {
115
- type: string;
116
- };
117
- defaultValue: {
118
- summary: string;
119
- };
120
- };
121
- color: {
122
- table: {
123
- category: string;
124
- type: {
125
- summary: string;
126
- };
127
- };
128
- options: import("./types").IColor[];
129
- control: {
130
- type: string;
131
- };
132
- defaultValue: {
133
- summary: string;
134
- };
135
- };
136
- basicText: {
137
- table: {
138
- category: string;
139
- type: {
140
- summary: string;
141
- };
142
- };
143
- control: string;
144
- };
145
- appearance: {
146
- table: {
147
- category: string;
148
- type: {
149
- summary: string;
150
- };
151
- };
152
- options: IAppearance[];
153
- control: {
154
- type: string;
155
- };
156
- defaultValue: {
157
- summary: string;
158
- };
159
- };
160
- size: {
161
- table: {
162
- category: string;
163
- type: {
164
- summary: string;
165
- };
166
- };
167
- control: {
168
- type: string;
169
- };
170
- options: ISize[];
171
- defaultValue: {
172
- summary: string;
173
- };
174
- };
175
- };
176
- export declare const blackText: string[];
177
- export declare const primaryColorStyle: () => Record<string, string>;
178
- export declare const bgColorStyle: () => Record<string, string>;
179
- export declare const textColorStyle: () => Record<string, string>;
180
- export declare const appearanceStyle: (type: string, color: string, isClickable?: boolean) => string;
181
- export declare const toggleAppearanceStyle: (type: string, color: string, isClickable?: boolean, stateOn?: string) => string;
182
- export declare const menuItemAppearanceStyle: (type: 'solid' | 'soft' | 'ghost', color: string) => string;
183
- export declare const switchCheckedApperanceStyle: (type: string, color: string) => string;
184
- export declare const checkboxAppearanceStyle: (type: string, color: string, indeterminate: boolean) => string;
185
- export declare const selectAppearanceStyle: (type: 'classic' | 'surface' | 'soft' | 'ghost', color: string) => string;