@reco-inc/upbox-ui 0.1.1
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/FigmaConnect.md +1963 -0
- package/README.md +217 -0
- package/dist/FigmaConnect.md +1963 -0
- package/dist/components/accordion/Accordion.d.ts +23 -0
- package/dist/components/accordion/Accordion.stories.d.ts +38 -0
- package/dist/components/accordion/AccordionContent.d.ts +22 -0
- package/dist/components/accordion/AccordionItem.d.ts +22 -0
- package/dist/components/accordion/AccordionTrigger.d.ts +23 -0
- package/dist/components/accordion/index.d.ts +4 -0
- package/dist/components/avatar/Avatar.d.ts +21 -0
- package/dist/components/avatar/Avatar.stories.d.ts +46 -0
- package/dist/components/avatar/AvatarFallback.d.ts +18 -0
- package/dist/components/avatar/AvatarImage.d.ts +18 -0
- package/dist/components/avatar/index.d.ts +14 -0
- package/dist/components/badge/Badge.d.ts +20 -0
- package/dist/components/badge/Badge.stories.d.ts +52 -0
- package/dist/components/badge/index.d.ts +20 -0
- package/dist/components/badge-divider/BadgeDivider.d.ts +18 -0
- package/dist/components/badge-divider/BadgeDivider.stories.d.ts +38 -0
- package/dist/components/badge-divider/index.d.ts +12 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +21 -0
- package/dist/components/breadcrumb/Breadcrumb.stories.d.ts +33 -0
- package/dist/components/breadcrumb/BreadcrumbEllipsis.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbItem.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbLink.d.ts +24 -0
- package/dist/components/breadcrumb/BreadcrumbList.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbPage.d.ts +21 -0
- package/dist/components/breadcrumb/BreadcrumbSeparator.d.ts +21 -0
- package/dist/components/breadcrumb/index.d.ts +7 -0
- package/dist/components/button/Button.d.ts +39 -0
- package/dist/components/button/Button.stories.d.ts +109 -0
- package/dist/components/button/index.d.ts +9 -0
- package/dist/components/calendar/CalendarCell.d.ts +22 -0
- package/dist/components/calendar/CalendarCellTrigger.d.ts +22 -0
- package/dist/components/calendar/CalendarDateGrid.d.ts +58 -0
- package/dist/components/calendar/CalendarFooter.d.ts +32 -0
- package/dist/components/calendar/CalendarGrid.d.ts +22 -0
- package/dist/components/calendar/CalendarGridBody.d.ts +18 -0
- package/dist/components/calendar/CalendarGridHead.d.ts +22 -0
- package/dist/components/calendar/CalendarGridRow.d.ts +22 -0
- package/dist/components/calendar/CalendarHeadCell.d.ts +22 -0
- package/dist/components/calendar/CalendarHeader.d.ts +32 -0
- package/dist/components/calendar/CalendarHeading.d.ts +35 -0
- package/dist/components/calendar/CalendarMonthGrid.d.ts +19 -0
- package/dist/components/calendar/CalendarNextButton.d.ts +22 -0
- package/dist/components/calendar/CalendarPrevButton.d.ts +22 -0
- package/dist/components/calendar/CalendarRangeDateGrid.d.ts +73 -0
- package/dist/components/calendar/CalendarRangeHeader.d.ts +13 -0
- package/dist/components/calendar/CalendarShortcut.d.ts +41 -0
- package/dist/components/calendar/CalendarTimeSelect.d.ts +27 -0
- package/dist/components/calendar/CalendarYearGrid.d.ts +16 -0
- package/dist/components/calendar/DateCalendar.d.ts +50 -0
- package/dist/components/calendar/DateCalendar.stories.d.ts +69 -0
- package/dist/components/calendar/MobileDateCalendar.d.ts +44 -0
- package/dist/components/calendar/MobileDateCalendar.stories.d.ts +63 -0
- package/dist/components/calendar/MobilePeriodCalendar.d.ts +53 -0
- package/dist/components/calendar/MobilePeriodCalendar.stories.d.ts +88 -0
- package/dist/components/calendar/MonthCalendar.d.ts +16 -0
- package/dist/components/calendar/MonthCalendar.stories.d.ts +24 -0
- package/dist/components/calendar/PeriodCalendar.d.ts +22 -0
- package/dist/components/calendar/PeriodCalendar.stories.d.ts +31 -0
- package/dist/components/calendar/RangeCalendar.d.ts +65 -0
- package/dist/components/calendar/RangeCalendarNextButton.d.ts +22 -0
- package/dist/components/calendar/RangeCalendarPrevButton.d.ts +22 -0
- package/dist/components/calendar/calendarDateCellClasses.d.ts +3 -0
- package/dist/components/calendar/calendarShortcutItems.d.ts +16 -0
- package/dist/components/calendar/calendarWeek.d.ts +12 -0
- package/dist/components/calendar/index.d.ts +27 -0
- package/dist/components/card/Card.d.ts +21 -0
- package/dist/components/card/Card.stories.d.ts +32 -0
- package/dist/components/card/CardContent.d.ts +21 -0
- package/dist/components/card/CardDescription.d.ts +21 -0
- package/dist/components/card/CardFooter.d.ts +21 -0
- package/dist/components/card/CardHeader.d.ts +21 -0
- package/dist/components/card/CardTitle.d.ts +21 -0
- package/dist/components/card/index.d.ts +6 -0
- package/dist/components/checkbox/Checkbox.d.ts +33 -0
- package/dist/components/checkbox/Checkbox.stories.d.ts +75 -0
- package/dist/components/checkbox/CheckboxGroupField.d.ts +27 -0
- package/dist/components/checkbox/CheckboxGroupField.stories.d.ts +35 -0
- package/dist/components/checkbox/index.d.ts +20 -0
- package/dist/components/date-move/DateMove.d.ts +30 -0
- package/dist/components/date-move/DateMove.stories.d.ts +59 -0
- package/dist/components/date-move/dateMoveContext.d.ts +3 -0
- package/dist/components/date-move/index.d.ts +1 -0
- package/dist/components/date-period-picker/DatePeriodInput.d.ts +23 -0
- package/dist/components/date-period-picker/DatePeriodPicker.d.ts +42 -0
- package/dist/components/date-period-picker/DatePeriodPicker.stories.d.ts +91 -0
- package/dist/components/date-period-picker/DatePeriodTrigger.d.ts +16 -0
- package/dist/components/date-period-picker/datePeriodTypes.d.ts +7 -0
- package/dist/components/date-period-picker/index.d.ts +4 -0
- package/dist/components/date-picker/DateInput.d.ts +43 -0
- package/dist/components/date-picker/DatePicker.d.ts +46 -0
- package/dist/components/date-picker/DatePicker.stories.d.ts +117 -0
- package/dist/components/date-picker/DateTrigger.d.ts +23 -0
- package/dist/components/date-picker/datePickerContext.d.ts +14 -0
- package/dist/components/date-picker/index.d.ts +3 -0
- package/dist/components/dialog/Dialog.d.ts +22 -0
- package/dist/components/dialog/Dialog.stories.d.ts +37 -0
- package/dist/components/dialog/DialogClose.d.ts +18 -0
- package/dist/components/dialog/DialogContent.d.ts +60 -0
- package/dist/components/dialog/DialogDescription.d.ts +22 -0
- package/dist/components/dialog/DialogFooter.d.ts +21 -0
- package/dist/components/dialog/DialogHeader.d.ts +21 -0
- package/dist/components/dialog/DialogScrollContent.d.ts +36 -0
- package/dist/components/dialog/DialogTitle.d.ts +22 -0
- package/dist/components/dialog/DialogTrigger.d.ts +18 -0
- package/dist/components/dialog/index.d.ts +10 -0
- package/dist/components/drawer/Drawer.d.ts +34 -0
- package/dist/components/drawer/Drawer.stories.d.ts +67 -0
- package/dist/components/drawer/DrawerContent.d.ts +36 -0
- package/dist/components/drawer/DrawerDescription.d.ts +22 -0
- package/dist/components/drawer/DrawerFooter.d.ts +21 -0
- package/dist/components/drawer/DrawerHeader.d.ts +21 -0
- package/dist/components/drawer/DrawerOverlay.d.ts +7 -0
- package/dist/components/drawer/DrawerTitle.d.ts +22 -0
- package/dist/components/drawer/index.d.ts +8 -0
- package/dist/components/dropdown-filter/DropdownFilter.d.ts +59 -0
- package/dist/components/dropdown-filter/DropdownFilter.stories.d.ts +41 -0
- package/dist/components/dropdown-filter/index.d.ts +2 -0
- package/dist/components/dropdown-menu/DropdownMenu.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenu.stories.d.ts +39 -0
- package/dist/components/dropdown-menu/DropdownMenuCheckboxItem.d.ts +28 -0
- package/dist/components/dropdown-menu/DropdownMenuContent.d.ts +36 -0
- package/dist/components/dropdown-menu/DropdownMenuGroup.d.ts +18 -0
- package/dist/components/dropdown-menu/DropdownMenuItem.d.ts +23 -0
- package/dist/components/dropdown-menu/DropdownMenuLabel.d.ts +23 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioGroup.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioItem.d.ts +26 -0
- package/dist/components/dropdown-menu/DropdownMenuSeparator.d.ts +7 -0
- package/dist/components/dropdown-menu/DropdownMenuShortcut.d.ts +21 -0
- package/dist/components/dropdown-menu/DropdownMenuSub.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenuSubContent.d.ts +38 -0
- package/dist/components/dropdown-menu/DropdownMenuSubTrigger.d.ts +22 -0
- package/dist/components/dropdown-menu/DropdownMenuTrigger.d.ts +18 -0
- package/dist/components/dropdown-menu/index.d.ts +15 -0
- package/dist/components/empty/Empty.d.ts +21 -0
- package/dist/components/empty/Empty.stories.d.ts +26 -0
- package/dist/components/empty/EmptyState.d.ts +29 -0
- package/dist/components/empty/EmptyState.stories.d.ts +43 -0
- package/dist/components/empty/index.d.ts +4 -0
- package/dist/components/fab/Fab.d.ts +33 -0
- package/dist/components/fab/Fab.stories.d.ts +70 -0
- package/dist/components/fab/index.d.ts +7 -0
- package/dist/components/file-uploader/FileItem.d.ts +52 -0
- package/dist/components/file-uploader/FileUploader.d.ts +65 -0
- package/dist/components/file-uploader/FileUploader.stories.d.ts +122 -0
- package/dist/components/file-uploader/index.d.ts +3 -0
- package/dist/components/file-uploader/types.d.ts +33 -0
- package/dist/components/filter-chip/FilterChip.d.ts +24 -0
- package/dist/components/filter-chip/FilterChip.stories.d.ts +70 -0
- package/dist/components/filter-chip/index.d.ts +30 -0
- package/dist/components/form/FieldContainer.d.ts +51 -0
- package/dist/components/form/FieldContainer.stories.d.ts +77 -0
- package/dist/components/form/FieldControlProvider.d.ts +21 -0
- package/dist/components/form/FormControl.d.ts +17 -0
- package/dist/components/form/FormDescription.d.ts +21 -0
- package/dist/components/form/FormItem.d.ts +21 -0
- package/dist/components/form/FormLabel.d.ts +22 -0
- package/dist/components/form/FormMessage.d.ts +2 -0
- package/dist/components/form/index.d.ts +8 -0
- package/dist/components/form/injectionKeys.d.ts +11 -0
- package/dist/components/form/useFormField.d.ts +11 -0
- package/dist/components/icon-button/IconButton.d.ts +31 -0
- package/dist/components/icon-button/IconButton.stories.d.ts +67 -0
- package/dist/components/icon-button/index.d.ts +7 -0
- package/dist/components/input-frame/InputFrame.d.ts +32 -0
- package/dist/components/input-frame/InputFrame.stories.d.ts +75 -0
- package/dist/components/input-frame/InputIcon.d.ts +21 -0
- package/dist/components/input-frame/index.d.ts +4 -0
- package/dist/components/input-frame/inputFrameContext.d.ts +35 -0
- package/dist/components/input-frame/inputFrameVariants.d.ts +26 -0
- package/dist/components/input-group/InputGroup.d.ts +29 -0
- package/dist/components/input-group/InputGroup.stories.d.ts +47 -0
- package/dist/components/input-group/InputGroupAddon.d.ts +20 -0
- package/dist/components/input-group/InputGroupButton.d.ts +21 -0
- package/dist/components/input-group/InputGroupInput.d.ts +6 -0
- package/dist/components/input-group/InputGroupText.d.ts +21 -0
- package/dist/components/input-group/InputGroupTextarea.d.ts +7 -0
- package/dist/components/input-group/index.d.ts +27 -0
- package/dist/components/label/Label.d.ts +22 -0
- package/dist/components/label/Label.stories.d.ts +41 -0
- package/dist/components/label/index.d.ts +1 -0
- package/dist/components/logo/Logo.d.ts +5 -0
- package/dist/components/logo/Logo.stories.d.ts +20 -0
- package/dist/components/logo/index.d.ts +5 -0
- package/dist/components/mobile-date-period-picker/MobileDatePeriodPicker.d.ts +62 -0
- package/dist/components/mobile-date-period-picker/MobileDatePeriodPicker.stories.d.ts +123 -0
- package/dist/components/mobile-date-period-picker/MobileDatePeriodTrigger.d.ts +36 -0
- package/dist/components/mobile-date-period-picker/index.d.ts +2 -0
- package/dist/components/mobile-date-period-selector/MobileDatePeriodSelector.d.ts +49 -0
- package/dist/components/mobile-date-period-selector/MobileDatePeriodSelector.stories.d.ts +69 -0
- package/dist/components/mobile-date-period-selector/index.d.ts +2 -0
- package/dist/components/mobile-date-picker/MobileDatePicker.d.ts +45 -0
- package/dist/components/mobile-date-picker/MobileDatePicker.stories.d.ts +91 -0
- package/dist/components/mobile-date-picker/MobileDateTrigger.d.ts +23 -0
- package/dist/components/mobile-date-picker/index.d.ts +2 -0
- package/dist/components/mobile-time-picker/MobileTimeDial.d.ts +26 -0
- package/dist/components/mobile-time-picker/MobileTimeDial.stories.d.ts +37 -0
- package/dist/components/mobile-time-picker/MobileTimePicker.d.ts +39 -0
- package/dist/components/mobile-time-picker/MobileTimePicker.stories.d.ts +95 -0
- package/dist/components/mobile-time-picker/index.d.ts +2 -0
- package/dist/components/modal/Modal.d.ts +60 -0
- package/dist/components/modal/Modal.stories.d.ts +53 -0
- package/dist/components/modal/index.d.ts +2 -0
- package/dist/components/modal/modalProps.d.ts +57 -0
- package/dist/components/number-field/NumberField.d.ts +12 -0
- package/dist/components/number-field/NumberField.stories.d.ts +43 -0
- package/dist/components/number-field/NumberFieldContent.d.ts +21 -0
- package/dist/components/number-field/NumberFieldDecrement.d.ts +22 -0
- package/dist/components/number-field/NumberFieldIncrement.d.ts +22 -0
- package/dist/components/number-field/NumberFieldInput.d.ts +7 -0
- package/dist/components/number-field/NumberFieldRoot.d.ts +37 -0
- package/dist/components/number-field/index.d.ts +25 -0
- package/dist/components/page-header/PageHeader.d.ts +64 -0
- package/dist/components/page-header/PageHeader.stories.d.ts +27 -0
- package/dist/components/page-header/index.d.ts +1 -0
- package/dist/components/pagination/Pagination.d.ts +29 -0
- package/dist/components/pagination/Pagination.stories.d.ts +50 -0
- package/dist/components/pagination/PaginationContent.d.ts +29 -0
- package/dist/components/pagination/PaginationEllipsis.d.ts +22 -0
- package/dist/components/pagination/PaginationFirst.d.ts +22 -0
- package/dist/components/pagination/PaginationItem.d.ts +22 -0
- package/dist/components/pagination/PaginationLast.d.ts +22 -0
- package/dist/components/pagination/PaginationNext.d.ts +22 -0
- package/dist/components/pagination/PaginationPrevious.d.ts +22 -0
- package/dist/components/pagination/index.d.ts +13 -0
- package/dist/components/panel/Panel.d.ts +23 -0
- package/dist/components/panel/Panel.stories.d.ts +59 -0
- package/dist/components/panel/PanelIcon.d.ts +7 -0
- package/dist/components/panel/index.d.ts +17 -0
- package/dist/components/panel/panelContext.d.ts +8 -0
- package/dist/components/panel/panelVariants.d.ts +13 -0
- package/dist/components/popover/Popover.d.ts +22 -0
- package/dist/components/popover/Popover.stories.d.ts +38 -0
- package/dist/components/popover/PopoverContent.d.ts +39 -0
- package/dist/components/popover/PopoverTrigger.d.ts +18 -0
- package/dist/components/popover/index.d.ts +5 -0
- package/dist/components/radio-group/RadioGroup.d.ts +26 -0
- package/dist/components/radio-group/RadioGroup.stories.d.ts +48 -0
- package/dist/components/radio-group/RadioGroupField.d.ts +28 -0
- package/dist/components/radio-group/RadioGroupField.stories.d.ts +31 -0
- package/dist/components/radio-group/RadioGroupItem.d.ts +12 -0
- package/dist/components/radio-group/index.d.ts +9 -0
- package/dist/components/search-field/SearchField.d.ts +33 -0
- package/dist/components/search-field/SearchField.stories.d.ts +94 -0
- package/dist/components/search-field/index.d.ts +17 -0
- package/dist/components/select/Select.d.ts +33 -0
- package/dist/components/select/Select.stories.d.ts +54 -0
- package/dist/components/select/SelectClearIcon.d.ts +2 -0
- package/dist/components/select/SelectContent.d.ts +33 -0
- package/dist/components/select/SelectField.d.ts +16 -0
- package/dist/components/select/SelectField.stories.d.ts +43 -0
- package/dist/components/select/SelectFieldValue.d.ts +26 -0
- package/dist/components/select/SelectGroup.d.ts +22 -0
- package/dist/components/select/SelectItem.d.ts +22 -0
- package/dist/components/select/SelectItemText.d.ts +18 -0
- package/dist/components/select/SelectLabel.d.ts +22 -0
- package/dist/components/select/SelectScrollDownButton.d.ts +22 -0
- package/dist/components/select/SelectScrollUpButton.d.ts +22 -0
- package/dist/components/select/SelectSeparator.d.ts +7 -0
- package/dist/components/select/SelectTrigger.d.ts +52 -0
- package/dist/components/select/SelectValue.d.ts +18 -0
- package/dist/components/select/index.d.ts +14 -0
- package/dist/components/select/selectContext.d.ts +3 -0
- package/dist/components/select/selectFieldProps.d.ts +38 -0
- package/dist/components/separator/Separator.d.ts +6 -0
- package/dist/components/separator/Separator.stories.d.ts +13 -0
- package/dist/components/separator/index.d.ts +6 -0
- package/dist/components/sheet/Sheet.d.ts +22 -0
- package/dist/components/sheet/Sheet.stories.d.ts +40 -0
- package/dist/components/sheet/SheetClose.d.ts +18 -0
- package/dist/components/sheet/SheetContent.d.ts +35 -0
- package/dist/components/sheet/SheetDescription.d.ts +22 -0
- package/dist/components/sheet/SheetFooter.d.ts +21 -0
- package/dist/components/sheet/SheetHeader.d.ts +21 -0
- package/dist/components/sheet/SheetTitle.d.ts +22 -0
- package/dist/components/sheet/SheetTrigger.d.ts +18 -0
- package/dist/components/sheet/index.d.ts +17 -0
- package/dist/components/sidebar/Sidebar.d.ts +24 -0
- package/dist/components/sidebar/Sidebar.stories.d.ts +45 -0
- package/dist/components/sidebar/SidebarContent.d.ts +21 -0
- package/dist/components/sidebar/SidebarFooter.d.ts +21 -0
- package/dist/components/sidebar/SidebarGroup.d.ts +21 -0
- package/dist/components/sidebar/SidebarGroupAction.d.ts +22 -0
- package/dist/components/sidebar/SidebarGroupContent.d.ts +21 -0
- package/dist/components/sidebar/SidebarGroupLabel.d.ts +22 -0
- package/dist/components/sidebar/SidebarHeader.d.ts +21 -0
- package/dist/components/sidebar/SidebarInput.d.ts +21 -0
- package/dist/components/sidebar/SidebarInset.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenu.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenuAction.d.ts +25 -0
- package/dist/components/sidebar/SidebarMenuBadge.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenuButton.d.ts +27 -0
- package/dist/components/sidebar/SidebarMenuButtonChild.d.ts +25 -0
- package/dist/components/sidebar/SidebarMenuItem.d.ts +21 -0
- package/dist/components/sidebar/SidebarMenuSkeleton.d.ts +7 -0
- package/dist/components/sidebar/SidebarMenuSub.d.ts +24 -0
- package/dist/components/sidebar/SidebarMenuSubButton.d.ts +27 -0
- package/dist/components/sidebar/SidebarMenuSubItem.d.ts +17 -0
- package/dist/components/sidebar/SidebarProvider.d.ts +33 -0
- package/dist/components/sidebar/SidebarRail.d.ts +21 -0
- package/dist/components/sidebar/SidebarSeparator.d.ts +21 -0
- package/dist/components/sidebar/SidebarTrigger.d.ts +6 -0
- package/dist/components/sidebar/index.d.ts +43 -0
- package/dist/components/sidebar/utils.d.ts +62 -0
- package/dist/components/skeleton/Skeleton.d.ts +6 -0
- package/dist/components/skeleton/Skeleton.stories.d.ts +10 -0
- package/dist/components/skeleton/index.d.ts +1 -0
- package/dist/components/spinner/Spinner.d.ts +6 -0
- package/dist/components/spinner/Spinner.stories.d.ts +15 -0
- package/dist/components/spinner/index.d.ts +1 -0
- package/dist/components/stepper/Stepper.d.ts +24 -0
- package/dist/components/stepper/Stepper.stories.d.ts +18 -0
- package/dist/components/stepper/index.d.ts +2 -0
- package/dist/components/table/DataTable.d.ts +46 -0
- package/dist/components/table/DataTable.stories.d.ts +24 -0
- package/dist/components/table/Table.d.ts +28 -0
- package/dist/components/table/Table.stories.d.ts +52 -0
- package/dist/components/table/TableBody.d.ts +21 -0
- package/dist/components/table/TableCaption.d.ts +21 -0
- package/dist/components/table/TableCell.d.ts +46 -0
- package/dist/components/table/TableEmpty.d.ts +24 -0
- package/dist/components/table/TableFooter.d.ts +21 -0
- package/dist/components/table/TableHead.d.ts +24 -0
- package/dist/components/table/TableHeader.d.ts +21 -0
- package/dist/components/table/TableRow.d.ts +21 -0
- package/dist/components/table/dataTableTypes.d.ts +19 -0
- package/dist/components/table/index.d.ts +11 -0
- package/dist/components/tabs/Tabs.d.ts +22 -0
- package/dist/components/tabs/Tabs.stories.d.ts +41 -0
- package/dist/components/tabs/TabsBar.d.ts +41 -0
- package/dist/components/tabs/TabsBar.stories.d.ts +27 -0
- package/dist/components/tabs/TabsContent.d.ts +22 -0
- package/dist/components/tabs/TabsList.d.ts +25 -0
- package/dist/components/tabs/TabsTrigger.d.ts +25 -0
- package/dist/components/tabs/index.d.ts +45 -0
- package/dist/components/tag/Tag.d.ts +27 -0
- package/dist/components/tag/Tag.stories.d.ts +66 -0
- package/dist/components/tag/index.d.ts +14 -0
- package/dist/components/text-button/TextButton.d.ts +32 -0
- package/dist/components/text-button/TextButton.stories.d.ts +67 -0
- package/dist/components/text-button/index.d.ts +7 -0
- package/dist/components/text-field/TextField.d.ts +47 -0
- package/dist/components/text-field/TextField.stories.d.ts +123 -0
- package/dist/components/text-field/TextFieldCount.d.ts +12 -0
- package/dist/components/text-field/TextFieldUnit.d.ts +21 -0
- package/dist/components/text-field/index.d.ts +6 -0
- package/dist/components/text-field/textFieldContext.d.ts +8 -0
- package/dist/components/textarea/Textarea.d.ts +59 -0
- package/dist/components/textarea/Textarea.stories.d.ts +112 -0
- package/dist/components/textarea/TextareaCount.d.ts +12 -0
- package/dist/components/textarea/index.d.ts +5 -0
- package/dist/components/textarea/textareaContext.d.ts +8 -0
- package/dist/components/time-picker/TimeInput.d.ts +28 -0
- package/dist/components/time-picker/TimePanel.d.ts +22 -0
- package/dist/components/time-picker/TimePicker.d.ts +37 -0
- package/dist/components/time-picker/TimePicker.stories.d.ts +94 -0
- package/dist/components/time-picker/TimeTrigger.d.ts +23 -0
- package/dist/components/time-picker/index.d.ts +4 -0
- package/dist/components/time-picker/timePickerContext.d.ts +7 -0
- package/dist/components/toast/Toast.d.ts +5 -0
- package/dist/components/toast/Toast.stories.d.ts +24 -0
- package/dist/components/toast/index.d.ts +3 -0
- package/dist/components/toggle/Toggle.d.ts +25 -0
- package/dist/components/toggle/Toggle.stories.d.ts +64 -0
- package/dist/components/toggle/index.d.ts +30 -0
- package/dist/components/toolbar/Toolbar.d.ts +41 -0
- package/dist/components/toolbar/Toolbar.stories.d.ts +87 -0
- package/dist/components/toolbar/index.d.ts +2 -0
- package/dist/components/tooltip/Tooltip.d.ts +22 -0
- package/dist/components/tooltip/Tooltip.stories.d.ts +36 -0
- package/dist/components/tooltip/TooltipContent.d.ts +30 -0
- package/dist/components/tooltip/TooltipProvider.d.ts +18 -0
- package/dist/components/tooltip/TooltipTrigger.d.ts +18 -0
- package/dist/components/tooltip/index.d.ts +5 -0
- package/dist/docs/AllComponents.d.ts +2 -0
- package/dist/docs/AllComponents.stories.d.ts +6 -0
- package/dist/docs/ColourTokens.d.ts +2 -0
- package/dist/docs/ColourTokens.stories.d.ts +6 -0
- package/dist/docs/ShadowTokens.d.ts +2 -0
- package/dist/docs/ShadowTokens.stories.d.ts +6 -0
- package/dist/docs/SpacingTokens.d.ts +2 -0
- package/dist/docs/SpacingTokens.stories.d.ts +6 -0
- package/dist/docs/TypographyTokens.d.ts +2 -0
- package/dist/docs/TypographyTokens.stories.d.ts +6 -0
- package/dist/global.d.ts +192 -0
- package/dist/i18n.d.ts +2 -0
- package/dist/i18n.mjs +93 -0
- package/dist/index.d.ts +59 -0
- package/dist/index.mjs +11834 -0
- package/dist/lib/options.d.ts +12 -0
- package/dist/lib/useDialogAriaModal.d.ts +22 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/locales/en.d.ts +39 -0
- package/dist/locales/index.d.ts +104 -0
- package/dist/locales/ko.d.ts +43 -0
- package/dist/upbox-ui.css +1 -0
- package/package.json +99 -0
- package/src/style.css +458 -0
- package/tailwind-theme.css +379 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { DialogSize } from '../dialog';
|
|
3
|
+
export interface ModalProps {
|
|
4
|
+
/** v-model:open */
|
|
5
|
+
open?: boolean;
|
|
6
|
+
/** 헤더 타이틀 (없으면 헤더 생략) */
|
|
7
|
+
title?: string;
|
|
8
|
+
/** 타이틀 아래 보조 설명 */
|
|
9
|
+
description?: string;
|
|
10
|
+
/** 너비 프리셋 (Dialog size 와 동일) */
|
|
11
|
+
size?: DialogSize;
|
|
12
|
+
/** 우상단 닫기(X) 버튼 노출 (default: true) — 레거시 canDefaultClose 대응 */
|
|
13
|
+
showClose?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* 배경(overlay) 클릭으로 닫기 (default: **false**)
|
|
16
|
+
*
|
|
17
|
+
* 확인 다이얼로그·폼에서 배경을 잘못 눌러 입력이 날아가는 사고가 크기 때문에
|
|
18
|
+
* 닫지 않는 쪽을 기본으로 둔다. 레거시 `Popup` 의 `closeOnTouchBackground`
|
|
19
|
+
* 기본값과도 같아, 그쪽에서 넘어오는 화면이 옵션 없이 동작을 유지한다.
|
|
20
|
+
*/
|
|
21
|
+
closeOnOverlay?: boolean;
|
|
22
|
+
/** ESC 키로 닫기 (default: true) */
|
|
23
|
+
closeOnEscape?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* 뷰포트를 꽉 채우는 전체화면 모드 (default: false). `size` 는 무시된다.
|
|
26
|
+
*
|
|
27
|
+
* `DialogContent` 가 이미 갖고 있던 것을 Modal 이 위임만 한다. 모바일 전체화면
|
|
28
|
+
* 팝업(알림함·약관·필터 등)이 이 옵션 없이는 Modal 로 넘어오지 못했다.
|
|
29
|
+
*/
|
|
30
|
+
fullscreen?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* 본문 영역에 얹을 클래스 — 레거시 `Popup` 의 `bodyClass` 대응.
|
|
33
|
+
*
|
|
34
|
+
* 좌우 패딩 조정(`px-0`/`px-16`)에 주로 쓴다. Modal 이 본문 `div` 를 소유해
|
|
35
|
+
* 소비자가 바깥에서 잡을 수 없기 때문에 prop 으로 연다(`class` 는 DialogContent
|
|
36
|
+
* 로 간다). 본문이 자기 패딩을 갖도록 구조를 바꿨기 때문에 `px-0` 이 실제로
|
|
37
|
+
* 가장자리까지 붙는다.
|
|
38
|
+
*/
|
|
39
|
+
bodyClass?: HTMLAttributes["class"];
|
|
40
|
+
/** 확인 버튼 텍스트 (default: 확인) — 레거시 confirmButtonText */
|
|
41
|
+
confirmText?: string;
|
|
42
|
+
/** 취소 버튼 텍스트 (default: 닫기) — 레거시 cancelButtonText */
|
|
43
|
+
cancelText?: string;
|
|
44
|
+
/** 확인 버튼을 위험(빨강) 스타일로 — 삭제 확인 등. 레거시 condition='error' 대응 */
|
|
45
|
+
destructive?: boolean;
|
|
46
|
+
/** 확인 버튼 로딩 — 레거시 confirmButtonLoading */
|
|
47
|
+
confirmLoading?: boolean;
|
|
48
|
+
/** 확인 버튼 비활성화 — 레거시 disabledConfirmButton */
|
|
49
|
+
confirmDisabled?: boolean;
|
|
50
|
+
/** 취소 버튼 숨김 → 버튼 1개(alert) 케이스 */
|
|
51
|
+
hideCancel?: boolean;
|
|
52
|
+
/** 확인 버튼 숨김 */
|
|
53
|
+
hideConfirm?: boolean;
|
|
54
|
+
/** footer 버튼을 가로로 꽉 채움 — 레거시 footerButtonGrow */
|
|
55
|
+
footerButtonGrow?: boolean;
|
|
56
|
+
class?: HTMLAttributes["class"];
|
|
57
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { NumberFieldProps } from '.';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<NumberFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
3
|
+
"update:modelValue": (value: number) => any;
|
|
4
|
+
}, string, import('vue').PublicProps, Readonly<NumberFieldProps> & Readonly<{
|
|
5
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
6
|
+
}>, {
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
size: "small" | "regular" | "large";
|
|
9
|
+
variant: "center" | "side";
|
|
10
|
+
readonly: boolean;
|
|
11
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('vue').DefineComponent<import('.').NumberFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
|
+
"update:modelValue": (value: number) => any;
|
|
6
|
+
}, string, import('vue').PublicProps, Readonly<import('.').NumberFieldProps> & Readonly<{
|
|
7
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
8
|
+
}>, {
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
size: "small" | "regular" | "large";
|
|
11
|
+
variant: "center" | "side";
|
|
12
|
+
readonly: boolean;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
tags: string[];
|
|
15
|
+
argTypes: {
|
|
16
|
+
variant: {
|
|
17
|
+
control: "select";
|
|
18
|
+
options: string[];
|
|
19
|
+
};
|
|
20
|
+
size: {
|
|
21
|
+
control: "select";
|
|
22
|
+
options: string[];
|
|
23
|
+
};
|
|
24
|
+
error: {
|
|
25
|
+
control: "boolean";
|
|
26
|
+
};
|
|
27
|
+
disabled: {
|
|
28
|
+
control: "boolean";
|
|
29
|
+
};
|
|
30
|
+
readonly: {
|
|
31
|
+
control: "boolean";
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export default meta;
|
|
36
|
+
type Story = StoryObj<typeof meta>;
|
|
37
|
+
export declare const Default: Story;
|
|
38
|
+
export declare const Variants: Story;
|
|
39
|
+
export declare const Sizes: Story;
|
|
40
|
+
export declare const States: Story;
|
|
41
|
+
export declare const WithMinMaxStep: Story;
|
|
42
|
+
export declare const FormatOptions: Story;
|
|
43
|
+
export declare const Matrix: Story;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: HTMLDivElement;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { NumberFieldDecrementProps } from 'reka-ui';
|
|
3
|
+
type __VLS_Props = NumberFieldDecrementProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { NumberFieldIncrementProps } from 'reka-ui';
|
|
3
|
+
type __VLS_Props = NumberFieldIncrementProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
interface Props {
|
|
3
|
+
modelValue?: number;
|
|
4
|
+
defaultValue?: number;
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
name?: string;
|
|
12
|
+
id?: string;
|
|
13
|
+
formatOptions?: Intl.NumberFormatOptions;
|
|
14
|
+
locale?: string;
|
|
15
|
+
class?: HTMLAttributes["class"];
|
|
16
|
+
}
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
slots: {
|
|
20
|
+
default?(_: {}): any;
|
|
21
|
+
};
|
|
22
|
+
refs: {};
|
|
23
|
+
rootEl: any;
|
|
24
|
+
};
|
|
25
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
26
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
27
|
+
"update:modelValue": (value: number) => any;
|
|
28
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
29
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
30
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
32
|
+
export default _default;
|
|
33
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
34
|
+
new (): {
|
|
35
|
+
$slots: S;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export { default as NumberField } from './NumberField';
|
|
2
|
+
export { default as NumberFieldRoot } from './NumberFieldRoot';
|
|
3
|
+
export { default as NumberFieldContent } from './NumberFieldContent';
|
|
4
|
+
export { default as NumberFieldDecrement } from './NumberFieldDecrement';
|
|
5
|
+
export { default as NumberFieldIncrement } from './NumberFieldIncrement';
|
|
6
|
+
export { default as NumberFieldInput } from './NumberFieldInput';
|
|
7
|
+
export interface NumberFieldProps {
|
|
8
|
+
modelValue?: number;
|
|
9
|
+
defaultValue?: number;
|
|
10
|
+
variant?: "center" | "side";
|
|
11
|
+
size?: "small" | "regular" | "large";
|
|
12
|
+
error?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
readonly?: boolean;
|
|
15
|
+
min?: number;
|
|
16
|
+
max?: number;
|
|
17
|
+
step?: number;
|
|
18
|
+
/** Intl.NumberFormat 옵션 (소수 자릿수, 천단위 구분, 단위, 통화 등) */
|
|
19
|
+
formatOptions?: Intl.NumberFormatOptions;
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
name?: string;
|
|
22
|
+
id?: string;
|
|
23
|
+
required?: boolean;
|
|
24
|
+
class?: string;
|
|
25
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
/** 제목 (default 슬롯으로도 대체 가능) */
|
|
4
|
+
title?: string;
|
|
5
|
+
/** 보조 설명 (#description 슬롯으로도 대체 가능) */
|
|
6
|
+
description?: string;
|
|
7
|
+
/**
|
|
8
|
+
* 제목 크기. 웹 기본 regular(24px). 모바일은 large(28)/small(22).
|
|
9
|
+
* large=page-title-1(28), regular=page-title-2(24), small=page-title-3(22)
|
|
10
|
+
*/
|
|
11
|
+
size?: "small" | "regular" | "large";
|
|
12
|
+
/**
|
|
13
|
+
* description 위치.
|
|
14
|
+
* inline = 제목 우측 12px (웹), block = 제목 아래 14px (모바일/스택)
|
|
15
|
+
*/
|
|
16
|
+
descriptionPlacement?: "inline" | "block";
|
|
17
|
+
/** 좌측 back(<) 화살표 노출 → @back emit (라우팅은 소비자가 처리) */
|
|
18
|
+
back?: boolean;
|
|
19
|
+
/** 제목 헤딩 태그 (시맨틱 레벨). size 와 독립. default h2 */
|
|
20
|
+
as?: "h1" | "h2" | "h3" | "h4";
|
|
21
|
+
class?: HTMLAttributes["class"];
|
|
22
|
+
};
|
|
23
|
+
declare function __VLS_template(): {
|
|
24
|
+
attrs: Partial<{}>;
|
|
25
|
+
slots: Readonly<{
|
|
26
|
+
/** 제목 (title prop 대체) */
|
|
27
|
+
default?: () => unknown;
|
|
28
|
+
/** 보조 설명 (description prop 대체) */
|
|
29
|
+
description?: () => unknown;
|
|
30
|
+
/** 타이틀 우측 배지 등 */
|
|
31
|
+
badge?: () => unknown;
|
|
32
|
+
/** 우측 액션 버튼 그룹 */
|
|
33
|
+
actions?: () => unknown;
|
|
34
|
+
}> & {
|
|
35
|
+
/** 제목 (title prop 대체) */
|
|
36
|
+
default?: () => unknown;
|
|
37
|
+
/** 보조 설명 (description prop 대체) */
|
|
38
|
+
description?: () => unknown;
|
|
39
|
+
/** 타이틀 우측 배지 등 */
|
|
40
|
+
badge?: () => unknown;
|
|
41
|
+
/** 우측 액션 버튼 그룹 */
|
|
42
|
+
actions?: () => unknown;
|
|
43
|
+
};
|
|
44
|
+
refs: {};
|
|
45
|
+
rootEl: HTMLDivElement;
|
|
46
|
+
};
|
|
47
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
48
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
49
|
+
back: () => any;
|
|
50
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
51
|
+
onBack?: (() => any) | undefined;
|
|
52
|
+
}>, {
|
|
53
|
+
as: "h1" | "h2" | "h3" | "h4";
|
|
54
|
+
size: "small" | "regular" | "large";
|
|
55
|
+
descriptionPlacement: "inline" | "block";
|
|
56
|
+
back: boolean;
|
|
57
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
58
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
59
|
+
export default _default;
|
|
60
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
61
|
+
new (): {
|
|
62
|
+
$slots: S;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: any;
|
|
5
|
+
tags: string[];
|
|
6
|
+
argTypes: {
|
|
7
|
+
size: {
|
|
8
|
+
control: "inline-radio";
|
|
9
|
+
options: string[];
|
|
10
|
+
};
|
|
11
|
+
back: {
|
|
12
|
+
control: "boolean";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
/** 웹 기본: md(24px) 타이틀 + 설명 */
|
|
19
|
+
export declare const Default: Story;
|
|
20
|
+
/** 우측 액션 버튼 */
|
|
21
|
+
export declare const WithActions: Story;
|
|
22
|
+
/** 상세 페이지(웹): 같은 24px + back 화살표 + 배지 */
|
|
23
|
+
export declare const DetailWithBackAndBadge: Story;
|
|
24
|
+
/** 모바일/스택: description 이 제목 아래(14px)로 (descriptionPlacement=block) */
|
|
25
|
+
export declare const StackedDescription: Story;
|
|
26
|
+
/** 사이즈 — 웹 regular(24) / 모바일 large(28)·small(22) */
|
|
27
|
+
export declare const Sizes: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PageHeader } from './PageHeader';
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { PaginationRootProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PaginationRootProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {
|
|
10
|
+
page: number;
|
|
11
|
+
pageCount: number;
|
|
12
|
+
}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: any;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
19
|
+
"update:page": (value: number) => any;
|
|
20
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
21
|
+
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
22
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('reka-ui').PaginationRootProps & {
|
|
6
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
7
|
+
}> & Readonly<{
|
|
8
|
+
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
9
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
"update:page": (value: number) => any;
|
|
11
|
+
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
12
|
+
P: {};
|
|
13
|
+
B: {};
|
|
14
|
+
D: {};
|
|
15
|
+
C: {};
|
|
16
|
+
M: {};
|
|
17
|
+
Defaults: {};
|
|
18
|
+
}, Readonly<import('reka-ui').PaginationRootProps & {
|
|
19
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
20
|
+
}> & Readonly<{
|
|
21
|
+
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
22
|
+
}>, {}, {}, {}, {}, {}>;
|
|
23
|
+
__isFragment?: never;
|
|
24
|
+
__isTeleport?: never;
|
|
25
|
+
__isSuspense?: never;
|
|
26
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('reka-ui').PaginationRootProps & {
|
|
27
|
+
class?: import('vue').HTMLAttributes["class"];
|
|
28
|
+
}> & Readonly<{
|
|
29
|
+
"onUpdate:page"?: ((value: number) => any) | undefined;
|
|
30
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
31
|
+
"update:page": (value: number) => any;
|
|
32
|
+
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
33
|
+
$slots: {
|
|
34
|
+
default?(_: {
|
|
35
|
+
page: number;
|
|
36
|
+
pageCount: number;
|
|
37
|
+
}): any;
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
tags: string[];
|
|
41
|
+
args: {
|
|
42
|
+
itemsPerPage: number;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export default meta;
|
|
46
|
+
type Story = StoryObj<typeof meta>;
|
|
47
|
+
export declare const Default: Story;
|
|
48
|
+
export declare const SimpleNavigation: Story;
|
|
49
|
+
export declare const WithEllipsis: Story;
|
|
50
|
+
export declare const FirstPage: Story;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { PaginationListProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PaginationListProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {
|
|
10
|
+
items: ({
|
|
11
|
+
type: "ellipsis";
|
|
12
|
+
} | {
|
|
13
|
+
type: "page";
|
|
14
|
+
value: number;
|
|
15
|
+
})[];
|
|
16
|
+
}): any;
|
|
17
|
+
};
|
|
18
|
+
refs: {};
|
|
19
|
+
rootEl: any;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PaginationEllipsisProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PaginationEllipsisProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PaginationFirstProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PaginationFirstProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PaginationListItemProps } from 'reka-ui';
|
|
2
|
+
import { PaginationItemProps } from '.';
|
|
3
|
+
type __VLS_Props = PaginationListItemProps & PaginationItemProps;
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
14
|
+
size: "xsmall" | "small" | "regular" | "medium" | "large" | "icon";
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PaginationLastProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PaginationLastProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PaginationNextProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PaginationNextProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { PaginationPrevProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = PaginationPrevProps & {
|
|
4
|
+
class?: HTMLAttributes["class"];
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { default as Pagination } from './Pagination';
|
|
2
|
+
export { default as PaginationContent } from './PaginationContent';
|
|
3
|
+
export { default as PaginationEllipsis } from './PaginationEllipsis';
|
|
4
|
+
export { default as PaginationFirst } from './PaginationFirst';
|
|
5
|
+
export { default as PaginationItem } from './PaginationItem';
|
|
6
|
+
export { default as PaginationLast } from './PaginationLast';
|
|
7
|
+
export { default as PaginationNext } from './PaginationNext';
|
|
8
|
+
export { default as PaginationPrevious } from './PaginationPrevious';
|
|
9
|
+
export interface PaginationItemProps {
|
|
10
|
+
size?: "xsmall" | "small" | "regular" | "medium" | "large" | "icon";
|
|
11
|
+
isActive?: boolean;
|
|
12
|
+
class?: string;
|
|
13
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { PanelProps } from '.';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
icon?(_: {}): any;
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: HTMLDivElement;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<PanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PanelProps> & Readonly<{}>, {
|
|
13
|
+
size: "small" | "medium" | "large";
|
|
14
|
+
variant: "base" | "primary" | "negative" | "warning" | "informative" | "positive";
|
|
15
|
+
icon: boolean;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|