cekat-ui 1.3.2 → 1.3.4

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.
package/dist/index.d.mts CHANGED
@@ -66,10 +66,15 @@ export declare interface AlertProps extends Omit<React_2.HTMLAttributes<HTMLDivE
66
66
  }
67
67
 
68
68
  export declare const Avatar: {
69
- ({ src, alt, initials, size, status, statusIcon, contrastBorder, className, }: AvatarProps): JSX_2.Element;
69
+ ({ src, alt, initials, size, color, status, statusIcon, contrastBorder, className, }: AvatarProps): JSX_2.Element;
70
70
  displayName: string;
71
71
  };
72
72
 
73
+ /** `gray` (default): light-50/light-500, for avatars on a plain surface. All other colors render
74
+ * a solid `{color}-500` background with white text/icon, for avatars sitting on a colored or
75
+ * photo surface (e.g. a profile banner) where gray wouldn't have enough contrast. */
76
+ declare type AvatarColor = 'brand' | 'gray' | 'error' | 'warning' | 'success';
77
+
73
78
  export declare const AvatarGroup: {
74
79
  ({ avatars, max, size, onAdd, className }: AvatarGroupProps): JSX_2.Element;
75
80
  displayName: string;
@@ -139,6 +144,7 @@ export declare interface AvatarProps {
139
144
  /** Renders centered initials instead of a photo/placeholder icon. */
140
145
  initials?: React_2.ReactNode;
141
146
  size?: AvatarSize;
147
+ color?: AvatarColor;
142
148
  status?: AvatarStatus;
143
149
  /** Custom content for the "company" status badge (e.g. a logo image). */
144
150
  statusIcon?: React_2.ReactNode;
@@ -493,7 +499,7 @@ declare interface MultiSelectOption {
493
499
  avatar?: string;
494
500
  }
495
501
 
496
- declare type NativeButtonProps = Pick<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'title' | 'value'>;
502
+ declare type NativeButtonProps = Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'style'>;
497
503
 
498
504
  export declare function PhoneInput({ size, label, required, hint, error, disabled, placeholder, rightIcon, value, onChange, className, wrapperClassName, }: PhoneInputProps): JSX_2.Element;
499
505
 
package/dist/index.d.ts CHANGED
@@ -66,10 +66,15 @@ export declare interface AlertProps extends Omit<React_2.HTMLAttributes<HTMLDivE
66
66
  }
67
67
 
68
68
  export declare const Avatar: {
69
- ({ src, alt, initials, size, status, statusIcon, contrastBorder, className, }: AvatarProps): JSX_2.Element;
69
+ ({ src, alt, initials, size, color, status, statusIcon, contrastBorder, className, }: AvatarProps): JSX_2.Element;
70
70
  displayName: string;
71
71
  };
72
72
 
73
+ /** `gray` (default): light-50/light-500, for avatars on a plain surface. All other colors render
74
+ * a solid `{color}-500` background with white text/icon, for avatars sitting on a colored or
75
+ * photo surface (e.g. a profile banner) where gray wouldn't have enough contrast. */
76
+ declare type AvatarColor = 'brand' | 'gray' | 'error' | 'warning' | 'success';
77
+
73
78
  export declare const AvatarGroup: {
74
79
  ({ avatars, max, size, onAdd, className }: AvatarGroupProps): JSX_2.Element;
75
80
  displayName: string;
@@ -139,6 +144,7 @@ export declare interface AvatarProps {
139
144
  /** Renders centered initials instead of a photo/placeholder icon. */
140
145
  initials?: React_2.ReactNode;
141
146
  size?: AvatarSize;
147
+ color?: AvatarColor;
142
148
  status?: AvatarStatus;
143
149
  /** Custom content for the "company" status badge (e.g. a logo image). */
144
150
  statusIcon?: React_2.ReactNode;
@@ -493,7 +499,7 @@ declare interface MultiSelectOption {
493
499
  avatar?: string;
494
500
  }
495
501
 
496
- declare type NativeButtonProps = Pick<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'title' | 'value'>;
502
+ declare type NativeButtonProps = Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'style'>;
497
503
 
498
504
  export declare function PhoneInput({ size, label, required, hint, error, disabled, placeholder, rightIcon, value, onChange, className, wrapperClassName, }: PhoneInputProps): JSX_2.Element;
499
505