@clasing/ui 0.1.39 → 0.1.46

package/dist/index.d.ts

@@ -40,25 +40,25 @@ export declare const Button: ForwardRefExoticComponent<IButtonProps & RefAttribu
 export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const buttonIconActiveStyles: (props?: ({
-    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
+    intent?: "fill" | "outline" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const buttonIconDisabledStyles: (props?: ({
-    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
+    intent?: "fill" | "outline" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const buttonIconLoadingStyles: (props?: ({
-    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
+    intent?: "fill" | "outline" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const buttonIconStyles: (props?: ({
-    intent?: "outline" | "fill" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
+    intent?: "fill" | "outline" | "blue-subtle" | "ghost" | "destructive" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
@@ -80,7 +80,7 @@ export declare const buttonStyles: (props?: ({
 export declare const Card: ForwardRefExoticComponent<ICardProps & RefAttributes<HTMLDivElement>>;
 
 declare const cardStyles: (props?: ({
-    intent?: "outline" | "default" | null | undefined;
+    intent?: "default" | "outline" | null | undefined;
     shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -133,6 +133,7 @@ declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<H
         name: TablerIconName;
         stroke?: number;
     } | TablerIconName;
+    iconText?: string;
     isLoading?: boolean;
     isActive?: boolean;
     notification?: boolean;
@@ -147,6 +148,8 @@ declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButton
         name: TablerIconName;
         stroke?: number;
     } | TablerIconName;
+    iconTextLeft?: string;
+    iconTextRight?: string;
     isLoading?: boolean;
 }
 
@@ -159,6 +162,8 @@ declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElem
         name: TablerIconName;
         stroke?: number;
     } | TablerIconName;
+    iconTextLeft?: string;
+    iconTextRight?: string;
     isLoading?: boolean;
 }
 
@@ -177,6 +182,7 @@ declare interface IDatepickerProps extends React.InputHTMLAttributes<HTMLInputEl
     placement?: PopoverPlacement;
     placeholder?: string;
     disabledDates?: Matcher | Matcher[] | undefined;
+    closeOnAction?: boolean;
     minDate?: Date;
     maxDate?: Date;
 }
@@ -197,7 +203,8 @@ declare interface IDateRangePickerProps extends React.InputHTMLAttributes<HTMLIn
 }
 
 declare interface IIconComponentProps {
-    iconName: TablerIconName;
+    iconName?: TablerIconName;
+    iconText?: string;
     stroke?: number;
     size?: number;
     color?: string;
@@ -205,6 +212,19 @@ declare interface IIconComponentProps {
     onClick?: () => void;
 }
 
+declare interface IInteractiveCardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof interactiveCardStyles> {
+    isActive?: boolean;
+    title?: string;
+    text?: string;
+    helperText?: string;
+    disabled?: boolean;
+    utilityBadge?: 'error' | 'warning' | 'success' | 'info';
+    badgeText?: string;
+    badgeSize?: 'xs' | 'sm' | 'md' | 'lg';
+    iconName?: TablerIconName;
+    iconText?: string;
+}
+
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 
 declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
@@ -212,13 +232,20 @@ declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement
     helperText?: string;
     error?: string;
     touched?: boolean;
-    type?: 'text' | 'textarea' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    type?: 'text' | 'textarea' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'color';
     iconName?: {
         name: TablerIconName;
         stroke?: number;
     } | TablerIconName;
 }
 
+export declare const InteractiveCard: ForwardRefExoticComponent<IInteractiveCardProps & RefAttributes<HTMLDivElement>>;
+
+declare const interactiveCardStyles: (props?: ({
+    intent?: "default" | "outline" | null | undefined;
+    shadow?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare interface IPopoverProps {
     children: default_2.ReactNode;
     trigger: JSX.Element;
@@ -281,7 +308,7 @@ declare interface OutsideClickHandlerProps {
     handler: () => void;
 }
 
-export declare const Popover: ({ children, trigger, open, placement, closeOnAction, className, }: IPopoverProps) => JSX_2.Element;
+export declare const Popover: default_2.ForwardRefExoticComponent<IPopoverProps & default_2.RefAttributes<unknown>>;
 
 declare type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-right-corner' | 'top-left-corner' | 'bottom-right-corner' | 'bottom-left-corner';