@marcoschwartz/lite-ui 0.6.0 → 0.7.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/dist/index.d.mts +22 -3
- package/dist/index.d.ts +22 -3
- package/dist/index.js +646 -498
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +623 -476
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -67,6 +67,22 @@ interface SidebarProviderProps {
|
|
|
67
67
|
declare const SidebarProvider: React.FC<SidebarProviderProps>;
|
|
68
68
|
declare const useSidebar: () => SidebarContextValue;
|
|
69
69
|
|
|
70
|
+
interface AppShellProps {
|
|
71
|
+
children: React.ReactNode;
|
|
72
|
+
navbar?: {
|
|
73
|
+
content: React.ReactNode;
|
|
74
|
+
width?: 'sm' | 'md' | 'lg';
|
|
75
|
+
breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
|
|
76
|
+
};
|
|
77
|
+
header?: React.ReactNode;
|
|
78
|
+
navbarTitle?: string;
|
|
79
|
+
navbarLogo?: React.ReactNode;
|
|
80
|
+
defaultNavbarOpen?: boolean;
|
|
81
|
+
responsive?: boolean;
|
|
82
|
+
className?: string;
|
|
83
|
+
}
|
|
84
|
+
declare const AppShell: React.FC<AppShellProps>;
|
|
85
|
+
|
|
70
86
|
interface DrawerProps {
|
|
71
87
|
isOpen: boolean;
|
|
72
88
|
onClose: () => void;
|
|
@@ -89,13 +105,16 @@ interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
|
|
|
89
105
|
}
|
|
90
106
|
declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
91
107
|
|
|
92
|
-
|
|
108
|
+
type ActionMenuItem = {
|
|
109
|
+
type?: 'item';
|
|
93
110
|
label: string;
|
|
94
111
|
onClick: () => void;
|
|
95
112
|
icon?: React.ReactNode;
|
|
96
113
|
disabled?: boolean;
|
|
97
114
|
variant?: 'default' | 'danger';
|
|
98
|
-
}
|
|
115
|
+
} | {
|
|
116
|
+
type: 'divider';
|
|
117
|
+
};
|
|
99
118
|
interface ActionMenuProps {
|
|
100
119
|
items: ActionMenuItem[];
|
|
101
120
|
trigger?: React.ReactNode;
|
|
@@ -471,4 +490,4 @@ declare const YouTubeIcon: IconComponent;
|
|
|
471
490
|
|
|
472
491
|
declare const SlackIcon: IconComponent;
|
|
473
492
|
|
|
474
|
-
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppleIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|
|
493
|
+
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppShell, type AppShellProps, AppleIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -67,6 +67,22 @@ interface SidebarProviderProps {
|
|
|
67
67
|
declare const SidebarProvider: React.FC<SidebarProviderProps>;
|
|
68
68
|
declare const useSidebar: () => SidebarContextValue;
|
|
69
69
|
|
|
70
|
+
interface AppShellProps {
|
|
71
|
+
children: React.ReactNode;
|
|
72
|
+
navbar?: {
|
|
73
|
+
content: React.ReactNode;
|
|
74
|
+
width?: 'sm' | 'md' | 'lg';
|
|
75
|
+
breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
|
|
76
|
+
};
|
|
77
|
+
header?: React.ReactNode;
|
|
78
|
+
navbarTitle?: string;
|
|
79
|
+
navbarLogo?: React.ReactNode;
|
|
80
|
+
defaultNavbarOpen?: boolean;
|
|
81
|
+
responsive?: boolean;
|
|
82
|
+
className?: string;
|
|
83
|
+
}
|
|
84
|
+
declare const AppShell: React.FC<AppShellProps>;
|
|
85
|
+
|
|
70
86
|
interface DrawerProps {
|
|
71
87
|
isOpen: boolean;
|
|
72
88
|
onClose: () => void;
|
|
@@ -89,13 +105,16 @@ interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
|
|
|
89
105
|
}
|
|
90
106
|
declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
91
107
|
|
|
92
|
-
|
|
108
|
+
type ActionMenuItem = {
|
|
109
|
+
type?: 'item';
|
|
93
110
|
label: string;
|
|
94
111
|
onClick: () => void;
|
|
95
112
|
icon?: React.ReactNode;
|
|
96
113
|
disabled?: boolean;
|
|
97
114
|
variant?: 'default' | 'danger';
|
|
98
|
-
}
|
|
115
|
+
} | {
|
|
116
|
+
type: 'divider';
|
|
117
|
+
};
|
|
99
118
|
interface ActionMenuProps {
|
|
100
119
|
items: ActionMenuItem[];
|
|
101
120
|
trigger?: React.ReactNode;
|
|
@@ -471,4 +490,4 @@ declare const YouTubeIcon: IconComponent;
|
|
|
471
490
|
|
|
472
491
|
declare const SlackIcon: IconComponent;
|
|
473
492
|
|
|
474
|
-
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppleIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|
|
493
|
+
export { ActionMenu, type ActionMenuItem, type ActionMenuProps, Alert, type AlertProps, AppShell, type AppShellProps, AppleIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BellIcon, Button, type ButtonProps, type ButtonTheme, CalendarIcon, CameraIcon, Card, type CardProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronRightIcon, CloseIcon, type ColorMode, type Column, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, EditIcon, FacebookIcon, FileUpload, type FileUploadProps, GitHubIcon, GoogleIcon, HeartIcon, HomeIcon, type IconComponent, type IconProps, LinkedInIcon, LockIcon, MailIcon, MenuIcon, Modal, type ModalProps, Navbar, type NavbarProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, SearchIcon, Select, type SelectOption, type SelectProps, type SelectTheme, SettingsIcon, Sidebar, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SlackIcon, Slider, type SliderProps, Spinner, type SpinnerProps, StarIcon, type Step, Stepper, type StepperProps, type Tab, Table, type TableProps, Tabs, type TabsProps, TextInput, type TextInputProps, Textarea, type TextareaProps, type Theme, type ThemeName, ThemeProvider, TimePicker, type TimePickerProps, type Toast, ToastProvider, type ToastProviderProps, Toggle, type ToggleProps, TrashIcon, TwitterIcon, UploadIcon, UserIcon, YouTubeIcon, getThemeScript, themeScript, themes, toast, useSidebar, useTheme, useToast };
|