cekat-ui 1.3.3 → 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;
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;