@lotte-innovate/ui-component-test 0.1.44 → 0.1.46
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +133 -133
- package/dist/cjs/.storybook/main.js +24 -0
- package/dist/cjs/.storybook/manager.js +17 -0
- package/dist/cjs/.storybook/preview.jsx +106 -0
- package/dist/cjs/src/app/layout.jsx +17 -0
- package/dist/cjs/src/app/page.jsx +65 -0
- package/dist/cjs/src/app/template/colorPicker.jsx +21 -0
- package/dist/cjs/src/app/template/theme.jsx +22 -0
- package/dist/cjs/src/lib/Typography/Header/index.jsx +64 -0
- package/dist/cjs/src/lib/Typography/Text/index.jsx +73 -0
- package/dist/cjs/src/lib/Typography/index.js +10 -0
- package/dist/cjs/src/lib/color/alpha.js +788 -0
- package/dist/cjs/src/lib/color/constants.js +299 -0
- package/dist/cjs/src/lib/color/dark.js +395 -0
- package/dist/cjs/src/lib/color/krdsColors.js +312 -0
- package/dist/cjs/src/lib/color/light.js +396 -0
- package/dist/cjs/src/lib/components/Accordion/index.jsx +105 -0
- package/dist/cjs/src/lib/components/AlertDialog/AlertDialogAction.jsx +88 -0
- package/dist/cjs/src/lib/components/AlertDialog/AlertDialogCancel.jsx +87 -0
- package/dist/cjs/src/lib/components/AlertDialog/AlertDialogContent.jsx +81 -0
- package/dist/cjs/src/lib/components/AlertDialog/AlertDialogDescription.jsx +63 -0
- package/dist/cjs/src/lib/components/AlertDialog/AlertDialogRoot.jsx +65 -0
- package/dist/cjs/src/lib/components/AlertDialog/AlertDialogTitle.jsx +63 -0
- package/dist/cjs/src/lib/components/AlertDialog/AlertDialogTrigger.jsx +82 -0
- package/dist/cjs/src/lib/components/AlertDialog/index.jsx +19 -0
- package/dist/cjs/src/lib/components/AspectRatio/index.jsx +69 -0
- package/dist/cjs/src/lib/components/Avatar/index.jsx +87 -0
- package/dist/cjs/src/lib/components/Badge/index.jsx +80 -0
- package/dist/cjs/src/lib/components/BarChart/index.jsx +64 -0
- package/dist/cjs/src/lib/components/BubbleChart/index.jsx +80 -0
- package/dist/cjs/src/lib/components/Button/index.jsx +83 -0
- package/dist/cjs/src/lib/components/Callout/CalloutIcon.jsx +88 -0
- package/dist/cjs/src/lib/components/Callout/CalloutRoot.jsx +102 -0
- package/dist/cjs/src/lib/components/Callout/CalloutText.jsx +68 -0
- package/dist/cjs/src/lib/components/Callout/index.jsx +11 -0
- package/dist/cjs/src/lib/components/Card/index.jsx +90 -0
- package/dist/cjs/src/lib/components/Checkbox/index.jsx +123 -0
- package/dist/cjs/src/lib/components/CheckboxCard/index.jsx +89 -0
- package/dist/cjs/src/lib/components/CheckboxGroup/CheckboxGroupItem.jsx +54 -0
- package/dist/cjs/src/lib/components/CheckboxGroup/CheckboxGroupRoot.jsx +64 -0
- package/dist/cjs/src/lib/components/CheckboxGroup/index.jsx +6 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuCheckboxItem.jsx +61 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuContent.jsx +85 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuGroup.jsx +46 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuItem.jsx +87 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuItemIndicator.jsx +77 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuLabel.jsx +75 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuRadioGroup.jsx +49 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuRadioItem.jsx +63 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuRoot.jsx +61 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuSeparator.jsx +47 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuSubContent.jsx +83 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuSubTrigger.jsx +61 -0
- package/dist/cjs/src/lib/components/ContextMenu/ContextMenuTrigger.jsx +47 -0
- package/dist/cjs/src/lib/components/ContextMenu/index.jsx +31 -0
- package/dist/cjs/src/lib/components/DataList/DataListItem.jsx +70 -0
- package/dist/cjs/src/lib/components/DataList/DataListLabel.jsx +76 -0
- package/dist/cjs/src/lib/components/DataList/DataListRoot.jsx +73 -0
- package/dist/cjs/src/lib/components/DataList/DataListValue.jsx +78 -0
- package/dist/cjs/src/lib/components/DataList/index.jsx +8 -0
- package/dist/cjs/src/lib/components/Dialog/DialogAction.jsx +75 -0
- package/dist/cjs/src/lib/components/Dialog/DialogCancel.jsx +71 -0
- package/dist/cjs/src/lib/components/Dialog/DialogContent.jsx +84 -0
- package/dist/cjs/src/lib/components/Dialog/DialogDescription.jsx +63 -0
- package/dist/cjs/src/lib/components/Dialog/DialogRoot.jsx +56 -0
- package/dist/cjs/src/lib/components/Dialog/DialogSlot.jsx +62 -0
- package/dist/cjs/src/lib/components/Dialog/DialogTitle.jsx +63 -0
- package/dist/cjs/src/lib/components/Dialog/DialogTrigger.jsx +46 -0
- package/dist/cjs/src/lib/components/Dialog/index.jsx +21 -0
- package/dist/cjs/src/lib/components/DoughnutChart/index.jsx +70 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdonMenuRadioGroup.jsx +46 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdonMenuSubContent.jsx +89 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuCheckboxItem.jsx +60 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuContent.jsx +85 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuItem.jsx +86 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuItemIndicator.jsx +75 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuLable.jsx +61 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuRadioItem.jsx +60 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuRoot.jsx +55 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuSeparator.jsx +45 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuSub.jsx +44 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuSubTrigger.jsx +59 -0
- package/dist/cjs/src/lib/components/DropdownMenu/DropdownMenuTrigger.jsx +69 -0
- package/dist/cjs/src/lib/components/DropdownMenu/index.jsx +31 -0
- package/dist/cjs/src/lib/components/HoverCard/HoverCardContent.jsx +88 -0
- package/dist/cjs/src/lib/components/HoverCard/HoverCardRoot.jsx +57 -0
- package/dist/cjs/src/lib/components/HoverCard/HoverCardTrigger.jsx +46 -0
- package/dist/cjs/src/lib/components/HoverCard/index.jsx +11 -0
- package/dist/cjs/src/lib/components/IconButton/index.jsx +90 -0
- package/dist/cjs/src/lib/components/Inset/index.jsx +79 -0
- package/dist/cjs/src/lib/components/Label/index.jsx +83 -0
- package/dist/cjs/src/lib/components/LineChart/index.jsx +62 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarCheckboxItem.jsx +57 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarContent.jsx +89 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarItem.jsx +82 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarItemIndicator.jsx +76 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarMenu.jsx +44 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarRadioGroup.jsx +49 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarRadioItem.jsx +59 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarRoot.jsx +91 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarSeparator.jsx +47 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarSub.jsx +44 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarSubContent.jsx +78 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarSubTrigger.jsx +60 -0
- package/dist/cjs/src/lib/components/Menubar/MenubarTrigger.jsx +84 -0
- package/dist/cjs/src/lib/components/Menubar/index.jsx +31 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuContent.jsx +75 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuIndicator.jsx +48 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuItem.jsx +46 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuLink.jsx +78 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuList.jsx +75 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuRoot.jsx +62 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuTrigger.jsx +86 -0
- package/dist/cjs/src/lib/components/NavigationMenu/NavigationMenuViewport.jsx +80 -0
- package/dist/cjs/src/lib/components/NavigationMenu/index.jsx +12 -0
- package/dist/cjs/src/lib/components/PieChart/index.jsx +70 -0
- package/dist/cjs/src/lib/components/Popover/PopoverClose.jsx +64 -0
- package/dist/cjs/src/lib/components/Popover/PopoverContent.jsx +92 -0
- package/dist/cjs/src/lib/components/Popover/PopoverRoot.jsx +55 -0
- package/dist/cjs/src/lib/components/Popover/PopoverTrigger.jsx +46 -0
- package/dist/cjs/src/lib/components/Popover/index.jsx +13 -0
- package/dist/cjs/src/lib/components/Progress/index.jsx +83 -0
- package/dist/cjs/src/lib/components/RadarChart/index.jsx +83 -0
- package/dist/cjs/src/lib/components/Radio/index.jsx +54 -0
- package/dist/cjs/src/lib/components/RadioCards/RadioCardsItem.jsx +70 -0
- package/dist/cjs/src/lib/components/RadioCards/RadioCardsRoot.jsx +77 -0
- package/dist/cjs/src/lib/components/RadioCards/index.jsx +9 -0
- package/dist/cjs/src/lib/components/RadioGroup/RadioGroupItem.jsx +62 -0
- package/dist/cjs/src/lib/components/RadioGroup/RadioGroupRoot.jsx +73 -0
- package/dist/cjs/src/lib/components/RadioGroup/index.jsx +9 -0
- package/dist/cjs/src/lib/components/ScrollArea/index.jsx +54 -0
- package/dist/cjs/src/lib/components/SegmentedControl/SegmentedControlItem.jsx +51 -0
- package/dist/cjs/src/lib/components/SegmentedControl/SegmentedControlRoot.jsx +79 -0
- package/dist/cjs/src/lib/components/SegmentedControl/index.jsx +9 -0
- package/dist/cjs/src/lib/components/Select/index.jsx +115 -0
- package/dist/cjs/src/lib/components/Separator/index.jsx +56 -0
- package/dist/cjs/src/lib/components/Skeleton/index.jsx +51 -0
- package/dist/cjs/src/lib/components/Slider/index.jsx +56 -0
- package/dist/cjs/src/lib/components/Spinner/index.jsx +56 -0
- package/dist/cjs/src/lib/components/TabNav/index.jsx +50 -0
- package/dist/cjs/src/lib/components/Table/index.jsx +119 -0
- package/dist/cjs/src/lib/components/Tabs/index.jsx +80 -0
- package/dist/cjs/src/lib/components/TextArea/index.jsx +65 -0
- package/dist/cjs/src/lib/components/TextField/index.jsx +67 -0
- package/dist/cjs/src/lib/components/Toast/ToastActionButton.jsx +97 -0
- package/dist/cjs/src/lib/components/Toast/ToastDescription.jsx +71 -0
- package/dist/cjs/src/lib/components/Toast/ToastRoot.jsx +123 -0
- package/dist/cjs/src/lib/components/Toast/ToastTitle.jsx +69 -0
- package/dist/cjs/src/lib/components/Toast/index.jsx +13 -0
- package/dist/cjs/src/lib/components/Toggle/ToggleWithText.jsx +86 -0
- package/dist/cjs/src/lib/components/Toggle/index.jsx +88 -0
- package/dist/cjs/src/lib/components/ToggleGroup/ToggleGroupItem.jsx +70 -0
- package/dist/cjs/src/lib/components/ToggleGroup/ToggleGroupRoot.jsx +79 -0
- package/dist/cjs/src/lib/components/ToggleGroup/index.jsx +9 -0
- package/dist/cjs/src/lib/components/ToggleSwitch/index.jsx +81 -0
- package/dist/cjs/src/lib/components/Tooltip/index.jsx +86 -0
- package/dist/cjs/src/lib/components/index.js +108 -0
- package/dist/cjs/src/lib/constants.js +950 -0
- package/dist/cjs/src/lib/index.js +18 -0
- package/dist/cjs/src/lib/types.js +2 -0
- package/dist/cjs/src/lib/utils/useDarkMode.js +53 -0
- package/dist/cjs/src/lib/utils/utils.js +14 -0
- package/dist/cjs/src/stories/ToggleSwitch/ToggleSwitch.stories.jsx +125 -0
- package/dist/cjs/src/stories/Welcome.jsx +96 -0
- package/dist/cjs/src/stories/accordion/Accordion.stories.jsx +88 -0
- package/dist/cjs/src/stories/alert-dialog/AlertDialog.stories.jsx +79 -0
- package/dist/cjs/src/stories/aspect-ratio/AspectRatio.stories.jsx +115 -0
- package/dist/cjs/src/stories/avatar/Avatar.stories.jsx +120 -0
- package/dist/cjs/src/stories/badge/Badge.stories.jsx +148 -0
- package/dist/cjs/src/stories/bar-chart/BarChart.stories.jsx +114 -0
- package/dist/cjs/src/stories/bubble-chart/BubbleChart.stories.jsx +182 -0
- package/dist/cjs/src/stories/button/Button.stories.jsx +119 -0
- package/dist/cjs/src/stories/button/IconButton.stories.jsx +118 -0
- package/dist/cjs/src/stories/callout/Callout.stories.jsx +212 -0
- package/dist/cjs/src/stories/card/Card.stories.jsx +168 -0
- package/dist/cjs/src/stories/checkbox/Checkbox.stories.jsx +187 -0
- package/dist/cjs/src/stories/checkbox/CheckboxCard.stories.jsx +150 -0
- package/dist/cjs/src/stories/checkbox/CheckboxGroup.stories.jsx +150 -0
- package/dist/cjs/src/stories/context-menu/ContextMenu.stories.jsx +163 -0
- package/dist/cjs/src/stories/data-list/DataList.stories.jsx +193 -0
- package/dist/cjs/src/stories/dialog/Dialog.stories.jsx +183 -0
- package/dist/cjs/src/stories/doughnut-chart/DoughnutChart.stories.jsx +130 -0
- package/dist/cjs/src/stories/dropdown-menu/DropdownMenu.stories.jsx +156 -0
- package/dist/cjs/src/stories/header/Header.stories.jsx +127 -0
- package/dist/cjs/src/stories/hover-card/HoverCard.stories.jsx +150 -0
- package/dist/cjs/src/stories/inset/Inset.stories.jsx +105 -0
- package/dist/cjs/src/stories/label/Label.stories.jsx +119 -0
- package/dist/cjs/src/stories/line-chart/LineChart.stories.jsx +245 -0
- package/dist/cjs/src/stories/menubar/Menubar.stories.jsx +282 -0
- package/dist/cjs/src/stories/navigation-menu/NavigationMenu.stories.jsx +249 -0
- package/dist/cjs/src/stories/pie-chart/PieChart.stories.jsx +156 -0
- package/dist/cjs/src/stories/popover/Popover.stories.jsx +137 -0
- package/dist/cjs/src/stories/progress/Progress.stories.jsx +88 -0
- package/dist/cjs/src/stories/radar-chart/RadarChart.stories.jsx +134 -0
- package/dist/cjs/src/stories/radio/Radio.stories.jsx +117 -0
- package/dist/cjs/src/stories/radio/RadioCards.stories.jsx +147 -0
- package/dist/cjs/src/stories/radio/RadioGroup.stories.jsx +132 -0
- package/dist/cjs/src/stories/scroll-area/ScrollArea.stories.jsx +204 -0
- package/dist/cjs/src/stories/segmented-control/SegmentedControl.stories.jsx +107 -0
- package/dist/cjs/src/stories/select/Select.stories.jsx +187 -0
- package/dist/cjs/src/stories/separator/Separator.stories.jsx +112 -0
- package/dist/cjs/src/stories/skeleton/Skeleton.stories.jsx +126 -0
- package/dist/cjs/src/stories/slider/Slider.stories.jsx +100 -0
- package/dist/cjs/src/stories/spinner/Spinner.stories.jsx +122 -0
- package/dist/cjs/src/stories/tab-nav/TabNav.stories.jsx +102 -0
- package/dist/cjs/src/stories/table/Table.stories.jsx +139 -0
- package/dist/cjs/src/stories/tabs/Tabs.stories.jsx +126 -0
- package/dist/cjs/src/stories/text/Text.stories.jsx +123 -0
- package/dist/cjs/src/stories/textArea/TextArea.stories.jsx +119 -0
- package/dist/cjs/src/stories/textfield/TextField.stories.jsx +133 -0
- package/dist/cjs/src/stories/toast/Toast.stories.jsx +230 -0
- package/dist/cjs/src/stories/toggle/Toggle.stories.jsx +114 -0
- package/dist/cjs/src/stories/toggle/ToggleGroup.stories.jsx +158 -0
- package/dist/cjs/src/stories/tooltip/Tooltip.stories.jsx +98 -0
- package/dist/cjs/src/utils/chart.js +582 -0
- package/dist/cjs/src/utils/move.mjs +40 -0
- package/dist/cjs/src/utils/post-publish.mjs +28 -0
- package/dist/cjs/tailwind.config.js +169 -0
- package/dist/cjs/tsconfig.tsbuildinfo +1 -0
- package/dist/esm/.storybook/main.js +22 -0
- package/dist/esm/.storybook/manager.js +12 -0
- package/dist/esm/.storybook/preview.jsx +80 -0
- package/dist/esm/src/app/layout.jsx +13 -0
- package/dist/esm/src/app/page.jsx +36 -0
- package/dist/esm/src/app/template/colorPicker.jsx +19 -0
- package/dist/esm/src/app/template/theme.jsx +17 -0
- package/dist/{lib/Typography/Header/index.js → esm/src/lib/Typography/Header/index.jsx} +7 -4
- package/dist/{lib/Typography/Text/index.js → esm/src/lib/Typography/Text/index.jsx} +8 -5
- package/dist/{lib → esm/src/lib}/color/constants.js +2 -0
- package/dist/{lib → esm/src/lib}/color/light.js +1 -0
- package/dist/{lib/components/Accordion/index.js → esm/src/lib/components/Accordion/index.jsx} +19 -7
- package/dist/{lib/components/AlertDialog/AlertDialogAction.js → esm/src/lib/components/AlertDialog/AlertDialogAction.jsx} +6 -5
- package/dist/{lib/components/AlertDialog/AlertDialogCancel.js → esm/src/lib/components/AlertDialog/AlertDialogCancel.jsx} +6 -5
- package/dist/{lib/components/AlertDialog/AlertDialogContent.js → esm/src/lib/components/AlertDialog/AlertDialogContent.jsx} +9 -5
- package/dist/{lib/components/AlertDialog/AlertDialogDescription.js → esm/src/lib/components/AlertDialog/AlertDialogDescription.jsx} +5 -15
- package/dist/{lib/components/AlertDialog/AlertDialogRoot.js → esm/src/lib/components/AlertDialog/AlertDialogRoot.jsx} +6 -14
- package/dist/{lib/components/AlertDialog/AlertDialogTitle.js → esm/src/lib/components/AlertDialog/AlertDialogTitle.jsx} +5 -15
- package/dist/{lib/components/AlertDialog/AlertDialogTrigger.js → esm/src/lib/components/AlertDialog/AlertDialogTrigger.jsx} +6 -5
- package/dist/{lib/components/AspectRatio/index.js → esm/src/lib/components/AspectRatio/index.jsx} +6 -5
- package/dist/{lib/components/Avatar/index.js → esm/src/lib/components/Avatar/index.jsx} +9 -5
- package/dist/{lib/components/Badge/index.js → esm/src/lib/components/Badge/index.jsx} +6 -5
- package/dist/{lib/components/BarChart/index.js → esm/src/lib/components/BarChart/index.jsx} +6 -7
- package/dist/{lib/components/BubbleChart/index.js → esm/src/lib/components/BubbleChart/index.jsx} +7 -7
- package/dist/{lib/components/Button/index.js → esm/src/lib/components/Button/index.jsx} +6 -5
- package/dist/{lib/components/Callout/CalloutIcon.js → esm/src/lib/components/Callout/CalloutIcon.jsx} +10 -5
- package/dist/{lib/components/Callout/CalloutRoot.js → esm/src/lib/components/Callout/CalloutRoot.jsx} +8 -5
- package/dist/{lib/components/Callout/CalloutText.js → esm/src/lib/components/Callout/CalloutText.jsx} +5 -15
- package/dist/{lib/components/Card/index.js → esm/src/lib/components/Card/index.jsx} +6 -5
- package/dist/{lib/components/Checkbox/index.js → esm/src/lib/components/Checkbox/index.jsx} +14 -6
- package/dist/{lib/components/CheckboxCard/index.js → esm/src/lib/components/CheckboxCard/index.jsx} +9 -7
- package/dist/{lib/components/CheckboxGroup/CheckboxGroupItem.js → esm/src/lib/components/CheckboxGroup/CheckboxGroupItem.jsx} +7 -15
- package/dist/{lib/components/CheckboxGroup/CheckboxGroupRoot.js → esm/src/lib/components/CheckboxGroup/CheckboxGroupRoot.jsx} +6 -3
- package/dist/{lib/components/ContextMenu/ContextMenuCheckboxItem.js → esm/src/lib/components/ContextMenu/ContextMenuCheckboxItem.jsx} +9 -16
- package/dist/{lib/components/ContextMenu/ContextMenuContent.js → esm/src/lib/components/ContextMenu/ContextMenuContent.jsx} +8 -5
- package/dist/{lib/components/ContextMenu/ContextMenuGroup.js → esm/src/lib/components/ContextMenu/ContextMenuGroup.jsx} +4 -14
- package/dist/{lib/components/ContextMenu/ContextMenuItem.js → esm/src/lib/components/ContextMenu/ContextMenuItem.jsx} +7 -5
- package/dist/{lib/components/ContextMenu/ContextMenuItemIndicator.js → esm/src/lib/components/ContextMenu/ContextMenuItemIndicator.jsx} +6 -5
- package/dist/{lib/components/ContextMenu/ContextMenuLabel.js → esm/src/lib/components/ContextMenu/ContextMenuLabel.jsx} +6 -5
- package/dist/{lib/components/ContextMenu/ContextMenuRadioGroup.js → esm/src/lib/components/ContextMenu/ContextMenuRadioGroup.jsx} +6 -14
- package/dist/{lib/components/ContextMenu/ContextMenuRadioItem.js → esm/src/lib/components/ContextMenu/ContextMenuRadioItem.jsx} +9 -16
- package/dist/{lib/components/ContextMenu/ContextMenuRoot.js → esm/src/lib/components/ContextMenu/ContextMenuRoot.jsx} +6 -14
- package/dist/{lib/components/ContextMenu/ContextMenuSeparator.js → esm/src/lib/components/ContextMenu/ContextMenuSeparator.jsx} +5 -15
- package/dist/{lib/components/ContextMenu/ContextMenuSubContent.js → esm/src/lib/components/ContextMenu/ContextMenuSubContent.jsx} +12 -9
- package/dist/{lib/components/ContextMenu/ContextMenuSubTrigger.js → esm/src/lib/components/ContextMenu/ContextMenuSubTrigger.jsx} +11 -16
- package/dist/{lib/components/ContextMenu/ContextMenuTrigger.js → esm/src/lib/components/ContextMenu/ContextMenuTrigger.jsx} +5 -15
- package/dist/{lib/components/DataList/DataListItem.js → esm/src/lib/components/DataList/DataListItem.jsx} +6 -5
- package/dist/{lib/components/DataList/DataListLabel.js → esm/src/lib/components/DataList/DataListLabel.jsx} +6 -5
- package/dist/{lib/components/DataList/DataListRoot.js → esm/src/lib/components/DataList/DataListRoot.jsx} +7 -15
- package/dist/{lib/components/DataList/DataListValue.js → esm/src/lib/components/DataList/DataListValue.jsx} +6 -5
- package/dist/{lib/components/Dialog/DialogAction.js → esm/src/lib/components/Dialog/DialogAction.jsx} +6 -16
- package/dist/{lib/components/Dialog/DialogCancel.js → esm/src/lib/components/Dialog/DialogCancel.jsx} +5 -15
- package/dist/{lib/components/Dialog/DialogContent.js → esm/src/lib/components/Dialog/DialogContent.jsx} +6 -5
- package/dist/{lib/components/Dialog/DialogDescription.js → esm/src/lib/components/Dialog/DialogDescription.jsx} +5 -15
- package/dist/{lib/components/Dialog/DialogRoot.js → esm/src/lib/components/Dialog/DialogRoot.jsx} +6 -14
- package/dist/{lib/components/Dialog/DialogSlot.js → esm/src/lib/components/Dialog/DialogSlot.jsx} +5 -15
- package/dist/{lib/components/Dialog/DialogTitle.js → esm/src/lib/components/Dialog/DialogTitle.jsx} +5 -15
- package/dist/{lib/components/Dialog/DialogTrigger.js → esm/src/lib/components/Dialog/DialogTrigger.jsx} +4 -14
- package/dist/{lib/components/DoughnutChart/index.js → esm/src/lib/components/DoughnutChart/index.jsx} +6 -6
- package/dist/{lib/components/DropdownMenu/DropdonMenuRadioGroup.js → esm/src/lib/components/DropdownMenu/DropdonMenuRadioGroup.jsx} +3 -13
- package/dist/{lib/components/DropdownMenu/DropdonMenuSubContent.js → esm/src/lib/components/DropdownMenu/DropdonMenuSubContent.jsx} +12 -9
- package/dist/{lib/components/DropdownMenu/DropdownMenuCheckboxItem.js → esm/src/lib/components/DropdownMenu/DropdownMenuCheckboxItem.jsx} +9 -16
- package/dist/{lib/components/DropdownMenu/DropdownMenuContent.js → esm/src/lib/components/DropdownMenu/DropdownMenuContent.jsx} +8 -5
- package/dist/{lib/components/DropdownMenu/DropdownMenuItem.js → esm/src/lib/components/DropdownMenu/DropdownMenuItem.jsx} +7 -5
- package/dist/{lib/components/DropdownMenu/DropdownMenuItemIndicator.js → esm/src/lib/components/DropdownMenu/DropdownMenuItemIndicator.jsx} +6 -5
- package/dist/{lib/components/DropdownMenu/DropdownMenuLable.js → esm/src/lib/components/DropdownMenu/DropdownMenuLable.jsx} +5 -15
- package/dist/{lib/components/DropdownMenu/DropdownMenuRadioItem.js → esm/src/lib/components/DropdownMenu/DropdownMenuRadioItem.jsx} +9 -16
- package/dist/{lib/components/DropdownMenu/DropdownMenuRoot.js → esm/src/lib/components/DropdownMenu/DropdownMenuRoot.jsx} +4 -14
- package/dist/{lib/components/DropdownMenu/DropdownMenuSeparator.js → esm/src/lib/components/DropdownMenu/DropdownMenuSeparator.jsx} +3 -15
- package/dist/{lib/components/DropdownMenu/DropdownMenuSub.js → esm/src/lib/components/DropdownMenu/DropdownMenuSub.jsx} +2 -14
- package/dist/{lib/components/DropdownMenu/DropdownMenuSubTrigger.js → esm/src/lib/components/DropdownMenu/DropdownMenuSubTrigger.jsx} +9 -16
- package/dist/{lib/components/DropdownMenu/DropdownMenuTrigger.js → esm/src/lib/components/DropdownMenu/DropdownMenuTrigger.jsx} +5 -15
- package/dist/{lib/components/HoverCard/HoverCardContent.js → esm/src/lib/components/HoverCard/HoverCardContent.jsx} +6 -5
- package/dist/{lib/components/HoverCard/HoverCardRoot.js → esm/src/lib/components/HoverCard/HoverCardRoot.jsx} +6 -14
- package/dist/{lib/components/HoverCard/HoverCardTrigger.js → esm/src/lib/components/HoverCard/HoverCardTrigger.jsx} +4 -14
- package/dist/{lib/components/IconButton/index.js → esm/src/lib/components/IconButton/index.jsx} +5 -4
- package/dist/{lib/components/Inset/index.js → esm/src/lib/components/Inset/index.jsx} +8 -5
- package/dist/{lib/components/Label/index.js → esm/src/lib/components/Label/index.jsx} +5 -4
- package/dist/{lib/components/LineChart/index.js → esm/src/lib/components/LineChart/index.jsx} +6 -7
- package/dist/{lib/components/Menubar/MenubarCheckboxItem.js → esm/src/lib/components/Menubar/MenubarCheckboxItem.jsx} +9 -16
- package/dist/{lib/components/Menubar/MenubarContent.js → esm/src/lib/components/Menubar/MenubarContent.jsx} +12 -9
- package/dist/{lib/components/Menubar/MenubarItem.js → esm/src/lib/components/Menubar/MenubarItem.jsx} +7 -5
- package/dist/{lib/components/Menubar/MenubarItemIndicator.js → esm/src/lib/components/Menubar/MenubarItemIndicator.jsx} +6 -5
- package/dist/{lib/components/Menubar/MenubarMenu.js → esm/src/lib/components/Menubar/MenubarMenu.jsx} +2 -14
- package/dist/{lib/components/Menubar/MenubarRadioGroup.js → esm/src/lib/components/Menubar/MenubarRadioGroup.jsx} +6 -14
- package/dist/{lib/components/Menubar/MenubarRadioItem.js → esm/src/lib/components/Menubar/MenubarRadioItem.jsx} +9 -16
- package/dist/{lib/components/Menubar/MenubarRoot.js → esm/src/lib/components/Menubar/MenubarRoot.jsx} +9 -6
- package/dist/{lib/components/Menubar/MenubarSeparator.js → esm/src/lib/components/Menubar/MenubarSeparator.jsx} +5 -15
- package/dist/{lib/components/Menubar/MenubarSub.js → esm/src/lib/components/Menubar/MenubarSub.jsx} +2 -14
- package/dist/{lib/components/Menubar/MenubarSubContent.js → esm/src/lib/components/Menubar/MenubarSubContent.jsx} +7 -6
- package/dist/{lib/components/Menubar/MenubarSubTrigger.js → esm/src/lib/components/Menubar/MenubarSubTrigger.jsx} +9 -16
- package/dist/{lib/components/Menubar/MenubarTrigger.js → esm/src/lib/components/Menubar/MenubarTrigger.jsx} +7 -6
- package/dist/{lib/components/NavigationMenu/NavigationMenuContent.js → esm/src/lib/components/NavigationMenu/NavigationMenuContent.jsx} +6 -5
- package/dist/esm/src/lib/components/NavigationMenu/NavigationMenuIndicator.jsx +22 -0
- package/dist/{lib/components/NavigationMenu/NavigationMenuItem.js → esm/src/lib/components/NavigationMenu/NavigationMenuItem.jsx} +4 -14
- package/dist/{lib/components/NavigationMenu/NavigationMenuLink.js → esm/src/lib/components/NavigationMenu/NavigationMenuLink.jsx} +6 -5
- package/dist/{lib/components/NavigationMenu/NavigationMenuList.js → esm/src/lib/components/NavigationMenu/NavigationMenuList.jsx} +7 -5
- package/dist/{lib/components/NavigationMenu/NavigationMenuRoot.js → esm/src/lib/components/NavigationMenu/NavigationMenuRoot.jsx} +7 -15
- package/dist/{lib/components/NavigationMenu/NavigationMenuTrigger.js → esm/src/lib/components/NavigationMenu/NavigationMenuTrigger.jsx} +7 -5
- package/dist/{lib/components/NavigationMenu/NavigationMenuViewport.js → esm/src/lib/components/NavigationMenu/NavigationMenuViewport.jsx} +6 -5
- package/dist/{lib/components/PieChart/index.js → esm/src/lib/components/PieChart/index.jsx} +6 -6
- package/dist/{lib/components/Popover/PopoverClose.js → esm/src/lib/components/Popover/PopoverClose.jsx} +5 -15
- package/dist/{lib/components/Popover/PopoverContent.js → esm/src/lib/components/Popover/PopoverContent.jsx} +6 -5
- package/dist/{lib/components/Popover/PopoverRoot.js → esm/src/lib/components/Popover/PopoverRoot.jsx} +6 -14
- package/dist/{lib/components/Popover/PopoverTrigger.js → esm/src/lib/components/Popover/PopoverTrigger.jsx} +4 -14
- package/dist/{lib/components/Progress/index.js → esm/src/lib/components/Progress/index.jsx} +6 -5
- package/dist/{lib/components/RadarChart/index.js → esm/src/lib/components/RadarChart/index.jsx} +7 -7
- package/dist/{lib/components/Radio/index.js → esm/src/lib/components/Radio/index.jsx} +10 -15
- package/dist/{lib/components/RadioCards/RadioCardsItem.js → esm/src/lib/components/RadioCards/RadioCardsItem.jsx} +5 -15
- package/dist/{lib/components/RadioCards/RadioCardsRoot.js → esm/src/lib/components/RadioCards/RadioCardsRoot.jsx} +10 -5
- package/dist/{lib/components/RadioGroup/RadioGroupItem.js → esm/src/lib/components/RadioGroup/RadioGroupItem.jsx} +5 -15
- package/dist/{lib/components/RadioGroup/RadioGroupRoot.js → esm/src/lib/components/RadioGroup/RadioGroupRoot.jsx} +9 -15
- package/dist/{lib/components/ScrollArea/index.js → esm/src/lib/components/ScrollArea/index.jsx} +6 -14
- package/dist/{lib/components/SegmentedControl/SegmentedControlItem.js → esm/src/lib/components/SegmentedControl/SegmentedControlItem.jsx} +5 -15
- package/dist/{lib/components/SegmentedControl/SegmentedControlRoot.js → esm/src/lib/components/SegmentedControl/SegmentedControlRoot.jsx} +7 -4
- package/dist/{lib/components/Select/index.js → esm/src/lib/components/Select/index.jsx} +27 -10
- package/dist/{lib/components/Separator/index.js → esm/src/lib/components/Separator/index.jsx} +7 -4
- package/dist/{lib/components/Skeleton/index.js → esm/src/lib/components/Skeleton/index.jsx} +7 -4
- package/dist/{lib/components/Slider/index.js → esm/src/lib/components/Slider/index.jsx} +6 -4
- package/dist/{lib/components/Spinner/index.js → esm/src/lib/components/Spinner/index.jsx} +7 -4
- package/dist/{lib/components/TabNav/index.js → esm/src/lib/components/TabNav/index.jsx} +9 -15
- package/dist/{lib/components/Table/index.js → esm/src/lib/components/Table/index.jsx} +25 -10
- package/dist/{lib/components/Tabs/index.js → esm/src/lib/components/Tabs/index.jsx} +16 -7
- package/dist/{lib/components/TextArea/index.js → esm/src/lib/components/TextArea/index.jsx} +5 -4
- package/dist/{lib/components/TextField/index.js → esm/src/lib/components/TextField/index.jsx} +10 -5
- package/dist/{lib/components/Toast/ToastActionButton.js → esm/src/lib/components/Toast/ToastActionButton.jsx} +7 -6
- package/dist/{lib/components/Toast/ToastDescription.js → esm/src/lib/components/Toast/ToastDescription.jsx} +7 -15
- package/dist/{lib/components/Toast/ToastRoot.js → esm/src/lib/components/Toast/ToastRoot.jsx} +11 -5
- package/dist/{lib/components/Toast/ToastTitle.js → esm/src/lib/components/Toast/ToastTitle.jsx} +5 -15
- package/dist/{lib/components/Toggle/ToggleWithText.js → esm/src/lib/components/Toggle/ToggleWithText.jsx} +9 -7
- package/dist/{lib/components/Toggle/index.js → esm/src/lib/components/Toggle/index.jsx} +6 -5
- package/dist/{lib/components/ToggleGroup/ToggleGroupItem.js → esm/src/lib/components/ToggleGroup/ToggleGroupItem.jsx} +6 -16
- package/dist/{lib/components/ToggleGroup/ToggleGroupRoot.js → esm/src/lib/components/ToggleGroup/ToggleGroupRoot.jsx} +10 -5
- package/dist/{lib/components/ToggleSwitch/index.js → esm/src/lib/components/ToggleSwitch/index.jsx} +9 -5
- package/dist/{lib/components/Tooltip/index.js → esm/src/lib/components/Tooltip/index.jsx} +14 -4
- package/dist/{lib → esm/src/lib}/components/index.js +2 -0
- package/dist/{lib → esm/src/lib}/constants.js +18 -11
- package/dist/{lib → esm/src/lib}/utils/useDarkMode.js +1 -1
- package/dist/{lib → esm/src/lib}/utils/utils.js +1 -0
- package/dist/esm/src/stories/ToggleSwitch/ToggleSwitch.stories.jsx +118 -0
- package/dist/esm/src/stories/Welcome.jsx +68 -0
- package/dist/esm/src/stories/accordion/Accordion.stories.jsx +81 -0
- package/dist/esm/src/stories/alert-dialog/AlertDialog.stories.jsx +72 -0
- package/dist/esm/src/stories/aspect-ratio/AspectRatio.stories.jsx +106 -0
- package/dist/esm/src/stories/avatar/Avatar.stories.jsx +109 -0
- package/dist/esm/src/stories/badge/Badge.stories.jsx +135 -0
- package/dist/esm/src/stories/bar-chart/BarChart.stories.jsx +105 -0
- package/dist/esm/src/stories/bubble-chart/BubbleChart.stories.jsx +175 -0
- package/dist/esm/src/stories/button/Button.stories.jsx +105 -0
- package/dist/esm/src/stories/button/IconButton.stories.jsx +110 -0
- package/dist/esm/src/stories/callout/Callout.stories.jsx +202 -0
- package/dist/esm/src/stories/card/Card.stories.jsx +156 -0
- package/dist/esm/src/stories/checkbox/Checkbox.stories.jsx +174 -0
- package/dist/esm/src/stories/checkbox/CheckboxCard.stories.jsx +138 -0
- package/dist/esm/src/stories/checkbox/CheckboxGroup.stories.jsx +144 -0
- package/dist/esm/src/stories/context-menu/ContextMenu.stories.jsx +156 -0
- package/dist/esm/src/stories/data-list/DataList.stories.jsx +186 -0
- package/dist/esm/src/stories/dialog/Dialog.stories.jsx +173 -0
- package/dist/esm/src/stories/doughnut-chart/DoughnutChart.stories.jsx +118 -0
- package/dist/esm/src/stories/dropdown-menu/DropdownMenu.stories.jsx +146 -0
- package/dist/esm/src/stories/header/Header.stories.jsx +118 -0
- package/dist/esm/src/stories/hover-card/HoverCard.stories.jsx +143 -0
- package/dist/esm/src/stories/inset/Inset.stories.jsx +99 -0
- package/dist/esm/src/stories/label/Label.stories.jsx +112 -0
- package/dist/esm/src/stories/line-chart/LineChart.stories.jsx +234 -0
- package/dist/esm/src/stories/menubar/Menubar.stories.jsx +274 -0
- package/dist/esm/src/stories/navigation-menu/NavigationMenu.stories.jsx +237 -0
- package/dist/esm/src/stories/pie-chart/PieChart.stories.jsx +144 -0
- package/dist/esm/src/stories/popover/Popover.stories.jsx +128 -0
- package/dist/esm/src/stories/progress/Progress.stories.jsx +81 -0
- package/dist/esm/src/stories/radar-chart/RadarChart.stories.jsx +126 -0
- package/dist/esm/src/stories/radio/Radio.stories.jsx +110 -0
- package/dist/esm/src/stories/radio/RadioCards.stories.jsx +136 -0
- package/dist/esm/src/stories/radio/RadioGroup.stories.jsx +125 -0
- package/dist/esm/src/stories/scroll-area/ScrollArea.stories.jsx +197 -0
- package/dist/esm/src/stories/segmented-control/SegmentedControl.stories.jsx +100 -0
- package/dist/esm/src/stories/select/Select.stories.jsx +175 -0
- package/dist/esm/src/stories/separator/Separator.stories.jsx +105 -0
- package/dist/esm/src/stories/skeleton/Skeleton.stories.jsx +118 -0
- package/dist/esm/src/stories/slider/Slider.stories.jsx +93 -0
- package/dist/esm/src/stories/spinner/Spinner.stories.jsx +111 -0
- package/dist/esm/src/stories/tab-nav/TabNav.stories.jsx +94 -0
- package/dist/esm/src/stories/table/Table.stories.jsx +129 -0
- package/dist/esm/src/stories/tabs/Tabs.stories.jsx +118 -0
- package/dist/esm/src/stories/text/Text.stories.jsx +115 -0
- package/dist/esm/src/stories/textArea/TextArea.stories.jsx +111 -0
- package/dist/esm/src/stories/textfield/TextField.stories.jsx +122 -0
- package/dist/esm/src/stories/toast/Toast.stories.jsx +197 -0
- package/dist/esm/src/stories/toggle/Toggle.stories.jsx +106 -0
- package/dist/esm/src/stories/toggle/ToggleGroup.stories.jsx +151 -0
- package/dist/esm/src/stories/tooltip/Tooltip.stories.jsx +89 -0
- package/dist/esm/src/utils/chart.js +572 -0
- package/dist/esm/src/utils/move.mjs +35 -0
- package/dist/esm/src/utils/post-publish.mjs +23 -0
- package/dist/esm/tailwind.config.js +144 -0
- package/dist/esm/tsconfig.tsbuildinfo +1 -0
- package/dist/globals.css +4 -4
- package/dist/tailwind.config.js +10 -2
- package/package.json +141 -131
- package/dist/lib/Typography/Header/index.d.ts +0 -13
- package/dist/lib/Typography/Text/index.d.ts +0 -15
- package/dist/lib/Typography/index.d.ts +0 -2
- package/dist/lib/color/alpha.d.ts +0 -784
- package/dist/lib/color/constants.d.ts +0 -29
- package/dist/lib/color/dark.d.ts +0 -392
- package/dist/lib/color/krdsColors.d.ts +0 -309
- package/dist/lib/color/light.d.ts +0 -392
- package/dist/lib/components/Accordion/index.d.ts +0 -22
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +0 -14
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +0 -13
- package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +0 -11
- package/dist/lib/components/AlertDialog/AlertDialogDescription.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +0 -16
- package/dist/lib/components/AlertDialog/AlertDialogTitle.d.ts +0 -10
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +0 -17
- package/dist/lib/components/AlertDialog/index.d.ts +0 -11
- package/dist/lib/components/AspectRatio/index.d.ts +0 -10
- package/dist/lib/components/Avatar/index.d.ts +0 -21
- package/dist/lib/components/Badge/index.d.ts +0 -18
- package/dist/lib/components/BarChart/index.d.ts +0 -37
- package/dist/lib/components/BubbleChart/index.d.ts +0 -28
- package/dist/lib/components/Button/index.d.ts +0 -16
- package/dist/lib/components/Callout/CalloutIcon.d.ts +0 -13
- package/dist/lib/components/Callout/CalloutRoot.d.ts +0 -18
- package/dist/lib/components/Callout/CalloutText.d.ts +0 -10
- package/dist/lib/components/Callout/index.d.ts +0 -7
- package/dist/lib/components/Card/index.d.ts +0 -14
- package/dist/lib/components/Checkbox/index.d.ts +0 -17
- package/dist/lib/components/CheckboxCard/index.d.ts +0 -20
- package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.d.ts +0 -5
- package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +0 -17
- package/dist/lib/components/CheckboxGroup/index.d.ts +0 -6
- package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +0 -13
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/ContextMenu/ContextMenuLabel.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.d.ts +0 -8
- package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +0 -13
- package/dist/lib/components/ContextMenu/ContextMenuSeparator.d.ts +0 -3
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +0 -11
- package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts +0 -4
- package/dist/lib/components/ContextMenu/index.d.ts +0 -17
- package/dist/lib/components/DataList/DataListItem.d.ts +0 -9
- package/dist/lib/components/DataList/DataListLabel.d.ts +0 -10
- package/dist/lib/components/DataList/DataListRoot.d.ts +0 -14
- package/dist/lib/components/DataList/DataListValue.d.ts +0 -11
- package/dist/lib/components/DataList/index.d.ts +0 -8
- package/dist/lib/components/Dialog/DialogAction.d.ts +0 -13
- package/dist/lib/components/Dialog/DialogCancel.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogContent.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogDescription.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogRoot.d.ts +0 -15
- package/dist/lib/components/Dialog/DialogSlot.d.ts +0 -9
- package/dist/lib/components/Dialog/DialogTitle.d.ts +0 -11
- package/dist/lib/components/Dialog/DialogTrigger.d.ts +0 -3
- package/dist/lib/components/Dialog/index.d.ts +0 -15
- package/dist/lib/components/DoughnutChart/index.d.ts +0 -22
- package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +0 -7
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +0 -11
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +0 -15
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +0 -10
- package/dist/lib/components/DropdownMenu/DropdownMenuLable.d.ts +0 -10
- package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.d.ts +0 -6
- package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +0 -15
- package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSub.d.ts +0 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +0 -4
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +0 -14
- package/dist/lib/components/DropdownMenu/index.d.ts +0 -20
- package/dist/lib/components/HoverCard/HoverCardContent.d.ts +0 -14
- package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +0 -11
- package/dist/lib/components/HoverCard/HoverCardTrigger.d.ts +0 -3
- package/dist/lib/components/HoverCard/index.d.ts +0 -10
- package/dist/lib/components/IconButton/index.d.ts +0 -15
- package/dist/lib/components/Inset/index.d.ts +0 -10
- package/dist/lib/components/Label/index.d.ts +0 -17
- package/dist/lib/components/LineChart/index.d.ts +0 -43
- package/dist/lib/components/Menubar/MenubarCheckboxItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarContent.d.ts +0 -11
- package/dist/lib/components/Menubar/MenubarItem.d.ts +0 -13
- package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarMenu.d.ts +0 -5
- package/dist/lib/components/Menubar/MenubarRadioGroup.d.ts +0 -8
- package/dist/lib/components/Menubar/MenubarRadioItem.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarRoot.d.ts +0 -19
- package/dist/lib/components/Menubar/MenubarSeparator.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSub.d.ts +0 -3
- package/dist/lib/components/Menubar/MenubarSubContent.d.ts +0 -10
- package/dist/lib/components/Menubar/MenubarSubTrigger.d.ts +0 -4
- package/dist/lib/components/Menubar/MenubarTrigger.d.ts +0 -12
- package/dist/lib/components/Menubar/index.d.ts +0 -19
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +0 -11
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/lib/components/NavigationMenu/NavigationMenuItem.d.ts +0 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +0 -14
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +0 -13
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +0 -12
- package/dist/lib/components/NavigationMenu/index.d.ts +0 -12
- package/dist/lib/components/PieChart/index.d.ts +0 -22
- package/dist/lib/components/Popover/PopoverClose.d.ts +0 -9
- package/dist/lib/components/Popover/PopoverContent.d.ts +0 -11
- package/dist/lib/components/Popover/PopoverRoot.d.ts +0 -12
- package/dist/lib/components/Popover/PopoverTrigger.d.ts +0 -3
- package/dist/lib/components/Popover/index.d.ts +0 -11
- package/dist/lib/components/Progress/index.d.ts +0 -13
- package/dist/lib/components/RadarChart/index.d.ts +0 -32
- package/dist/lib/components/Radio/index.d.ts +0 -13
- package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +0 -10
- package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts +0 -13
- package/dist/lib/components/RadioCards/index.d.ts +0 -6
- package/dist/lib/components/RadioGroup/RadioGroupItem.d.ts +0 -13
- package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +0 -15
- package/dist/lib/components/RadioGroup/index.d.ts +0 -6
- package/dist/lib/components/ScrollArea/index.d.ts +0 -9
- package/dist/lib/components/SegmentedControl/SegmentedControlItem.d.ts +0 -6
- package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +0 -14
- package/dist/lib/components/SegmentedControl/index.d.ts +0 -6
- package/dist/lib/components/Select/index.d.ts +0 -34
- package/dist/lib/components/Separator/index.d.ts +0 -11
- package/dist/lib/components/Skeleton/index.d.ts +0 -14
- package/dist/lib/components/Slider/index.d.ts +0 -14
- package/dist/lib/components/Spinner/index.d.ts +0 -15
- package/dist/lib/components/TabNav/index.d.ts +0 -15
- package/dist/lib/components/Table/index.d.ts +0 -30
- package/dist/lib/components/Tabs/index.d.ts +0 -22
- package/dist/lib/components/TextArea/index.d.ts +0 -16
- package/dist/lib/components/TextField/index.d.ts +0 -21
- package/dist/lib/components/Toast/ToastActionButton.d.ts +0 -14
- package/dist/lib/components/Toast/ToastDescription.d.ts +0 -13
- package/dist/lib/components/Toast/ToastRoot.d.ts +0 -27
- package/dist/lib/components/Toast/ToastTitle.d.ts +0 -13
- package/dist/lib/components/Toast/index.d.ts +0 -8
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +0 -21
- package/dist/lib/components/Toggle/index.d.ts +0 -21
- package/dist/lib/components/ToggleGroup/ToggleGroupItem.d.ts +0 -17
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +0 -15
- package/dist/lib/components/ToggleGroup/index.d.ts +0 -6
- package/dist/lib/components/ToggleSwitch/index.d.ts +0 -13
- package/dist/lib/components/Tooltip/index.d.ts +0 -19
- package/dist/lib/components/index.d.ts +0 -50
- package/dist/lib/constants.d.ts +0 -655
- package/dist/lib/index.d.ts +0 -2
- package/dist/lib/types.d.ts +0 -81
- package/dist/lib/utils/useDarkMode.d.ts +0 -1
- package/dist/lib/utils/utils.d.ts +0 -2
- /package/dist/{lib → esm/src/lib}/Typography/index.js +0 -0
- /package/dist/{lib → esm/src/lib}/color/alpha.js +0 -0
- /package/dist/{lib → esm/src/lib}/color/dark.js +0 -0
- /package/dist/{lib → esm/src/lib}/color/krdsColors.js +0 -0
- /package/dist/{lib/components/AlertDialog/index.js → esm/src/lib/components/AlertDialog/index.jsx} +0 -0
- /package/dist/{lib/components/Callout/index.js → esm/src/lib/components/Callout/index.jsx} +0 -0
- /package/dist/{lib/components/CheckboxGroup/index.js → esm/src/lib/components/CheckboxGroup/index.jsx} +0 -0
- /package/dist/{lib/components/ContextMenu/index.js → esm/src/lib/components/ContextMenu/index.jsx} +0 -0
- /package/dist/{lib/components/DataList/index.js → esm/src/lib/components/DataList/index.jsx} +0 -0
- /package/dist/{lib/components/Dialog/index.js → esm/src/lib/components/Dialog/index.jsx} +0 -0
- /package/dist/{lib/components/DropdownMenu/index.js → esm/src/lib/components/DropdownMenu/index.jsx} +0 -0
- /package/dist/{lib/components/HoverCard/index.js → esm/src/lib/components/HoverCard/index.jsx} +0 -0
- /package/dist/{lib/components/Menubar/index.js → esm/src/lib/components/Menubar/index.jsx} +0 -0
- /package/dist/{lib/components/NavigationMenu/index.js → esm/src/lib/components/NavigationMenu/index.jsx} +0 -0
- /package/dist/{lib/components/Popover/index.js → esm/src/lib/components/Popover/index.jsx} +0 -0
- /package/dist/{lib/components/RadioCards/index.js → esm/src/lib/components/RadioCards/index.jsx} +0 -0
- /package/dist/{lib/components/RadioGroup/index.js → esm/src/lib/components/RadioGroup/index.jsx} +0 -0
- /package/dist/{lib/components/SegmentedControl/index.js → esm/src/lib/components/SegmentedControl/index.jsx} +0 -0
- /package/dist/{lib/components/Toast/index.js → esm/src/lib/components/Toast/index.jsx} +0 -0
- /package/dist/{lib/components/ToggleGroup/index.js → esm/src/lib/components/ToggleGroup/index.jsx} +0 -0
- /package/dist/{lib → esm/src/lib}/index.js +0 -0
- /package/dist/{lib → esm/src/lib}/types.js +0 -0
package/README.md
CHANGED
@@ -1,133 +1,133 @@
|
|
1
|
-
# LOTTE UI COMPONENT LIBRARY
|
2
|
-
|
3
|
-
<br />
|
4
|
-
|
5
|
-
## 목차
|
6
|
-
|
7
|
-
- [Introduction](#introduction)
|
8
|
-
- [Installation](#installation)
|
9
|
-
- [Setup](#setup)
|
10
|
-
- [Usage](#usage)
|
11
|
-
- [Components](#components)
|
12
|
-
- [License](#license)
|
13
|
-
|
14
|
-
## Introduction
|
15
|
-
|
16
|
-
모든 L-UI 구성 요소를 내보내는 단일 패키지입니다.
|
17
|
-
|
18
|
-
일관되고 통일된 컴포넌트를 제공하며 사용자 정의 및 재사용 가능합니다.
|
19
|
-
|
20
|
-
이 라이브러리는 React로 구축된 프로젝트를 지원합니다.
|
21
|
-
|
22
|
-
## Installation
|
23
|
-
|
24
|
-
패키지를 설치하기 위해 아래 명령어를 사용합니다.
|
25
|
-
|
26
|
-
```bash
|
27
|
-
npm i @lotte-innovate/lui
|
28
|
-
```
|
29
|
-
|
30
|
-
```bash
|
31
|
-
yarn add @lotte-innovate/lui
|
32
|
-
```
|
33
|
-
|
34
|
-
## Setup
|
35
|
-
|
36
|
-
패키지를 설치한 후 css 스타일을 프로젝트로 가져옵니다.
|
37
|
-
|
38
|
-
프로젝트 App 진입 파일에 다음 줄을 추가해줍니다.
|
39
|
-
|
40
|
-
```
|
41
|
-
import '@lotte-innovate/lui/dist/globals.css';
|
42
|
-
```
|
43
|
-
|
44
|
-
## Usage
|
45
|
-
|
46
|
-
React 프로젝트에서 컴포넌트를 사용하는 방법에 대한 예시입니다.
|
47
|
-
|
48
|
-
```javascript
|
49
|
-
import React from 'react';
|
50
|
-
import { Button } from '@lotte-innovate/lui';
|
51
|
-
|
52
|
-
const App = () => {
|
53
|
-
return (
|
54
|
-
<div>
|
55
|
-
<Button onClick={() => alert('Button clicked!')}>Click Me</Button>
|
56
|
-
</div>
|
57
|
-
);
|
58
|
-
};
|
59
|
-
|
60
|
-
export default App;
|
61
|
-
```
|
62
|
-
|
63
|
-
컴포넌트에서 아이콘을 사용하려면, 다음과 같은 방법으로 아이콘을 가져올 수 있습니다.
|
64
|
-
|
65
|
-
```javascript
|
66
|
-
import React from 'react';
|
67
|
-
import { IconButton } from '@lotte-innovate/lui';
|
68
|
-
import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
|
69
|
-
|
70
|
-
const App = () => {
|
71
|
-
return (
|
72
|
-
<div>
|
73
|
-
<IconButton>
|
74
|
-
<MagnifyingGlassIcon />
|
75
|
-
</IconButton>
|
76
|
-
</div>
|
77
|
-
);
|
78
|
-
};
|
79
|
-
|
80
|
-
export default App;
|
81
|
-
```
|
82
|
-
|
83
|
-
## Components
|
84
|
-
|
85
|
-
<br />
|
86
|
-
|
87
|
-
<details>
|
88
|
-
<summary>컴포넌트 목록</summary>
|
89
|
-
|
90
|
-
| 구분 | 종류 |
|
91
|
-
| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
|
92
|
-
| Typography 컴포넌트 | Text, Header |
|
93
|
-
| 기본 컴포넌트 | Avatar, Badge, Button, Icon Button, Label |
|
94
|
-
| 입력 컴포넌트 | Checkbox, Checkbox Group, Checkbox Cards, Radio, Radio Group, Radio Cards, Select, Slider, Switch, Text Area, Text Field, Toggle, Toggle Group |
|
95
|
-
| 네비게이션 컴포넌트 | Menubar, Navigation Menu, Tabs, Tab Nav |
|
96
|
-
| 레이아웃 컴포넌트 | Aspeact Ratio, Card, Inset, Scroll Area, Separator, Table |
|
97
|
-
| 피드백 컴포넌트 | Alert Dialog, Dialog, Hover Card, Popover, Toast, Tooltip |
|
98
|
-
| 로딩 컴포넌트 | Progress, Skeleton, Spinner, |
|
99
|
-
| 메뉴 및 선택 컴포넌트 | Context Menu, Dropdown Menu, Segmented Control |
|
100
|
-
| 기타 컴포넌트 | Accordian, Callout |
|
101
|
-
|
102
|
-
</details>
|
103
|
-
<details>
|
104
|
-
<summary>차트 목록</summary>
|
105
|
-
|
106
|
-
| 구분 | 종류 |
|
107
|
-
| --------- | ------------- |
|
108
|
-
| 비교 차트 | Bar, Line |
|
109
|
-
| 구성 차트 | Pie, Doughnut |
|
110
|
-
| 분포 차트 | Bubble |
|
111
|
-
| 관계 차트 | Radar |
|
112
|
-
|
113
|
-
</details>
|
114
|
-
|
115
|
-
<details>
|
116
|
-
<summary>공통 Props 목록</summary>
|
117
|
-
|
118
|
-
| name | description | 단계 | option |
|
119
|
-
| ---------- | ------------------------------------------------- | -------- | --------------------------------------------- |
|
120
|
-
| Color | 27가지 색상을 라이트/다크/알파/알파다크 모드 제공 | 1~12단계 | blue, crimson, teal, orange, purple, amber... |
|
121
|
-
| Radius | 컴포넌트의 둥글기 적용 | 5단계 | none, small, medium, large, full |
|
122
|
-
| Scaling | 컴포넌트의 비율 | 5단계 | 90%, 95%, 100%, 105%, 110% |
|
123
|
-
| Weight | 컴포넌트의 텍스트 굵기 | 4단계 | regular, medium, semibold, bold |
|
124
|
-
| Appearance | 컴포넌트의 디자인 스타일 | 6단계 | classic, ghost, outline, soft, solid, surface |
|
125
|
-
| Size | 컴포넌트의 크기 | 5단계 | x-small, small, medium, large, x-large |
|
126
|
-
|
127
|
-
</details>
|
128
|
-
|
129
|
-
<br />
|
130
|
-
|
131
|
-
## License
|
132
|
-
|
133
|
-
@lotte-innovate
|
1
|
+
# LOTTE UI COMPONENT LIBRARY
|
2
|
+
|
3
|
+
<br />
|
4
|
+
|
5
|
+
## 목차
|
6
|
+
|
7
|
+
- [Introduction](#introduction)
|
8
|
+
- [Installation](#installation)
|
9
|
+
- [Setup](#setup)
|
10
|
+
- [Usage](#usage)
|
11
|
+
- [Components](#components)
|
12
|
+
- [License](#license)
|
13
|
+
|
14
|
+
## Introduction
|
15
|
+
|
16
|
+
모든 L-UI 구성 요소를 내보내는 단일 패키지입니다.
|
17
|
+
|
18
|
+
일관되고 통일된 컴포넌트를 제공하며 사용자 정의 및 재사용 가능합니다.
|
19
|
+
|
20
|
+
이 라이브러리는 React로 구축된 프로젝트를 지원합니다.
|
21
|
+
|
22
|
+
## Installation
|
23
|
+
|
24
|
+
패키지를 설치하기 위해 아래 명령어를 사용합니다.
|
25
|
+
|
26
|
+
```bash
|
27
|
+
npm i @lotte-innovate/lui
|
28
|
+
```
|
29
|
+
|
30
|
+
```bash
|
31
|
+
yarn add @lotte-innovate/lui
|
32
|
+
```
|
33
|
+
|
34
|
+
## Setup
|
35
|
+
|
36
|
+
패키지를 설치한 후 css 스타일을 프로젝트로 가져옵니다.
|
37
|
+
|
38
|
+
프로젝트 App 진입 파일에 다음 줄을 추가해줍니다.
|
39
|
+
|
40
|
+
```
|
41
|
+
import '@lotte-innovate/lui/dist/globals.css';
|
42
|
+
```
|
43
|
+
|
44
|
+
## Usage
|
45
|
+
|
46
|
+
React 프로젝트에서 컴포넌트를 사용하는 방법에 대한 예시입니다.
|
47
|
+
|
48
|
+
```javascript
|
49
|
+
import React from 'react';
|
50
|
+
import { Button } from '@lotte-innovate/lui';
|
51
|
+
|
52
|
+
const App = () => {
|
53
|
+
return (
|
54
|
+
<div>
|
55
|
+
<Button onClick={() => alert('Button clicked!')}>Click Me</Button>
|
56
|
+
</div>
|
57
|
+
);
|
58
|
+
};
|
59
|
+
|
60
|
+
export default App;
|
61
|
+
```
|
62
|
+
|
63
|
+
컴포넌트에서 아이콘을 사용하려면, 다음과 같은 방법으로 아이콘을 가져올 수 있습니다.
|
64
|
+
|
65
|
+
```javascript
|
66
|
+
import React from 'react';
|
67
|
+
import { IconButton } from '@lotte-innovate/lui';
|
68
|
+
import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
|
69
|
+
|
70
|
+
const App = () => {
|
71
|
+
return (
|
72
|
+
<div>
|
73
|
+
<IconButton>
|
74
|
+
<MagnifyingGlassIcon />
|
75
|
+
</IconButton>
|
76
|
+
</div>
|
77
|
+
);
|
78
|
+
};
|
79
|
+
|
80
|
+
export default App;
|
81
|
+
```
|
82
|
+
|
83
|
+
## Components
|
84
|
+
|
85
|
+
<br />
|
86
|
+
|
87
|
+
<details>
|
88
|
+
<summary>컴포넌트 목록</summary>
|
89
|
+
|
90
|
+
| 구분 | 종류 |
|
91
|
+
| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
|
92
|
+
| Typography 컴포넌트 | Text, Header |
|
93
|
+
| 기본 컴포넌트 | Avatar, Badge, Button, Icon Button, Label |
|
94
|
+
| 입력 컴포넌트 | Checkbox, Checkbox Group, Checkbox Cards, Radio, Radio Group, Radio Cards, Select, Slider, Switch, Text Area, Text Field, Toggle, Toggle Group |
|
95
|
+
| 네비게이션 컴포넌트 | Menubar, Navigation Menu, Tabs, Tab Nav |
|
96
|
+
| 레이아웃 컴포넌트 | Aspeact Ratio, Card, Inset, Scroll Area, Separator, Table |
|
97
|
+
| 피드백 컴포넌트 | Alert Dialog, Dialog, Hover Card, Popover, Toast, Tooltip |
|
98
|
+
| 로딩 컴포넌트 | Progress, Skeleton, Spinner, |
|
99
|
+
| 메뉴 및 선택 컴포넌트 | Context Menu, Dropdown Menu, Segmented Control |
|
100
|
+
| 기타 컴포넌트 | Accordian, Callout |
|
101
|
+
|
102
|
+
</details>
|
103
|
+
<details>
|
104
|
+
<summary>차트 목록</summary>
|
105
|
+
|
106
|
+
| 구분 | 종류 |
|
107
|
+
| --------- | ------------- |
|
108
|
+
| 비교 차트 | Bar, Line |
|
109
|
+
| 구성 차트 | Pie, Doughnut |
|
110
|
+
| 분포 차트 | Bubble |
|
111
|
+
| 관계 차트 | Radar |
|
112
|
+
|
113
|
+
</details>
|
114
|
+
|
115
|
+
<details>
|
116
|
+
<summary>공통 Props 목록</summary>
|
117
|
+
|
118
|
+
| name | description | 단계 | option |
|
119
|
+
| ---------- | ------------------------------------------------- | -------- | --------------------------------------------- |
|
120
|
+
| Color | 27가지 색상을 라이트/다크/알파/알파다크 모드 제공 | 1~12단계 | blue, crimson, teal, orange, purple, amber... |
|
121
|
+
| Radius | 컴포넌트의 둥글기 적용 | 5단계 | none, small, medium, large, full |
|
122
|
+
| Scaling | 컴포넌트의 비율 | 5단계 | 90%, 95%, 100%, 105%, 110% |
|
123
|
+
| Weight | 컴포넌트의 텍스트 굵기 | 4단계 | regular, medium, semibold, bold |
|
124
|
+
| Appearance | 컴포넌트의 디자인 스타일 | 6단계 | classic, ghost, outline, soft, solid, surface |
|
125
|
+
| Size | 컴포넌트의 크기 | 5단계 | x-small, small, medium, large, x-large |
|
126
|
+
|
127
|
+
</details>
|
128
|
+
|
129
|
+
<br />
|
130
|
+
|
131
|
+
## License
|
132
|
+
|
133
|
+
@lotte-innovate
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
var config = {
|
4
|
+
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
5
|
+
addons: [
|
6
|
+
'@storybook/addon-links',
|
7
|
+
'@storybook/addon-essentials',
|
8
|
+
'@chromatic-com/storybook',
|
9
|
+
'@storybook/addon-interactions',
|
10
|
+
'@storybook/addon-styling-webpack',
|
11
|
+
'@storybook/addon-a11y',
|
12
|
+
'storybook-dark-mode',
|
13
|
+
'storybook-addon-deep-controls',
|
14
|
+
],
|
15
|
+
framework: {
|
16
|
+
name: '@storybook/nextjs',
|
17
|
+
options: {},
|
18
|
+
},
|
19
|
+
docs: {
|
20
|
+
autodocs: 'tag',
|
21
|
+
},
|
22
|
+
staticDirs: ['../public'],
|
23
|
+
};
|
24
|
+
exports.default = config;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var addons_1 = require("@storybook/addons");
|
7
|
+
var theming_1 = require("@storybook/theming");
|
8
|
+
var logo_png_1 = __importDefault(require("../src/stories/assets/logo.png"));
|
9
|
+
var lightTheme = (0, theming_1.create)({
|
10
|
+
base: 'light', // 밝은 테마 설정
|
11
|
+
brandImage: logo_png_1.default,
|
12
|
+
brandTitle: '롯데이노베이트',
|
13
|
+
brandUrl: '../src/stories/assets/logo.png', //로고 적용
|
14
|
+
});
|
15
|
+
addons_1.addons.setConfig({
|
16
|
+
theme: lightTheme,
|
17
|
+
});
|
@@ -0,0 +1,106 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
+
if (k2 === undefined) k2 = k;
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
18
|
+
}
|
19
|
+
Object.defineProperty(o, k2, desc);
|
20
|
+
}) : (function(o, m, k, k2) {
|
21
|
+
if (k2 === undefined) k2 = k;
|
22
|
+
o[k2] = m[k];
|
23
|
+
}));
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
26
|
+
}) : function(o, v) {
|
27
|
+
o["default"] = v;
|
28
|
+
});
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
30
|
+
if (mod && mod.__esModule) return mod;
|
31
|
+
var result = {};
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
33
|
+
__setModuleDefault(result, mod);
|
34
|
+
return result;
|
35
|
+
};
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
37
|
+
exports.decorators = void 0;
|
38
|
+
var react_1 = __importStar(require("react"));
|
39
|
+
var theming_1 = require("@storybook/theming");
|
40
|
+
var storybook_dark_mode_1 = require("storybook-dark-mode");
|
41
|
+
require("../src/app/globals.css");
|
42
|
+
require("../src/app/styles.css");
|
43
|
+
require("../src/app/stories.css");
|
44
|
+
require("tailwindcss/tailwind.css");
|
45
|
+
var preview = {
|
46
|
+
parameters: {
|
47
|
+
controls: {
|
48
|
+
matchers: {
|
49
|
+
color: /(background|color)$/i,
|
50
|
+
date: /Date$/i,
|
51
|
+
},
|
52
|
+
},
|
53
|
+
options: {
|
54
|
+
storySort: {
|
55
|
+
method: 'alphabetical',
|
56
|
+
order: [
|
57
|
+
'Welcome',
|
58
|
+
'Typography',
|
59
|
+
'Component',
|
60
|
+
'Chart',
|
61
|
+
'Light Color',
|
62
|
+
'Dark Color',
|
63
|
+
'Light Alpha Color',
|
64
|
+
'Dark Alpha Color',
|
65
|
+
],
|
66
|
+
},
|
67
|
+
},
|
68
|
+
docs: {
|
69
|
+
theme: theming_1.themes.light,
|
70
|
+
},
|
71
|
+
darkMode: {
|
72
|
+
dark: __assign(__assign({}, theming_1.themes.dark), { appBg: '#272a2d', textColor: '#edeef0' }),
|
73
|
+
light: __assign(__assign({}, theming_1.themes.light), { appBg: 'white', textColor: '#2E3438' }),
|
74
|
+
},
|
75
|
+
backgrounds: { disable: true },
|
76
|
+
deepControls: { enabled: true },
|
77
|
+
},
|
78
|
+
};
|
79
|
+
exports.default = preview;
|
80
|
+
var changeClassOnBody = function (oldClassName, newClassName) {
|
81
|
+
var classList = document.body.classList;
|
82
|
+
if (classList.contains(oldClassName)) {
|
83
|
+
classList.replace(oldClassName, newClassName);
|
84
|
+
}
|
85
|
+
};
|
86
|
+
var withBackground = function (Story, context) {
|
87
|
+
var isDarkMode = (0, storybook_dark_mode_1.useDarkMode)();
|
88
|
+
(0, react_1.useEffect)(function () {
|
89
|
+
if (isDarkMode) {
|
90
|
+
changeClassOnBody('light', 'dark');
|
91
|
+
}
|
92
|
+
else {
|
93
|
+
changeClassOnBody('dark', 'light');
|
94
|
+
}
|
95
|
+
var docsStoryElements = document.querySelectorAll('.docs-story');
|
96
|
+
docsStoryElements.forEach(function (element) {
|
97
|
+
element.style.backgroundColor = isDarkMode ? '#111113' : 'white';
|
98
|
+
});
|
99
|
+
docsStoryElements = document.querySelectorAll('.sb-show-main');
|
100
|
+
docsStoryElements.forEach(function (element) {
|
101
|
+
element.style.backgroundColor = isDarkMode ? '#111113' : 'white';
|
102
|
+
});
|
103
|
+
}, [isDarkMode]);
|
104
|
+
return <Story {...context}/>;
|
105
|
+
};
|
106
|
+
exports.decorators = [withBackground];
|
@@ -0,0 +1,17 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.metadata = void 0;
|
4
|
+
// import { Inter } from 'next/font/google';
|
5
|
+
require("./globals.css");
|
6
|
+
// const inter = Inter({ subsets: ['latin'] });
|
7
|
+
exports.metadata = {
|
8
|
+
title: 'Create Next App',
|
9
|
+
description: 'Generated by create next app',
|
10
|
+
};
|
11
|
+
function RootLayout(_a) {
|
12
|
+
var children = _a.children;
|
13
|
+
return (<html lang="en">
|
14
|
+
<body>{children}</body>
|
15
|
+
</html>);
|
16
|
+
}
|
17
|
+
exports.default = RootLayout;
|
@@ -0,0 +1,65 @@
|
|
1
|
+
"use strict";
|
2
|
+
'use client';
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
4
|
+
if (k2 === undefined) k2 = k;
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
8
|
+
}
|
9
|
+
Object.defineProperty(o, k2, desc);
|
10
|
+
}) : (function(o, m, k, k2) {
|
11
|
+
if (k2 === undefined) k2 = k;
|
12
|
+
o[k2] = m[k];
|
13
|
+
}));
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
16
|
+
}) : function(o, v) {
|
17
|
+
o["default"] = v;
|
18
|
+
});
|
19
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
20
|
+
if (mod && mod.__esModule) return mod;
|
21
|
+
var result = {};
|
22
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
23
|
+
__setModuleDefault(result, mod);
|
24
|
+
return result;
|
25
|
+
};
|
26
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
27
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
28
|
+
};
|
29
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
30
|
+
var react_1 = __importStar(require("react"));
|
31
|
+
var logo_png_1 = __importDefault(require("../stories/assets/logo.png"));
|
32
|
+
var login_svg_1 = __importDefault(require("../stories/assets/login.svg"));
|
33
|
+
var image_1 = __importDefault(require("next/image"));
|
34
|
+
function Home() {
|
35
|
+
var _a = (0, react_1.useState)(''), username = _a[0], setUsername = _a[1];
|
36
|
+
var _b = (0, react_1.useState)(''), password = _b[0], setPassword = _b[1];
|
37
|
+
var _c = (0, react_1.useState)(false), rememberMe = _c[0], setRememberMe = _c[1];
|
38
|
+
var _d = (0, react_1.useState)(false), open = _d[0], setOpen = _d[1];
|
39
|
+
return (<div className="grid grid-cols-2">
|
40
|
+
<div className="App text-black">
|
41
|
+
<div>
|
42
|
+
<image_1.default src={logo_png_1.default} width={300} height={0} alt="logo"/>
|
43
|
+
<div className="mb-3">
|
44
|
+
<label htmlFor="username">아이디</label>
|
45
|
+
<input type="text" id="username" value={username} onChange={function (e) { return setUsername(e.target.value); }} required/>
|
46
|
+
</div>
|
47
|
+
<div className="mb-3">
|
48
|
+
<label htmlFor="password">비밀번호</label>
|
49
|
+
<input type="password" id="password" value={password} onChange={function (e) { return setPassword(e.target.value); }} required/>
|
50
|
+
</div>
|
51
|
+
<div className="mb-3">
|
52
|
+
<label>
|
53
|
+
<input type="checkbox" checked={rememberMe} onChange={function (e) { return setRememberMe(e.target.checked); }}/>
|
54
|
+
아이디 저장
|
55
|
+
</label>
|
56
|
+
</div>
|
57
|
+
<button type="submit">로그인</button>
|
58
|
+
</div>
|
59
|
+
</div>
|
60
|
+
<div className="flex items-center justify-center">
|
61
|
+
<image_1.default src={login_svg_1.default} width={0} height={0} alt="Login"/>
|
62
|
+
</div>
|
63
|
+
</div>);
|
64
|
+
}
|
65
|
+
exports.default = Home;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
'use client';
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
4
|
+
var constants_1 = require("../../../../lib/constants");
|
5
|
+
var ColorPicker = function (_a) {
|
6
|
+
var setColorTheme = _a.setColorTheme;
|
7
|
+
var handleColorClick = function (color) {
|
8
|
+
setColorTheme(color);
|
9
|
+
};
|
10
|
+
return (<div>
|
11
|
+
<div className="flex flex-row flex-wrap gap-2">
|
12
|
+
{Object.entries(constants_1.bgColorStyle).map(function (_a) {
|
13
|
+
var key = _a[0], value = _a[1];
|
14
|
+
return (<button className={"w-12 p-2 rounded-full text-xs cursor-pointer hover:border-gray-900 ".concat(value, " text-white hover:text-black")} key={key}>
|
15
|
+
{key.replace('Dark', '')}
|
16
|
+
</button>);
|
17
|
+
})}
|
18
|
+
</div>
|
19
|
+
</div>);
|
20
|
+
};
|
21
|
+
exports.default = ColorPicker;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var react_1 = __importDefault(require("react"));
|
7
|
+
var colorPicker_1 = __importDefault(require("./colorPicker"));
|
8
|
+
var Theme = function (_a) {
|
9
|
+
var setRadiusTheme = _a.setRadiusTheme, setScalingTheme = _a.setScalingTheme, setFontWeightTheme = _a.setFontWeightTheme, setColorTheme = _a.setColorTheme, setFontColorTheme = _a.setFontColorTheme, mode = _a.mode;
|
10
|
+
var setColor = function (color) {
|
11
|
+
setColorTheme(color);
|
12
|
+
setFontColorTheme(color);
|
13
|
+
};
|
14
|
+
return (<div className="flex flex-col p-3">
|
15
|
+
<p className="text-2xl font-bold">Themes</p>
|
16
|
+
<div className="flex flex-col text-xl gap-2">
|
17
|
+
Accent Color
|
18
|
+
<colorPicker_1.default mode={mode} setColorTheme={setColor}/>
|
19
|
+
</div>
|
20
|
+
</div>);
|
21
|
+
};
|
22
|
+
exports.default = Theme;
|
@@ -0,0 +1,64 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
14
|
+
var t = {};
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
16
|
+
t[p] = s[p];
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
20
|
+
t[p[i]] = s[p[i]];
|
21
|
+
}
|
22
|
+
return t;
|
23
|
+
};
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
26
|
+
};
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
28
|
+
exports.Header = void 0;
|
29
|
+
var utils_1 = require("../../../../../lib/utils/utils");
|
30
|
+
var class_variance_authority_1 = require("class-variance-authority");
|
31
|
+
var constants_1 = require("../../../../../lib/constants");
|
32
|
+
var themes_1 = require("@radix-ui/themes");
|
33
|
+
var react_1 = __importDefault(require("react"));
|
34
|
+
var weights = __assign({}, constants_1.weightVariants);
|
35
|
+
var headers = {
|
36
|
+
h1: 'h1',
|
37
|
+
h2: 'h2',
|
38
|
+
h3: 'h3',
|
39
|
+
h4: 'h4',
|
40
|
+
h5: 'h5',
|
41
|
+
h6: 'h6',
|
42
|
+
};
|
43
|
+
var headerVariants = (0, class_variance_authority_1.cva)('', {
|
44
|
+
variants: {
|
45
|
+
weight: weights,
|
46
|
+
headers: headers,
|
47
|
+
color: (0, constants_1.textColorStyle)(),
|
48
|
+
},
|
49
|
+
defaultVariants: {
|
50
|
+
color: 'black',
|
51
|
+
},
|
52
|
+
});
|
53
|
+
exports.Header = react_1.default.forwardRef(function (_a, ref) {
|
54
|
+
var className = _a.className, children = _a.children, size = _a.size, weight = _a.weight, color = _a.color, headers = _a.headers, align = _a.align, rootProps = __rest(_a, ["className", "children", "size", "weight", "color", "headers", "align"]);
|
55
|
+
if (!headers)
|
56
|
+
headers = 'h1';
|
57
|
+
return (<themes_1.Theme>
|
58
|
+
<themes_1.Heading ref={ref} as={headers} size={size} align={align} className={(0, utils_1.cn)('leading-normal', headerVariants({ weight: weight, color: color }), className)} {...rootProps}>
|
59
|
+
{children}
|
60
|
+
</themes_1.Heading>
|
61
|
+
</themes_1.Theme>);
|
62
|
+
});
|
63
|
+
exports.Header.displayName = 'Header';
|
64
|
+
exports.default = exports.Header;
|