@lotte-innovate/ui-component-test 0.0.8 → 0.0.10
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.
- package/dist/Typography/Header/index.d.ts +1 -1
- package/dist/Typography/Header/{index.jsx → index.js} +2 -5
- package/dist/Typography/Text/{index.jsx → index.js} +3 -6
- package/dist/app/layout.d.ts +1 -1
- package/dist/app/{layout.jsx → layout.js} +2 -3
- package/dist/app/page.d.ts +1 -2
- package/dist/app/{page.jsx → page.js} +2 -2
- package/dist/app/template/badgeTemplate.d.ts +1 -2
- package/dist/app/template/badgeTemplate.js +11 -0
- package/dist/app/template/buttonTemplate.d.ts +1 -2
- package/dist/app/template/buttonTemplate.js +11 -0
- package/dist/app/template/colorPicker.d.ts +1 -2
- package/dist/app/template/colorPicker.js +14 -0
- package/dist/app/template/textTemplate.d.ts +1 -2
- package/dist/app/template/textTemplate.js +23 -0
- package/dist/app/template/theme.d.ts +2 -2
- package/dist/app/template/theme.js +12 -0
- package/dist/components/Accordion/{index.jsx → index.js} +5 -17
- package/dist/components/AlertDialog/{AlertDialogAction.jsx → AlertDialogAction.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogCancel.jsx → AlertDialogCancel.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogContent.jsx → AlertDialogContent.js} +3 -7
- package/dist/components/AlertDialog/{AlertDialogDescription.jsx → AlertDialogDescription.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTitle.jsx → AlertDialogTitle.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTrigger.jsx → AlertDialogTrigger.js} +3 -4
- package/dist/components/AlertDialog/{index.jsx → index.js} +14 -2
- package/dist/components/AspectRatio/{index.jsx → index.js} +3 -4
- package/dist/components/Avatar/{index.jsx → index.js} +3 -7
- package/dist/components/Badge/{index.jsx → index.js} +3 -4
- package/dist/components/BubbleChart/index.d.ts +1 -2
- package/dist/components/BubbleChart/{index.jsx → index.js} +2 -2
- package/dist/components/Button/{index.jsx → index.js} +3 -4
- package/dist/components/Callout/{CalloutIcon.jsx → CalloutIcon.js} +3 -8
- package/dist/components/Callout/{CalloutText.jsx → CalloutText.js} +14 -4
- package/dist/components/Callout/{index.jsx → index.js} +3 -6
- package/dist/components/Card/{index.jsx → index.js} +3 -4
- package/dist/components/Checkbox/{index.jsx → index.js} +3 -11
- package/dist/components/CheckboxCard/{index.jsx → index.js} +3 -5
- package/dist/components/CheckboxGroup/{CheckboxGroupItem.jsx → CheckboxGroupItem.js} +14 -6
- package/dist/components/CheckboxGroup/{index.jsx → index.js} +2 -5
- package/dist/components/ContextMenu/{ContextMenuCheckboxItem.jsx → ContextMenuCheckboxItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuContent.jsx → ContextMenuContent.js} +3 -6
- package/dist/components/ContextMenu/{ContextMenuGroup.jsx → ContextMenuGroup.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuItem.jsx → ContextMenuItem.js} +3 -5
- package/dist/components/ContextMenu/{ContextMenuItemIndicator.jsx → ContextMenuItemIndicator.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuLabel.jsx → ContextMenuLabel.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuRadioGroup.jsx → ContextMenuRadioGroup.js} +14 -6
- package/dist/components/ContextMenu/{ContextMenuRadioItem.jsx → ContextMenuRadioItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuSeparator.jsx → ContextMenuSeparator.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuSubContent.jsx → ContextMenuSubContent.js} +6 -9
- package/dist/components/ContextMenu/{ContextMenuSubTrigger.jsx → ContextMenuSubTrigger.js} +14 -9
- package/dist/components/ContextMenu/{ContextMenuTrigger.jsx → ContextMenuTrigger.js} +14 -4
- package/dist/components/ContextMenu/{index.jsx → index.js} +14 -4
- package/dist/components/DataList/{DataListItem.jsx → DataListItem.js} +3 -4
- package/dist/components/DataList/{DataListLabel.jsx → DataListLabel.js} +3 -4
- package/dist/components/DataList/{DataListValue.jsx → DataListValue.js} +3 -4
- package/dist/components/DataList/{index.jsx → index.js} +14 -6
- package/dist/components/Dialog/{DialogAction.jsx → DialogAction.js} +14 -4
- package/dist/components/Dialog/{DialogCancel.jsx → DialogCancel.js} +14 -4
- package/dist/components/Dialog/{DialogContent.jsx → DialogContent.js} +3 -4
- package/dist/components/Dialog/{DialogDescription.jsx → DialogDescription.js} +14 -4
- package/dist/components/Dialog/{DialogSlot.jsx → DialogSlot.js} +14 -4
- package/dist/components/Dialog/{DialogTitle.jsx → DialogTitle.js} +14 -4
- package/dist/components/Dialog/{DialogTrigger.jsx → DialogTrigger.js} +14 -4
- package/dist/components/Dialog/{index.jsx → index.js} +14 -4
- package/dist/components/DoughnutChart/index.d.ts +1 -2
- package/dist/components/DoughnutChart/{index.jsx → index.js} +2 -2
- package/dist/components/DropdownMenu/{DropdonMenuRadioGroup.jsx → DropdonMenuRadioGroup.js} +14 -6
- package/dist/components/DropdownMenu/{DropdonMenuSubContent.jsx → DropdonMenuSubContent.js} +7 -10
- package/dist/components/DropdownMenu/{DropdownMenuCheckboxItem.jsx → DropdownMenuCheckboxItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuContent.jsx → DropdownMenuContent.js} +3 -6
- package/dist/components/DropdownMenu/{DropdownMenuItem.jsx → DropdownMenuItem.js} +3 -5
- package/dist/components/DropdownMenu/{DropdownMenuItemIndicator.jsx → DropdownMenuItemIndicator.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuLable.jsx → DropdownMenuLable.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuRadioItem.jsx → DropdownMenuRadioItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuSeparator.jsx → DropdownMenuSeparator.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSub.jsx → DropdownMenuSub.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.jsx → DropdownMenuSubTrigger.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuTrigger.jsx → DropdownMenuTrigger.js} +14 -4
- package/dist/components/DropdownMenu/{index.jsx → index.js} +14 -2
- package/dist/components/HoverCard/{HoverCardContent.jsx → HoverCardContent.js} +3 -4
- package/dist/components/HoverCard/{HoverCardTrigger.jsx → HoverCardTrigger.js} +14 -4
- package/dist/components/HoverCard/{index.jsx → index.js} +14 -4
- package/dist/components/IconButton/{index.jsx → index.js} +2 -3
- package/dist/components/Input/Input.stories.d.ts +4 -4
- package/dist/components/Input/{Input.stories.jsx → Input.stories.js} +15 -9
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Input/{index.jsx → index.js} +3 -3
- package/dist/components/Inset/{index.jsx → index.js} +3 -6
- package/dist/components/Label/{index.jsx → index.js} +2 -3
- package/dist/components/Menubar/{MenubarCheckboxItem.jsx → MenubarCheckboxItem.js} +14 -7
- package/dist/components/Menubar/{MenubarContent.jsx → MenubarContent.js} +7 -10
- package/dist/components/Menubar/{MenubarItem.jsx → MenubarItem.js} +3 -5
- package/dist/components/Menubar/{MenubarItemIndicator.jsx → MenubarItemIndicator.js} +3 -4
- package/dist/components/Menubar/{MenubarMenu.jsx → MenubarMenu.js} +14 -2
- package/dist/components/Menubar/{MenubarRadioGroup.jsx → MenubarRadioGroup.js} +14 -6
- package/dist/components/Menubar/{MenubarRadioItem.jsx → MenubarRadioItem.js} +14 -7
- package/dist/components/Menubar/{MenubarSeparator.jsx → MenubarSeparator.js} +14 -4
- package/dist/components/Menubar/{MenubarSub.jsx → MenubarSub.js} +14 -2
- package/dist/components/Menubar/{MenubarSubContent.jsx → MenubarSubContent.js} +4 -5
- package/dist/components/Menubar/{MenubarSubTrigger.jsx → MenubarSubTrigger.js} +14 -7
- package/dist/components/Menubar/{MenubarTrigger.jsx → MenubarTrigger.js} +3 -4
- package/dist/components/Menubar/{index.jsx → index.js} +3 -6
- package/dist/components/NavigationMenu/{NavigationMenuContent.jsx → NavigationMenuContent.js} +3 -4
- package/dist/components/NavigationMenu/NavigationMenuIndicator.js +31 -0
- package/dist/components/NavigationMenu/{NavigationMenuItem.jsx → NavigationMenuItem.js} +14 -4
- package/dist/components/NavigationMenu/{NavigationMenuLink.jsx → NavigationMenuLink.js} +3 -4
- package/dist/components/NavigationMenu/{NavigationMenuList.jsx → NavigationMenuList.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuTrigger.jsx → NavigationMenuTrigger.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuViewport.jsx → NavigationMenuViewport.js} +3 -4
- package/dist/components/NavigationMenu/{index.jsx → index.js} +14 -6
- package/dist/components/PieChart/index.d.ts +1 -2
- package/dist/components/PieChart/{index.jsx → index.js} +2 -2
- package/dist/components/Popover/{PopoverClose.jsx → PopoverClose.js} +14 -4
- package/dist/components/Popover/{PopoverContent.jsx → PopoverContent.js} +3 -4
- package/dist/components/Popover/{PopoverTrigger.jsx → PopoverTrigger.js} +14 -4
- package/dist/components/Popover/{index.jsx → index.js} +14 -4
- package/dist/components/Progress/{index.jsx → index.js} +3 -4
- package/dist/components/RadarChart/index.d.ts +1 -2
- package/dist/components/RadarChart/{index.jsx → index.js} +2 -2
- package/dist/components/Radio/{index.jsx → index.js} +13 -8
- package/dist/components/RadioCards/{RadioCardsItem.jsx → RadioCardsItem.js} +14 -4
- package/dist/components/RadioCards/{index.jsx → index.js} +3 -6
- package/dist/components/RadioGroup/{RadioGroupItem.jsx → RadioGroupItem.js} +14 -4
- package/dist/components/RadioGroup/{index.jsx → index.js} +14 -6
- package/dist/components/ScrollArea/{index.jsx → index.js} +14 -6
- package/dist/components/SegmentedControl/{SegmentedControlItem.jsx → SegmentedControlItem.js} +14 -4
- package/dist/components/SegmentedControl/{index.jsx → index.js} +2 -5
- package/dist/components/Select/{index.jsx → index.js} +8 -23
- package/dist/components/Separator/{index.jsx → index.js} +2 -5
- package/dist/components/Skeleton/{index.jsx → index.js} +2 -5
- package/dist/components/Slider/{index.jsx → index.js} +2 -3
- package/dist/components/Spinner/{index.jsx → index.js} +2 -5
- package/dist/components/TabNav/{index.jsx → index.js} +14 -8
- package/dist/components/Table/{index.jsx → index.js} +8 -23
- package/dist/components/Tabs/{index.jsx → index.js} +5 -14
- package/dist/components/TextArea/{index.jsx → index.js} +2 -3
- package/dist/components/TextField/{index.jsx → index.js} +3 -8
- package/dist/components/Toast/{ToastActionButton.jsx → ToastActionButton.js} +3 -4
- package/dist/components/Toast/{ToastDescription.jsx → ToastDescription.js} +14 -6
- package/dist/components/Toast/{ToastTitle.jsx → ToastTitle.js} +14 -4
- package/dist/components/Toast/{index.jsx → index.js} +3 -9
- package/dist/components/Toggle/{ToggleWithText.jsx → ToggleWithText.js} +4 -6
- package/dist/components/Toggle/{index.jsx → index.js} +3 -4
- package/dist/components/ToggleGroup/{index.jsx → index.js} +3 -6
- package/dist/components/ToggleGroup/{toggleGroupItem.jsx → toggleGroupItem.js} +14 -4
- package/dist/components/ToggleSwitch/{index.jsx → index.js} +2 -6
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/Tooltip/{index.jsx → index.js} +2 -11
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -3
- package/dist/stories/Welcome.d.ts +1 -2
- package/dist/stories/Welcome.js +30 -0
- package/dist/stories/accordion/Accordion.stories.d.ts +1 -1
- package/dist/stories/accordion/{Accordion.stories.jsx → Accordion.stories.js} +2 -20
- package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +1 -1
- package/dist/stories/alert-dialog/{AlertDialog.stories.jsx → AlertDialog.stories.js} +2 -15
- package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +3 -3
- package/dist/stories/aspect-ratio/AspectRatio.stories.js +78 -0
- package/dist/stories/avatar/Avatar.stories.d.ts +5 -5
- package/dist/stories/avatar/{Avatar.stories.jsx → Avatar.stories.js} +6 -17
- package/dist/stories/badge/Badge.stories.d.ts +6 -6
- package/dist/stories/badge/{Badge.stories.jsx → Badge.stories.js} +7 -51
- package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +4 -5
- package/dist/stories/bubble-chart/{BubbleChart.stories.jsx → BubbleChart.stories.js} +4 -12
- package/dist/stories/button/Button.stories.d.ts +7 -7
- package/dist/stories/button/{Button.stories.jsx → Button.stories.js} +8 -41
- package/dist/stories/button/IconButton.stories.d.ts +4 -4
- package/dist/stories/button/{IconButton.stories.jsx → IconButton.stories.js} +5 -18
- package/dist/stories/callout/Callout.stories.d.ts +7 -7
- package/dist/stories/callout/Callout.stories.js +104 -0
- package/dist/stories/card/Card.stories.d.ts +5 -5
- package/dist/stories/card/{Card.stories.jsx → Card.stories.js} +6 -56
- package/dist/stories/checkbox/Checkbox.stories.d.ts +6 -6
- package/dist/stories/checkbox/{Checkbox.stories.jsx → Checkbox.stories.js} +7 -63
- package/dist/stories/checkbox/CheckboxCard.stories.d.ts +5 -5
- package/dist/stories/checkbox/{CheckboxCard.stories.jsx → CheckboxCard.stories.js} +6 -41
- package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +3 -3
- package/dist/stories/checkbox/{CheckboxGroup.stories.jsx → CheckboxGroup.stories.js} +4 -76
- package/dist/stories/context-menu/ContextMenu.stories.d.ts +4 -4
- package/dist/stories/context-menu/{ContextMenu.stories.jsx → ContextMenu.stories.js} +5 -74
- package/dist/stories/data-list/DataList.stories.d.ts +4 -4
- package/dist/stories/data-list/DataList.stories.js +87 -0
- package/dist/stories/dialog/Dialog.stories.d.ts +1 -1
- package/dist/stories/dialog/{Dialog.stories.jsx → Dialog.stories.js} +2 -25
- package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +4 -5
- package/dist/stories/doughnut-chart/{DoughnutChart.stories.jsx → DoughnutChart.stories.js} +4 -12
- package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +4 -4
- package/dist/stories/dropdown-menu/DropdownMenu.stories.js +75 -0
- package/dist/stories/header/Header.stories.d.ts +6 -6
- package/dist/stories/header/{Header.stories.jsx → Header.stories.js} +7 -26
- package/dist/stories/hover-card/HoverCard.stories.d.ts +2 -2
- package/dist/stories/hover-card/{HoverCard.stories.jsx → HoverCard.stories.js} +3 -30
- package/dist/stories/inset/Inset.stories.d.ts +2 -2
- package/dist/stories/inset/{Inset.stories.jsx → Inset.stories.js} +12 -27
- package/dist/stories/label/Label.stories.d.ts +4 -4
- package/dist/stories/label/{Label.stories.jsx → Label.stories.js} +5 -26
- package/dist/stories/menubar/Menubar.stories.d.ts +1 -1
- package/dist/stories/menubar/{Menubar.stories.jsx → Menubar.stories.js} +8 -45
- package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +13 -13
- package/dist/stories/navigation-menu/{NavigationMenu.stories.jsx → NavigationMenu.stories.js} +3 -68
- package/dist/stories/pie-chart/PieChart.stories.d.ts +5 -6
- package/dist/stories/pie-chart/{PieChart.stories.jsx → PieChart.stories.js} +13 -32
- package/dist/stories/popover/Popover.stories.d.ts +2 -2
- package/dist/stories/popover/{Popover.stories.jsx → Popover.stories.js} +9 -42
- package/dist/stories/progress/Progress.stories.d.ts +4 -4
- package/dist/stories/progress/{Progress.stories.jsx → Progress.stories.js} +6 -11
- package/dist/stories/radar-chart/RadarChart.stories.d.ts +5 -6
- package/dist/stories/radar-chart/{RadarChart.stories.jsx → RadarChart.stories.js} +5 -4
- package/dist/stories/radio/Radio.stories.d.ts +3 -3
- package/dist/stories/radio/{Radio.stories.jsx → Radio.stories.js} +4 -14
- package/dist/stories/radio/RadioCards.stories.d.ts +4 -4
- package/dist/stories/radio/{RadioCards.stories.jsx → RadioCards.stories.js} +5 -64
- package/dist/stories/radio/RadioGroup.stories.d.ts +4 -4
- package/dist/stories/radio/{RadioGroup.stories.jsx → RadioGroup.stories.js} +5 -59
- package/dist/stories/scroll-area/ScrollArea.stories.d.ts +2 -2
- package/dist/stories/scroll-area/ScrollArea.stories.js +63 -0
- package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +4 -4
- package/dist/stories/segmented-control/{SegmentedControl.stories.jsx → SegmentedControl.stories.js} +5 -26
- package/dist/stories/select/Select.stories.d.ts +5 -5
- package/dist/stories/select/{Select.stories.jsx → Select.stories.js} +6 -67
- package/dist/stories/separator/Separator.stories.d.ts +4 -4
- package/dist/stories/separator/{Separator.stories.jsx → Separator.stories.js} +5 -29
- package/dist/stories/skeleton/Skeleton.stories.d.ts +5 -5
- package/dist/stories/skeleton/{Skeleton.stories.jsx → Skeleton.stories.js} +6 -33
- package/dist/stories/slider/Slider.stories.d.ts +4 -4
- package/dist/stories/slider/{Slider.stories.jsx → Slider.stories.js} +5 -16
- package/dist/stories/spinner/Spinner.stories.d.ts +5 -5
- package/dist/stories/spinner/{Spinner.stories.jsx → Spinner.stories.js} +6 -31
- package/dist/stories/switch/Switch.stories.d.ts +4 -4
- package/dist/stories/switch/{Switch.stories.jsx → Switch.stories.js} +5 -16
- package/dist/stories/tab-nav/TabNav.stories.d.ts +1 -1
- package/dist/stories/tab-nav/{TabNav.stories.jsx → TabNav.stories.js} +2 -11
- package/dist/stories/table/Table.stories.d.ts +1 -1
- package/dist/stories/table/{Table.stories.jsx → Table.stories.js} +2 -29
- package/dist/stories/tabs/Tabs.stories.d.ts +1 -1
- package/dist/stories/tabs/{Tabs.stories.jsx → Tabs.stories.js} +2 -19
- package/dist/stories/text/Text.stories.d.ts +5 -5
- package/dist/stories/text/{Text.stories.jsx → Text.stories.js} +6 -21
- package/dist/stories/textArea/TextArea.stories.d.ts +5 -5
- package/dist/stories/textArea/{TextArea.stories.jsx → TextArea.stories.js} +6 -22
- package/dist/stories/textfield/TextField.stories.d.ts +5 -5
- package/dist/stories/textfield/{TextField.stories.jsx → TextField.stories.js} +6 -38
- package/dist/stories/toast/Toast.stories.d.ts +3 -3
- package/dist/stories/toast/{Toast.stories.jsx → Toast.stories.js} +4 -22
- package/dist/stories/toggle/Toggle.stories.d.ts +5 -5
- package/dist/stories/toggle/{Toggle.stories.jsx → Toggle.stories.js} +6 -23
- package/dist/stories/toggle/ToggleGroup.stories.d.ts +3 -3
- package/dist/stories/toggle/{ToggleGroup.stories.jsx → ToggleGroup.stories.js} +6 -39
- package/dist/stories/tooltip/Tooltip.stories.d.ts +3 -3
- package/dist/stories/tooltip/{Tooltip.stories.jsx → Tooltip.stories.js} +4 -17
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -3
- package/dist/app/template/badgeTemplate.jsx +0 -82
- package/dist/app/template/buttonTemplate.jsx +0 -82
- package/dist/app/template/colorPicker.jsx +0 -19
- package/dist/app/template/textTemplate.jsx +0 -72
- package/dist/app/template/theme.jsx +0 -44
- package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
- package/dist/stories/Welcome.jsx +0 -48
- package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +0 -106
- package/dist/stories/callout/Callout.stories.jsx +0 -205
- package/dist/stories/data-list/DataList.stories.jsx +0 -185
- package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +0 -170
- package/dist/stories/scroll-area/ScrollArea.stories.jsx +0 -123
package/dist/stories/navigation-menu/{NavigationMenu.stories.jsx → NavigationMenu.stories.js}
RENAMED
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
import { appearanceOptions, commonArgTypes, sizeOptions } from '../../constants';
|
24
25
|
import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, } from 'components/NavigationMenu';
|
25
26
|
import Image from 'next/image';
|
@@ -40,9 +41,7 @@ var meta = {
|
|
40
41
|
},
|
41
42
|
},
|
42
43
|
decorators: [
|
43
|
-
function (Story) { return (
|
44
|
-
<Story />
|
45
|
-
</div>); },
|
44
|
+
function (Story) { return (_jsx("div", { className: "h-[300px] p-2", children: _jsx(Story, {}) })); },
|
46
45
|
],
|
47
46
|
tags: ['autodocs'],
|
48
47
|
argTypes: {
|
@@ -76,69 +75,5 @@ var meta = {
|
|
76
75
|
export default meta;
|
77
76
|
export var Default = function (_a) {
|
78
77
|
var args = __rest(_a, []);
|
79
|
-
return (
|
80
|
-
<NavigationMenuList>
|
81
|
-
<NavigationMenuItem>
|
82
|
-
<NavigationMenuTrigger>홈페이지</NavigationMenuTrigger>
|
83
|
-
<NavigationMenuContent>
|
84
|
-
<div className="flex space-x-2">
|
85
|
-
<Image className="rounded" src="https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80" alt="Landscape photograph by Tobias Tullius" width={120} height={200}/>
|
86
|
-
<div className="space-y-2">
|
87
|
-
<Card size={'small'} className="w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3">
|
88
|
-
<Text weight={'bold'}>타이틀</Text>
|
89
|
-
<Text>내용</Text>
|
90
|
-
</Card>
|
91
|
-
<Card size={'small'} className="w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3">
|
92
|
-
<Text weight={'bold'}>타이틀</Text>
|
93
|
-
<Text>내용</Text>
|
94
|
-
</Card>
|
95
|
-
<Card size={'small'} className="w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3">
|
96
|
-
<Text weight={'bold'}>타이틀</Text>
|
97
|
-
<Text>내용</Text>
|
98
|
-
</Card>
|
99
|
-
</div>
|
100
|
-
</div>
|
101
|
-
</NavigationMenuContent>
|
102
|
-
</NavigationMenuItem>
|
103
|
-
|
104
|
-
<NavigationMenuItem>
|
105
|
-
<NavigationMenuTrigger>개요</NavigationMenuTrigger>
|
106
|
-
<NavigationMenuContent>
|
107
|
-
<div className="flex flex-col space-y-3">
|
108
|
-
<Card className="hover:bg-red-3 dark:hover:bg-redDark-3" appearance="ghost">
|
109
|
-
<div className="flex flex-col">
|
110
|
-
<Text weight={'bold'} color="red">
|
111
|
-
타이틀이 들어가는 자리입니다.
|
112
|
-
</Text>
|
113
|
-
<Text>내용이 들어가는 자리입니다.</Text>
|
114
|
-
</div>
|
115
|
-
</Card>
|
116
|
-
<Card className="hover:bg-red-3 dark:hover:bg-redDark-3" appearance="ghost">
|
117
|
-
<div className="flex flex-col">
|
118
|
-
<Text weight={'bold'} color="red">
|
119
|
-
타이틀이 들어가는 자리입니다.
|
120
|
-
</Text>
|
121
|
-
<Text>내용이 들어가는 자리입니다.</Text>
|
122
|
-
</div>
|
123
|
-
</Card>
|
124
|
-
<Card className="hover:bg-red-3 dark:hover:bg-redDark-3" appearance="ghost">
|
125
|
-
<div className="flex flex-col">
|
126
|
-
<Text weight={'bold'} color="red">
|
127
|
-
타이틀이 들어가는 자리입니다.
|
128
|
-
</Text>
|
129
|
-
<Text>내용이 들어가는 자리입니다.</Text>
|
130
|
-
</div>
|
131
|
-
</Card>
|
132
|
-
</div>
|
133
|
-
</NavigationMenuContent>
|
134
|
-
</NavigationMenuItem>
|
135
|
-
|
136
|
-
<NavigationMenuItem>
|
137
|
-
<NavigationMenuLink href="https://tailwindcss.com/docs/border-radius">
|
138
|
-
tailwind 바로가기
|
139
|
-
</NavigationMenuLink>
|
140
|
-
</NavigationMenuItem>
|
141
|
-
</NavigationMenuList>
|
142
|
-
<NavigationMenuViewport />
|
143
|
-
</NavigationMenu>);
|
78
|
+
return (_jsxs(NavigationMenu, __assign({}, args, { children: [_jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "\uD648\uD398\uC774\uC9C0" }), _jsx(NavigationMenuContent, { children: _jsxs("div", { className: "flex space-x-2", children: [_jsx(Image, { className: "rounded", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 120, height: 200 }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] }), _jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] }), _jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] })] })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "\uAC1C\uC694" }), _jsx(NavigationMenuContent, { children: _jsxs("div", { className: "flex flex-col space-y-3", children: [_jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) }), _jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) }), _jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) })] }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { href: "https://tailwindcss.com/docs/border-radius", children: "tailwind \uBC14\uB85C\uAC00\uAE30" }) })] }), _jsx(NavigationMenuViewport, {})] })));
|
144
79
|
};
|
@@ -1,7 +1,6 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
declare const meta: {
|
3
2
|
title: string;
|
4
|
-
component: ({ labels, datasets, scaling, className, ...rest }: import("components/PieChart").PieChartProps) => import("react").JSX.Element;
|
3
|
+
component: ({ labels, datasets, scaling, className, ...rest }: import("components/PieChart").PieChartProps) => import("react/jsx-runtime").JSX.Element;
|
5
4
|
parameters: {
|
6
5
|
layout: string;
|
7
6
|
docs: {
|
@@ -180,7 +179,7 @@ declare const meta: {
|
|
180
179
|
export default meta;
|
181
180
|
export declare const Default: ({ ...args }: {
|
182
181
|
[x: string]: any;
|
183
|
-
}) => import("react").JSX.Element;
|
184
|
-
export declare const LabelsStyle: () => import("react").JSX.Element;
|
185
|
-
export declare const BorderStyles: () => import("react").JSX.Element;
|
186
|
-
export declare const DataLabels: () => import("react").JSX.Element;
|
182
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
183
|
+
export declare const LabelsStyle: () => import("react/jsx-runtime").JSX.Element;
|
184
|
+
export declare const BorderStyles: () => import("react/jsx-runtime").JSX.Element;
|
185
|
+
export declare const DataLabels: () => import("react/jsx-runtime").JSX.Element;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
import PieChart from 'components/PieChart';
|
24
25
|
import { amber, blue, green, orange, purple, red, ruby, violet, yellow } from 'color/light';
|
25
26
|
import { commonArgTypes } from '../../constants';
|
@@ -174,9 +175,7 @@ var meta = {
|
|
174
175
|
export default meta;
|
175
176
|
export var Default = function (_a) {
|
176
177
|
var args = __rest(_a, []);
|
177
|
-
return (
|
178
|
-
<PieChart labels={args.label} datasets={args.datasets} {...args}/>
|
179
|
-
</div>);
|
178
|
+
return (_jsx("div", { className: "w-[300px]", children: _jsx(PieChart, __assign({ labels: args.label, datasets: args.datasets }, args)) }));
|
180
179
|
};
|
181
180
|
export var LabelsStyle = function () {
|
182
181
|
var labelStyleList = ['star', 'line', 'rect', 'circle'];
|
@@ -188,21 +187,17 @@ export var LabelsStyle = function () {
|
|
188
187
|
borderColor: [ruby[9], violet[9], amber[9], green[9]],
|
189
188
|
},
|
190
189
|
];
|
191
|
-
return (
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
190
|
+
return (_jsx("div", { className: "flex", children: labelStyleList.map(function (labelOption) { return (_jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { labels: labels, datasets: datasets, options: {
|
191
|
+
plugins: {
|
192
|
+
legend: {
|
193
|
+
labels: {
|
194
|
+
pointStyle: labelOption,
|
195
|
+
usePointStyle: true,
|
196
|
+
},
|
197
|
+
position: 'top',
|
199
198
|
},
|
200
|
-
position: 'top',
|
201
199
|
},
|
202
|
-
},
|
203
|
-
}}/>
|
204
|
-
</div>); })}
|
205
|
-
</div>);
|
200
|
+
} }) }, labelOption)); }) }));
|
206
201
|
};
|
207
202
|
export var BorderStyles = function () {
|
208
203
|
var exampleData = [2, 4, 7, 3];
|
@@ -236,14 +231,7 @@ export var BorderStyles = function () {
|
|
236
231
|
},
|
237
232
|
},
|
238
233
|
};
|
239
|
-
return (
|
240
|
-
<div className="w-[200px]">
|
241
|
-
<PieChart datasets={datasets} options={options}/>
|
242
|
-
</div>
|
243
|
-
<div className="w-[200px]">
|
244
|
-
<PieChart datasets={dashDatasets} options={dashOptions}/>
|
245
|
-
</div>
|
246
|
-
</div>);
|
234
|
+
return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: datasets, options: options }) }), _jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: dashDatasets, options: dashOptions }) })] }));
|
247
235
|
};
|
248
236
|
export var DataLabels = function () {
|
249
237
|
var datasets = [
|
@@ -289,12 +277,5 @@ export var DataLabels = function () {
|
|
289
277
|
},
|
290
278
|
},
|
291
279
|
};
|
292
|
-
return (
|
293
|
-
<div className="w-[200px]">
|
294
|
-
<PieChart datasets={datasets} options={options}/>
|
295
|
-
</div>
|
296
|
-
<div className="w-[200px]">
|
297
|
-
<PieChart datasets={datasets} options={customOptions}/>
|
298
|
-
</div>
|
299
|
-
</div>);
|
280
|
+
return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: datasets, options: options }) }), _jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: datasets, options: customOptions }) })] }));
|
300
281
|
};
|
@@ -72,7 +72,7 @@ declare const meta: {
|
|
72
72
|
export default meta;
|
73
73
|
export declare const Default: ({ ...args }: {
|
74
74
|
[x: string]: any;
|
75
|
-
}) => import("react").JSX.Element;
|
75
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
76
76
|
export declare const WithInset: ({ ...args }: {
|
77
77
|
[x: string]: any;
|
78
|
-
}) => import("react").JSX.Element;
|
78
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
import { commonArgTypes, sizeOptions } from '../../constants';
|
24
25
|
import { Inset } from '@radix-ui/themes';
|
25
26
|
import { Popover, PopoverTrigger, PopoverContent, PopoverClose } from '../../components/Popover';
|
@@ -59,49 +60,15 @@ var meta = {
|
|
59
60
|
export default meta;
|
60
61
|
export var Default = function (_a) {
|
61
62
|
var args = __rest(_a, []);
|
62
|
-
return (
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
: args.size === 'large'
|
70
|
-
? '4'
|
71
|
-
: args.size === 'x-large'
|
72
|
-
? '5'
|
73
|
-
: '3'}/>
|
74
|
-
<div className="grow">
|
75
|
-
<TextArea placeholder="Write a comment…" {...args} className="w-full"/>
|
76
|
-
<div className="flex mt-3 justify-end">
|
77
|
-
<PopoverClose {...args}>
|
78
|
-
<Button>Comment</Button>
|
79
|
-
</PopoverClose>
|
80
|
-
</div>
|
81
|
-
</div>
|
82
|
-
</PopoverContent>
|
83
|
-
</Popover>);
|
63
|
+
return (_jsxs(Popover, __assign({}, args, { children: [_jsx(PopoverTrigger, { children: _jsx(Button, { children: "Comment" }) }), _jsxs(PopoverContent, __assign({}, args, { children: [_jsx(Avatar, __assign({ imagePath: "https://images.unsplash.com/photo-1607346256330-dee7af15f7c5?&w=64&h=64&dpr=2&q=70&crop=focalpoint&fp-x=0.67&fp-y=0.5&fp-z=1.4&fit=crop" }, args, { size: args.size === 'small'
|
64
|
+
? '2'
|
65
|
+
: args.size === 'large'
|
66
|
+
? '4'
|
67
|
+
: args.size === 'x-large'
|
68
|
+
? '5'
|
69
|
+
: '3' })), _jsxs("div", { className: "grow", children: [_jsx(TextArea, __assign({ placeholder: "Write a comment\u2026" }, args, { className: "w-full" })), _jsx("div", { className: "flex mt-3 justify-end", children: _jsx(PopoverClose, __assign({}, args, { children: _jsx(Button, { children: "Comment" }) })) })] })] }))] })));
|
84
70
|
};
|
85
71
|
export var WithInset = function (_a) {
|
86
72
|
var args = __rest(_a, []);
|
87
|
-
return (
|
88
|
-
<PopoverTrigger>
|
89
|
-
<Button>Share image</Button>
|
90
|
-
</PopoverTrigger>
|
91
|
-
<PopoverContent {...args}>
|
92
|
-
<div className="grid grid-cols-[130px_1fr]">
|
93
|
-
<Inset side="left" pr="current">
|
94
|
-
<Image src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?&auto=format&fit=crop&w=400&q=80" alt="toggle with inset" width={150} height={150} style={{ objectFit: 'cover', width: '100%', height: '100%' }}/>
|
95
|
-
</Inset>
|
96
|
-
<div>
|
97
|
-
<span>Minimalistic 3D rendering wallpaper.</span>
|
98
|
-
<div className="mt-2 flex-col items-stretch">
|
99
|
-
<PopoverClose {...args}>
|
100
|
-
<Button>Copy link</Button>
|
101
|
-
</PopoverClose>
|
102
|
-
</div>
|
103
|
-
</div>
|
104
|
-
</div>
|
105
|
-
</PopoverContent>
|
106
|
-
</Popover>);
|
73
|
+
return (_jsxs(Popover, __assign({}, args, { children: [_jsx(PopoverTrigger, { children: _jsx(Button, { children: "Share image" }) }), _jsx(PopoverContent, __assign({}, args, { children: _jsxs("div", { className: "grid grid-cols-[130px_1fr]", children: [_jsx(Inset, { side: "left", pr: "current", children: _jsx(Image, { src: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?&auto=format&fit=crop&w=400&q=80", alt: "toggle with inset", width: 150, height: 150, style: { objectFit: 'cover', width: '100%', height: '100%' } }) }), _jsxs("div", { children: [_jsx("span", { children: "Minimalistic 3D rendering wallpaper." }), _jsx("div", { className: "mt-2 flex-col items-stretch", children: _jsx(PopoverClose, __assign({}, args, { children: _jsx(Button, { children: "Copy link" }) })) })] })] }) }))] })));
|
107
74
|
};
|
@@ -101,13 +101,13 @@ declare const meta: {
|
|
101
101
|
export default meta;
|
102
102
|
export declare const Default: ({ ...args }: {
|
103
103
|
[x: string]: any;
|
104
|
-
}) => import("react").JSX.Element;
|
104
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
105
105
|
export declare const Radius: ({ ...args }: {
|
106
106
|
[x: string]: any;
|
107
|
-
}) => import("react").JSX.Element;
|
107
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
108
108
|
export declare const Size: ({ ...args }: {
|
109
109
|
[x: string]: any;
|
110
|
-
}) => import("react").JSX.Element;
|
110
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
111
111
|
export declare const Variant: ({ ...args }: {
|
112
112
|
[x: string]: any;
|
113
|
-
}) => import("react").JSX.Element;
|
113
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
23
24
|
import { commonArgTypes, radiusOptions, sizeOptions } from '../../constants';
|
24
25
|
import { Progress } from '../../components/Progress';
|
25
26
|
var meta = {
|
@@ -58,25 +59,19 @@ var meta = {
|
|
58
59
|
export default meta;
|
59
60
|
export var Default = function (_a) {
|
60
61
|
var args = __rest(_a, []);
|
61
|
-
return
|
62
|
+
return _jsx(Progress, __assign({ value: 25 }, args));
|
62
63
|
};
|
63
64
|
export var Radius = function (_a) {
|
64
65
|
var args = __rest(_a, []);
|
65
|
-
return (
|
66
|
-
{radiusOptions.map(function (radius) { return (<Progress key={radius} value={25} {...args} radius={radius}/>); })}
|
67
|
-
</div>);
|
66
|
+
return (_jsx("div", { className: "flex flex-col space-y-3", children: radiusOptions.map(function (radius) { return (_jsx(Progress, __assign({ value: 25 }, args, { radius: radius }), radius)); }) }));
|
68
67
|
};
|
69
68
|
export var Size = function (_a) {
|
70
69
|
var args = __rest(_a, []);
|
71
|
-
return (
|
72
|
-
{sizeOptions
|
70
|
+
return (_jsx("div", { className: "flex flex-col space-y-3", children: sizeOptions
|
73
71
|
.filter(function (value) { return value != 'x-small' && value != 'x-large'; })
|
74
|
-
.map(function (size) { return (
|
75
|
-
</div>);
|
72
|
+
.map(function (size) { return (_jsx(Progress, __assign({ value: 25 }, args, { size: size }), size)); }) }));
|
76
73
|
};
|
77
74
|
export var Variant = function (_a) {
|
78
75
|
var args = __rest(_a, []);
|
79
|
-
return (
|
80
|
-
{['classic', 'surface', 'soft'].map(function (appearance) { return (<Default key={appearance} value={25} {...args} appearance={appearance}/>); })}
|
81
|
-
</div>);
|
76
|
+
return (_jsx("div", { className: "flex flex-col space-y-3", children: ['classic', 'surface', 'soft'].map(function (appearance) { return (_jsx(Default, __assign({ value: 25 }, args, { appearance: appearance }), appearance)); }) }));
|
82
77
|
};
|
@@ -1,8 +1,7 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
declare const meta: {
|
3
2
|
title: string;
|
4
3
|
component: {
|
5
|
-
({ className, labels, datasets, width, height, scaling, ...props }: import("components/RadarChart").RadarChartProps): import("react").JSX.Element;
|
4
|
+
({ className, labels, datasets, width, height, scaling, ...props }: import("components/RadarChart").RadarChartProps): import("react/jsx-runtime").JSX.Element;
|
6
5
|
displayName: string;
|
7
6
|
};
|
8
7
|
parameters: {
|
@@ -99,13 +98,13 @@ declare const meta: {
|
|
99
98
|
export default meta;
|
100
99
|
export declare const Default: ({ ...args }: {
|
101
100
|
[x: string]: any;
|
102
|
-
}) => import("react").JSX.Element;
|
101
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
103
102
|
export declare const DotsRadarChart: ({ ...args }: {
|
104
103
|
[x: string]: any;
|
105
|
-
}) => import("react").JSX.Element;
|
104
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
106
105
|
export declare const MultiDatasets: ({ ...args }: {
|
107
106
|
[x: string]: any;
|
108
|
-
}) => import("react").JSX.Element;
|
107
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
109
108
|
export declare const LinesOnly: ({ ...args }: {
|
110
109
|
[x: string]: any;
|
111
|
-
}) => import("react").JSX.Element;
|
110
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
23
24
|
import { RadarChart } from 'components/RadarChart';
|
24
25
|
import { commonArgTypes, labelPositionList } from '../../constants';
|
25
26
|
import { red, blue } from 'color/light';
|
@@ -110,7 +111,7 @@ export var Default = function (_a) {
|
|
110
111
|
},
|
111
112
|
},
|
112
113
|
};
|
113
|
-
return (
|
114
|
+
return (_jsx(RadarChart, __assign({ width: 400, height: 300, labels: args.labels, datasets: args.datasets, options: options }, args)));
|
114
115
|
};
|
115
116
|
export var DotsRadarChart = function (_a) {
|
116
117
|
var args = __rest(_a, []);
|
@@ -136,7 +137,7 @@ export var DotsRadarChart = function (_a) {
|
|
136
137
|
},
|
137
138
|
},
|
138
139
|
};
|
139
|
-
return (
|
140
|
+
return (_jsx(RadarChart, { width: 400, height: 300, labels: args.labels, datasets: datasets, options: options }));
|
140
141
|
};
|
141
142
|
export var MultiDatasets = function (_a) {
|
142
143
|
var args = __rest(_a, []);
|
@@ -167,7 +168,7 @@ export var MultiDatasets = function (_a) {
|
|
167
168
|
},
|
168
169
|
},
|
169
170
|
};
|
170
|
-
return (
|
171
|
+
return (_jsx(RadarChart, { width: 400, height: 300, labels: args.labels, datasets: datasets, options: options }));
|
171
172
|
};
|
172
173
|
export var LinesOnly = function (_a) {
|
173
174
|
var args = __rest(_a, []);
|
@@ -196,5 +197,5 @@ export var LinesOnly = function (_a) {
|
|
196
197
|
},
|
197
198
|
},
|
198
199
|
};
|
199
|
-
return (
|
200
|
+
return (_jsx(RadarChart, { width: 400, height: 300, labels: args.labels, datasets: datasets, options: options }));
|
200
201
|
};
|
@@ -99,10 +99,10 @@ declare const meta: {
|
|
99
99
|
export default meta;
|
100
100
|
export declare const Default: ({ ...args }: {
|
101
101
|
[x: string]: any;
|
102
|
-
}) => import("react").JSX.Element;
|
102
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
103
103
|
export declare const Size: ({ ...args }: {
|
104
104
|
[x: string]: any;
|
105
|
-
}) => import("react").JSX.Element;
|
105
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
106
106
|
export declare const Appearance: ({ ...args }: {
|
107
107
|
[x: string]: any;
|
108
|
-
}) => import("react").JSX.Element;
|
108
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
import { commonArgTypes, sizeOptions } from '../../constants';
|
24
25
|
import { Radio } from '../../components/Radio/index';
|
25
26
|
var meta = {
|
@@ -71,24 +72,13 @@ var meta = {
|
|
71
72
|
export default meta;
|
72
73
|
export var Default = function (_a) {
|
73
74
|
var args = __rest(_a, []);
|
74
|
-
return (
|
75
|
-
<Radio value={'1'} name={'example'} {...args}>
|
76
|
-
radio option1
|
77
|
-
</Radio>
|
78
|
-
<Radio value={'2'} name={'example'} {...args}>
|
79
|
-
radio option2
|
80
|
-
</Radio>
|
81
|
-
</>);
|
75
|
+
return (_jsxs(_Fragment, { children: [_jsx(Radio, __assign({ value: '1', name: 'example' }, args, { children: "radio option1" })), _jsx(Radio, __assign({ value: '2', name: 'example' }, args, { children: "radio option2" }))] }));
|
82
76
|
};
|
83
77
|
export var Size = function (_a) {
|
84
78
|
var args = __rest(_a, []);
|
85
|
-
return (
|
86
|
-
{['small', 'medium', 'large'].map(function (size) { return (<Radio key={size} size={size} value={'1'} name={'size'} defaultChecked={size === 'small'} {...args}/>); })}
|
87
|
-
</div>);
|
79
|
+
return (_jsx("div", { className: "flex items-center space-x-4", children: ['small', 'medium', 'large'].map(function (size) { return (_jsx(Radio, __assign({ size: size, value: '1', name: 'size', defaultChecked: size === 'small' }, args), size)); }) }));
|
88
80
|
};
|
89
81
|
export var Appearance = function (_a) {
|
90
82
|
var args = __rest(_a, []);
|
91
|
-
return (
|
92
|
-
{['classic', 'soft', 'surface'].map(function (appearance) { return (<Radio key={appearance} value={appearance} appearance={appearance} name={'appearance'} defaultChecked={appearance === 'classic'} {...args}/>); })}
|
93
|
-
</div>);
|
83
|
+
return (_jsx("div", { className: "flex items-center space-x-4", children: ['classic', 'soft', 'surface'].map(function (appearance) { return (_jsx(Radio, __assign({ value: appearance, appearance: appearance, name: 'appearance', defaultChecked: appearance === 'classic' }, args), appearance)); }) }));
|
94
84
|
};
|
@@ -115,13 +115,13 @@ declare const meta: {
|
|
115
115
|
export default meta;
|
116
116
|
export declare const Default: ({ ...args }: {
|
117
117
|
[x: string]: any;
|
118
|
-
}) => import("react").JSX.Element;
|
118
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
119
119
|
export declare const Radius: ({ ...args }: {
|
120
120
|
[x: string]: any;
|
121
|
-
}) => import("react").JSX.Element;
|
121
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
122
122
|
export declare const Size: ({ ...args }: {
|
123
123
|
[x: string]: any;
|
124
|
-
}) => import("react").JSX.Element;
|
124
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
125
125
|
export declare const States: ({ ...args }: {
|
126
126
|
[x: string]: any;
|
127
|
-
}) => import("react").JSX.Element;
|
127
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
23
24
|
import { commonArgTypes, radiusOptions, sizeOptions } from '../../constants';
|
24
25
|
import { RadioCards, RadioCardsItem } from '../../components/RadioCards';
|
25
26
|
var meta = {
|
@@ -77,77 +78,17 @@ var meta = {
|
|
77
78
|
export default meta;
|
78
79
|
export var Default = function (_a) {
|
79
80
|
var args = __rest(_a, []);
|
80
|
-
return (
|
81
|
-
<RadioCardsItem value="1" {...args}>
|
82
|
-
radioCard 1
|
83
|
-
</RadioCardsItem>
|
84
|
-
<RadioCardsItem value="2" {...args}>
|
85
|
-
radioCard 2
|
86
|
-
</RadioCardsItem>
|
87
|
-
<RadioCardsItem value="3" {...args}>
|
88
|
-
radioCard 3
|
89
|
-
</RadioCardsItem>
|
90
|
-
</RadioCards>);
|
81
|
+
return (_jsxs(RadioCards, __assign({}, args, { defaultValue: "1", children: [_jsx(RadioCardsItem, __assign({ value: "1" }, args, { children: "radioCard 1" })), _jsx(RadioCardsItem, __assign({ value: "2" }, args, { children: "radioCard 2" })), _jsx(RadioCardsItem, __assign({ value: "3" }, args, { children: "radioCard 3" }))] })));
|
91
82
|
};
|
92
83
|
export var Radius = function (_a) {
|
93
84
|
var args = __rest(_a, []);
|
94
|
-
return (
|
95
|
-
<div className="flex space-x-1">
|
96
|
-
<RadioCards {...args} defaultValue="none">
|
97
|
-
<RadioCardsItem value="none" {...args} radius={'none'}>
|
98
|
-
none
|
99
|
-
</RadioCardsItem>
|
100
|
-
<RadioCardsItem value="small" {...args} radius={'small'}>
|
101
|
-
small
|
102
|
-
</RadioCardsItem>
|
103
|
-
<RadioCardsItem value="medium" {...args} radius={'medium'}>
|
104
|
-
medium
|
105
|
-
</RadioCardsItem>
|
106
|
-
<RadioCardsItem value="large" {...args} radius={'large'}>
|
107
|
-
large
|
108
|
-
</RadioCardsItem>
|
109
|
-
</RadioCards>
|
110
|
-
</div>
|
111
|
-
</div>);
|
85
|
+
return (_jsx("div", { className: "flex items-center space-x-4", children: _jsx("div", { className: "flex space-x-1", children: _jsxs(RadioCards, __assign({}, args, { defaultValue: "none", children: [_jsx(RadioCardsItem, __assign({ value: "none" }, args, { radius: 'none', children: "none" })), _jsx(RadioCardsItem, __assign({ value: "small" }, args, { radius: 'small', children: "small" })), _jsx(RadioCardsItem, __assign({ value: "medium" }, args, { radius: 'medium', children: "medium" })), _jsx(RadioCardsItem, __assign({ value: "large" }, args, { radius: 'large', children: "large" }))] })) }) }));
|
112
86
|
};
|
113
87
|
export var Size = function (_a) {
|
114
88
|
var args = __rest(_a, []);
|
115
|
-
return (
|
116
|
-
<RadioCards defaultValue="small" {...args}>
|
117
|
-
<RadioCardsItem value={'small'} {...args} size={'small'}>
|
118
|
-
small
|
119
|
-
</RadioCardsItem>
|
120
|
-
<RadioCardsItem value={'medium'} {...args} size={'medium'}>
|
121
|
-
medium
|
122
|
-
</RadioCardsItem>
|
123
|
-
<RadioCardsItem value={'large'} {...args} size={'large'}>
|
124
|
-
large
|
125
|
-
</RadioCardsItem>
|
126
|
-
</RadioCards>
|
127
|
-
</div>);
|
89
|
+
return (_jsx("div", { className: "flex items-center space-x-4", children: _jsxs(RadioCards, __assign({ defaultValue: "small" }, args, { children: [_jsx(RadioCardsItem, __assign({ value: 'small' }, args, { size: 'small', children: "small" })), _jsx(RadioCardsItem, __assign({ value: 'medium' }, args, { size: 'medium', children: "medium" })), _jsx(RadioCardsItem, __assign({ value: 'large' }, args, { size: 'large', children: "large" }))] })) }));
|
128
90
|
};
|
129
91
|
export var States = function (_a) {
|
130
92
|
var args = __rest(_a, []);
|
131
|
-
return (
|
132
|
-
<div className="flex items-center space-x-4">
|
133
|
-
<RadioCards {...args} defaultValue="On">
|
134
|
-
<RadioCardsItem value="Off" {...args}>
|
135
|
-
Off
|
136
|
-
</RadioCardsItem>
|
137
|
-
<RadioCardsItem value="On" {...args}>
|
138
|
-
On
|
139
|
-
</RadioCardsItem>
|
140
|
-
</RadioCards>
|
141
|
-
</div>
|
142
|
-
<div className="flex items-center space-x-4">
|
143
|
-
<RadioCards {...args} defaultValue="On">
|
144
|
-
<RadioCardsItem value="Off" {...args} disabled>
|
145
|
-
Off
|
146
|
-
</RadioCardsItem>
|
147
|
-
<RadioCardsItem value="On" {...args} disabled>
|
148
|
-
On
|
149
|
-
</RadioCardsItem>
|
150
|
-
</RadioCards>
|
151
|
-
</div>
|
152
|
-
</div>);
|
93
|
+
return (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex items-center space-x-4", children: _jsxs(RadioCards, __assign({}, args, { defaultValue: "On", children: [_jsx(RadioCardsItem, __assign({ value: "Off" }, args, { children: "Off" })), _jsx(RadioCardsItem, __assign({ value: "On" }, args, { children: "On" }))] })) }), _jsx("div", { className: "flex items-center space-x-4", children: _jsxs(RadioCards, __assign({}, args, { defaultValue: "On", children: [_jsx(RadioCardsItem, __assign({ value: "Off" }, args, { disabled: true, children: "Off" })), _jsx(RadioCardsItem, __assign({ value: "On" }, args, { disabled: true, children: "On" }))] })) })] }));
|
153
94
|
};
|
@@ -99,13 +99,13 @@ declare const meta: {
|
|
99
99
|
export default meta;
|
100
100
|
export declare const Default: ({ ...args }: {
|
101
101
|
[x: string]: any;
|
102
|
-
}) => import("react").JSX.Element;
|
102
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
103
103
|
export declare const Size: ({ ...args }: {
|
104
104
|
[x: string]: any;
|
105
|
-
}) => import("react").JSX.Element;
|
105
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
106
106
|
export declare const Appearance: ({ ...args }: {
|
107
107
|
[x: string]: any;
|
108
|
-
}) => import("react").JSX.Element;
|
108
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
109
109
|
export declare const Disabled: ({ ...args }: {
|
110
110
|
[x: string]: any;
|
111
|
-
}) => import("react").JSX.Element;
|
111
|
+
}) => import("react/jsx-runtime").JSX.Element;
|