@marcoschwartz/lite-ui 0.7.1 → 0.10.0
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 +51 -5
- package/dist/index.d.ts +51 -5
- package/dist/index.js +1127 -282
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1115 -272
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -23,6 +23,9 @@ interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'
|
|
|
23
23
|
value?: string;
|
|
24
24
|
defaultValue?: string;
|
|
25
25
|
onChange?: (value: string) => void;
|
|
26
|
+
label?: string;
|
|
27
|
+
error?: string;
|
|
28
|
+
helperText?: string;
|
|
26
29
|
}
|
|
27
30
|
declare const Select: React.FC<SelectProps>;
|
|
28
31
|
|
|
@@ -73,6 +76,7 @@ interface AppShellProps {
|
|
|
73
76
|
content: React.ReactNode;
|
|
74
77
|
width?: 'sm' | 'md' | 'lg';
|
|
75
78
|
breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
|
|
79
|
+
position?: 'side' | 'top';
|
|
76
80
|
};
|
|
77
81
|
header?: React.ReactNode;
|
|
78
82
|
navbarTitle?: string;
|
|
@@ -105,6 +109,25 @@ interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
|
|
|
105
109
|
}
|
|
106
110
|
declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
107
111
|
|
|
112
|
+
interface NumberInputProps {
|
|
113
|
+
label?: string;
|
|
114
|
+
error?: string;
|
|
115
|
+
helperText?: string;
|
|
116
|
+
value?: number;
|
|
117
|
+
onChange?: (value: number | undefined) => void;
|
|
118
|
+
min?: number;
|
|
119
|
+
max?: number;
|
|
120
|
+
step?: number;
|
|
121
|
+
precision?: number;
|
|
122
|
+
disabled?: boolean;
|
|
123
|
+
hideControls?: boolean;
|
|
124
|
+
size?: 'sm' | 'md' | 'lg';
|
|
125
|
+
fullWidth?: boolean;
|
|
126
|
+
placeholder?: string;
|
|
127
|
+
className?: string;
|
|
128
|
+
}
|
|
129
|
+
declare const NumberInput: React.FC<NumberInputProps>;
|
|
130
|
+
|
|
108
131
|
type ActionMenuItem = {
|
|
109
132
|
type?: 'item';
|
|
110
133
|
label: string;
|
|
@@ -204,12 +227,19 @@ interface PaginationProps {
|
|
|
204
227
|
}
|
|
205
228
|
declare const Pagination: React.FC<PaginationProps>;
|
|
206
229
|
|
|
207
|
-
interface DatePickerProps
|
|
230
|
+
interface DatePickerProps {
|
|
208
231
|
label?: string;
|
|
209
232
|
error?: string;
|
|
210
233
|
helperText?: string;
|
|
234
|
+
value?: Date;
|
|
235
|
+
onChange?: (date: Date) => void;
|
|
236
|
+
minDate?: Date;
|
|
237
|
+
maxDate?: Date;
|
|
238
|
+
disabled?: boolean;
|
|
239
|
+
className?: string;
|
|
240
|
+
placeholder?: string;
|
|
211
241
|
}
|
|
212
|
-
declare const DatePicker: React.
|
|
242
|
+
declare const DatePicker: React.FC<DatePickerProps>;
|
|
213
243
|
|
|
214
244
|
interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
215
245
|
label?: string;
|
|
@@ -218,12 +248,28 @@ interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
|
|
|
218
248
|
}
|
|
219
249
|
declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
220
250
|
|
|
221
|
-
interface DateTimePickerProps
|
|
251
|
+
interface DateTimePickerProps {
|
|
222
252
|
label?: string;
|
|
223
253
|
error?: string;
|
|
224
254
|
helperText?: string;
|
|
255
|
+
value?: Date;
|
|
256
|
+
onChange?: (date: Date) => void;
|
|
257
|
+
minDate?: Date;
|
|
258
|
+
maxDate?: Date;
|
|
259
|
+
disabled?: boolean;
|
|
260
|
+
className?: string;
|
|
261
|
+
placeholder?: string;
|
|
262
|
+
}
|
|
263
|
+
declare const DateTimePicker: React.FC<DateTimePickerProps>;
|
|
264
|
+
|
|
265
|
+
interface CalendarProps {
|
|
266
|
+
value?: Date;
|
|
267
|
+
onChange?: (date: Date) => void;
|
|
268
|
+
minDate?: Date;
|
|
269
|
+
maxDate?: Date;
|
|
270
|
+
className?: string;
|
|
225
271
|
}
|
|
226
|
-
declare const
|
|
272
|
+
declare const Calendar: React.FC<CalendarProps>;
|
|
227
273
|
|
|
228
274
|
interface RadioOption {
|
|
229
275
|
value: string;
|
|
@@ -490,4 +536,4 @@ declare const YouTubeIcon: IconComponent;
|
|
|
490
536
|
|
|
491
537
|
declare const SlackIcon: IconComponent;
|
|
492
538
|
|
|
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 };
|
|
539
|
+
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, Calendar, CalendarIcon, type CalendarProps, 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, NumberInput, type NumberInputProps, 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
|
@@ -23,6 +23,9 @@ interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'
|
|
|
23
23
|
value?: string;
|
|
24
24
|
defaultValue?: string;
|
|
25
25
|
onChange?: (value: string) => void;
|
|
26
|
+
label?: string;
|
|
27
|
+
error?: string;
|
|
28
|
+
helperText?: string;
|
|
26
29
|
}
|
|
27
30
|
declare const Select: React.FC<SelectProps>;
|
|
28
31
|
|
|
@@ -73,6 +76,7 @@ interface AppShellProps {
|
|
|
73
76
|
content: React.ReactNode;
|
|
74
77
|
width?: 'sm' | 'md' | 'lg';
|
|
75
78
|
breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
|
|
79
|
+
position?: 'side' | 'top';
|
|
76
80
|
};
|
|
77
81
|
header?: React.ReactNode;
|
|
78
82
|
navbarTitle?: string;
|
|
@@ -105,6 +109,25 @@ interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
|
|
|
105
109
|
}
|
|
106
110
|
declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
107
111
|
|
|
112
|
+
interface NumberInputProps {
|
|
113
|
+
label?: string;
|
|
114
|
+
error?: string;
|
|
115
|
+
helperText?: string;
|
|
116
|
+
value?: number;
|
|
117
|
+
onChange?: (value: number | undefined) => void;
|
|
118
|
+
min?: number;
|
|
119
|
+
max?: number;
|
|
120
|
+
step?: number;
|
|
121
|
+
precision?: number;
|
|
122
|
+
disabled?: boolean;
|
|
123
|
+
hideControls?: boolean;
|
|
124
|
+
size?: 'sm' | 'md' | 'lg';
|
|
125
|
+
fullWidth?: boolean;
|
|
126
|
+
placeholder?: string;
|
|
127
|
+
className?: string;
|
|
128
|
+
}
|
|
129
|
+
declare const NumberInput: React.FC<NumberInputProps>;
|
|
130
|
+
|
|
108
131
|
type ActionMenuItem = {
|
|
109
132
|
type?: 'item';
|
|
110
133
|
label: string;
|
|
@@ -204,12 +227,19 @@ interface PaginationProps {
|
|
|
204
227
|
}
|
|
205
228
|
declare const Pagination: React.FC<PaginationProps>;
|
|
206
229
|
|
|
207
|
-
interface DatePickerProps
|
|
230
|
+
interface DatePickerProps {
|
|
208
231
|
label?: string;
|
|
209
232
|
error?: string;
|
|
210
233
|
helperText?: string;
|
|
234
|
+
value?: Date;
|
|
235
|
+
onChange?: (date: Date) => void;
|
|
236
|
+
minDate?: Date;
|
|
237
|
+
maxDate?: Date;
|
|
238
|
+
disabled?: boolean;
|
|
239
|
+
className?: string;
|
|
240
|
+
placeholder?: string;
|
|
211
241
|
}
|
|
212
|
-
declare const DatePicker: React.
|
|
242
|
+
declare const DatePicker: React.FC<DatePickerProps>;
|
|
213
243
|
|
|
214
244
|
interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
215
245
|
label?: string;
|
|
@@ -218,12 +248,28 @@ interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
|
|
|
218
248
|
}
|
|
219
249
|
declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
220
250
|
|
|
221
|
-
interface DateTimePickerProps
|
|
251
|
+
interface DateTimePickerProps {
|
|
222
252
|
label?: string;
|
|
223
253
|
error?: string;
|
|
224
254
|
helperText?: string;
|
|
255
|
+
value?: Date;
|
|
256
|
+
onChange?: (date: Date) => void;
|
|
257
|
+
minDate?: Date;
|
|
258
|
+
maxDate?: Date;
|
|
259
|
+
disabled?: boolean;
|
|
260
|
+
className?: string;
|
|
261
|
+
placeholder?: string;
|
|
262
|
+
}
|
|
263
|
+
declare const DateTimePicker: React.FC<DateTimePickerProps>;
|
|
264
|
+
|
|
265
|
+
interface CalendarProps {
|
|
266
|
+
value?: Date;
|
|
267
|
+
onChange?: (date: Date) => void;
|
|
268
|
+
minDate?: Date;
|
|
269
|
+
maxDate?: Date;
|
|
270
|
+
className?: string;
|
|
225
271
|
}
|
|
226
|
-
declare const
|
|
272
|
+
declare const Calendar: React.FC<CalendarProps>;
|
|
227
273
|
|
|
228
274
|
interface RadioOption {
|
|
229
275
|
value: string;
|
|
@@ -490,4 +536,4 @@ declare const YouTubeIcon: IconComponent;
|
|
|
490
536
|
|
|
491
537
|
declare const SlackIcon: IconComponent;
|
|
492
538
|
|
|
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 };
|
|
539
|
+
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, Calendar, CalendarIcon, type CalendarProps, 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, NumberInput, type NumberInputProps, 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 };
|