@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,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: HTMLSpanElement;
|
|
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, {}, HTMLSpanElement>;
|
|
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 { DropdownMenuSubProps } from 'reka-ui';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DropdownMenuSubProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:open": (payload: boolean) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<DropdownMenuSubProps> & Readonly<{
|
|
14
|
+
"onUpdate:open"?: ((payload: boolean) => any) | undefined;
|
|
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,38 @@
|
|
|
1
|
+
import { DropdownMenuSubContentProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuSubContentProps & {
|
|
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, {
|
|
16
|
+
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
17
|
+
pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
|
|
18
|
+
focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
|
|
19
|
+
interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
|
|
20
|
+
openAutoFocus: (event: Event) => any;
|
|
21
|
+
closeAutoFocus: (event: Event) => any;
|
|
22
|
+
entryFocus: (event: Event) => any;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
24
|
+
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
25
|
+
onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
|
|
26
|
+
onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
27
|
+
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
28
|
+
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
|
+
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
|
+
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
31
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DropdownMenuSubTriggerProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
type __VLS_Props = DropdownMenuSubTriggerProps & {
|
|
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,18 @@
|
|
|
1
|
+
import { DropdownMenuTriggerProps } from 'reka-ui';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<DropdownMenuTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DropdownMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
+
export default _default;
|
|
14
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
+
new (): {
|
|
16
|
+
$slots: S;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export { default as DropdownMenu } from './DropdownMenu';
|
|
2
|
+
export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem';
|
|
3
|
+
export { default as DropdownMenuContent } from './DropdownMenuContent';
|
|
4
|
+
export { default as DropdownMenuGroup } from './DropdownMenuGroup';
|
|
5
|
+
export { default as DropdownMenuItem } from './DropdownMenuItem';
|
|
6
|
+
export { default as DropdownMenuLabel } from './DropdownMenuLabel';
|
|
7
|
+
export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup';
|
|
8
|
+
export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem';
|
|
9
|
+
export { default as DropdownMenuSeparator } from './DropdownMenuSeparator';
|
|
10
|
+
export { default as DropdownMenuShortcut } from './DropdownMenuShortcut';
|
|
11
|
+
export { default as DropdownMenuSub } from './DropdownMenuSub';
|
|
12
|
+
export { default as DropdownMenuSubContent } from './DropdownMenuSubContent';
|
|
13
|
+
export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger';
|
|
14
|
+
export { default as DropdownMenuTrigger } from './DropdownMenuTrigger';
|
|
15
|
+
export { DropdownMenuPortal } from 'reka-ui';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface EmptyProps {
|
|
2
|
+
/** Additional classes */
|
|
3
|
+
class?: string;
|
|
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<EmptyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmptyProps> & 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,26 @@
|
|
|
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('./Empty').EmptyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
6
|
+
P: {};
|
|
7
|
+
B: {};
|
|
8
|
+
D: {};
|
|
9
|
+
C: {};
|
|
10
|
+
M: {};
|
|
11
|
+
Defaults: {};
|
|
12
|
+
}, Readonly<import('./Empty').EmptyProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
13
|
+
__isFragment?: never;
|
|
14
|
+
__isTeleport?: never;
|
|
15
|
+
__isSuspense?: never;
|
|
16
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./Empty').EmptyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
17
|
+
$slots: {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
};
|
|
20
|
+
});
|
|
21
|
+
tags: string[];
|
|
22
|
+
};
|
|
23
|
+
export default meta;
|
|
24
|
+
type Story = StoryObj<typeof meta>;
|
|
25
|
+
export declare const Default: Story;
|
|
26
|
+
export declare const CustomMessage: Story;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export interface EmptyStateProps {
|
|
2
|
+
fill?: boolean;
|
|
3
|
+
icon?: boolean;
|
|
4
|
+
orientation?: "vertical" | "horizontal";
|
|
5
|
+
class?: string;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
icon?(_: {}): any;
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
action?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: HTMLDivElement;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<EmptyStateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {
|
|
19
|
+
orientation: "vertical" | "horizontal";
|
|
20
|
+
fill: boolean;
|
|
21
|
+
icon: boolean;
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
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,43 @@
|
|
|
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('./EmptyState').EmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
6
|
+
orientation: "vertical" | "horizontal";
|
|
7
|
+
fill: boolean;
|
|
8
|
+
icon: boolean;
|
|
9
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
10
|
+
P: {};
|
|
11
|
+
B: {};
|
|
12
|
+
D: {};
|
|
13
|
+
C: {};
|
|
14
|
+
M: {};
|
|
15
|
+
Defaults: {};
|
|
16
|
+
}, Readonly<import('./EmptyState').EmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
17
|
+
orientation: "vertical" | "horizontal";
|
|
18
|
+
fill: boolean;
|
|
19
|
+
icon: boolean;
|
|
20
|
+
}>;
|
|
21
|
+
__isFragment?: never;
|
|
22
|
+
__isTeleport?: never;
|
|
23
|
+
__isSuspense?: never;
|
|
24
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./EmptyState').EmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
25
|
+
orientation: "vertical" | "horizontal";
|
|
26
|
+
fill: boolean;
|
|
27
|
+
icon: boolean;
|
|
28
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
29
|
+
$slots: {
|
|
30
|
+
icon?(_: {}): any;
|
|
31
|
+
default?(_: {}): any;
|
|
32
|
+
action?(_: {}): any;
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
tags: string[];
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
type Story = StoryObj<typeof meta>;
|
|
39
|
+
export declare const Fill: Story;
|
|
40
|
+
export declare const Vertical: Story;
|
|
41
|
+
export declare const WithAction: Story;
|
|
42
|
+
export declare const Horizontal: Story;
|
|
43
|
+
export declare const HorizontalFill: Story;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export interface FabProps {
|
|
2
|
+
fabStyle?: 'basic' | 'colorfilled';
|
|
3
|
+
size?: 'xsmall' | 'small' | 'regular' | 'medium';
|
|
4
|
+
iconOnly?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
class?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: HTMLButtonElement;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<FabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
click: (event: MouseEvent) => any;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<FabProps> & Readonly<{
|
|
20
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
21
|
+
}>, {
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
size: "xsmall" | "small" | "regular" | "medium";
|
|
24
|
+
fabStyle: "basic" | "colorfilled";
|
|
25
|
+
iconOnly: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
|
|
27
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,70 @@
|
|
|
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('./Fab').FabProps> & Readonly<{
|
|
6
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
7
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
|
+
click: (event: MouseEvent) => any;
|
|
9
|
+
}, import('vue').PublicProps, {
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
size: "xsmall" | "small" | "regular" | "medium";
|
|
12
|
+
fabStyle: "basic" | "colorfilled";
|
|
13
|
+
iconOnly: boolean;
|
|
14
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
|
|
15
|
+
P: {};
|
|
16
|
+
B: {};
|
|
17
|
+
D: {};
|
|
18
|
+
C: {};
|
|
19
|
+
M: {};
|
|
20
|
+
Defaults: {};
|
|
21
|
+
}, Readonly<import('./Fab').FabProps> & Readonly<{
|
|
22
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
23
|
+
}>, {}, {}, {}, {}, {
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
size: "xsmall" | "small" | "regular" | "medium";
|
|
26
|
+
fabStyle: "basic" | "colorfilled";
|
|
27
|
+
iconOnly: boolean;
|
|
28
|
+
}>;
|
|
29
|
+
__isFragment?: never;
|
|
30
|
+
__isTeleport?: never;
|
|
31
|
+
__isSuspense?: never;
|
|
32
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./Fab').FabProps> & Readonly<{
|
|
33
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
34
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
35
|
+
click: (event: MouseEvent) => any;
|
|
36
|
+
}, string, {
|
|
37
|
+
disabled: boolean;
|
|
38
|
+
size: "xsmall" | "small" | "regular" | "medium";
|
|
39
|
+
fabStyle: "basic" | "colorfilled";
|
|
40
|
+
iconOnly: boolean;
|
|
41
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
42
|
+
$slots: {
|
|
43
|
+
default?(_: {}): any;
|
|
44
|
+
};
|
|
45
|
+
});
|
|
46
|
+
tags: string[];
|
|
47
|
+
args: {
|
|
48
|
+
onClick: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
49
|
+
};
|
|
50
|
+
argTypes: {
|
|
51
|
+
fabStyle: {
|
|
52
|
+
control: "select";
|
|
53
|
+
options: string[];
|
|
54
|
+
};
|
|
55
|
+
size: {
|
|
56
|
+
control: "select";
|
|
57
|
+
options: string[];
|
|
58
|
+
};
|
|
59
|
+
disabled: {
|
|
60
|
+
control: "boolean";
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
export default meta;
|
|
65
|
+
type Story = StoryObj<typeof meta>;
|
|
66
|
+
export declare const Default: Story;
|
|
67
|
+
export declare const Styles: Story;
|
|
68
|
+
export declare const Sizes: Story;
|
|
69
|
+
export declare const IconOnly: Story;
|
|
70
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export { default as Fab } from './Fab';
|
|
3
|
+
export declare const fabVariants: (props?: ({
|
|
4
|
+
fabStyle?: "basic" | "colorfilled" | null | undefined;
|
|
5
|
+
size?: "small" | "xsmall" | "regular" | "medium" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export type FabVariants = VariantProps<typeof fabVariants>;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { UploaderFile } from './types';
|
|
2
|
+
interface Props {
|
|
3
|
+
file: UploaderFile;
|
|
4
|
+
readonly?: boolean;
|
|
5
|
+
downloadable?: boolean;
|
|
6
|
+
class?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
append?(_: {}): any;
|
|
12
|
+
description?(_: {
|
|
13
|
+
index: number;
|
|
14
|
+
}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: HTMLDivElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
click: (args_0: {
|
|
22
|
+
data: UploaderFile;
|
|
23
|
+
}) => any;
|
|
24
|
+
download: () => any;
|
|
25
|
+
remove: (args_0: {
|
|
26
|
+
data: UploaderFile;
|
|
27
|
+
}) => any;
|
|
28
|
+
reload: (args_0: {
|
|
29
|
+
data: UploaderFile;
|
|
30
|
+
}) => any;
|
|
31
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
32
|
+
onClick?: ((args_0: {
|
|
33
|
+
data: UploaderFile;
|
|
34
|
+
}) => any) | undefined;
|
|
35
|
+
onDownload?: (() => any) | undefined;
|
|
36
|
+
onRemove?: ((args_0: {
|
|
37
|
+
data: UploaderFile;
|
|
38
|
+
}) => any) | undefined;
|
|
39
|
+
onReload?: ((args_0: {
|
|
40
|
+
data: UploaderFile;
|
|
41
|
+
}) => any) | undefined;
|
|
42
|
+
}>, {
|
|
43
|
+
readonly: boolean;
|
|
44
|
+
downloadable: boolean;
|
|
45
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
46
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { UploaderFile, FileClickEvent } from './types';
|
|
2
|
+
export interface Props {
|
|
3
|
+
supportExt?: string[];
|
|
4
|
+
label?: string;
|
|
5
|
+
maxSize?: number;
|
|
6
|
+
maxCount?: number;
|
|
7
|
+
readonly?: boolean;
|
|
8
|
+
removable?: boolean;
|
|
9
|
+
downloadable?: boolean;
|
|
10
|
+
errorMessage?: string;
|
|
11
|
+
class?: string;
|
|
12
|
+
}
|
|
13
|
+
type __VLS_Props = Props;
|
|
14
|
+
type __VLS_PublicProps = {
|
|
15
|
+
'inputFiles': UploaderFile[];
|
|
16
|
+
} & __VLS_Props;
|
|
17
|
+
declare function __VLS_template(): {
|
|
18
|
+
attrs: Partial<{}>;
|
|
19
|
+
slots: {
|
|
20
|
+
default?(_: {}): any;
|
|
21
|
+
description?(_: {
|
|
22
|
+
file: UploaderFile;
|
|
23
|
+
index: number;
|
|
24
|
+
}): any;
|
|
25
|
+
append?(_: {
|
|
26
|
+
file: UploaderFile;
|
|
27
|
+
index: number;
|
|
28
|
+
}): any;
|
|
29
|
+
};
|
|
30
|
+
refs: {
|
|
31
|
+
inputRef: HTMLInputElement;
|
|
32
|
+
};
|
|
33
|
+
rootEl: HTMLDivElement;
|
|
34
|
+
};
|
|
35
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
36
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
37
|
+
click: (args_0: FileClickEvent) => any;
|
|
38
|
+
download: (args_0: number) => any;
|
|
39
|
+
remove: (args_0: FileClickEvent) => any;
|
|
40
|
+
upload: (args_0: UploaderFile) => any;
|
|
41
|
+
"update:inputFiles": (value: UploaderFile[]) => any;
|
|
42
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
43
|
+
onClick?: ((args_0: FileClickEvent) => any) | undefined;
|
|
44
|
+
onDownload?: ((args_0: number) => any) | undefined;
|
|
45
|
+
onRemove?: ((args_0: FileClickEvent) => any) | undefined;
|
|
46
|
+
onUpload?: ((args_0: UploaderFile) => any) | undefined;
|
|
47
|
+
"onUpdate:inputFiles"?: ((value: UploaderFile[]) => any) | undefined;
|
|
48
|
+
}>, {
|
|
49
|
+
readonly: boolean;
|
|
50
|
+
downloadable: boolean;
|
|
51
|
+
supportExt: string[];
|
|
52
|
+
maxSize: number;
|
|
53
|
+
maxCount: number;
|
|
54
|
+
removable: boolean;
|
|
55
|
+
errorMessage: string;
|
|
56
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
57
|
+
inputRef: HTMLInputElement;
|
|
58
|
+
}, HTMLDivElement>;
|
|
59
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
60
|
+
export default _default;
|
|
61
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
62
|
+
new (): {
|
|
63
|
+
$slots: S;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { UploaderFile } from './types';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: {
|
|
6
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
7
|
+
inputFiles: UploaderFile[];
|
|
8
|
+
} & import('./FileUploader').Props> & Readonly<{
|
|
9
|
+
onClick?: ((args_0: import('./types').FileClickEvent) => any) | undefined;
|
|
10
|
+
onDownload?: ((args_0: number) => any) | undefined;
|
|
11
|
+
onRemove?: ((args_0: import('./types').FileClickEvent) => any) | undefined;
|
|
12
|
+
onUpload?: ((args_0: UploaderFile) => any) | undefined;
|
|
13
|
+
"onUpdate:inputFiles"?: ((value: UploaderFile[]) => any) | undefined;
|
|
14
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
click: (args_0: import('./types').FileClickEvent) => any;
|
|
16
|
+
download: (args_0: number) => any;
|
|
17
|
+
remove: (args_0: import('./types').FileClickEvent) => any;
|
|
18
|
+
upload: (args_0: UploaderFile) => any;
|
|
19
|
+
"update:inputFiles": (value: UploaderFile[]) => any;
|
|
20
|
+
}, import('vue').PublicProps, {
|
|
21
|
+
readonly: boolean;
|
|
22
|
+
downloadable: boolean;
|
|
23
|
+
supportExt: string[];
|
|
24
|
+
maxSize: number;
|
|
25
|
+
maxCount: number;
|
|
26
|
+
removable: boolean;
|
|
27
|
+
errorMessage: string;
|
|
28
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
29
|
+
inputRef: HTMLInputElement;
|
|
30
|
+
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
31
|
+
P: {};
|
|
32
|
+
B: {};
|
|
33
|
+
D: {};
|
|
34
|
+
C: {};
|
|
35
|
+
M: {};
|
|
36
|
+
Defaults: {};
|
|
37
|
+
}, Readonly<{
|
|
38
|
+
inputFiles: UploaderFile[];
|
|
39
|
+
} & import('./FileUploader').Props> & Readonly<{
|
|
40
|
+
onClick?: ((args_0: import('./types').FileClickEvent) => any) | undefined;
|
|
41
|
+
onDownload?: ((args_0: number) => any) | undefined;
|
|
42
|
+
onRemove?: ((args_0: import('./types').FileClickEvent) => any) | undefined;
|
|
43
|
+
onUpload?: ((args_0: UploaderFile) => any) | undefined;
|
|
44
|
+
"onUpdate:inputFiles"?: ((value: UploaderFile[]) => any) | undefined;
|
|
45
|
+
}>, {}, {}, {}, {}, {
|
|
46
|
+
readonly: boolean;
|
|
47
|
+
downloadable: boolean;
|
|
48
|
+
supportExt: string[];
|
|
49
|
+
maxSize: number;
|
|
50
|
+
maxCount: number;
|
|
51
|
+
removable: boolean;
|
|
52
|
+
errorMessage: string;
|
|
53
|
+
}>;
|
|
54
|
+
__isFragment?: never;
|
|
55
|
+
__isTeleport?: never;
|
|
56
|
+
__isSuspense?: never;
|
|
57
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
58
|
+
inputFiles: UploaderFile[];
|
|
59
|
+
} & import('./FileUploader').Props> & Readonly<{
|
|
60
|
+
onClick?: ((args_0: import('./types').FileClickEvent) => any) | undefined;
|
|
61
|
+
onDownload?: ((args_0: number) => any) | undefined;
|
|
62
|
+
onRemove?: ((args_0: import('./types').FileClickEvent) => any) | undefined;
|
|
63
|
+
onUpload?: ((args_0: UploaderFile) => any) | undefined;
|
|
64
|
+
"onUpdate:inputFiles"?: ((value: UploaderFile[]) => any) | undefined;
|
|
65
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
66
|
+
click: (args_0: import('./types').FileClickEvent) => any;
|
|
67
|
+
download: (args_0: number) => any;
|
|
68
|
+
remove: (args_0: import('./types').FileClickEvent) => any;
|
|
69
|
+
upload: (args_0: UploaderFile) => any;
|
|
70
|
+
"update:inputFiles": (value: UploaderFile[]) => any;
|
|
71
|
+
}, string, {
|
|
72
|
+
readonly: boolean;
|
|
73
|
+
downloadable: boolean;
|
|
74
|
+
supportExt: string[];
|
|
75
|
+
maxSize: number;
|
|
76
|
+
maxCount: number;
|
|
77
|
+
removable: boolean;
|
|
78
|
+
errorMessage: string;
|
|
79
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
80
|
+
$slots: {
|
|
81
|
+
default?(_: {}): any;
|
|
82
|
+
description?(_: {
|
|
83
|
+
file: UploaderFile;
|
|
84
|
+
index: number;
|
|
85
|
+
}): any;
|
|
86
|
+
append?(_: {
|
|
87
|
+
file: UploaderFile;
|
|
88
|
+
index: number;
|
|
89
|
+
}): any;
|
|
90
|
+
};
|
|
91
|
+
});
|
|
92
|
+
tags: string[];
|
|
93
|
+
args: {
|
|
94
|
+
inputFiles: never[];
|
|
95
|
+
};
|
|
96
|
+
argTypes: {
|
|
97
|
+
readonly: {
|
|
98
|
+
control: "boolean";
|
|
99
|
+
};
|
|
100
|
+
removable: {
|
|
101
|
+
control: "boolean";
|
|
102
|
+
};
|
|
103
|
+
downloadable: {
|
|
104
|
+
control: "boolean";
|
|
105
|
+
};
|
|
106
|
+
maxSize: {
|
|
107
|
+
control: "number";
|
|
108
|
+
};
|
|
109
|
+
maxCount: {
|
|
110
|
+
control: "number";
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
export default meta;
|
|
115
|
+
type Story = StoryObj<typeof meta>;
|
|
116
|
+
export declare const Default: Story;
|
|
117
|
+
export declare const WithExistingFiles: Story;
|
|
118
|
+
export declare const Readonly: Story;
|
|
119
|
+
export declare const ReadonlyEmpty: Story;
|
|
120
|
+
export declare const WithError: Story;
|
|
121
|
+
export declare const CustomExtensions: Story;
|
|
122
|
+
export declare const Downloadable: Story;
|