@clasing/ui 0.1.107 → 0.1.108

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.ts +23 -19
  2. package/dist/index.es.js +2849 -2806
  3. package/dist/index.umd.js +4 -13
  4. package/dist/ui.css +1 -0
  5. package/package.json +41 -41
  6. package/dist/style.css +0 -1
  7. package/tailwind.config.js +0 -484
package/dist/index.d.ts CHANGED
@@ -30,17 +30,17 @@ export declare const Badge: ForwardRefExoticComponent<IBadgeProps & RefAttribute
30
30
 
31
31
  declare const badgeStyles: (props?: ({
32
32
  utility?: "error" | "info" | "success" | "warning" | null | undefined;
33
- intent?: "neutral" | "brand" | "brand-subtle" | "brand-bolder" | "blue" | "blue-subtle" | "blue-bolder" | "yellow" | "yellow-subtle" | "yellow-bolder" | "violet-subtle" | "violet" | "violet-bolder" | null | undefined;
33
+ intent?: "neutral" | "primary" | "yellow" | "blue" | "violet" | null | undefined;
34
34
  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
35
35
  weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
36
- rounded?: "rectangle" | "full" | null | undefined;
36
+ rounded?: "sm" | "full" | null | undefined;
37
37
  } & ClassProp) | undefined) => string;
38
38
 
39
39
  export declare const Button: ForwardRefExoticComponent<IButtonProps & RefAttributes<HTMLButtonElement>>;
40
40
 
41
41
  export declare const buttonActiveStyles: (props?: ({
42
- intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
43
- size?: "sm" | "md" | "lg" | null | undefined;
42
+ intent?: "outline" | "primary" | "secondary" | "inverse" | "ghost" | "destructive" | null | undefined;
43
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
44
44
  rounded?: "sm" | "full" | null | undefined;
45
45
  weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
46
46
  } & ClassProp) | undefined) => string;
@@ -48,20 +48,20 @@ export declare const buttonActiveStyles: (props?: ({
48
48
  export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
49
49
 
50
50
  export declare const buttonIconActiveStyles: (props?: ({
51
- intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
52
- size?: "sm" | "md" | "lg" | null | undefined;
51
+ intent?: "primary" | "destructive" | null | undefined;
52
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
53
53
  rounded?: "sm" | "full" | null | undefined;
54
54
  } & ClassProp) | undefined) => string;
55
55
 
56
56
  export declare const buttonIconLoadingStyles: (props?: ({
57
- intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
58
- size?: "sm" | "md" | "lg" | null | undefined;
57
+ intent?: "primary" | "destructive" | null | undefined;
58
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
59
59
  rounded?: "sm" | "full" | null | undefined;
60
60
  } & ClassProp) | undefined) => string;
61
61
 
62
62
  export declare const buttonIconStyles: (props?: ({
63
- intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
64
- size?: "sm" | "md" | "lg" | null | undefined;
63
+ intent?: "primary" | "destructive" | null | undefined;
64
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
65
65
  rounded?: "sm" | "full" | null | undefined;
66
66
  } & ClassProp) | undefined) => string;
67
67
 
@@ -70,19 +70,20 @@ export declare const ButtonLink: ForwardRefExoticComponent<IButtonLinkProps & Re
70
70
  export declare const buttonLinkStyles: (props?: ({
71
71
  intent?: "primary" | null | undefined;
72
72
  size?: "sm" | "md" | "lg" | null | undefined;
73
+ rounded?: "sm" | "full" | null | undefined;
73
74
  weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
74
75
  } & ClassProp) | undefined) => string;
75
76
 
76
77
  export declare const buttonLoadingStyles: (props?: ({
77
- intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
78
- size?: "sm" | "md" | "lg" | null | undefined;
78
+ intent?: "outline" | "primary" | "secondary" | "inverse" | "ghost" | "destructive" | null | undefined;
79
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
79
80
  rounded?: "sm" | "full" | null | undefined;
80
81
  weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
81
82
  } & ClassProp) | undefined) => string;
82
83
 
83
84
  export declare const buttonStyles: (props?: ({
84
- intent?: "outline" | "primary-red" | "primary-blue" | "secondary" | "ghost" | "destructive" | null | undefined;
85
- size?: "sm" | "md" | "lg" | null | undefined;
85
+ intent?: "outline" | "primary" | "secondary" | "inverse" | "ghost" | "destructive" | null | undefined;
86
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
86
87
  rounded?: "sm" | "full" | null | undefined;
87
88
  weight?: "light" | "regular" | "semibold" | "bold" | null | undefined;
88
89
  } & ClassProp) | undefined) => string;
@@ -106,7 +107,7 @@ declare interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputEleme
106
107
  touched?: boolean;
107
108
  }
108
109
 
109
- export declare const Chip: ForwardRefExoticComponent<IChipProps & RefAttributes<HTMLButtonElement>>;
110
+ export declare const Chip: default_2.ForwardRefExoticComponent<IChipProps & default_2.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
110
111
 
111
112
  export declare const chipStyles: (props?: ({
112
113
  intent?: "error" | "selected" | "unselected" | null | undefined;
@@ -202,7 +203,6 @@ declare interface IButtonIconProps extends Omit<default_2.ButtonHTMLAttributes<H
202
203
  iconText?: string;
203
204
  isLoading?: boolean;
204
205
  isActive?: boolean;
205
- notification?: boolean;
206
206
  }
207
207
 
208
208
  declare interface IButtonLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonLinkStyles> {
@@ -251,7 +251,7 @@ declare interface ICalendarProps {
251
251
  declare interface ICardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardStyles> {
252
252
  }
253
253
 
254
- declare interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof chipStyles> {
254
+ declare interface IChipProps extends VariantProps<typeof chipStyles> {
255
255
  iconLeft?: {
256
256
  name: TablerIconName;
257
257
  stroke?: string;
@@ -261,6 +261,10 @@ declare interface IChipProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
261
261
  stroke?: string;
262
262
  } | TablerIconName;
263
263
  notification?: boolean;
264
+ onClick?: () => void;
265
+ disabled?: boolean;
266
+ className?: string;
267
+ children?: default_2.ReactNode;
264
268
  }
265
269
 
266
270
  export declare const IconComponent: ForwardRefExoticComponent<IIconComponentProps & RefAttributes<SVGSVGElement>>;
@@ -432,7 +436,7 @@ declare interface ModalProps {
432
436
  setIsOpen?: default_2.Dispatch<default_2.SetStateAction<boolean>>;
433
437
  canClose?: boolean;
434
438
  intent?: 'card' | 'sheet' | 'wizard' | 'fullscreen';
435
- overlay?: 'blur' | 'opacity';
439
+ overlay?: 'blur-sm' | 'opacity';
436
440
  closeButtonAriaLabel?: string;
437
441
  closeOnClickOutside?: boolean;
438
442
  }
@@ -460,7 +464,7 @@ declare type PositionProps = 'top-left' | 'top' | 'top-right' | 'bottom-left' |
460
464
  export declare const ProgressBar: ({ progress, className, intent, size, rounded, ...props }: IProgressBarProps) => JSX.Element;
461
465
 
462
466
  declare const progressBarStyles: (props?: ({
463
- intent?: "brand" | "blue" | "yellow" | "green" | null | undefined;
467
+ intent?: "error" | "success" | "warning" | "primary" | "yellow" | "blue" | "violet" | null | undefined;
464
468
  size?: "sm" | "md" | "lg" | null | undefined;
465
469
  rounded?: "sm" | "full" | null | undefined;
466
470
  } & ClassProp) | undefined) => string;