@stackone/malachite 0.25.2 → 0.26.1

package/dist/index.d.ts

@@ -60,6 +60,11 @@ declare interface BaseFormComponentProps {
     children?: default_2.ReactNode;
 }
 
+declare interface BaseSkeletonProps {
+    active?: boolean;
+    className?: string;
+}
+
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare interface ButtonDefinition {
@@ -268,7 +273,7 @@ export declare enum DividerVariant {
     Emphasis = "emphasis"
 }
 
-export declare const Dropdown: ({ items, onItemSelected, defaultValue, disabled, error, label, hint, tooltip, name, required, loading, formControl, description, helperText, placeholder, search, }: DropdownProps) => JSX_2.Element;
+export declare const Dropdown: ({ items, onItemSelected, defaultValue, disabled, error, label, hint, tooltip, name, required, loading, menuLoading, formControl, description, helperText, placeholder, search, }: DropdownProps) => JSX_2.Element;
 
 export declare interface DropdownItem {
     id: string;
@@ -285,6 +290,7 @@ export declare interface DropdownProps {
     tooltip?: string;
     name: FieldPath<FieldValues> | string;
     loading?: boolean;
+    menuLoading?: boolean;
     items: DropdownItem[];
     onItemSelected?: (id?: string) => void;
     defaultValue?: string;
@@ -617,6 +623,14 @@ export declare interface MalachiteTheme {
             pressedOpacity: string;
             activeBackground: string;
             activeForeground: string;
+            staticBackground: string;
+            staticForeground: string;
+            invertedBackground: string;
+            invertedForeground: string;
+            invertedHoverBackground: string;
+            invertedHoverForeground: string;
+            invertedPressedBackground: string;
+            invertedPressedForeground: string;
         };
         tag: {
             primary: {
@@ -734,6 +748,16 @@ declare interface MarkdownProps {
     omitMargin?: boolean;
 }
 
+export declare const OverflowRow: default_2.FC<OverflowRowProps>;
+
+declare interface OverflowRowProps {
+    children?: default_2.ReactNode;
+    gap?: number | string;
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+    className?: string;
+}
+
 export declare const Padded: default_2.FC<PaddedProps>;
 
 declare interface PaddedProps {
@@ -793,12 +817,20 @@ export declare const PillButton: default_2.FC<PillButtonProps>;
 
 declare interface PillButtonProps {
     label: string;
+    icon?: default_2.ReactNode;
     className?: string;
     selected?: boolean;
     disabled?: boolean;
+    interactive?: boolean;
+    size?: PillButtonSize;
+    variant?: PillButtonVariant;
     onClick?: () => void;
 }
 
+declare type PillButtonSize = 'small' | 'medium';
+
+declare type PillButtonVariant = 'default' | 'inverted';
+
 /**
  * Reset theme to default values
  */
@@ -834,6 +866,38 @@ declare interface ShadowEscapeProps {
     className?: string;
 }
 
+export declare const Skeleton: {
+    Button: default_2.FC<SkeletonButtonProps>;
+    Input: default_2.FC<SkeletonInputProps>;
+    Avatar: default_2.FC<SkeletonAvatarProps>;
+};
+
+declare interface SkeletonAvatarProps extends BaseSkeletonProps {
+    size?: SkeletonSize | number;
+    shape?: 'circle' | 'square';
+}
+
+declare interface SkeletonButtonProps extends BaseSkeletonProps {
+    size?: SkeletonSize;
+    shape?: SkeletonShape;
+    block?: boolean;
+    width?: number | string;
+    height?: number | string;
+    minWidth?: number | string;
+}
+
+declare interface SkeletonInputProps extends BaseSkeletonProps {
+    size?: SkeletonSize;
+    block?: boolean;
+    width?: number | string;
+    height?: number | string;
+    minWidth?: number | string;
+}
+
+declare type SkeletonShape = 'default' | 'round' | 'circle' | 'square';
+
+declare type SkeletonSize = 'small' | 'default' | 'large';
+
 export declare const Spacer: default_2.FC<SpacerProps>;
 
 declare interface SpacerProps {