@umami/react-zen 0.61.0 → 0.63.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 +932 -890
- package/dist/index.d.ts +28 -13
- package/dist/index.js +4556 -4339
- package/dist/index.mjs +3599 -3382
- package/package.json +9 -7
- package/styles.css +935 -899
package/dist/index.d.ts
CHANGED
|
@@ -5,9 +5,10 @@
|
|
|
5
5
|
// ../../react-hook-form
|
|
6
6
|
// ../../@/lib/types
|
|
7
7
|
// ../../@/components/toast/Toaster
|
|
8
|
+
// ../../@/components/Block
|
|
8
9
|
|
|
9
10
|
declare module '@umami/react-zen' {
|
|
10
|
-
import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
|
|
11
|
+
import { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger, RouterProvider } from 'react-aria-components';
|
|
11
12
|
import { Form } from '@umami/react-zen/forms/Form';
|
|
12
13
|
import { FormButtons } from '@umami/react-zen/forms/FormButtons';
|
|
13
14
|
import { FormField } from '@umami/react-zen/forms/FormField';
|
|
@@ -22,6 +23,7 @@ declare module '@umami/react-zen' {
|
|
|
22
23
|
import { Accordion, AccordionItem } from '@umami/react-zen/Accordion';
|
|
23
24
|
import { AlertBanner } from '@umami/react-zen/AlertBanner';
|
|
24
25
|
import { AlertDialog } from '@umami/react-zen/AlertDialog';
|
|
26
|
+
import { Block } from '@umami/react-zen/Block';
|
|
25
27
|
import { Blockquote } from '@umami/react-zen/Blockquote';
|
|
26
28
|
import { Box } from '@umami/react-zen/Box';
|
|
27
29
|
import { Breadcrumbs, Breadcrumb } from '@umami/react-zen/Breadcrumbs';
|
|
@@ -75,7 +77,7 @@ declare module '@umami/react-zen' {
|
|
|
75
77
|
import { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
|
|
76
78
|
import { Tooltip } from '@umami/react-zen/Tooltip';
|
|
77
79
|
import { ZenProvider } from '@umami/react-zen/ZenProvider';
|
|
78
|
-
export {
|
|
80
|
+
export { useDebounce, useTheme, useToast, Accordion, AccordionItem, AlertBanner, AlertDialog, Block, Blockquote, Box, Breadcrumb, Breadcrumbs, Button, Calendar, Checkbox, Code, Column, Combobox, Container, ConfirmationDialog, DataTable, DataColumn, Dialog, DialogTrigger, Dots, FileTrigger, Flexbox, Form, FormButtons, FormField, FormResetButton, FormSubmitButton, Grid, NavBar, NavBarItem, Heading, HoverTrigger, Icon, Icons, Image, InlineEditField, Label, List, ListItem, ListSection, ListSeparator, Loading, LoadingButton, Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, Modal, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, Row, RouterProvider, SearchField, Select, SideNav, SideNavHeader, SideNavItem, SideNavSection, Slider, Slot, Spinner, StatusLight, SubmenuTrigger, Switch, Table, TableHeader, TableBody, TableRow, TableColumn, TableCell, Tab, Tabs, TabList, TabPanel, Text, TextField, TextArea, ThemeButton, Toast, Toaster, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipTrigger, ZenProvider, };
|
|
79
81
|
}
|
|
80
82
|
|
|
81
83
|
declare module '@umami/react-zen/forms/Form' {
|
|
@@ -257,6 +259,14 @@ declare module '@umami/react-zen/AlertDialog' {
|
|
|
257
259
|
export type { AlertDialogProps };
|
|
258
260
|
}
|
|
259
261
|
|
|
262
|
+
declare module '@umami/react-zen/Block' {
|
|
263
|
+
import { HTMLAttributes } from 'react';
|
|
264
|
+
export interface BlockProps extends HTMLAttributes<HTMLDivElement> {
|
|
265
|
+
asChild?: boolean;
|
|
266
|
+
}
|
|
267
|
+
export function Block({ asChild, className, children, ...props }: BlockProps): import("react").JSX.Element;
|
|
268
|
+
}
|
|
269
|
+
|
|
260
270
|
declare module '@umami/react-zen/Blockquote' {
|
|
261
271
|
import { HTMLAttributes } from 'react';
|
|
262
272
|
import { FontWeight, Responsive, TextWrap } from '@/lib/types';
|
|
@@ -445,6 +455,7 @@ declare module '@umami/react-zen/DataTable' {
|
|
|
445
455
|
}
|
|
446
456
|
function DataColumn(props: DataColumnProps): null;
|
|
447
457
|
export { DataTable, DataColumn };
|
|
458
|
+
export type { DataTableProps, DataColumnProps };
|
|
448
459
|
}
|
|
449
460
|
|
|
450
461
|
declare module '@umami/react-zen/Dots' {
|
|
@@ -551,6 +562,7 @@ declare module '@umami/react-zen/Icons' {
|
|
|
551
562
|
Menu: import("react-icons/lib").IconType;
|
|
552
563
|
Minus: import("react-icons/lib").IconType;
|
|
553
564
|
More: import("react-icons/lib").IconType;
|
|
565
|
+
PanelLeft: import("react-icons/lib").IconType;
|
|
554
566
|
Plus: import("react-icons/lib").IconType;
|
|
555
567
|
Refresh: import("react-icons/lib").IconType;
|
|
556
568
|
Trash: import("react-icons/lib").IconType;
|
|
@@ -769,24 +781,26 @@ declare module '@umami/react-zen/Select' {
|
|
|
769
781
|
}
|
|
770
782
|
|
|
771
783
|
declare module '@umami/react-zen/SideNav' {
|
|
772
|
-
import
|
|
773
|
-
|
|
784
|
+
import { ReactNode } from 'react';
|
|
785
|
+
import { BlockProps } from '@/components/Block';
|
|
786
|
+
export interface SideNavProps {
|
|
787
|
+
isCollapsed?: boolean;
|
|
774
788
|
children: ReactNode;
|
|
775
|
-
}
|
|
789
|
+
}
|
|
790
|
+
export function SideNav({ isCollapsed, children }: SideNavProps): import("react").JSX.Element;
|
|
776
791
|
export function SideNavHeader({ name, icon, children, }: {
|
|
777
792
|
name: string;
|
|
778
793
|
icon?: ReactNode;
|
|
779
794
|
children?: ReactNode;
|
|
780
|
-
}):
|
|
795
|
+
}): import("react").JSX.Element;
|
|
781
796
|
export function SideNavSection({ title, children }: {
|
|
782
797
|
title?: string;
|
|
783
798
|
children: ReactNode;
|
|
784
|
-
}):
|
|
785
|
-
export function SideNavItem({ label, icon,
|
|
786
|
-
label
|
|
787
|
-
icon
|
|
788
|
-
|
|
789
|
-
}): React.JSX.Element;
|
|
799
|
+
}): import("react").JSX.Element;
|
|
800
|
+
export function SideNavItem({ label, icon, className, ...props }: {
|
|
801
|
+
label?: string;
|
|
802
|
+
icon?: ReactNode;
|
|
803
|
+
} & BlockProps): import("react").JSX.Element;
|
|
790
804
|
}
|
|
791
805
|
|
|
792
806
|
declare module '@umami/react-zen/Slider' {
|
|
@@ -871,7 +885,7 @@ declare module '@umami/react-zen/Tabs' {
|
|
|
871
885
|
|
|
872
886
|
declare module '@umami/react-zen/Text' {
|
|
873
887
|
import { HTMLAttributes } from 'react';
|
|
874
|
-
import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, FontColor } from '@/lib/types';
|
|
888
|
+
import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, TextTransform, FontColor } from '@/lib/types';
|
|
875
889
|
export interface TextProps extends HTMLAttributes<HTMLElement> {
|
|
876
890
|
color?: FontColor;
|
|
877
891
|
size?: Responsive<FontSize>;
|
|
@@ -879,6 +893,7 @@ declare module '@umami/react-zen/Text' {
|
|
|
879
893
|
weight?: Responsive<FontWeight>;
|
|
880
894
|
align?: Responsive<TextAlign>;
|
|
881
895
|
wrap?: Responsive<TextWrap>;
|
|
896
|
+
transform?: Responsive<TextTransform>;
|
|
882
897
|
as?: 'span' | 'div' | 'label' | 'p';
|
|
883
898
|
asChild?: boolean;
|
|
884
899
|
}
|