@umami/react-zen 0.169.0 → 0.172.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 +21 -24
- package/dist/index.d.mts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +16273 -15622
- package/dist/index.mjs +13857 -13206
- package/package.json +22 -22
- package/styles.css +21 -24
package/dist/index.css
CHANGED
|
@@ -4194,7 +4194,7 @@ body a.Button_button__NGQyO {
|
|
|
4194
4194
|
}
|
|
4195
4195
|
|
|
4196
4196
|
/* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
|
|
4197
|
-
.
|
|
4197
|
+
.Menu_menu__MDc3M {
|
|
4198
4198
|
min-width: 200px;
|
|
4199
4199
|
border: var(--border);
|
|
4200
4200
|
border-radius: var(--border-radius);
|
|
@@ -4203,22 +4203,21 @@ body a.Button_button__NGQyO {
|
|
|
4203
4203
|
background: var(--background-color);
|
|
4204
4204
|
overflow: hidden;
|
|
4205
4205
|
}
|
|
4206
|
-
.
|
|
4206
|
+
.Menu_separator__MWI1M {
|
|
4207
4207
|
border-bottom: var(--border);
|
|
4208
4208
|
margin: var(--spacing-2) calc(-1 * var(--spacing-3));
|
|
4209
4209
|
}
|
|
4210
|
-
.
|
|
4210
|
+
.Menu_section__OTMzY:not(:last-child) {
|
|
4211
4211
|
margin-bottom: var(--spacing-4);
|
|
4212
4212
|
}
|
|
4213
|
-
.
|
|
4213
|
+
.Menu_header__YjkwY {
|
|
4214
4214
|
font-size: var(--font-size-3);
|
|
4215
4215
|
font-weight: var(--font-weight-bold);
|
|
4216
4216
|
padding: var(--padding);
|
|
4217
4217
|
}
|
|
4218
|
-
.
|
|
4218
|
+
.Menu_item__ODRkY {
|
|
4219
4219
|
display: flex;
|
|
4220
4220
|
align-items: center;
|
|
4221
|
-
justify-content: space-between;
|
|
4222
4221
|
gap: var(--gap);
|
|
4223
4222
|
font-size: var(--font-size);
|
|
4224
4223
|
color: var(--font-color);
|
|
@@ -4229,28 +4228,28 @@ body a.Button_button__NGQyO {
|
|
|
4229
4228
|
outline: none;
|
|
4230
4229
|
width: 100%;
|
|
4231
4230
|
}
|
|
4232
|
-
.
|
|
4231
|
+
.Menu_item__ODRkY[data-disabled] {
|
|
4233
4232
|
color: var(--font-color-disabled);
|
|
4234
4233
|
}
|
|
4235
|
-
.
|
|
4236
|
-
.
|
|
4234
|
+
.Menu_item__ODRkY[data-focus],
|
|
4235
|
+
.Menu_item__ODRkY[data-focus-visible] {
|
|
4237
4236
|
outline: var(--outline);
|
|
4238
4237
|
background: var(--highlight-color);
|
|
4239
4238
|
}
|
|
4240
|
-
.
|
|
4239
|
+
.Menu_item__ODRkY:hover {
|
|
4241
4240
|
background: var(--highlight-color);
|
|
4242
4241
|
}
|
|
4243
|
-
.
|
|
4242
|
+
.Menu_item__ODRkY[data-selected] {
|
|
4244
4243
|
font-weight: bold;
|
|
4245
|
-
& .
|
|
4244
|
+
& .Menu_checkmark__ZmU2Y {
|
|
4246
4245
|
display: flex;
|
|
4247
4246
|
justify-content: flex-end;
|
|
4248
4247
|
}
|
|
4249
4248
|
}
|
|
4250
|
-
.
|
|
4249
|
+
.Menu_checkmark__ZmU2Y {
|
|
4251
4250
|
display: none;
|
|
4252
4251
|
}
|
|
4253
|
-
.
|
|
4252
|
+
.Menu_hideCheckmark__NGQ4Y .Menu_checkmark__ZmU2Y {
|
|
4254
4253
|
display: none;
|
|
4255
4254
|
}
|
|
4256
4255
|
|
|
@@ -4423,12 +4422,12 @@ body a.Button_button__NGQyO {
|
|
|
4423
4422
|
}
|
|
4424
4423
|
|
|
4425
4424
|
/* virtual-css:css:0c4c35b74d5f22edf919d952c580c0e6 */
|
|
4426
|
-
.
|
|
4425
|
+
.NavMenu_navmenu__ODY4Z {
|
|
4427
4426
|
font-size: var(--font-size);
|
|
4428
4427
|
width: 100%;
|
|
4429
4428
|
gap: var(--spacing-2);
|
|
4430
4429
|
}
|
|
4431
|
-
.
|
|
4430
|
+
.NavMenu_item__YjQ5M {
|
|
4432
4431
|
gap: var(--gap);
|
|
4433
4432
|
padding: var(--padding);
|
|
4434
4433
|
border-radius: var(--border-radius);
|
|
@@ -4442,25 +4441,23 @@ body a.Button_button__NGQyO {
|
|
|
4442
4441
|
&:hover {
|
|
4443
4442
|
color: var(--font-color);
|
|
4444
4443
|
}
|
|
4445
|
-
&.
|
|
4444
|
+
&.NavMenu_selected__ZmMyY {
|
|
4446
4445
|
color: var(--font-color);
|
|
4447
4446
|
font-weight: var(--font-weight-bold);
|
|
4448
4447
|
}
|
|
4449
4448
|
}
|
|
4450
|
-
.
|
|
4449
|
+
.NavMenu_muted__ZDhjZ .NavMenu_item__YjQ5M {
|
|
4451
4450
|
color: var(--font-color-muted);
|
|
4452
4451
|
}
|
|
4453
|
-
.
|
|
4452
|
+
.NavMenu_muted__ZDhjZ .NavMenu_item__YjQ5M:hover {
|
|
4454
4453
|
color: var(--font-color);
|
|
4455
4454
|
}
|
|
4456
|
-
.
|
|
4455
|
+
.NavMenu_muted__ZDhjZ .NavMenu_item__YjQ5M.NavMenu_selected__ZmMyY {
|
|
4457
4456
|
color: var(--font-color);
|
|
4458
4457
|
}
|
|
4459
|
-
.
|
|
4460
|
-
color: var(--font-color
|
|
4461
|
-
font-size: var(--font-size-1);
|
|
4458
|
+
.NavMenu_title__M2FiN {
|
|
4459
|
+
color: var(--font-color);
|
|
4462
4460
|
font-weight: var(--font-weight-bold);
|
|
4463
|
-
text-transform: uppercase;
|
|
4464
4461
|
}
|
|
4465
4462
|
|
|
4466
4463
|
/* virtual-css:css:f94974973c639ccc39a8a6465cbebeb2 */
|
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 };
|