@clasing/ui 0.1.45 → 0.1.48

package/dist/index.d.ts

@@ -93,6 +93,14 @@ declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputEleme
     touched?: boolean;
 }
 
+export declare const Chip: ForwardRefExoticComponent<IChipProps & RefAttributes<HTMLButtonElement>>;
+
+export declare const chipStyles: (props?: ({
+    intent?: "error" | "disabled" | "selected" | "unselected" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Datepicker: ForwardRefExoticComponent<IDatepickerProps & RefAttributes<HTMLInputElement>>;
 
 export declare const DateRangePicker: ForwardRefExoticComponent<IDateRangePickerProps & RefAttributes<HTMLInputElement>>;
@@ -110,7 +118,12 @@ declare interface DropdownSelectProps<T extends string | number | readonly strin
     error?: string;
     touched?: boolean;
     iconName?: TablerIconName;
+    placement?: PopoverPlacement;
     placeholder?: string;
+    canSearch?: boolean;
+    searchPlaceholder?: string;
+    canSelectAll?: boolean;
+    selectAllLabel?: string;
     options?: DropdownOption<T>[];
     value?: T;
     onChange?: (value: T | null) => void;
@@ -170,6 +183,18 @@ declare interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElem
 declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardStyles> {
 }
 
+declare interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipStyles> {
+    iconLeft?: {
+        name: TablerIconName;
+        stroke?: number;
+    } | TablerIconName;
+    iconRight?: {
+        name: TablerIconName;
+        stroke?: number;
+    } | TablerIconName;
+    notification?: boolean;
+}
+
 export declare const IconComponent: ForwardRefExoticComponent<IIconComponentProps & RefAttributes<SVGSVGElement>>;
 
 declare interface IDatepickerProps extends React.InputHTMLAttributes<HTMLInputElement> {
@@ -232,7 +257,7 @@ 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;
@@ -253,6 +278,8 @@ declare interface IPopoverProps {
     placement?: PopoverPlacement;
     closeOnAction?: boolean;
     className?: string;
+    onMouseDown?: (e: default_2.MouseEvent) => void;
+    onMouseUp?: (e: default_2.MouseEvent) => void;
 }
 
 declare interface IProgressBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressBarStyles> {
@@ -273,6 +300,9 @@ declare interface ISelectableChipsProps {
     touched?: boolean;
 }
 
+declare interface ISkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+
 declare interface ISpinnerProps {
     className?: string;
 }
@@ -324,6 +354,8 @@ declare const progressBarStyles: (props?: ({
 
 export declare const SelectableChips: ({ id, label, options, multiple, selectedOptions, setSelectedOptions, className, disabled, helperText, error, touched, }: ISelectableChipsProps) => JSX_2.Element | null;
 
+export declare const Skeleton: ({ className, ...props }: ISkeletonProps) => JSX_2.Element;
+
 export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
 
 declare type TablerIconName = keyof typeof TablerIcons;