@umami/react-zen 0.91.0 → 0.93.0

package/dist/index.d.ts

@@ -273,14 +273,16 @@ 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 } from '@/lib/types';
-    interface BoxProps extends HTMLAttributes<HTMLElement> {
+    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';
+    export interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
         display?: Responsive<Display>;
         color?: FontColor;
         backgroundColor?: BackgroundColor;
         hoverColor?: HoverColor;
         hoverBackgroundColor?: HoverColor;
         hoverBorderColor?: HoverColor;
+        fillColor?: FillColor;
+        strokeColor?: StrokeColor;
         fontSize?: Responsive<FontSize>;
         fontWeight?: Responsive<FontWeight>;
         border?: Responsive<BorderPosition>;
@@ -329,9 +331,7 @@ declare module '@umami/react-zen/Box' {
         as?: string;
         asChild?: boolean;
     }
-    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 { Box };
-    export type { BoxProps };
+    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;
 }
 
 declare module '@umami/react-zen/Breadcrumbs' {
@@ -473,9 +473,9 @@ declare module '@umami/react-zen/Flexbox' {
         justifyItems?: Responsive<JustifyItems>;
         alignContent?: AlignContent;
         alignItems?: AlignItems;
-        gap?: Responsive<Spacing>;
-        gapX?: Responsive<Spacing>;
-        gapY?: Responsive<Spacing>;
+        gap?: Responsive<Spacing | true>;
+        gapX?: Responsive<Spacing | true>;
+        gapY?: Responsive<Spacing | true>;
     }
     export function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): import("react").JSX.Element;
 }
@@ -534,14 +534,16 @@ declare module '@umami/react-zen/HoverTrigger' {
 
 declare module '@umami/react-zen/Icon' {
     import { HTMLAttributes } from 'react';
+    import { FontColor } from '@/lib/types';
     export interface IconProps extends HTMLAttributes<HTMLElement> {
         size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
         variant?: 'input';
         rotate?: number;
-        strokeColor?: string;
-        fillColor?: string;
+        strokeWidth?: string;
+        strokeColor?: FontColor;
+        fillColor?: FontColor;
     }
-    export function Icon({ size, variant, rotate, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    export function Icon({ size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Icons' {
@@ -769,6 +771,7 @@ declare module '@umami/react-zen/SearchField' {
 declare module '@umami/react-zen/Select' {
     import { ReactNode } from 'react';
     import { PopoverProps, SelectProps as AriaSelectProps, SelectValueRenderProps } from 'react-aria-components';
+    import { ButtonProps } from '@umami/react-zen/Button';
     import { ListProps } from '@umami/react-zen/List';
     interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
         items?: any[];
@@ -780,6 +783,7 @@ declare module '@umami/react-zen/Select' {
         searchDelay?: number;
         onSearch?: (value: string) => void;
         onChange?: (e: any) => void;
+        buttonProps?: ButtonProps;
         listProps?: ListProps;
         popoverProps?: PopoverProps;
         renderValue?: ReactNode | ((values: SelectValueRenderProps<object> & {
@@ -905,7 +909,7 @@ declare module '@umami/react-zen/Tabs' {
 declare module '@umami/react-zen/Text' {
     import { HTMLAttributes } from 'react';
     import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, TextTransform, FontColor } from '@/lib/types';
-    export interface TextProps extends HTMLAttributes<HTMLElement> {
+    export interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
         color?: FontColor;
         size?: Responsive<FontSize>;
         spacing?: Responsive<LetterSpacing>;