@clasing/ui 0.1.58 → 0.1.60

package/dist/index.d.ts

@@ -30,7 +30,7 @@ export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttribute
 
 declare const badgeStyles: (props?: ({
     utility?: "error" | "warning" | "success" | "info" | null | undefined;
-    intent?: "neutral" | "brand" | "brand-subtle" | "blue" | "blue-subtle" | "yellow" | "yellow-subtle" | null | undefined;
+    intent?: "neutral" | "brand" | "brand-subtle" | "brand-bolder" | "blue" | "blue-subtle" | "blue-bolder" | "yellow" | "yellow-subtle" | "yellow-bolder" | "violet-subtle" | "violet" | "violet-bolder" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     weight?: "bold" | "light" | "regular" | "semibold" | null | undefined;
     rounded?: "rectangle" | "full" | null | undefined;
@@ -117,14 +117,17 @@ export declare const Datepicker: ForwardRefExoticComponent<IDatepickerProps & Re
 
 export declare const DateRangePicker: ForwardRefExoticComponent<IDateRangePickerProps & RefAttributes<HTMLInputElement>>;
 
-export declare const DayTimePicker: ({ availableHours, excludeHours, onSelectionChange, locale, intervalMinutes, singleSelection, singleSelectionPerDay, }: DayTimePickerProps) => JSX_2.Element;
+export declare const DayTimePicker: ({ availableHours, excludeHours, disabledDays, onSelectionChange, locale, intervalMinutes, singleSelection, singleSelectionPerDay, }: DayTimePickerProps) => JSX_2.Element;
 
 declare interface DayTimePickerProps {
     availableHours?: {
         start: string;
         end: string;
     };
-    excludeHours?: string[];
+    excludeHours?: {
+        [key: string]: string[];
+    };
+    disabledDays?: string[];
     onSelectionChange?: (selectedTimes: {
         [key: string]: string[];
     }) => void;
@@ -283,12 +286,14 @@ declare interface IInteractiveCardProps extends React.HTMLAttributes<HTMLDivElem
     text?: string;
     helperText?: string;
     disabled?: boolean;
-    utilityBadge?: 'error' | 'warning' | 'success' | 'info';
+    utilityBadge?: IBadgeProps['utility'];
+    colorBadge?: IBadgeProps['intent'];
     badgeText?: string;
     badgeSize?: 'xs' | 'sm' | 'md' | 'lg';
     iconName?: TablerIconName;
     iconText?: string;
     tooltipText?: string;
+    tooltipTitle?: string;
     tooltipIconName?: TablerIconName;
     tooltipPlacement?: 'top' | 'bottom';
 }
@@ -350,16 +355,23 @@ declare interface ISpinnerProps {
     className?: string;
 }
 
+declare interface ISwitchProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof switchRootStyles> {
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+
 declare interface ITextProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof textStyles> {
-    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    as?: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
     className?: string;
 }
 
 declare interface ITooltipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tooltipStyles> {
+    title?: string;
     content: string;
 }
 
-export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, closeOnClickOutside, closeButtonAriaLabel, }: ModalProps) => ReactPortal | null;
+export declare const Modal: ({ className, children, isOpen, setIsOpen, canClose, intent, overlay, closeOnClickOutside, closeButtonAriaLabel, }: ModalProps) => ReactPortal | null;
 
 declare interface ModalProps {
     className?: string;
@@ -368,6 +380,7 @@ declare interface ModalProps {
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     canClose?: boolean;
     intent?: 'card' | 'sheet';
+    overlay?: 'blur' | 'opacity';
     closeOnClickOutside?: boolean;
     closeButtonAriaLabel?: string;
 }
@@ -404,6 +417,12 @@ export declare const Skeleton: ({ className, ...props }: ISkeletonProps) => JSX_
 
 export declare const Spinner: ({ className }: ISpinnerProps) => JSX_2.Element;
 
+export declare const Switch: ForwardRefExoticComponent<ISwitchProps & RefAttributes<HTMLButtonElement>>;
+
+declare const switchRootStyles: (props?: ({
+    switchSize?: "sm" | "md" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 declare type TablerIconName = keyof typeof TablerIcons;
 
 declare const Text_2: ({ as, intent, className, weight, ...props }: ITextProps) => JSX_2.Element;
@@ -447,7 +466,7 @@ declare const tooltipStyles: (props?: ({
     placement?: "left" | "right" | "top" | "bottom" | null | undefined;
     delay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
     closeDelay?: 0 | 200 | 75 | 100 | 150 | 300 | 500 | null | undefined;
-    rounded?: "sm" | "full" | null | undefined;
+    rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const useOutsideClick: ({ ref, handler }: OutsideClickHandlerProps) => void;