@lotte-innovate/ui-component-test 0.0.49 → 0.0.50

Sign up to get free protection for your applications and to get access to all the features.
Files changed (310) hide show
  1. package/dist/cjs/index.js +18 -0
  2. package/package.json +14 -4
  3. package/dist/lib/Typography/Header/index.d.ts +0 -13
  4. package/dist/lib/Typography/Header/index.jsx +0 -58
  5. package/dist/lib/Typography/Text/index.d.ts +0 -15
  6. package/dist/lib/Typography/Text/index.jsx +0 -47
  7. package/dist/lib/Typography/index.d.ts +0 -2
  8. package/dist/lib/Typography/index.js +0 -2
  9. package/dist/lib/color/alpha.d.ts +0 -784
  10. package/dist/lib/color/alpha.js +0 -784
  11. package/dist/lib/color/constants.d.ts +0 -29
  12. package/dist/lib/color/constants.js +0 -296
  13. package/dist/lib/color/dark.d.ts +0 -392
  14. package/dist/lib/color/dark.js +0 -392
  15. package/dist/lib/color/krdsColors.d.ts +0 -309
  16. package/dist/lib/color/krdsColors.js +0 -309
  17. package/dist/lib/color/light.d.ts +0 -392
  18. package/dist/lib/color/light.js +0 -393
  19. package/dist/lib/components/Accordion/index.d.ts +0 -22
  20. package/dist/lib/components/Accordion/index.jsx +0 -76
  21. package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +0 -14
  22. package/dist/lib/components/AlertDialog/AlertDialogAction.jsx +0 -62
  23. package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +0 -13
  24. package/dist/lib/components/AlertDialog/AlertDialogCancel.jsx +0 -61
  25. package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +0 -11
  26. package/dist/lib/components/AlertDialog/AlertDialogContent.jsx +0 -55
  27. package/dist/lib/components/AlertDialog/AlertDialogDescription.d.ts +0 -10
  28. package/dist/lib/components/AlertDialog/AlertDialogDescription.jsx +0 -37
  29. package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +0 -16
  30. package/dist/lib/components/AlertDialog/AlertDialogRoot.jsx +0 -38
  31. package/dist/lib/components/AlertDialog/AlertDialogTitle.d.ts +0 -10
  32. package/dist/lib/components/AlertDialog/AlertDialogTitle.jsx +0 -37
  33. package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +0 -17
  34. package/dist/lib/components/AlertDialog/AlertDialogTrigger.jsx +0 -56
  35. package/dist/lib/components/AlertDialog/index.d.ts +0 -11
  36. package/dist/lib/components/AlertDialog/index.jsx +0 -17
  37. package/dist/lib/components/AspectRatio/index.d.ts +0 -10
  38. package/dist/lib/components/AspectRatio/index.jsx +0 -43
  39. package/dist/lib/components/Avatar/index.d.ts +0 -21
  40. package/dist/lib/components/Avatar/index.jsx +0 -62
  41. package/dist/lib/components/Badge/index.d.ts +0 -18
  42. package/dist/lib/components/Badge/index.jsx +0 -55
  43. package/dist/lib/components/BarChart/index.d.ts +0 -38
  44. package/dist/lib/components/BarChart/index.jsx +0 -62
  45. package/dist/lib/components/BubbleChart/index.d.ts +0 -29
  46. package/dist/lib/components/BubbleChart/index.jsx +0 -73
  47. package/dist/lib/components/Button/index.d.ts +0 -16
  48. package/dist/lib/components/Button/index.jsx +0 -57
  49. package/dist/lib/components/Callout/CalloutIcon.d.ts +0 -13
  50. package/dist/lib/components/Callout/CalloutIcon.jsx +0 -62
  51. package/dist/lib/components/Callout/CalloutRoot.d.ts +0 -18
  52. package/dist/lib/components/Callout/CalloutRoot.jsx +0 -75
  53. package/dist/lib/components/Callout/CalloutText.d.ts +0 -10
  54. package/dist/lib/components/Callout/CalloutText.jsx +0 -42
  55. package/dist/lib/components/Callout/index.d.ts +0 -7
  56. package/dist/lib/components/Callout/index.jsx +0 -9
  57. package/dist/lib/components/Card/index.d.ts +0 -14
  58. package/dist/lib/components/Card/index.jsx +0 -65
  59. package/dist/lib/components/Checkbox/index.d.ts +0 -17
  60. package/dist/lib/components/Checkbox/index.jsx +0 -97
  61. package/dist/lib/components/CheckboxCard/index.d.ts +0 -20
  62. package/dist/lib/components/CheckboxCard/index.jsx +0 -60
  63. package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts +0 -5
  64. package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.jsx +0 -25
  65. package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +0 -17
  66. package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.jsx +0 -37
  67. package/dist/lib/components/CheckboxGroup/index.d.ts +0 -6
  68. package/dist/lib/components/CheckboxGroup/index.jsx +0 -4
  69. package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts +0 -4
  70. package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.jsx +0 -35
  71. package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +0 -11
  72. package/dist/lib/components/ContextMenu/ContextMenuContent.jsx +0 -59
  73. package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts +0 -4
  74. package/dist/lib/components/ContextMenu/ContextMenuGroup.jsx +0 -20
  75. package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +0 -13
  76. package/dist/lib/components/ContextMenu/ContextMenuItem.jsx +0 -61
  77. package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +0 -10
  78. package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.jsx +0 -51
  79. package/dist/lib/components/ContextMenu/ContextMenuLabel.d.ts +0 -11
  80. package/dist/lib/components/ContextMenu/ContextMenuLabel.jsx +0 -49
  81. package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.d.ts +0 -8
  82. package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.jsx +0 -23
  83. package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts +0 -4
  84. package/dist/lib/components/ContextMenu/ContextMenuRadioItem.jsx +0 -37
  85. package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +0 -13
  86. package/dist/lib/components/ContextMenu/ContextMenuRoot.jsx +0 -34
  87. package/dist/lib/components/ContextMenu/ContextMenuSeparator.d.ts +0 -3
  88. package/dist/lib/components/ContextMenu/ContextMenuSeparator.jsx +0 -21
  89. package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +0 -11
  90. package/dist/lib/components/ContextMenu/ContextMenuSubContent.jsx +0 -57
  91. package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.d.ts +0 -4
  92. package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.jsx +0 -35
  93. package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts +0 -4
  94. package/dist/lib/components/ContextMenu/ContextMenuTrigger.jsx +0 -21
  95. package/dist/lib/components/ContextMenu/index.d.ts +0 -17
  96. package/dist/lib/components/ContextMenu/index.jsx +0 -29
  97. package/dist/lib/components/DataList/DataListItem.d.ts +0 -9
  98. package/dist/lib/components/DataList/DataListItem.jsx +0 -44
  99. package/dist/lib/components/DataList/DataListLabel.d.ts +0 -10
  100. package/dist/lib/components/DataList/DataListLabel.jsx +0 -50
  101. package/dist/lib/components/DataList/DataListRoot.d.ts +0 -14
  102. package/dist/lib/components/DataList/DataListRoot.jsx +0 -46
  103. package/dist/lib/components/DataList/DataListValue.d.ts +0 -11
  104. package/dist/lib/components/DataList/DataListValue.jsx +0 -52
  105. package/dist/lib/components/DataList/index.d.ts +0 -8
  106. package/dist/lib/components/DataList/index.jsx +0 -6
  107. package/dist/lib/components/Dialog/DialogAction.d.ts +0 -13
  108. package/dist/lib/components/Dialog/DialogAction.jsx +0 -49
  109. package/dist/lib/components/Dialog/DialogCancel.d.ts +0 -11
  110. package/dist/lib/components/Dialog/DialogCancel.jsx +0 -45
  111. package/dist/lib/components/Dialog/DialogContent.d.ts +0 -11
  112. package/dist/lib/components/Dialog/DialogContent.jsx +0 -58
  113. package/dist/lib/components/Dialog/DialogDescription.d.ts +0 -9
  114. package/dist/lib/components/Dialog/DialogDescription.jsx +0 -37
  115. package/dist/lib/components/Dialog/DialogRoot.d.ts +0 -15
  116. package/dist/lib/components/Dialog/DialogRoot.jsx +0 -29
  117. package/dist/lib/components/Dialog/DialogSlot.d.ts +0 -9
  118. package/dist/lib/components/Dialog/DialogSlot.jsx +0 -36
  119. package/dist/lib/components/Dialog/DialogTitle.d.ts +0 -11
  120. package/dist/lib/components/Dialog/DialogTitle.jsx +0 -37
  121. package/dist/lib/components/Dialog/DialogTrigger.d.ts +0 -3
  122. package/dist/lib/components/Dialog/DialogTrigger.jsx +0 -20
  123. package/dist/lib/components/Dialog/index.d.ts +0 -15
  124. package/dist/lib/components/Dialog/index.jsx +0 -19
  125. package/dist/lib/components/DoughnutChart/index.d.ts +0 -23
  126. package/dist/lib/components/DoughnutChart/index.jsx +0 -65
  127. package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -3
  128. package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.jsx +0 -20
  129. package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +0 -11
  130. package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.jsx +0 -63
  131. package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +0 -7
  132. package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.jsx +0 -34
  133. package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +0 -11
  134. package/dist/lib/components/DropdownMenu/DropdownMenuContent.jsx +0 -59
  135. package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +0 -15
  136. package/dist/lib/components/DropdownMenu/DropdownMenuItem.jsx +0 -60
  137. package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +0 -10
  138. package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.jsx +0 -49
  139. package/dist/lib/components/DropdownMenu/DropdownMenuLable.d.ts +0 -10
  140. package/dist/lib/components/DropdownMenu/DropdownMenuLable.jsx +0 -35
  141. package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.d.ts +0 -6
  142. package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.jsx +0 -34
  143. package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +0 -15
  144. package/dist/lib/components/DropdownMenu/DropdownMenuRoot.jsx +0 -28
  145. package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.d.ts +0 -3
  146. package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.jsx +0 -19
  147. package/dist/lib/components/DropdownMenu/DropdownMenuSub.d.ts +0 -3
  148. package/dist/lib/components/DropdownMenu/DropdownMenuSub.jsx +0 -18
  149. package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +0 -4
  150. package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.jsx +0 -33
  151. package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +0 -14
  152. package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.jsx +0 -43
  153. package/dist/lib/components/DropdownMenu/index.d.ts +0 -20
  154. package/dist/lib/components/DropdownMenu/index.jsx +0 -29
  155. package/dist/lib/components/HoverCard/HoverCardContent.d.ts +0 -14
  156. package/dist/lib/components/HoverCard/HoverCardContent.jsx +0 -62
  157. package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +0 -11
  158. package/dist/lib/components/HoverCard/HoverCardRoot.jsx +0 -30
  159. package/dist/lib/components/HoverCard/HoverCardTrigger.d.ts +0 -3
  160. package/dist/lib/components/HoverCard/HoverCardTrigger.jsx +0 -20
  161. package/dist/lib/components/HoverCard/index.d.ts +0 -10
  162. package/dist/lib/components/HoverCard/index.jsx +0 -9
  163. package/dist/lib/components/IconButton/index.d.ts +0 -15
  164. package/dist/lib/components/IconButton/index.jsx +0 -64
  165. package/dist/lib/components/Inset/index.d.ts +0 -10
  166. package/dist/lib/components/Inset/index.jsx +0 -53
  167. package/dist/lib/components/Label/index.d.ts +0 -17
  168. package/dist/lib/components/Label/index.jsx +0 -54
  169. package/dist/lib/components/LineChart/index.d.ts +0 -44
  170. package/dist/lib/components/LineChart/index.jsx +0 -60
  171. package/dist/lib/components/Menubar/MenubarCheckboxItem.d.ts +0 -4
  172. package/dist/lib/components/Menubar/MenubarCheckboxItem.jsx +0 -31
  173. package/dist/lib/components/Menubar/MenubarContent.d.ts +0 -11
  174. package/dist/lib/components/Menubar/MenubarContent.jsx +0 -63
  175. package/dist/lib/components/Menubar/MenubarItem.d.ts +0 -13
  176. package/dist/lib/components/Menubar/MenubarItem.jsx +0 -56
  177. package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +0 -10
  178. package/dist/lib/components/Menubar/MenubarItemIndicator.jsx +0 -50
  179. package/dist/lib/components/Menubar/MenubarMenu.d.ts +0 -5
  180. package/dist/lib/components/Menubar/MenubarMenu.jsx +0 -18
  181. package/dist/lib/components/Menubar/MenubarRadioGroup.d.ts +0 -8
  182. package/dist/lib/components/Menubar/MenubarRadioGroup.jsx +0 -23
  183. package/dist/lib/components/Menubar/MenubarRadioItem.d.ts +0 -4
  184. package/dist/lib/components/Menubar/MenubarRadioItem.jsx +0 -33
  185. package/dist/lib/components/Menubar/MenubarRoot.d.ts +0 -19
  186. package/dist/lib/components/Menubar/MenubarRoot.jsx +0 -64
  187. package/dist/lib/components/Menubar/MenubarSeparator.d.ts +0 -3
  188. package/dist/lib/components/Menubar/MenubarSeparator.jsx +0 -21
  189. package/dist/lib/components/Menubar/MenubarSub.d.ts +0 -3
  190. package/dist/lib/components/Menubar/MenubarSub.jsx +0 -18
  191. package/dist/lib/components/Menubar/MenubarSubContent.d.ts +0 -10
  192. package/dist/lib/components/Menubar/MenubarSubContent.jsx +0 -52
  193. package/dist/lib/components/Menubar/MenubarSubTrigger.d.ts +0 -4
  194. package/dist/lib/components/Menubar/MenubarSubTrigger.jsx +0 -34
  195. package/dist/lib/components/Menubar/MenubarTrigger.d.ts +0 -12
  196. package/dist/lib/components/Menubar/MenubarTrigger.jsx +0 -58
  197. package/dist/lib/components/Menubar/index.d.ts +0 -19
  198. package/dist/lib/components/Menubar/index.jsx +0 -29
  199. package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +0 -11
  200. package/dist/lib/components/NavigationMenu/NavigationMenuContent.jsx +0 -49
  201. package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.d.ts +0 -3
  202. package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
  203. package/dist/lib/components/NavigationMenu/NavigationMenuItem.d.ts +0 -3
  204. package/dist/lib/components/NavigationMenu/NavigationMenuItem.jsx +0 -20
  205. package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +0 -13
  206. package/dist/lib/components/NavigationMenu/NavigationMenuLink.jsx +0 -52
  207. package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +0 -12
  208. package/dist/lib/components/NavigationMenu/NavigationMenuList.jsx +0 -49
  209. package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +0 -14
  210. package/dist/lib/components/NavigationMenu/NavigationMenuRoot.jsx +0 -35
  211. package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +0 -13
  212. package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.jsx +0 -60
  213. package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +0 -12
  214. package/dist/lib/components/NavigationMenu/NavigationMenuViewport.jsx +0 -54
  215. package/dist/lib/components/NavigationMenu/index.d.ts +0 -12
  216. package/dist/lib/components/NavigationMenu/index.jsx +0 -10
  217. package/dist/lib/components/PieChart/index.d.ts +0 -23
  218. package/dist/lib/components/PieChart/index.jsx +0 -65
  219. package/dist/lib/components/Popover/PopoverClose.d.ts +0 -9
  220. package/dist/lib/components/Popover/PopoverClose.jsx +0 -38
  221. package/dist/lib/components/Popover/PopoverContent.d.ts +0 -11
  222. package/dist/lib/components/Popover/PopoverContent.jsx +0 -66
  223. package/dist/lib/components/Popover/PopoverRoot.d.ts +0 -12
  224. package/dist/lib/components/Popover/PopoverRoot.jsx +0 -28
  225. package/dist/lib/components/Popover/PopoverTrigger.d.ts +0 -3
  226. package/dist/lib/components/Popover/PopoverTrigger.jsx +0 -20
  227. package/dist/lib/components/Popover/index.d.ts +0 -11
  228. package/dist/lib/components/Popover/index.jsx +0 -11
  229. package/dist/lib/components/Progress/index.d.ts +0 -13
  230. package/dist/lib/components/Progress/index.jsx +0 -57
  231. package/dist/lib/components/RadarChart/index.d.ts +0 -33
  232. package/dist/lib/components/RadarChart/index.jsx +0 -76
  233. package/dist/lib/components/Radio/index.d.ts +0 -13
  234. package/dist/lib/components/Radio/index.jsx +0 -48
  235. package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +0 -10
  236. package/dist/lib/components/RadioCards/RadioCardsItem.jsx +0 -44
  237. package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts +0 -13
  238. package/dist/lib/components/RadioCards/RadioCardsRoot.jsx +0 -51
  239. package/dist/lib/components/RadioCards/index.d.ts +0 -6
  240. package/dist/lib/components/RadioCards/index.jsx +0 -7
  241. package/dist/lib/components/RadioGroup/RadioGroupItem.d.ts +0 -13
  242. package/dist/lib/components/RadioGroup/RadioGroupItem.jsx +0 -36
  243. package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +0 -15
  244. package/dist/lib/components/RadioGroup/RadioGroupRoot.jsx +0 -47
  245. package/dist/lib/components/RadioGroup/index.d.ts +0 -6
  246. package/dist/lib/components/RadioGroup/index.jsx +0 -7
  247. package/dist/lib/components/ScrollArea/index.d.ts +0 -9
  248. package/dist/lib/components/ScrollArea/index.jsx +0 -28
  249. package/dist/lib/components/SegmentedControl/SegmentedControlItem.d.ts +0 -6
  250. package/dist/lib/components/SegmentedControl/SegmentedControlItem.jsx +0 -25
  251. package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +0 -14
  252. package/dist/lib/components/SegmentedControl/SegmentedControlRoot.jsx +0 -50
  253. package/dist/lib/components/SegmentedControl/index.d.ts +0 -6
  254. package/dist/lib/components/SegmentedControl/index.jsx +0 -7
  255. package/dist/lib/components/Select/index.d.ts +0 -34
  256. package/dist/lib/components/Select/index.jsx +0 -109
  257. package/dist/lib/components/Separator/index.d.ts +0 -11
  258. package/dist/lib/components/Separator/index.jsx +0 -50
  259. package/dist/lib/components/Skeleton/index.d.ts +0 -14
  260. package/dist/lib/components/Skeleton/index.jsx +0 -45
  261. package/dist/lib/components/Slider/index.d.ts +0 -14
  262. package/dist/lib/components/Slider/index.jsx +0 -50
  263. package/dist/lib/components/Spinner/index.d.ts +0 -15
  264. package/dist/lib/components/Spinner/index.jsx +0 -50
  265. package/dist/lib/components/TabNav/index.d.ts +0 -15
  266. package/dist/lib/components/TabNav/index.jsx +0 -44
  267. package/dist/lib/components/Table/index.d.ts +0 -30
  268. package/dist/lib/components/Table/index.jsx +0 -113
  269. package/dist/lib/components/Tabs/index.d.ts +0 -22
  270. package/dist/lib/components/Tabs/index.jsx +0 -74
  271. package/dist/lib/components/TextArea/index.d.ts +0 -16
  272. package/dist/lib/components/TextArea/index.jsx +0 -59
  273. package/dist/lib/components/TextField/index.d.ts +0 -21
  274. package/dist/lib/components/TextField/index.jsx +0 -61
  275. package/dist/lib/components/Toast/ToastActionButton.d.ts +0 -14
  276. package/dist/lib/components/Toast/ToastActionButton.jsx +0 -68
  277. package/dist/lib/components/Toast/ToastDescription.d.ts +0 -13
  278. package/dist/lib/components/Toast/ToastDescription.jsx +0 -45
  279. package/dist/lib/components/Toast/ToastRoot.d.ts +0 -27
  280. package/dist/lib/components/Toast/ToastRoot.jsx +0 -96
  281. package/dist/lib/components/Toast/ToastTitle.d.ts +0 -13
  282. package/dist/lib/components/Toast/ToastTitle.jsx +0 -43
  283. package/dist/lib/components/Toast/index.d.ts +0 -8
  284. package/dist/lib/components/Toast/index.jsx +0 -11
  285. package/dist/lib/components/Toggle/ToggleWithText.d.ts +0 -21
  286. package/dist/lib/components/Toggle/ToggleWithText.jsx +0 -60
  287. package/dist/lib/components/Toggle/index.d.ts +0 -21
  288. package/dist/lib/components/Toggle/index.jsx +0 -59
  289. package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts +0 -17
  290. package/dist/lib/components/ToggleGroup/ToggleGroupItem.jsx +0 -44
  291. package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +0 -15
  292. package/dist/lib/components/ToggleGroup/ToggleGroupRoot.jsx +0 -53
  293. package/dist/lib/components/ToggleGroup/index.d.ts +0 -6
  294. package/dist/lib/components/ToggleGroup/index.jsx +0 -7
  295. package/dist/lib/components/ToggleSwitch/index.d.ts +0 -13
  296. package/dist/lib/components/ToggleSwitch/index.jsx +0 -75
  297. package/dist/lib/components/Tooltip/index.d.ts +0 -19
  298. package/dist/lib/components/Tooltip/index.jsx +0 -58
  299. package/dist/lib/components/index.d.ts +0 -50
  300. package/dist/lib/components/index.js +0 -52
  301. package/dist/lib/constants.d.ts +0 -655
  302. package/dist/lib/constants.js +0 -914
  303. package/dist/lib/index.d.ts +0 -2
  304. package/dist/lib/index.js +0 -2
  305. package/dist/lib/types.d.ts +0 -81
  306. package/dist/lib/types.js +0 -1
  307. package/dist/lib/utils/useDarkMode.d.ts +0 -1
  308. package/dist/lib/utils/useDarkMode.js +0 -49
  309. package/dist/lib/utils/utils.d.ts +0 -2
  310. package/dist/lib/utils/utils.js +0 -10
@@ -1,113 +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 { Table as TableTheme, Theme } from '@radix-ui/themes';
26
- import { cn } from 'lib/utils/utils';
27
- import { radiusVariants, scalingVariants } from 'lib/constants';
28
- var tableVariants = cva('', {
29
- variants: {
30
- scaling: __assign({}, scalingVariants),
31
- radius: __assign({}, radiusVariants['base']),
32
- },
33
- defaultVariants: {
34
- scaling: '100%',
35
- },
36
- });
37
- var tableRowVariants = cva('', {
38
- variants: {
39
- size: {
40
- small: 'h-[36px]',
41
- medium: 'h-[44px]',
42
- large: 'h-[48px] p-3',
43
- },
44
- },
45
- });
46
- export var Root = React.forwardRef(function (_a, ref) {
47
- var className = _a.className, children = _a.children, appearance = _a.appearance, scaling = _a.scaling, size = _a.size, radius = _a.radius, tableProps = __rest(_a, ["className", "children", "appearance", "scaling", "size", "radius"]);
48
- var sizeTheme = '2';
49
- if (size === 'small')
50
- sizeTheme = '1';
51
- if (size === 'large')
52
- sizeTheme = '3';
53
- if (radius === 'full')
54
- radius = 'large';
55
- return (<Theme hasBackground={false}>
56
- <TableTheme.Root ref={ref} className={cn('', tableVariants({ scaling: scaling, radius: radius }), className)} variant={appearance} size={sizeTheme} {...tableProps}>
57
- {children}
58
- </TableTheme.Root>
59
- </Theme>);
60
- });
61
- Root.displayName = 'Table.Root';
62
- export var Header = React.forwardRef(function (_a, forwardedRef) {
63
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
64
- return (<TableTheme.Header ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
65
- {children}
66
- </TableTheme.Header>);
67
- });
68
- Header.displayName = 'Table.Header';
69
- export var Body = React.forwardRef(function (_a, forwardedRef) {
70
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
71
- return (<TableTheme.Body ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
72
- {children}
73
- </TableTheme.Body>);
74
- });
75
- Body.displayName = 'Table.Body';
76
- export var Row = React.forwardRef(function (_a, forwardedRef) {
77
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
78
- return (<TableTheme.Row ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
79
- {children}
80
- </TableTheme.Row>);
81
- });
82
- Row.displayName = 'Table.Row';
83
- export var Cell = React.forwardRef(function (_a, forwardedRef) {
84
- var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, ["className", "children", "scaling"]);
85
- return (<TableTheme.Cell className={cn('', tableVariants({ scaling: scaling }), className)} {...cellProps} ref={forwardedRef}>
86
- {children}
87
- </TableTheme.Cell>);
88
- });
89
- Cell.displayName = 'Table.Cell';
90
- export var ColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
91
- var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
92
- return (<TableTheme.ColumnHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className)} {...props}>
93
- {children}
94
- </TableTheme.ColumnHeaderCell>);
95
- });
96
- ColumnHeaderCell.displayName = 'Table.ColumnHeaderCell';
97
- export var RowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
98
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
99
- return (<TableTheme.RowHeaderCell ref={forwardedRef} className={cn('', tableVariants({ scaling: scaling }), className)} {...props}>
100
- {children}
101
- </TableTheme.RowHeaderCell>);
102
- });
103
- RowHeaderCell.displayName = 'Table.RowHeaderCell';
104
- var Table = {
105
- Root: Root,
106
- Header: Header,
107
- Body: Body,
108
- Row: Row,
109
- Cell: Cell,
110
- ColumnHeaderCell: ColumnHeaderCell,
111
- RowHeaderCell: RowHeaderCell,
112
- };
113
- export default Table;
@@ -1,22 +0,0 @@
1
- import { Tabs as TabsTheme } from '@radix-ui/themes';
2
- import React from 'react';
3
- import { VariantProps } from 'class-variance-authority';
4
- export interface TabsProps extends VariantProps<typeof tabsVariants> {
5
- defaultValue?: string;
6
- size?: 'small' | 'medium';
7
- color?: any;
8
- }
9
- declare const tabsVariants: (props?: ({
10
- weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
11
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
12
- export declare const Root: React.ForwardRefExoticComponent<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
13
- export declare const List: React.ForwardRefExoticComponent<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
14
- export declare const Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
15
- export declare const Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
16
- declare const Tabs: {
17
- Root: React.ForwardRefExoticComponent<Omit<TabsTheme.RootProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
18
- List: React.ForwardRefExoticComponent<Omit<TabsTheme.ListProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
19
- Trigger: React.ForwardRefExoticComponent<Omit<TabsTheme.TriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & TabsProps & React.RefAttributes<HTMLButtonElement>>;
20
- Content: React.ForwardRefExoticComponent<Omit<TabsTheme.ContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & TabsProps & React.RefAttributes<HTMLDivElement>>;
21
- };
22
- export default Tabs;
@@ -1,74 +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 { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
24
- import React from 'react';
25
- import { cn } from 'lib/utils/utils';
26
- import { cva } from 'class-variance-authority';
27
- import { weightVariants } from 'lib/constants';
28
- var tabsVariants = cva('', {
29
- variants: {
30
- weight: __assign({}, weightVariants),
31
- },
32
- });
33
- export var Root = React.forwardRef(function (_a, forwardedRef) {
34
- var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
35
- if (!color)
36
- color = 'red';
37
- return (<Theme accentColor={color} hasBackground={false}>
38
- <TabsTheme.Root {...rootProps} ref={forwardedRef} className={cn('', className)}>
39
- {children}
40
- </TabsTheme.Root>
41
- </Theme>);
42
- });
43
- Root.displayName = 'Tabs.Root';
44
- export var List = React.forwardRef(function (_a, forwardedRef) {
45
- var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
46
- var sizeTheme = '2';
47
- if (size === 'small')
48
- sizeTheme = '1';
49
- return (<TabsTheme.List ref={forwardedRef} size={sizeTheme} {...listProps} className={cn('', className)}>
50
- {children}
51
- </TabsTheme.List>);
52
- });
53
- List.displayName = 'Tabs.List';
54
- export var Trigger = React.forwardRef(function (_a, forwardedRef) {
55
- var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
56
- return (<TabsTheme.Trigger ref={forwardedRef} className={cn('text-slateA-11 data-[state=active]:text-slateA-12 dark:text-slateDarkA-11 dark:data-[state=active]:text-slateDarkA-12', className)} {...triggerProps}>
57
- {children}
58
- </TabsTheme.Trigger>);
59
- });
60
- Trigger.displayName = 'Tabs.Trigger';
61
- export var Content = React.forwardRef(function (_a, forwardedRef) {
62
- var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
63
- return (<TabsTheme.Content ref={forwardedRef} {...contentProps} className={cn('mt-3', className)}>
64
- {children}
65
- </TabsTheme.Content>);
66
- });
67
- Content.displayName = 'Tabs.Content';
68
- var Tabs = {
69
- Root: Root,
70
- List: List,
71
- Trigger: Trigger,
72
- Content: Content,
73
- };
74
- export default Tabs;
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { VariantProps } from 'class-variance-authority';
3
- import { IColor } from 'lib/types';
4
- export interface TextAreaProps extends VariantProps<typeof textAreaNavVariants> {
5
- color?: IColor;
6
- href?: string;
7
- appearance?: 'classic' | 'soft' | 'surface';
8
- size?: 'small' | 'medium' | 'large' | 'x-large';
9
- }
10
- declare const textAreaNavVariants: (props?: ({
11
- size?: "small" | "medium" | "large" | "x-large" | null | undefined;
12
- scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
13
- radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
14
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
15
- export declare const TextArea: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>, "ref"> & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
16
- export default TextArea;
@@ -1,59 +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 { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
26
- import { cn } from 'lib/utils/utils';
27
- import { radiusVariants, scalingVariants } from 'lib/constants';
28
- var textAreaNavVariants = cva('w-[250px]', {
29
- variants: {
30
- size: {
31
- small: 'text-xs h-[48px]',
32
- medium: 'text-sm h-[64px]',
33
- large: 'text-base h-[80px]',
34
- 'x-large': 'text-lg h-[96px]',
35
- },
36
- scaling: __assign({}, scalingVariants),
37
- radius: __assign({}, radiusVariants['extra-large']),
38
- },
39
- defaultVariants: {
40
- size: 'medium',
41
- scaling: '100%',
42
- radius: 'medium',
43
- },
44
- });
45
- export var TextArea = React.forwardRef(function (_a, forwardedRef) {
46
- var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, ["className", "children", "size", "appearance", "scaling", "radius", "color"]);
47
- var sizeTheme = '2';
48
- if (size === 'small')
49
- sizeTheme = '1';
50
- if (size === 'large')
51
- sizeTheme = '3';
52
- if (!color)
53
- color = 'red';
54
- return (<Theme hasBackground={false} accentColor={color}>
55
- <TextAreaTheme ref={forwardedRef} variant={appearance} size={sizeTheme} className={cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className)} {...textAreaProps}></TextAreaTheme>
56
- </Theme>);
57
- });
58
- TextArea.displayName = 'TextArea';
59
- export default TextArea;
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import { VariantProps } from 'class-variance-authority';
3
- import { TextField as TextFieldTheme } from '@radix-ui/themes';
4
- import { IScaling } from 'lib/types';
5
- export interface TextFieldProps extends VariantProps<typeof textFieldVariants> {
6
- appearance?: 'classic' | 'soft' | 'surface';
7
- label?: string;
8
- size?: 'small' | 'medium' | 'large';
9
- scaling?: IScaling;
10
- }
11
- declare const textFieldVariants: (props?: ({
12
- radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
13
- color?: string | null | undefined;
14
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
15
- export declare const Root: React.ForwardRefExoticComponent<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
16
- export declare const Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
17
- declare const TextField: {
18
- Root: React.ForwardRefExoticComponent<Omit<TextFieldTheme.RootProps & React.RefAttributes<HTMLInputElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLInputElement>>;
19
- Slot: React.ForwardRefExoticComponent<Omit<TextFieldTheme.SlotProps & React.RefAttributes<HTMLDivElement>, "ref"> & TextFieldProps & React.RefAttributes<HTMLDivElement>>;
20
- };
21
- export default TextField;
@@ -1,61 +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 'lib/utils/utils';
26
- import { bgColorStyle, radiusVariants } from 'lib/constants';
27
- import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
28
- var textFieldVariants = cva('', {
29
- variants: {
30
- radius: __assign({}, radiusVariants['base']),
31
- color: bgColorStyle(),
32
- },
33
- });
34
- export var Root = React.forwardRef(function (_a, forwardedRef) {
35
- var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
36
- if (!color)
37
- color = 'red';
38
- var sizeTheme = '2';
39
- if (size === 'small')
40
- sizeTheme = '1';
41
- if (size === 'large')
42
- sizeTheme = '3';
43
- return (<Theme scaling={scaling} accentColor={color} hasBackground={false}>
44
- <TextFieldTheme.Root ref={forwardedRef} variant={appearance} size={sizeTheme} radius={radius} color={color} className={cn(textFieldVariants({ radius: radius }), className)} {...sliderProps}>
45
- {children}
46
- </TextFieldTheme.Root>
47
- </Theme>);
48
- });
49
- Root.displayName = 'TextField.Root';
50
- export var Slot = React.forwardRef(function (_a, forwardedRef) {
51
- var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
52
- return (<TextFieldTheme.Slot ref={forwardedRef} color={color} side={side} className={cn(textFieldVariants({ radius: radius }), className)} {...sliderProps}>
53
- {children}
54
- </TextFieldTheme.Slot>);
55
- });
56
- Slot.displayName = 'TextField.Slot';
57
- var TextField = {
58
- Root: Root,
59
- Slot: Slot,
60
- };
61
- export default TextField;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import * as ToastPrimitive from '@radix-ui/react-toast';
3
- import { VariantProps } from 'class-variance-authority';
4
- import { IAppearance } from 'lib/types';
5
- export interface ToastActionButtonProps extends VariantProps<typeof toastActionButtonVariants> {
6
- altText?: string;
7
- appearance?: IAppearance;
8
- }
9
- export declare const toastActionButtonVariants: (props?: ({
10
- radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
11
- size?: "small" | "medium" | "large" | "x-large" | null | undefined;
12
- scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
13
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
14
- export declare const ToastActionButton: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ToastActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,68 +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 ToastPrimitive from '@radix-ui/react-toast';
25
- import { cva } from 'class-variance-authority';
26
- import { cn } from 'lib/utils/utils';
27
- import Button from 'lib/components/Button';
28
- import { appearanceStyle, radiusVariants, scalingVariants } from 'lib/constants';
29
- import { useToastContext } from './ToastRoot';
30
- export var toastActionButtonVariants = cva("absolute items-center justify-center", {
31
- variants: {
32
- radius: __assign({}, radiusVariants['base']),
33
- size: {
34
- small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
35
- medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
36
- large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
37
- 'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
38
- },
39
- scaling: __assign({}, scalingVariants),
40
- },
41
- defaultVariants: {
42
- radius: 'medium',
43
- scaling: '100%',
44
- size: 'medium',
45
- },
46
- });
47
- export var ToastActionButton = forwardRef(function (_a, ref) {
48
- var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, ["className", "children", "radius", "appearance", "altText"]);
49
- var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
50
- var semantics = ['danger', 'warning', 'success', 'information'];
51
- var colorMap = {
52
- danger: 'red',
53
- information: 'sky',
54
- success: 'green',
55
- warning: 'amber',
56
- };
57
- var getSemanticsStyle = function (color) {
58
- var mappedColor = colorMap[color];
59
- return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;
60
- };
61
- var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)
62
- ? getSemanticsStyle(color)
63
- : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);
64
- return (<ToastPrimitive.Action ref={ref} altText={altText} {...props} className={buttonClassName} asChild>
65
- <Button>{children}</Button>
66
- </ToastPrimitive.Action>);
67
- });
68
- ToastActionButton.displayName = 'Toast.ActionButton';
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import * as ToastPrimitive from '@radix-ui/react-toast';
3
- import { VariantProps } from 'class-variance-authority';
4
- import { IAppearance } from 'lib/types';
5
- export interface ToastDescriptionProps extends VariantProps<typeof toastDescriptionVariants> {
6
- contentText?: string;
7
- appearance?: IAppearance;
8
- }
9
- export declare const toastDescriptionVariants: (props?: ({
10
- size?: "small" | "medium" | "large" | "x-large" | null | undefined;
11
- color?: "danger" | "warning" | "success" | "information" | null | undefined;
12
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
13
- export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitive.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,45 +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 ToastPrimitive from '@radix-ui/react-toast';
14
- import { cva } from 'class-variance-authority';
15
- import { cn } from 'lib/utils/utils';
16
- import { useToastContext } from './ToastRoot';
17
- export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
18
- variants: {
19
- size: {
20
- small: 'text-xs font-normal w-[220px]',
21
- medium: 'text-xs font-normal w-[312px]',
22
- large: 'text-base font-medium w-[284px]',
23
- 'x-large': 'text-base font-medium w-[284px]',
24
- },
25
- color: {
26
- danger: 'text-red-11',
27
- warning: 'text-amber-11',
28
- success: 'text-green-11',
29
- information: 'text-sky-11',
30
- },
31
- },
32
- defaultVariants: {
33
- size: 'medium',
34
- },
35
- });
36
- export var ToastDescription = forwardRef(function (_a, ref) {
37
- var className = _a.className, children = _a.children, contentText = _a.contentText, props = __rest(_a, ["className", "children", "contentText"]);
38
- var _b = useToastContext(), size = _b.size, color = _b.color;
39
- return (<ToastPrimitive.Description ref={ref} {...props}>
40
- <p className={cn(toastDescriptionVariants({ size: size, color: color }), className)}>
41
- {contentText !== null && contentText !== void 0 ? contentText : children}
42
- </p>
43
- </ToastPrimitive.Description>);
44
- });
45
- ToastDescription.displayName = 'Toast.Description';
@@ -1,27 +0,0 @@
1
- import React, { Dispatch, SetStateAction } from 'react';
2
- import { VariantProps } from 'class-variance-authority';
3
- import * as ToastPrimitive from '@radix-ui/react-toast';
4
- import { toastTitleVariants } from './ToastTitle';
5
- import { toastDescriptionVariants } from './ToastDescription';
6
- import { toastActionButtonVariants } from './ToastActionButton';
7
- export interface ToastProps extends VariantProps<typeof toastVariants>, VariantProps<typeof toastTitleVariants>, VariantProps<typeof toastDescriptionVariants>, VariantProps<typeof toastActionButtonVariants>, VariantProps<typeof toastViewportVariants> {
8
- className?: string;
9
- openToast?: boolean;
10
- duration?: number;
11
- titleText?: string;
12
- contentText?: string;
13
- color?: 'danger' | 'warning' | 'success' | 'information' | null;
14
- setOpenToast?: Dispatch<SetStateAction<boolean>>;
15
- }
16
- export declare const toastVariants: (props?: ({
17
- radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
18
- size?: "small" | "medium" | "large" | "x-large" | null | undefined;
19
- scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
20
- color?: "danger" | "warning" | "success" | "information" | null | undefined;
21
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
22
- export declare const toastViewportVariants: (props?: ({
23
- toastPosition?: "top_center" | "top_left" | "top_right" | "bottom_center" | "bottom_left" | "bottom_right" | null | undefined;
24
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
25
- export declare const useToastContext: () => ToastProps;
26
- export declare const ToastRoot: React.ForwardRefExoticComponent<ToastPrimitive.ToastProviderProps & ToastProps & React.RefAttributes<never>>;
27
- export default ToastRoot;
@@ -1,96 +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, createContext, useContext, useMemo, } from 'react';
24
- import { cva } from 'class-variance-authority';
25
- import { cn } from 'lib/utils/utils';
26
- import { scalingVariants } from 'lib/constants';
27
- import * as ToastPrimitive from '@radix-ui/react-toast';
28
- export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
29
- variants: {
30
- radius: {
31
- none: 'rounded-none',
32
- small: 'rounded-[3px]',
33
- medium: 'rounded',
34
- large: 'rounded-md',
35
- full: 'rounded-md',
36
- },
37
- size: {
38
- small: 'w-[300px] min-h-[55px] p-3',
39
- medium: 'w-[400px] min-h-[63px] p-3',
40
- large: 'w-[400px] min-h-[84px] p-4',
41
- 'x-large': 'w-[400px] min-h-[88px] p-4',
42
- },
43
- scaling: __assign({}, scalingVariants),
44
- color: {
45
- danger: 'bg-red-3 dark:bg-redDark-3',
46
- warning: 'bg-amber-3 dark:bg-amberDark-3',
47
- success: 'bg-green-3 dark:bg-greenDark-3',
48
- information: 'bg-sky-3 dark:bg-skyDark-3',
49
- },
50
- },
51
- defaultVariants: {
52
- radius: 'medium',
53
- scaling: '100%',
54
- size: 'medium',
55
- },
56
- });
57
- export var toastViewportVariants = cva("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n p-[var(--viewport-padding)] m-0 list-none z-[987654321]", {
58
- variants: {
59
- toastPosition: {
60
- top_center: 'top-0 left-1/2 transform -translate-x-1/2',
61
- top_left: 'top-0 left-0',
62
- top_right: 'top-0 right-0',
63
- bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',
64
- bottom_left: 'bottom-0 left-0',
65
- bottom_right: 'bottom-0 right-0',
66
- },
67
- },
68
- defaultVariants: {
69
- toastPosition: 'top_right',
70
- },
71
- });
72
- var ToastContext = createContext({
73
- radius: 'medium',
74
- scaling: '100%',
75
- size: 'medium',
76
- color: null,
77
- });
78
- export var useToastContext = function () {
79
- return useContext(ToastContext);
80
- };
81
- export var ToastRoot = forwardRef(function (_a, ref) {
82
- var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
83
- var contextValue = useMemo(function () { return ({ radius: radius, size: size, scaling: scaling, color: color }); }, [radius, size, scaling, color]);
84
- 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 ";
85
- var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
86
- return (<ToastContext.Provider value={contextValue}>
87
- <ToastPrimitive.Provider swipeDirection="right" duration={duration}>
88
- <ToastPrimitive.Root ref={ref} className={toastClassName} open={openToast} onOpenChange={setOpenToast} {...props}>
89
- {children}
90
- </ToastPrimitive.Root>
91
- <ToastPrimitive.Viewport className={cn(toastViewportVariants({ toastPosition: toastPosition }))}/>
92
- </ToastPrimitive.Provider>
93
- </ToastContext.Provider>);
94
- });
95
- ToastRoot.displayName = 'Toast.Root';
96
- export default ToastRoot;