@lotte-innovate/ui-component-test 0.0.11 → 0.0.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (263) hide show
  1. package/README.md +163 -163
  2. package/dist/Typography/Header/index.d.ts +1 -1
  3. package/dist/Typography/Header/{index.jsx → index.js} +2 -5
  4. package/dist/Typography/Text/{index.jsx → index.js} +3 -6
  5. package/dist/Typography/index.d.ts +2 -2
  6. package/dist/Typography/index.js +2 -3
  7. package/dist/app/layout.d.ts +1 -1
  8. package/dist/app/{layout.jsx → layout.js} +2 -3
  9. package/dist/app/page.d.ts +1 -2
  10. package/dist/app/page.js +6 -0
  11. package/dist/app/template/colorPicker.d.ts +2 -3
  12. package/dist/app/template/colorPicker.js +14 -0
  13. package/dist/app/template/theme.d.ts +2 -2
  14. package/dist/app/template/theme.js +11 -0
  15. package/dist/components/Accordion/{index.jsx → index.js} +5 -17
  16. package/dist/components/AlertDialog/{AlertDialogAction.jsx → AlertDialogAction.js} +4 -5
  17. package/dist/components/AlertDialog/{AlertDialogCancel.jsx → AlertDialogCancel.js} +4 -5
  18. package/dist/components/AlertDialog/{AlertDialogContent.jsx → AlertDialogContent.js} +4 -8
  19. package/dist/components/AlertDialog/{AlertDialogDescription.jsx → AlertDialogDescription.js} +15 -5
  20. package/dist/components/AlertDialog/{AlertDialogTitle.jsx → AlertDialogTitle.js} +15 -5
  21. package/dist/components/AlertDialog/{AlertDialogTrigger.jsx → AlertDialogTrigger.js} +4 -5
  22. package/dist/components/AlertDialog/{index.jsx → index.js} +15 -3
  23. package/dist/components/AspectRatio/{index.jsx → index.js} +4 -5
  24. package/dist/components/Avatar/{index.jsx → index.js} +4 -8
  25. package/dist/components/Badge/{index.jsx → index.js} +3 -4
  26. package/dist/components/BubbleChart/index.d.ts +1 -2
  27. package/dist/components/BubbleChart/{index.jsx → index.js} +3 -3
  28. package/dist/components/Button/{index.jsx → index.js} +4 -5
  29. package/dist/components/Callout/{CalloutIcon.jsx → CalloutIcon.js} +4 -9
  30. package/dist/components/Callout/{CalloutText.jsx → CalloutText.js} +15 -5
  31. package/dist/components/Callout/{index.jsx → index.js} +4 -7
  32. package/dist/components/Card/{index.jsx → index.js} +4 -5
  33. package/dist/components/Checkbox/{index.jsx → index.js} +4 -12
  34. package/dist/components/CheckboxCard/{index.jsx → index.js} +4 -6
  35. package/dist/components/CheckboxGroup/{CheckboxGroupItem.jsx → CheckboxGroupItem.js} +14 -6
  36. package/dist/components/CheckboxGroup/{index.jsx → index.js} +3 -6
  37. package/dist/components/ContextMenu/{ContextMenuCheckboxItem.jsx → ContextMenuCheckboxItem.js} +15 -8
  38. package/dist/components/ContextMenu/{ContextMenuContent.jsx → ContextMenuContent.js} +4 -7
  39. package/dist/components/ContextMenu/{ContextMenuGroup.jsx → ContextMenuGroup.js} +14 -4
  40. package/dist/components/ContextMenu/{ContextMenuItem.jsx → ContextMenuItem.js} +4 -6
  41. package/dist/components/ContextMenu/{ContextMenuItemIndicator.jsx → ContextMenuItemIndicator.js} +4 -5
  42. package/dist/components/ContextMenu/{ContextMenuLabel.jsx → ContextMenuLabel.js} +4 -5
  43. package/dist/components/ContextMenu/{ContextMenuRadioGroup.jsx → ContextMenuRadioGroup.js} +14 -6
  44. package/dist/components/ContextMenu/{ContextMenuRadioItem.jsx → ContextMenuRadioItem.js} +15 -8
  45. package/dist/components/ContextMenu/{ContextMenuSeparator.jsx → ContextMenuSeparator.js} +15 -5
  46. package/dist/components/ContextMenu/{ContextMenuSubContent.jsx → ContextMenuSubContent.js} +8 -11
  47. package/dist/components/ContextMenu/{ContextMenuSubTrigger.jsx → ContextMenuSubTrigger.js} +15 -10
  48. package/dist/components/ContextMenu/{ContextMenuTrigger.jsx → ContextMenuTrigger.js} +15 -5
  49. package/dist/components/ContextMenu/{index.jsx → index.js} +15 -5
  50. package/dist/components/DataList/{DataListItem.jsx → DataListItem.js} +4 -5
  51. package/dist/components/DataList/{DataListLabel.jsx → DataListLabel.js} +4 -5
  52. package/dist/components/DataList/{DataListValue.jsx → DataListValue.js} +4 -5
  53. package/dist/components/DataList/{index.jsx → index.js} +15 -7
  54. package/dist/components/Dialog/{DialogAction.jsx → DialogAction.js} +15 -5
  55. package/dist/components/Dialog/{DialogCancel.jsx → DialogCancel.js} +15 -5
  56. package/dist/components/Dialog/{DialogContent.jsx → DialogContent.js} +4 -5
  57. package/dist/components/Dialog/{DialogDescription.jsx → DialogDescription.js} +15 -5
  58. package/dist/components/Dialog/{DialogSlot.jsx → DialogSlot.js} +15 -5
  59. package/dist/components/Dialog/{DialogTitle.jsx → DialogTitle.js} +15 -5
  60. package/dist/components/Dialog/{DialogTrigger.jsx → DialogTrigger.js} +14 -4
  61. package/dist/components/Dialog/{index.jsx → index.js} +14 -4
  62. package/dist/components/DoughnutChart/index.d.ts +1 -2
  63. package/dist/components/DoughnutChart/{index.jsx → index.js} +3 -3
  64. package/dist/components/DropdownMenu/{DropdonMenuRadioGroup.jsx → DropdonMenuRadioGroup.js} +14 -6
  65. package/dist/components/DropdownMenu/{DropdonMenuSubContent.jsx → DropdonMenuSubContent.js} +8 -11
  66. package/dist/components/DropdownMenu/{DropdownMenuCheckboxItem.jsx → DropdownMenuCheckboxItem.js} +15 -8
  67. package/dist/components/DropdownMenu/{DropdownMenuContent.jsx → DropdownMenuContent.js} +4 -7
  68. package/dist/components/DropdownMenu/{DropdownMenuItem.jsx → DropdownMenuItem.js} +4 -6
  69. package/dist/components/DropdownMenu/{DropdownMenuItemIndicator.jsx → DropdownMenuItemIndicator.js} +4 -5
  70. package/dist/components/DropdownMenu/{DropdownMenuLable.jsx → DropdownMenuLable.js} +4 -5
  71. package/dist/components/DropdownMenu/{DropdownMenuRadioItem.jsx → DropdownMenuRadioItem.js} +15 -8
  72. package/dist/components/DropdownMenu/{DropdownMenuSeparator.jsx → DropdownMenuSeparator.js} +15 -3
  73. package/dist/components/DropdownMenu/{DropdownMenuSub.jsx → DropdownMenuSub.js} +14 -2
  74. package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.jsx → DropdownMenuSubTrigger.js} +14 -7
  75. package/dist/components/DropdownMenu/{DropdownMenuTrigger.jsx → DropdownMenuTrigger.js} +14 -4
  76. package/dist/components/DropdownMenu/{index.jsx → index.js} +14 -2
  77. package/dist/components/HoverCard/{HoverCardContent.jsx → HoverCardContent.js} +3 -4
  78. package/dist/components/HoverCard/{HoverCardTrigger.jsx → HoverCardTrigger.js} +14 -4
  79. package/dist/components/HoverCard/{index.jsx → index.js} +14 -4
  80. package/dist/components/IconButton/{index.jsx → index.js} +2 -3
  81. package/dist/components/Inset/{index.jsx → index.js} +3 -6
  82. package/dist/components/Label/{index.jsx → index.js} +2 -3
  83. package/dist/components/Menubar/{MenubarCheckboxItem.jsx → MenubarCheckboxItem.js} +15 -8
  84. package/dist/components/Menubar/{MenubarContent.jsx → MenubarContent.js} +8 -11
  85. package/dist/components/Menubar/{MenubarItem.jsx → MenubarItem.js} +4 -6
  86. package/dist/components/Menubar/{MenubarItemIndicator.jsx → MenubarItemIndicator.js} +4 -5
  87. package/dist/components/Menubar/{MenubarMenu.jsx → MenubarMenu.js} +14 -2
  88. package/dist/components/Menubar/{MenubarRadioGroup.jsx → MenubarRadioGroup.js} +14 -6
  89. package/dist/components/Menubar/{MenubarRadioItem.jsx → MenubarRadioItem.js} +15 -8
  90. package/dist/components/Menubar/{MenubarSeparator.jsx → MenubarSeparator.js} +15 -5
  91. package/dist/components/Menubar/{MenubarSub.jsx → MenubarSub.js} +14 -2
  92. package/dist/components/Menubar/{MenubarSubContent.jsx → MenubarSubContent.js} +5 -6
  93. package/dist/components/Menubar/{MenubarSubTrigger.jsx → MenubarSubTrigger.js} +15 -8
  94. package/dist/components/Menubar/{MenubarTrigger.jsx → MenubarTrigger.js} +4 -5
  95. package/dist/components/Menubar/{index.jsx → index.js} +4 -7
  96. package/dist/components/NavigationMenu/{NavigationMenuContent.jsx → NavigationMenuContent.js} +4 -5
  97. package/dist/components/NavigationMenu/NavigationMenuIndicator.js +31 -0
  98. package/dist/components/NavigationMenu/{NavigationMenuItem.jsx → NavigationMenuItem.js} +14 -4
  99. package/dist/components/NavigationMenu/{NavigationMenuLink.jsx → NavigationMenuLink.js} +4 -5
  100. package/dist/components/NavigationMenu/{NavigationMenuList.jsx → NavigationMenuList.js} +4 -6
  101. package/dist/components/NavigationMenu/{NavigationMenuTrigger.jsx → NavigationMenuTrigger.js} +4 -6
  102. package/dist/components/NavigationMenu/{NavigationMenuViewport.jsx → NavigationMenuViewport.js} +4 -5
  103. package/dist/components/NavigationMenu/{index.jsx → index.js} +15 -7
  104. package/dist/components/PieChart/index.d.ts +1 -2
  105. package/dist/components/PieChart/{index.jsx → index.js} +3 -3
  106. package/dist/components/Popover/{PopoverClose.jsx → PopoverClose.js} +14 -4
  107. package/dist/components/Popover/{PopoverContent.jsx → PopoverContent.js} +3 -4
  108. package/dist/components/Popover/{PopoverTrigger.jsx → PopoverTrigger.js} +14 -4
  109. package/dist/components/Popover/{index.jsx → index.js} +14 -4
  110. package/dist/components/Progress/{index.jsx → index.js} +3 -4
  111. package/dist/components/RadarChart/index.d.ts +1 -2
  112. package/dist/components/RadarChart/{index.jsx → index.js} +2 -2
  113. package/dist/components/Radio/{index.jsx → index.js} +13 -8
  114. package/dist/components/RadioCards/{RadioCardsItem.jsx → RadioCardsItem.js} +14 -4
  115. package/dist/components/RadioCards/{index.jsx → index.js} +3 -6
  116. package/dist/components/RadioGroup/{RadioGroupItem.jsx → RadioGroupItem.js} +14 -4
  117. package/dist/components/RadioGroup/{index.jsx → index.js} +14 -6
  118. package/dist/components/ScrollArea/{index.jsx → index.js} +14 -6
  119. package/dist/components/SegmentedControl/{SegmentedControlItem.jsx → SegmentedControlItem.js} +14 -4
  120. package/dist/components/SegmentedControl/{index.jsx → index.js} +2 -5
  121. package/dist/components/Select/{index.jsx → index.js} +10 -25
  122. package/dist/components/Separator/{index.jsx → index.js} +3 -6
  123. package/dist/components/Skeleton/{index.jsx → index.js} +3 -6
  124. package/dist/components/Slider/{index.jsx → index.js} +3 -4
  125. package/dist/components/Spinner/{index.jsx → index.js} +2 -5
  126. package/dist/components/TabNav/{index.jsx → index.js} +14 -8
  127. package/dist/components/Table/index.d.ts +2 -1
  128. package/dist/components/Table/{index.jsx → index.js} +9 -24
  129. package/dist/components/Tabs/{index.jsx → index.js} +5 -14
  130. package/dist/components/TextArea/{index.jsx → index.js} +2 -3
  131. package/dist/components/TextField/{index.jsx → index.js} +4 -9
  132. package/dist/components/Toast/{ToastActionButton.jsx → ToastActionButton.js} +4 -5
  133. package/dist/components/Toast/{ToastDescription.jsx → ToastDescription.js} +15 -7
  134. package/dist/components/Toast/{ToastTitle.jsx → ToastTitle.js} +15 -5
  135. package/dist/components/Toast/{index.jsx → index.js} +4 -10
  136. package/dist/components/Toggle/{ToggleWithText.jsx → ToggleWithText.js} +4 -6
  137. package/dist/components/Toggle/{index.jsx → index.js} +3 -4
  138. package/dist/components/ToggleGroup/{index.jsx → index.js} +3 -6
  139. package/dist/components/ToggleGroup/{toggleGroupItem.jsx → toggleGroupItem.js} +14 -4
  140. package/dist/components/ToggleSwitch/{index.jsx → index.js} +2 -6
  141. package/dist/components/Tooltip/index.d.ts +1 -1
  142. package/dist/components/Tooltip/{index.jsx → index.js} +3 -12
  143. package/dist/components/index.d.ts +0 -2
  144. package/dist/index.d.ts +2 -5
  145. package/dist/index.js +0 -3
  146. package/dist/stories/Welcome.d.ts +1 -2
  147. package/dist/stories/Welcome.js +30 -0
  148. package/dist/stories/accordion/Accordion.stories.d.ts +1 -1
  149. package/dist/stories/accordion/{Accordion.stories.jsx → Accordion.stories.js} +2 -20
  150. package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +1 -1
  151. package/dist/stories/alert-dialog/{AlertDialog.stories.jsx → AlertDialog.stories.js} +2 -15
  152. package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +3 -3
  153. package/dist/stories/aspect-ratio/AspectRatio.stories.js +78 -0
  154. package/dist/stories/avatar/Avatar.stories.d.ts +5 -5
  155. package/dist/stories/avatar/{Avatar.stories.jsx → Avatar.stories.js} +6 -17
  156. package/dist/stories/badge/Badge.stories.d.ts +6 -6
  157. package/dist/stories/badge/{Badge.stories.jsx → Badge.stories.js} +7 -51
  158. package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +4 -5
  159. package/dist/stories/bubble-chart/{BubbleChart.stories.jsx → BubbleChart.stories.js} +4 -12
  160. package/dist/stories/button/Button.stories.d.ts +7 -7
  161. package/dist/stories/button/{Button.stories.jsx → Button.stories.js} +8 -41
  162. package/dist/stories/button/IconButton.stories.d.ts +4 -4
  163. package/dist/stories/button/{IconButton.stories.jsx → IconButton.stories.js} +5 -18
  164. package/dist/stories/callout/Callout.stories.d.ts +7 -7
  165. package/dist/stories/callout/Callout.stories.js +104 -0
  166. package/dist/stories/card/Card.stories.d.ts +5 -5
  167. package/dist/stories/card/{Card.stories.jsx → Card.stories.js} +6 -56
  168. package/dist/stories/checkbox/Checkbox.stories.d.ts +6 -6
  169. package/dist/stories/checkbox/{Checkbox.stories.jsx → Checkbox.stories.js} +7 -63
  170. package/dist/stories/checkbox/CheckboxCard.stories.d.ts +5 -5
  171. package/dist/stories/checkbox/{CheckboxCard.stories.jsx → CheckboxCard.stories.js} +6 -41
  172. package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +3 -3
  173. package/dist/stories/checkbox/{CheckboxGroup.stories.jsx → CheckboxGroup.stories.js} +4 -76
  174. package/dist/stories/context-menu/ContextMenu.stories.d.ts +4 -4
  175. package/dist/stories/context-menu/{ContextMenu.stories.jsx → ContextMenu.stories.js} +5 -74
  176. package/dist/stories/data-list/DataList.stories.d.ts +4 -4
  177. package/dist/stories/data-list/DataList.stories.js +87 -0
  178. package/dist/stories/dialog/Dialog.stories.d.ts +1 -1
  179. package/dist/stories/dialog/{Dialog.stories.jsx → Dialog.stories.js} +2 -25
  180. package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +4 -5
  181. package/dist/stories/doughnut-chart/{DoughnutChart.stories.jsx → DoughnutChart.stories.js} +4 -12
  182. package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +4 -4
  183. package/dist/stories/dropdown-menu/DropdownMenu.stories.js +75 -0
  184. package/dist/stories/header/Header.stories.d.ts +6 -6
  185. package/dist/stories/header/{Header.stories.jsx → Header.stories.js} +7 -26
  186. package/dist/stories/hover-card/HoverCard.stories.d.ts +2 -2
  187. package/dist/stories/hover-card/{HoverCard.stories.jsx → HoverCard.stories.js} +3 -30
  188. package/dist/stories/inset/Inset.stories.d.ts +2 -2
  189. package/dist/stories/inset/{Inset.stories.jsx → Inset.stories.js} +12 -27
  190. package/dist/stories/label/Label.stories.d.ts +4 -4
  191. package/dist/stories/label/{Label.stories.jsx → Label.stories.js} +5 -26
  192. package/dist/stories/menubar/Menubar.stories.d.ts +1 -1
  193. package/dist/stories/menubar/{Menubar.stories.jsx → Menubar.stories.js} +8 -45
  194. package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +13 -13
  195. package/dist/stories/navigation-menu/{NavigationMenu.stories.jsx → NavigationMenu.stories.js} +4 -69
  196. package/dist/stories/pie-chart/PieChart.stories.d.ts +5 -6
  197. package/dist/stories/pie-chart/{PieChart.stories.jsx → PieChart.stories.js} +13 -32
  198. package/dist/stories/popover/Popover.stories.d.ts +2 -2
  199. package/dist/stories/popover/{Popover.stories.jsx → Popover.stories.js} +9 -42
  200. package/dist/stories/progress/Progress.stories.d.ts +4 -4
  201. package/dist/stories/progress/{Progress.stories.jsx → Progress.stories.js} +6 -11
  202. package/dist/stories/radar-chart/RadarChart.stories.d.ts +5 -6
  203. package/dist/stories/radar-chart/{RadarChart.stories.jsx → RadarChart.stories.js} +5 -4
  204. package/dist/stories/radio/Radio.stories.d.ts +3 -3
  205. package/dist/stories/radio/{Radio.stories.jsx → Radio.stories.js} +4 -14
  206. package/dist/stories/radio/RadioCards.stories.d.ts +4 -4
  207. package/dist/stories/radio/{RadioCards.stories.jsx → RadioCards.stories.js} +5 -64
  208. package/dist/stories/radio/RadioGroup.stories.d.ts +4 -4
  209. package/dist/stories/radio/{RadioGroup.stories.jsx → RadioGroup.stories.js} +5 -59
  210. package/dist/stories/scroll-area/ScrollArea.stories.d.ts +2 -2
  211. package/dist/stories/scroll-area/ScrollArea.stories.js +63 -0
  212. package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +4 -4
  213. package/dist/stories/segmented-control/{SegmentedControl.stories.jsx → SegmentedControl.stories.js} +5 -26
  214. package/dist/stories/select/Select.stories.d.ts +5 -5
  215. package/dist/stories/select/{Select.stories.jsx → Select.stories.js} +6 -67
  216. package/dist/stories/separator/Separator.stories.d.ts +4 -4
  217. package/dist/stories/separator/{Separator.stories.jsx → Separator.stories.js} +5 -29
  218. package/dist/stories/skeleton/Skeleton.stories.d.ts +5 -5
  219. package/dist/stories/skeleton/{Skeleton.stories.jsx → Skeleton.stories.js} +6 -33
  220. package/dist/stories/slider/Slider.stories.d.ts +4 -4
  221. package/dist/stories/slider/{Slider.stories.jsx → Slider.stories.js} +5 -16
  222. package/dist/stories/spinner/Spinner.stories.d.ts +5 -5
  223. package/dist/stories/spinner/{Spinner.stories.jsx → Spinner.stories.js} +6 -31
  224. package/dist/stories/switch/Switch.stories.d.ts +4 -4
  225. package/dist/stories/switch/{Switch.stories.jsx → Switch.stories.js} +5 -16
  226. package/dist/stories/tab-nav/TabNav.stories.d.ts +1 -1
  227. package/dist/stories/tab-nav/{TabNav.stories.jsx → TabNav.stories.js} +2 -11
  228. package/dist/stories/table/Table.stories.d.ts +1 -1
  229. package/dist/stories/table/{Table.stories.jsx → Table.stories.js} +2 -29
  230. package/dist/stories/tabs/Tabs.stories.d.ts +1 -1
  231. package/dist/stories/tabs/{Tabs.stories.jsx → Tabs.stories.js} +2 -19
  232. package/dist/stories/text/Text.stories.d.ts +5 -5
  233. package/dist/stories/text/{Text.stories.jsx → Text.stories.js} +6 -21
  234. package/dist/stories/textArea/TextArea.stories.d.ts +5 -5
  235. package/dist/stories/textArea/{TextArea.stories.jsx → TextArea.stories.js} +6 -22
  236. package/dist/stories/textfield/TextField.stories.d.ts +5 -5
  237. package/dist/stories/textfield/{TextField.stories.jsx → TextField.stories.js} +6 -38
  238. package/dist/stories/toast/Toast.stories.d.ts +3 -3
  239. package/dist/stories/toast/{Toast.stories.jsx → Toast.stories.js} +4 -22
  240. package/dist/stories/toggle/Toggle.stories.d.ts +5 -5
  241. package/dist/stories/toggle/{Toggle.stories.jsx → Toggle.stories.js} +6 -23
  242. package/dist/stories/toggle/ToggleGroup.stories.d.ts +3 -3
  243. package/dist/stories/toggle/{ToggleGroup.stories.jsx → ToggleGroup.stories.js} +6 -39
  244. package/dist/stories/tooltip/Tooltip.stories.d.ts +3 -3
  245. package/dist/stories/tooltip/{Tooltip.stories.jsx → Tooltip.stories.js} +4 -17
  246. package/dist/tsconfig.tsbuildinfo +1 -1
  247. package/package.json +120 -118
  248. package/dist/app/page.jsx +0 -42
  249. package/dist/app/template/badgeTemplate.d.ts +0 -12
  250. package/dist/app/template/badgeTemplate.jsx +0 -82
  251. package/dist/app/template/buttonTemplate.d.ts +0 -12
  252. package/dist/app/template/buttonTemplate.jsx +0 -82
  253. package/dist/app/template/colorPicker.jsx +0 -19
  254. package/dist/app/template/textTemplate.d.ts +0 -11
  255. package/dist/app/template/textTemplate.jsx +0 -72
  256. package/dist/app/template/theme.jsx +0 -44
  257. package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
  258. package/dist/stories/Welcome.jsx +0 -48
  259. package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +0 -106
  260. package/dist/stories/callout/Callout.stories.jsx +0 -205
  261. package/dist/stories/data-list/DataList.stories.jsx +0 -185
  262. package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +0 -170
  263. package/dist/stories/scroll-area/ScrollArea.stories.jsx +0 -123
@@ -1,170 +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 { commonArgTypes, radiusOptions } from '../../constants';
24
- import { ChevronDownIcon } from '@radix-ui/react-icons';
25
- import { DropdownMenu, DropdownMenuItem, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuLabel, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, } from '../../components/DropdownMenu/index';
26
- import Button from 'components/Button';
27
- var meta = {
28
- title: 'Component/DropdownMenu',
29
- component: DropdownMenu,
30
- parameters: {
31
- layout: 'centered',
32
- themes: {
33
- themeOverride: 'dark',
34
- },
35
- docs: {
36
- description: {
37
- component: '버튼을 클릭하여 세부항목을 확인하고 하나의 항목을 선택하는 기능',
38
- },
39
- },
40
- },
41
- tags: ['autodocs'],
42
- argTypes: {
43
- radius: __assign(__assign({}, commonArgTypes.radius), { description: 'dropdownMenu 둥글기' }),
44
- size: __assign(__assign({}, commonArgTypes.size), { table: {
45
- category: 'Props',
46
- type: {
47
- summary: ['small', 'medium'].join(' | '),
48
- },
49
- }, options: ['small', 'medium'], description: 'dropdownMenu 크기' }),
50
- scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'dropdownMenu scaling' }),
51
- color: __assign(__assign({}, commonArgTypes.color), { description: 'dropdownMenu color' }),
52
- appearance: __assign(__assign({}, commonArgTypes.appearance), { table: {
53
- category: 'Props',
54
- type: { summary: ['solid', 'soft'].join(' | ') },
55
- }, options: ['solid', 'soft'] }),
56
- },
57
- };
58
- export default meta;
59
- export var Default = function (_a) {
60
- var args = __rest(_a, []);
61
- return (<DropdownMenu>
62
- <DropdownMenuTrigger {...args}>
63
- <Button>
64
- Options
65
- <ChevronDownIcon />
66
- </Button>
67
- </DropdownMenuTrigger>
68
- <DropdownMenuContent {...args}>
69
- <DropdownMenuLabel {...args}>라벨</DropdownMenuLabel>
70
- <DropdownMenuItem {...args} shortcut="⌘ E">
71
- 기본 아이템
72
- </DropdownMenuItem>
73
- <DropdownMenuItem {...args} disabled>
74
- 사용불가 아이템
75
- </DropdownMenuItem>
76
- <DropdownMenuSeparator />
77
- <DropdownMenuCheckboxItem checked {...args}>
78
- 체크박스1
79
- </DropdownMenuCheckboxItem>
80
- <DropdownMenuCheckboxItem checked={false} {...args}>
81
- 체크박스2
82
- </DropdownMenuCheckboxItem>
83
- <DropdownMenuSeparator />
84
-
85
- <DropdownMenuRadioGroup value="option1">
86
- <DropdownMenuRadioItem value="option1" {...args}>
87
- 라디오1
88
- </DropdownMenuRadioItem>
89
- <DropdownMenuRadioItem value="option2" {...args}>
90
- 라디오2
91
- </DropdownMenuRadioItem>
92
- </DropdownMenuRadioGroup>
93
- <DropdownMenuSeparator />
94
-
95
- <DropdownMenuSub>
96
- <DropdownMenuSubTrigger {...args}>More Menu</DropdownMenuSubTrigger>
97
- <DropdownMenuSubContent {...args}>
98
- <DropdownMenuItem {...args}>project</DropdownMenuItem>
99
- <DropdownMenuItem {...args}>folder</DropdownMenuItem>
100
-
101
- <DropdownMenuSeparator />
102
- <DropdownMenuItem {...args}>options</DropdownMenuItem>
103
- </DropdownMenuSubContent>
104
- </DropdownMenuSub>
105
- </DropdownMenuContent>
106
- </DropdownMenu>);
107
- };
108
- export var Radius = function (_a) {
109
- var args = __rest(_a, []);
110
- return (<div className="flex items-center space-x-4">
111
- {radiusOptions.map(function (radius) { return (<DropdownMenu key={radius}>
112
- <DropdownMenuTrigger {...args} radius={radius}>
113
- <Button>
114
- {radius}
115
- <ChevronDownIcon />
116
- </Button>
117
- </DropdownMenuTrigger>
118
- <DropdownMenuContent {...args} radius={radius}>
119
- <DropdownMenuItem {...args} radius={radius}>
120
- 메뉴1
121
- </DropdownMenuItem>
122
- <DropdownMenuItem {...args} radius={radius}>
123
- 메뉴2
124
- </DropdownMenuItem>
125
- </DropdownMenuContent>
126
- </DropdownMenu>); })}
127
- </div>);
128
- };
129
- export var Size = function (_a) {
130
- var args = __rest(_a, []);
131
- return (<div className="flex items-center space-x-4">
132
- {['small', 'medium'].map(function (size) { return (<DropdownMenu key={size}>
133
- <DropdownMenuTrigger {...args} size={size}>
134
- <Button>
135
- {size}
136
- <ChevronDownIcon />
137
- </Button>
138
- </DropdownMenuTrigger>
139
- <DropdownMenuContent {...args} size={size}>
140
- <DropdownMenuItem {...args} size={size}>
141
- 메뉴1
142
- </DropdownMenuItem>
143
- <DropdownMenuItem {...args} size={size}>
144
- 메뉴2
145
- </DropdownMenuItem>
146
- </DropdownMenuContent>
147
- </DropdownMenu>); })}
148
- </div>);
149
- };
150
- export var Appearance = function (_a) {
151
- var args = __rest(_a, []);
152
- return (<div className="flex items-center space-x-4">
153
- {['solid', 'soft'].map(function (appearance) { return (<DropdownMenu key={appearance}>
154
- <DropdownMenuTrigger {...args} appearance={appearance}>
155
- <Button>
156
- {appearance}
157
- <ChevronDownIcon />
158
- </Button>
159
- </DropdownMenuTrigger>
160
- <DropdownMenuContent {...args}>
161
- <DropdownMenuItem {...args} appearance={appearance}>
162
- 메뉴1
163
- </DropdownMenuItem>
164
- <DropdownMenuItem {...args} appearance={appearance}>
165
- 메뉴2
166
- </DropdownMenuItem>
167
- </DropdownMenuContent>
168
- </DropdownMenu>); })}
169
- </div>);
170
- };
@@ -1,123 +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 { commonArgTypes, sizeOptions } from '../../constants';
24
- import { ScrollArea } from '../../components/ScrollArea';
25
- import { Header } from 'Typography/Header';
26
- import { Text } from 'Typography/Text';
27
- var meta = {
28
- title: 'Component/ScrollArea',
29
- component: ScrollArea,
30
- parameters: {
31
- layout: 'centered',
32
- themes: {
33
- themeOverride: 'dark',
34
- },
35
- docs: {
36
- description: {
37
- component: '스크롤 가능 영역',
38
- },
39
- },
40
- },
41
- tags: ['autodocs'],
42
- argTypes: {
43
- radius: __assign(__assign({}, commonArgTypes.radius), { description: 'scrollArea 둥글기' }),
44
- size: __assign(__assign({}, commonArgTypes.size), { table: {
45
- category: 'Props',
46
- type: {
47
- summary: sizeOptions
48
- .filter(function (value) { return value != 'x-small' && value != 'x-large'; })
49
- .join(' | '),
50
- },
51
- }, options: sizeOptions.filter(function (value) { return value != 'x-small' && value != 'x-large'; }), description: 'scrollArea 크기' }),
52
- },
53
- };
54
- export default meta;
55
- export var Default = function (_a) {
56
- var args = __rest(_a, []);
57
- return (<ScrollArea type="always" scrollbars="vertical" className="h-[180px]" {...args}>
58
- <div className="p-2 pr-8">
59
- <Header size={'4'} mb={'2'} trim={'start'}>
60
- Principles of the typographic craft
61
- </Header>
62
- <div className="flex flex-col gap-4">
63
- <Text as="p">
64
- Three fundamental aspects of typography are legibility, readability, and aesthetics.
65
- Although in a non-technical sense “legible” and “readable” are often used synonymously,
66
- typographically they are separate but related concepts.
67
- </Text>
68
-
69
- <Text as="p">
70
- Legibility describes how easily individual characters can be distinguished from one
71
- another. It is described by Walter Tracy as “the quality of being decipherable and
72
- recognisable”. For instance, if a “b” and an “h”, or a “3” and an “8”, are difficult to
73
- distinguish at small sizes, this is a problem of legibility.
74
- </Text>
75
-
76
- <Text as="p">
77
- Typographers are concerned with legibility insofar as it is their job to select the
78
- correct font to use. Brush Script is an example of a font containing many characters that
79
- might be difficult to distinguish. The selection of cases influences the legibility of
80
- typography because using only uppercase letters (all-caps) reduces legibility.
81
- </Text>
82
- </div>
83
- </div>
84
- </ScrollArea>);
85
- };
86
- export var Type = function (_a) {
87
- var args = __rest(_a, []);
88
- return (<div className="grid grid-cols-2 gap-2">
89
- <ScrollArea type="always" scrollbars="vertical" className="h-[150px]" {...args}>
90
- <div className="flex flex-col p-2 pr-8 gap-4">
91
- <Text size="2">
92
- Three fundamental aspects of typography are legibility, readability, and aesthetics.
93
- Although in a non-technical sense legible and readable are often used synonymously,
94
- typographically they are separate but related concepts.
95
- </Text>
96
-
97
- <Text size="2">
98
- Legibility describes how easily individual characters can be distinguished from one
99
- another. It is described by Walter Tracy as the quality of being decipherable and
100
- recognisable. For instance, if a b and an h, or a 3 and an 8, are difficult to distinguish
101
- at small sizes, this is a problem of legibility.
102
- </Text>
103
- </div>
104
- </ScrollArea>
105
-
106
- <ScrollArea type="always" scrollbars="horizontal" className="h-[150px]" {...args}>
107
- <div className="gap-4 p-2 w-[700px]">
108
- <Text size="2">
109
- Three fundamental aspects of typography are legibility, readability, and aesthetics.
110
- Although in a non-technical sense legible and readable are often used synonymously,
111
- typographically they are separate but related concepts.
112
- </Text>
113
-
114
- <Text size="2">
115
- Legibility describes how easily individual characters can be distinguished from one
116
- another. It is described by Walter Tracy as the quality of being decipherable and
117
- recognisable. For instance, if a b and an h, or a 3 and an 8, are difficult to distinguish
118
- at small sizes, this is a problem of legibility.
119
- </Text>
120
- </div>
121
- </ScrollArea>
122
- </div>);
123
- };