@umami/react-zen 0.118.0 → 0.119.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.css +1481 -1480
- package/dist/index.d.mts +5 -38
- package/dist/index.d.ts +5 -38
- package/dist/index.js +1246 -1277
- package/dist/index.mjs +1255 -1286
- package/package.json +3 -3
- package/styles.css +1481 -1480
package/dist/index.d.mts
CHANGED
|
@@ -3,7 +3,6 @@ export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusabl
|
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
|
|
5
5
|
import { UseFormProps, SubmitHandler, UseFormReturn, RegisterOptions, FieldValues } from 'react-hook-form';
|
|
6
|
-
import * as react_icons_lib from 'react-icons/lib';
|
|
7
6
|
|
|
8
7
|
declare const Breakpoints: readonly ["", "xs", "sm", "md", "lg", "xl"];
|
|
9
8
|
type Breakpoint = (typeof Breakpoints)[number];
|
|
@@ -391,31 +390,6 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
391
390
|
}
|
|
392
391
|
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
|
|
393
392
|
|
|
394
|
-
declare const Icons: {
|
|
395
|
-
Moon: react_icons_lib.IconType;
|
|
396
|
-
Sun: react_icons_lib.IconType;
|
|
397
|
-
Alert: react_icons_lib.IconType;
|
|
398
|
-
Arrow: react_icons_lib.IconType;
|
|
399
|
-
Check: react_icons_lib.IconType;
|
|
400
|
-
Chevron: react_icons_lib.IconType;
|
|
401
|
-
Close: react_icons_lib.IconType;
|
|
402
|
-
Copy: react_icons_lib.IconType;
|
|
403
|
-
Edit: react_icons_lib.IconType;
|
|
404
|
-
ExternalLink: react_icons_lib.IconType;
|
|
405
|
-
Eye: react_icons_lib.IconType;
|
|
406
|
-
EyeSlash: react_icons_lib.IconType;
|
|
407
|
-
Info: react_icons_lib.IconType;
|
|
408
|
-
Logout: react_icons_lib.IconType;
|
|
409
|
-
MagnifyingGlass: react_icons_lib.IconType;
|
|
410
|
-
Menu: react_icons_lib.IconType;
|
|
411
|
-
Minus: react_icons_lib.IconType;
|
|
412
|
-
More: react_icons_lib.IconType;
|
|
413
|
-
PanelLeft: react_icons_lib.IconType;
|
|
414
|
-
Plus: react_icons_lib.IconType;
|
|
415
|
-
Refresh: react_icons_lib.IconType;
|
|
416
|
-
Trash: react_icons_lib.IconType;
|
|
417
|
-
};
|
|
418
|
-
|
|
419
393
|
interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
420
394
|
src: string;
|
|
421
395
|
alt?: string;
|
|
@@ -545,10 +519,11 @@ interface SearchFieldProps extends SearchFieldProps$1 {
|
|
|
545
519
|
label?: string;
|
|
546
520
|
placeholder?: string;
|
|
547
521
|
value?: string;
|
|
522
|
+
defaultValue?: string;
|
|
548
523
|
delay?: number;
|
|
549
524
|
onSearch?: (value: string) => void;
|
|
550
525
|
}
|
|
551
|
-
declare function SearchField({ label, placeholder, value, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
|
|
526
|
+
declare function SearchField({ label, placeholder, value, defaultValue, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
|
|
552
527
|
|
|
553
528
|
interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
554
529
|
items?: any[];
|
|
@@ -666,18 +641,10 @@ interface TextFieldProps extends TextFieldProps$1 {
|
|
|
666
641
|
label?: string;
|
|
667
642
|
placeholder?: string;
|
|
668
643
|
allowCopy?: boolean;
|
|
669
|
-
|
|
644
|
+
asTextArea?: boolean;
|
|
670
645
|
onChange?: (e: any) => void;
|
|
671
646
|
}
|
|
672
|
-
declare function TextField({ value, defaultValue, label, placeholder, allowCopy,
|
|
673
|
-
|
|
674
|
-
interface TextAreaProps extends TextFieldProps {
|
|
675
|
-
rows?: number;
|
|
676
|
-
cols?: number;
|
|
677
|
-
resize?: 'none' | 'vertical' | 'horizontal';
|
|
678
|
-
children?: React.ReactNode;
|
|
679
|
-
}
|
|
680
|
-
declare function TextArea({ rows, cols, resize, className, style, children, ...props }: TextAreaProps): react.JSX.Element;
|
|
647
|
+
declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
|
|
681
648
|
|
|
682
649
|
interface ThemeButtonProps extends ButtonProps {
|
|
683
650
|
defaultTheme?: string;
|
|
@@ -709,4 +676,4 @@ interface ZenProviderProps {
|
|
|
709
676
|
}
|
|
710
677
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
711
678
|
|
|
712
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps,
|
|
679
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusabl
|
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
|
|
5
5
|
import { UseFormProps, SubmitHandler, UseFormReturn, RegisterOptions, FieldValues } from 'react-hook-form';
|
|
6
|
-
import * as react_icons_lib from 'react-icons/lib';
|
|
7
6
|
|
|
8
7
|
declare const Breakpoints: readonly ["", "xs", "sm", "md", "lg", "xl"];
|
|
9
8
|
type Breakpoint = (typeof Breakpoints)[number];
|
|
@@ -391,31 +390,6 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
391
390
|
}
|
|
392
391
|
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react.JSX.Element;
|
|
393
392
|
|
|
394
|
-
declare const Icons: {
|
|
395
|
-
Moon: react_icons_lib.IconType;
|
|
396
|
-
Sun: react_icons_lib.IconType;
|
|
397
|
-
Alert: react_icons_lib.IconType;
|
|
398
|
-
Arrow: react_icons_lib.IconType;
|
|
399
|
-
Check: react_icons_lib.IconType;
|
|
400
|
-
Chevron: react_icons_lib.IconType;
|
|
401
|
-
Close: react_icons_lib.IconType;
|
|
402
|
-
Copy: react_icons_lib.IconType;
|
|
403
|
-
Edit: react_icons_lib.IconType;
|
|
404
|
-
ExternalLink: react_icons_lib.IconType;
|
|
405
|
-
Eye: react_icons_lib.IconType;
|
|
406
|
-
EyeSlash: react_icons_lib.IconType;
|
|
407
|
-
Info: react_icons_lib.IconType;
|
|
408
|
-
Logout: react_icons_lib.IconType;
|
|
409
|
-
MagnifyingGlass: react_icons_lib.IconType;
|
|
410
|
-
Menu: react_icons_lib.IconType;
|
|
411
|
-
Minus: react_icons_lib.IconType;
|
|
412
|
-
More: react_icons_lib.IconType;
|
|
413
|
-
PanelLeft: react_icons_lib.IconType;
|
|
414
|
-
Plus: react_icons_lib.IconType;
|
|
415
|
-
Refresh: react_icons_lib.IconType;
|
|
416
|
-
Trash: react_icons_lib.IconType;
|
|
417
|
-
};
|
|
418
|
-
|
|
419
393
|
interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
420
394
|
src: string;
|
|
421
395
|
alt?: string;
|
|
@@ -545,10 +519,11 @@ interface SearchFieldProps extends SearchFieldProps$1 {
|
|
|
545
519
|
label?: string;
|
|
546
520
|
placeholder?: string;
|
|
547
521
|
value?: string;
|
|
522
|
+
defaultValue?: string;
|
|
548
523
|
delay?: number;
|
|
549
524
|
onSearch?: (value: string) => void;
|
|
550
525
|
}
|
|
551
|
-
declare function SearchField({ label, placeholder, value, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
|
|
526
|
+
declare function SearchField({ label, placeholder, value, defaultValue, delay, onSearch, className, ...props }: SearchFieldProps): react.JSX.Element;
|
|
552
527
|
|
|
553
528
|
interface SelectProps extends SelectProps$1<HTMLSelectElement> {
|
|
554
529
|
items?: any[];
|
|
@@ -666,18 +641,10 @@ interface TextFieldProps extends TextFieldProps$1 {
|
|
|
666
641
|
label?: string;
|
|
667
642
|
placeholder?: string;
|
|
668
643
|
allowCopy?: boolean;
|
|
669
|
-
|
|
644
|
+
asTextArea?: boolean;
|
|
670
645
|
onChange?: (e: any) => void;
|
|
671
646
|
}
|
|
672
|
-
declare function TextField({ value, defaultValue, label, placeholder, allowCopy,
|
|
673
|
-
|
|
674
|
-
interface TextAreaProps extends TextFieldProps {
|
|
675
|
-
rows?: number;
|
|
676
|
-
cols?: number;
|
|
677
|
-
resize?: 'none' | 'vertical' | 'horizontal';
|
|
678
|
-
children?: React.ReactNode;
|
|
679
|
-
}
|
|
680
|
-
declare function TextArea({ rows, cols, resize, className, style, children, ...props }: TextAreaProps): react.JSX.Element;
|
|
647
|
+
declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react.JSX.Element;
|
|
681
648
|
|
|
682
649
|
interface ThemeButtonProps extends ButtonProps {
|
|
683
650
|
defaultTheme?: string;
|
|
@@ -709,4 +676,4 @@ interface ZenProviderProps {
|
|
|
709
676
|
}
|
|
710
677
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
711
678
|
|
|
712
|
-
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps,
|
|
679
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|