@umami/react-zen 0.97.0 → 0.99.0

package/dist/index.d.ts

@@ -54,7 +54,7 @@ declare module '@umami/react-zen' {
     export { LoadingButton } from '@umami/react-zen/LoadingButton';
     export { Menu, MenuItem, MenuSection, MenuSeparator } from '@umami/react-zen/Menu';
     export { Modal } from '@umami/react-zen/Modal';
-    export { NavBar, NavBarItem } from '@umami/react-zen/NavBar';
+    export { Navbar, NavbarItem } from '@umami/react-zen/Navbar';
     export { PasswordField } from '@umami/react-zen/PasswordField';
     export { Popover } from '@umami/react-zen/Popover';
     export { ProgressBar } from '@umami/react-zen/ProgressBar';
@@ -63,7 +63,7 @@ declare module '@umami/react-zen' {
     export { Row } from '@umami/react-zen/Row';
     export { SearchField } from '@umami/react-zen/SearchField';
     export { Select } from '@umami/react-zen/Select';
-    export { SideNav, SideNavHeader, SideNavItem, SideNavSection } from '@umami/react-zen/SideNav';
+    export { Sidebar, SidebarHeader, SidebarItem, SidebarSection } from '@umami/react-zen/Sidebar';
     export { Slider } from '@umami/react-zen/Slider';
     export { Slot } from '@umami/react-zen/Slot';
     export { Spinner } from '@umami/react-zen/Spinner';
@@ -271,7 +271,7 @@ declare module '@umami/react-zen/Blockquote' {
 
 declare module '@umami/react-zen/Box' {
     import { HTMLAttributes } from 'react';
-    import { BackgroundColor, BorderColor, BorderPosition, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, FontColor, FontSize, FontWeight, Padding, HoverColor, FillColor, StrokeColor } from '@/lib/types';
+    import { BackgroundColor, BorderColor, BorderPosition, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, FontColor, FontSize, FontWeight, Padding, HoverColor } from '@/lib/types';
     export interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
         display?: Responsive<Display>;
         color?: FontColor;
@@ -279,8 +279,6 @@ declare module '@umami/react-zen/Box' {
         hoverColor?: HoverColor;
         hoverBackgroundColor?: HoverColor;
         hoverBorderColor?: HoverColor;
-        fillColor?: FillColor;
-        strokeColor?: StrokeColor;
         fontSize?: Responsive<FontSize>;
         fontWeight?: Responsive<FontWeight>;
         border?: Responsive<BorderPosition>;
@@ -329,7 +327,7 @@ declare module '@umami/react-zen/Box' {
         as?: string;
         asChild?: boolean;
     }
-    export function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, overflow, overflowX, overflowY, width, minWidth, maxWidth, height, minHeight, maxHeight, position, align, top, right, bottom, left, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): import("react").JSX.Element;
+    export function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, width, minWidth, maxWidth, height, minHeight, maxHeight, position, align, top, right, bottom, left, overflow, overflowX, overflowY, alignSelf, justifySelf, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Breadcrumbs' {
@@ -615,8 +613,9 @@ declare module '@umami/react-zen/List' {
         idProperty?: string;
         labelProperty?: string;
         separatorProperty?: string;
+        variant?: '1' | '2' | '3';
     }
-    export function List({ items, idProperty, labelProperty, separatorProperty, className, children, ...props }: ListProps): import("react").JSX.Element;
+    export function List({ items, idProperty, labelProperty, separatorProperty, variant, className, children, ...props }: ListProps): import("react").JSX.Element;
     export function ListItem({ id, children, className, ...props }: ListBoxItemProps<any>): import("react").JSX.Element;
     export function ListSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
     export function ListSection({ title, className, children, ...props }: ListBoxSectionProps<any> & {
@@ -678,24 +677,22 @@ declare module '@umami/react-zen/Modal' {
     export type { ModalProps };
 }
 
-declare module '@umami/react-zen/NavBar' {
-    import { HTMLAttributes, ReactNode, Dispatch, SetStateAction } from 'react';
-    type NavigationContext = {
-        activeMenu: string;
-        setActiveMenu: Dispatch<SetStateAction<string>>;
-    };
-    export const NavBarContext: import("react").Context<NavigationContext | undefined>;
-    export interface NavBarProps extends HTMLAttributes<HTMLElement> {
-        showArrow?: boolean;
-    }
-    export function NavBar({ showArrow, className, children, ...props }: NavBarProps): import("react").JSX.Element;
-    export interface NavBarItemProps extends HTMLAttributes<HTMLElement> {
-        label?: string;
-        children?: ReactNode;
-    }
-    export function NavBarItem({ label, children, className, ...props }: NavBarItemProps): import("react").JSX.Element;
-    export {};
+import { HTMLAttributes, ReactNode, Dispatch, SetStateAction } from 'react';
+type NavigationContext = {
+    activeMenu: string;
+    setActiveMenu: Dispatch<SetStateAction<string>>;
+};
+export declare const NavbarContext: import("react").Context<NavigationContext | undefined>;
+export interface NavbarProps extends HTMLAttributes<HTMLElement> {
+    showArrow?: boolean;
+}
+export declare function Navbar({ showArrow, className, children, ...props }: NavbarProps): import("react").JSX.Element;
+export interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
+    label?: string;
+    children?: ReactNode;
 }
+export declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): import("react").JSX.Element;
+export {};
 
 declare module '@umami/react-zen/PasswordField' {
     import { TextFieldProps } from 'react-aria-components';
@@ -794,34 +791,34 @@ declare module '@umami/react-zen/Select' {
     export type { SelectProps };
 }
 
-declare module '@umami/react-zen/SideNav' {
+declare module '@umami/react-zen/Sidebar' {
     import { ReactNode } from 'react';
     import { ColumnProps } from '@/components/Column';
     import { RowProps } from '@/components/Row';
-    export interface SideNavProps extends ColumnProps {
+    export interface SidebarProps extends ColumnProps {
         variant?: '1' | '2' | '3' | 'quiet';
         isCollapsed?: boolean;
         muteItems?: boolean;
         showBorder?: boolean;
         children?: ReactNode;
     }
-    export function SideNav({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SideNavProps): import("react").JSX.Element;
-    export function SideNavSection({ title, children, }: {
+    export function Sidebar({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SidebarProps): import("react").JSX.Element;
+    export function SidebarSection({ title, children, }: {
         title?: string;
         children: ReactNode;
     } & ColumnProps): import("react").JSX.Element;
-    export function SideNavHeader({ label, icon, className, children, ...props }: {
+    export function SidebarHeader({ label, icon, className, children, ...props }: {
         label: string;
         icon?: ReactNode;
         children?: ReactNode;
     } & RowProps): import("react").JSX.Element;
-    export interface SideNavItemProps extends RowProps {
+    export interface SidebarItemProps extends RowProps {
         isSelected?: boolean;
     }
-    export function SideNavItem({ label, icon, isSelected, className, children, ...props }: {
+    export function SidebarItem({ label, icon, isSelected, className, children, ...props }: {
         label?: string;
         icon?: ReactNode;
-    } & SideNavItemProps): import("react").JSX.Element;
+    } & SidebarItemProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Slider' {