@umami/react-zen 0.168.0 → 0.171.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 +20 -19
- package/dist/index.d.mts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +2961 -2076
- package/dist/index.mjs +2038 -1153
- package/package.json +21 -21
- package/styles.css +20 -19
package/dist/index.css
CHANGED
|
@@ -3481,31 +3481,33 @@ body a.Button_button__NGQyO {
|
|
|
3481
3481
|
}
|
|
3482
3482
|
|
|
3483
3483
|
/* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
|
|
3484
|
-
.
|
|
3484
|
+
.Dialog_dialog__OWY2M {
|
|
3485
3485
|
position: relative;
|
|
3486
3486
|
outline: none;
|
|
3487
|
+
max-height: 100vh;
|
|
3488
|
+
max-width: 100vw;
|
|
3487
3489
|
overflow: auto;
|
|
3488
3490
|
}
|
|
3489
|
-
.
|
|
3491
|
+
.Dialog_title__MzNlY {
|
|
3490
3492
|
font-size: var(--font-size-5);
|
|
3491
3493
|
font-weight: 700;
|
|
3492
3494
|
margin-bottom: var(--spacing-3);
|
|
3493
3495
|
}
|
|
3494
|
-
.
|
|
3496
|
+
.Dialog_modal__ZWZjN {
|
|
3495
3497
|
padding: var(--spacing-6);
|
|
3496
3498
|
box-shadow: var(--box-shadow-4);
|
|
3497
3499
|
background: var(--background-color);
|
|
3498
3500
|
border: var(--border);
|
|
3499
3501
|
border-radius: var(--border-radius);
|
|
3500
3502
|
}
|
|
3501
|
-
.
|
|
3503
|
+
.Dialog_menu__NWYyN {
|
|
3502
3504
|
padding: var(--spacing-2);
|
|
3503
3505
|
box-shadow: var(--box-shadow-3);
|
|
3504
3506
|
background: var(--background-color);
|
|
3505
3507
|
border: var(--border);
|
|
3506
3508
|
border-radius: var(--border-radius);
|
|
3507
3509
|
}
|
|
3508
|
-
.
|
|
3510
|
+
.Dialog_sheet__MmJjY {
|
|
3509
3511
|
background: var(--background-color);
|
|
3510
3512
|
width: 100%;
|
|
3511
3513
|
height: 100%;
|
|
@@ -4192,7 +4194,7 @@ body a.Button_button__NGQyO {
|
|
|
4192
4194
|
}
|
|
4193
4195
|
|
|
4194
4196
|
/* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
|
|
4195
|
-
.
|
|
4197
|
+
.Menu_menu__MDc3M {
|
|
4196
4198
|
min-width: 200px;
|
|
4197
4199
|
border: var(--border);
|
|
4198
4200
|
border-radius: var(--border-radius);
|
|
@@ -4201,22 +4203,21 @@ body a.Button_button__NGQyO {
|
|
|
4201
4203
|
background: var(--background-color);
|
|
4202
4204
|
overflow: hidden;
|
|
4203
4205
|
}
|
|
4204
|
-
.
|
|
4206
|
+
.Menu_separator__MWI1M {
|
|
4205
4207
|
border-bottom: var(--border);
|
|
4206
4208
|
margin: var(--spacing-2) calc(-1 * var(--spacing-3));
|
|
4207
4209
|
}
|
|
4208
|
-
.
|
|
4210
|
+
.Menu_section__OTMzY:not(:last-child) {
|
|
4209
4211
|
margin-bottom: var(--spacing-4);
|
|
4210
4212
|
}
|
|
4211
|
-
.
|
|
4213
|
+
.Menu_header__YjkwY {
|
|
4212
4214
|
font-size: var(--font-size-3);
|
|
4213
4215
|
font-weight: var(--font-weight-bold);
|
|
4214
4216
|
padding: var(--padding);
|
|
4215
4217
|
}
|
|
4216
|
-
.
|
|
4218
|
+
.Menu_item__ODRkY {
|
|
4217
4219
|
display: flex;
|
|
4218
4220
|
align-items: center;
|
|
4219
|
-
justify-content: space-between;
|
|
4220
4221
|
gap: var(--gap);
|
|
4221
4222
|
font-size: var(--font-size);
|
|
4222
4223
|
color: var(--font-color);
|
|
@@ -4227,28 +4228,28 @@ body a.Button_button__NGQyO {
|
|
|
4227
4228
|
outline: none;
|
|
4228
4229
|
width: 100%;
|
|
4229
4230
|
}
|
|
4230
|
-
.
|
|
4231
|
+
.Menu_item__ODRkY[data-disabled] {
|
|
4231
4232
|
color: var(--font-color-disabled);
|
|
4232
4233
|
}
|
|
4233
|
-
.
|
|
4234
|
-
.
|
|
4234
|
+
.Menu_item__ODRkY[data-focus],
|
|
4235
|
+
.Menu_item__ODRkY[data-focus-visible] {
|
|
4235
4236
|
outline: var(--outline);
|
|
4236
4237
|
background: var(--highlight-color);
|
|
4237
4238
|
}
|
|
4238
|
-
.
|
|
4239
|
+
.Menu_item__ODRkY:hover {
|
|
4239
4240
|
background: var(--highlight-color);
|
|
4240
4241
|
}
|
|
4241
|
-
.
|
|
4242
|
+
.Menu_item__ODRkY[data-selected] {
|
|
4242
4243
|
font-weight: bold;
|
|
4243
|
-
& .
|
|
4244
|
+
& .Menu_checkmark__ZmU2Y {
|
|
4244
4245
|
display: flex;
|
|
4245
4246
|
justify-content: flex-end;
|
|
4246
4247
|
}
|
|
4247
4248
|
}
|
|
4248
|
-
.
|
|
4249
|
+
.Menu_checkmark__ZmU2Y {
|
|
4249
4250
|
display: none;
|
|
4250
4251
|
}
|
|
4251
|
-
.
|
|
4252
|
+
.Menu_hideCheckmark__NGQ4Y .Menu_checkmark__ZmU2Y {
|
|
4252
4253
|
display: none;
|
|
4253
4254
|
}
|
|
4254
4255
|
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
1
|
+
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
2
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
|
|
@@ -334,13 +334,13 @@ interface ListSectionProps extends ListBoxSectionProps<any> {
|
|
|
334
334
|
}
|
|
335
335
|
declare function ListSection({ title, className, children, ...props }: ListSectionProps): react.JSX.Element;
|
|
336
336
|
|
|
337
|
-
interface
|
|
337
|
+
interface ComboBoxProps extends ComboBoxProps$1<any> {
|
|
338
338
|
items?: any[];
|
|
339
339
|
renderEmptyState?: (props: ListBoxRenderProps) => ReactNode;
|
|
340
340
|
listProps?: ListProps;
|
|
341
341
|
popoverProps?: PopoverProps;
|
|
342
342
|
}
|
|
343
|
-
declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }:
|
|
343
|
+
declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react.JSX.Element;
|
|
344
344
|
|
|
345
345
|
interface CodeProps extends HTMLAttributes<HTMLElement> {
|
|
346
346
|
asChild?: boolean;
|
|
@@ -720,4 +720,4 @@ interface ZenProviderProps {
|
|
|
720
720
|
}
|
|
721
721
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
722
722
|
|
|
723
|
-
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, ComboBox, type
|
|
723
|
+
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, ComboBox, type ComboBoxProps, 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, FormController, type FormControllerProps, 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, NavMenuGroup, type NavMenuGroupProps, 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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
1
|
+
import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbsProps, BreadcrumbProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SelectValueRenderProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TableHeaderProps, TableBodyProps, RowProps as RowProps$1, ColumnProps as ColumnProps$1, CellProps, TabsProps, TabListProps, TabProps, TabPanelProps, ToggleButtonProps, TagGroupProps, TagProps } from 'react-aria-components';
|
|
2
2
|
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
|
|
3
3
|
import * as react from 'react';
|
|
4
4
|
import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
|
|
@@ -334,13 +334,13 @@ interface ListSectionProps extends ListBoxSectionProps<any> {
|
|
|
334
334
|
}
|
|
335
335
|
declare function ListSection({ title, className, children, ...props }: ListSectionProps): react.JSX.Element;
|
|
336
336
|
|
|
337
|
-
interface
|
|
337
|
+
interface ComboBoxProps extends ComboBoxProps$1<any> {
|
|
338
338
|
items?: any[];
|
|
339
339
|
renderEmptyState?: (props: ListBoxRenderProps) => ReactNode;
|
|
340
340
|
listProps?: ListProps;
|
|
341
341
|
popoverProps?: PopoverProps;
|
|
342
342
|
}
|
|
343
|
-
declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }:
|
|
343
|
+
declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react.JSX.Element;
|
|
344
344
|
|
|
345
345
|
interface CodeProps extends HTMLAttributes<HTMLElement> {
|
|
346
346
|
asChild?: boolean;
|
|
@@ -720,4 +720,4 @@ interface ZenProviderProps {
|
|
|
720
720
|
}
|
|
721
721
|
declare function ZenProvider({ children, ...props }: ZenProviderProps): react.JSX.Element;
|
|
722
722
|
|
|
723
|
-
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, ComboBox, type
|
|
723
|
+
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, ComboBox, type ComboBoxProps, 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, FormController, type FormControllerProps, 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, NavMenuGroup, type NavMenuGroupProps, 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 };
|