@umami/react-zen 0.127.0 → 0.129.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 +14 -6
- package/dist/index.d.ts +14 -6
- package/dist/index.js +594 -336
- package/dist/index.mjs +594 -336
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -152,6 +152,14 @@ interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseForm
|
|
|
152
152
|
}
|
|
153
153
|
declare function FormField({ name, description, label, rules, className, children, ...props }: FormFieldProps): react.JSX.Element;
|
|
154
154
|
|
|
155
|
+
interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
156
|
+
name: string;
|
|
157
|
+
description?: string;
|
|
158
|
+
label?: string;
|
|
159
|
+
children: (props: any) => ReactNode;
|
|
160
|
+
}
|
|
161
|
+
declare function FormFieldArray({ name, description, label, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
|
|
162
|
+
|
|
155
163
|
interface ButtonProps extends ButtonProps$1 {
|
|
156
164
|
variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
|
|
157
165
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -311,7 +319,7 @@ interface ContainerProps extends BoxProps {
|
|
|
311
319
|
declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react.JSX.Element;
|
|
312
320
|
|
|
313
321
|
interface ConfirmationDialogProps extends AlertDialogProps {
|
|
314
|
-
value
|
|
322
|
+
value: string;
|
|
315
323
|
confirmMessage?: ReactNode;
|
|
316
324
|
}
|
|
317
325
|
declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): react.JSX.Element;
|
|
@@ -502,14 +510,14 @@ declare function PasswordField({ label, className, ...props }: PasswordFieldProp
|
|
|
502
510
|
declare function Popover({ children, className, ...props }: PopoverProps): react.JSX.Element;
|
|
503
511
|
|
|
504
512
|
interface ProgressBarProps extends ProgressBarProps$1 {
|
|
505
|
-
|
|
513
|
+
showPercentage?: boolean;
|
|
506
514
|
}
|
|
507
|
-
declare function ProgressBar({ className,
|
|
515
|
+
declare function ProgressBar({ className, showPercentage, ...props }: ProgressBarProps): react.JSX.Element;
|
|
508
516
|
|
|
509
517
|
interface ProgressCircleProps extends ProgressBarProps$1 {
|
|
510
|
-
|
|
518
|
+
showPercentage?: boolean;
|
|
511
519
|
}
|
|
512
|
-
declare function ProgressCircle({ className,
|
|
520
|
+
declare function ProgressCircle({ className, showPercentage, ...props }: ProgressCircleProps): react.JSX.Element;
|
|
513
521
|
|
|
514
522
|
interface RadioGroupProps extends RadioGroupProps$1 {
|
|
515
523
|
label?: string;
|
|
@@ -680,4 +688,4 @@ interface ZenProviderProps {
|
|
|
680
688
|
}
|
|
681
689
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
682
690
|
|
|
683
|
-
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 };
|
|
691
|
+
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, FormFieldArray, type FormFieldArrayProps, 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
|
@@ -152,6 +152,14 @@ interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseForm
|
|
|
152
152
|
}
|
|
153
153
|
declare function FormField({ name, description, label, rules, className, children, ...props }: FormFieldProps): react.JSX.Element;
|
|
154
154
|
|
|
155
|
+
interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
156
|
+
name: string;
|
|
157
|
+
description?: string;
|
|
158
|
+
label?: string;
|
|
159
|
+
children: (props: any) => ReactNode;
|
|
160
|
+
}
|
|
161
|
+
declare function FormFieldArray({ name, description, label, className, children, ...props }: FormFieldArrayProps): react.JSX.Element;
|
|
162
|
+
|
|
155
163
|
interface ButtonProps extends ButtonProps$1 {
|
|
156
164
|
variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
|
|
157
165
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -311,7 +319,7 @@ interface ContainerProps extends BoxProps {
|
|
|
311
319
|
declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react.JSX.Element;
|
|
312
320
|
|
|
313
321
|
interface ConfirmationDialogProps extends AlertDialogProps {
|
|
314
|
-
value
|
|
322
|
+
value: string;
|
|
315
323
|
confirmMessage?: ReactNode;
|
|
316
324
|
}
|
|
317
325
|
declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): react.JSX.Element;
|
|
@@ -502,14 +510,14 @@ declare function PasswordField({ label, className, ...props }: PasswordFieldProp
|
|
|
502
510
|
declare function Popover({ children, className, ...props }: PopoverProps): react.JSX.Element;
|
|
503
511
|
|
|
504
512
|
interface ProgressBarProps extends ProgressBarProps$1 {
|
|
505
|
-
|
|
513
|
+
showPercentage?: boolean;
|
|
506
514
|
}
|
|
507
|
-
declare function ProgressBar({ className,
|
|
515
|
+
declare function ProgressBar({ className, showPercentage, ...props }: ProgressBarProps): react.JSX.Element;
|
|
508
516
|
|
|
509
517
|
interface ProgressCircleProps extends ProgressBarProps$1 {
|
|
510
|
-
|
|
518
|
+
showPercentage?: boolean;
|
|
511
519
|
}
|
|
512
|
-
declare function ProgressCircle({ className,
|
|
520
|
+
declare function ProgressCircle({ className, showPercentage, ...props }: ProgressCircleProps): react.JSX.Element;
|
|
513
521
|
|
|
514
522
|
interface RadioGroupProps extends RadioGroupProps$1 {
|
|
515
523
|
label?: string;
|
|
@@ -680,4 +688,4 @@ interface ZenProviderProps {
|
|
|
680
688
|
}
|
|
681
689
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
682
690
|
|
|
683
|
-
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 };
|
|
691
|
+
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, FormFieldArray, type FormFieldArrayProps, 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 };
|