@clasing/ui 0.1.38 → 0.1.45

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;
 }
@@ -190,13 +196,15 @@ declare interface IDateRangePickerProps extends React.InputHTMLAttributes<HTMLIn
     endDate: string;
     disabledDates?: Matcher | Matcher[] | undefined;
     locale?: 'enGB' | 'enUS' | 'es';
+    placement?: PopoverPlacement;
     placeholder?: string;
     minDate?: Date;
     maxDate?: Date;
 }
 
 declare interface IIconComponentProps {
-    iconName: TablerIconName;
+    iconName?: TablerIconName;
+    iconText?: string;
     stroke?: number;
     size?: number;
     color?: string;
@@ -204,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> {
@@ -218,6 +239,13 @@ declare interface InputProps extends React.InputHTMLAttributes<HTMLInputElement
     } | 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;
@@ -232,10 +260,17 @@ declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivEle
 }
 
 declare interface ISelectableChipsProps {
+    id?: string;
+    label?: string;
     options: Option_2[];
     multiple?: boolean;
-    selectedOptions: Option_2[];
-    setSelectedOptions: Dispatch<SetStateAction<Option_2[]>>;
+    selectedOptions: Option_2['value'] | Option_2['value'][] | undefined;
+    setSelectedOptions: Dispatch<SetStateAction<Option_2['value'] | Option_2['value'][] | undefined>>;
+    className?: string;
+    disabled?: boolean;
+    helperText?: string;
+    error?: string;
+    touched?: boolean;
 }
 
 declare interface ISpinnerProps {
@@ -273,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';
 
@@ -287,7 +322,7 @@ declare const progressBarStyles: (props?: ({
     rounded?: "sm" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const SelectableChips: ({ options, multiple, selectedOptions, setSelectedOptions, }: ISelectableChipsProps) => JSX_2.Element;
+export declare const SelectableChips: ({ id, label, options, multiple, selectedOptions, setSelectedOptions, className, disabled, helperText, error, touched, }: ISelectableChipsProps) => JSX_2.Element | null;
 
 export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;