@heroui/avatar 2.2.10 → 2.2.12
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/use-avatar.d.mts +12 -12
- package/dist/use-avatar.d.ts +12 -12
- package/package.json +7 -7
package/dist/use-avatar.d.mts
CHANGED
|
@@ -95,8 +95,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
95
95
|
size?: "sm" | "md" | "lg" | undefined;
|
|
96
96
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
97
97
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
98
|
-
isDisabled?: boolean | undefined;
|
|
99
98
|
isBordered?: boolean | undefined;
|
|
99
|
+
isDisabled?: boolean | undefined;
|
|
100
100
|
isInGroup?: boolean | undefined;
|
|
101
101
|
isInGridGroup?: boolean | undefined;
|
|
102
102
|
disableAnimation?: boolean | undefined;
|
|
@@ -105,8 +105,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
105
105
|
size?: "sm" | "md" | "lg" | undefined;
|
|
106
106
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
107
107
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
108
|
-
isDisabled?: boolean | undefined;
|
|
109
108
|
isBordered?: boolean | undefined;
|
|
109
|
+
isDisabled?: boolean | undefined;
|
|
110
110
|
isInGroup?: boolean | undefined;
|
|
111
111
|
isInGridGroup?: boolean | undefined;
|
|
112
112
|
disableAnimation?: boolean | undefined;
|
|
@@ -115,8 +115,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
115
115
|
size?: "sm" | "md" | "lg" | undefined;
|
|
116
116
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
117
117
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
118
|
-
isDisabled?: boolean | undefined;
|
|
119
118
|
isBordered?: boolean | undefined;
|
|
119
|
+
isDisabled?: boolean | undefined;
|
|
120
120
|
isInGroup?: boolean | undefined;
|
|
121
121
|
isInGridGroup?: boolean | undefined;
|
|
122
122
|
disableAnimation?: boolean | undefined;
|
|
@@ -125,8 +125,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
125
125
|
size?: "sm" | "md" | "lg" | undefined;
|
|
126
126
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
127
127
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
128
|
-
isDisabled?: boolean | undefined;
|
|
129
128
|
isBordered?: boolean | undefined;
|
|
129
|
+
isDisabled?: boolean | undefined;
|
|
130
130
|
isInGroup?: boolean | undefined;
|
|
131
131
|
isInGridGroup?: boolean | undefined;
|
|
132
132
|
disableAnimation?: boolean | undefined;
|
|
@@ -135,8 +135,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
135
135
|
size?: "sm" | "md" | "lg" | undefined;
|
|
136
136
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
137
137
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
138
|
-
isDisabled?: boolean | undefined;
|
|
139
138
|
isBordered?: boolean | undefined;
|
|
139
|
+
isDisabled?: boolean | undefined;
|
|
140
140
|
isInGroup?: boolean | undefined;
|
|
141
141
|
isInGridGroup?: boolean | undefined;
|
|
142
142
|
disableAnimation?: boolean | undefined;
|
|
@@ -146,8 +146,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
146
146
|
size?: "sm" | "md" | "lg" | undefined;
|
|
147
147
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
148
148
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
149
|
-
isDisabled?: boolean | undefined;
|
|
150
149
|
isBordered?: boolean | undefined;
|
|
150
|
+
isDisabled?: boolean | undefined;
|
|
151
151
|
isInGroup?: boolean | undefined;
|
|
152
152
|
isInGridGroup?: boolean | undefined;
|
|
153
153
|
disableAnimation?: boolean | undefined;
|
|
@@ -156,8 +156,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
156
156
|
size?: "sm" | "md" | "lg" | undefined;
|
|
157
157
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
158
158
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
159
|
-
isDisabled?: boolean | undefined;
|
|
160
159
|
isBordered?: boolean | undefined;
|
|
160
|
+
isDisabled?: boolean | undefined;
|
|
161
161
|
isInGroup?: boolean | undefined;
|
|
162
162
|
isInGridGroup?: boolean | undefined;
|
|
163
163
|
disableAnimation?: boolean | undefined;
|
|
@@ -166,8 +166,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
166
166
|
size?: "sm" | "md" | "lg" | undefined;
|
|
167
167
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
168
168
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
169
|
-
isDisabled?: boolean | undefined;
|
|
170
169
|
isBordered?: boolean | undefined;
|
|
170
|
+
isDisabled?: boolean | undefined;
|
|
171
171
|
isInGroup?: boolean | undefined;
|
|
172
172
|
isInGridGroup?: boolean | undefined;
|
|
173
173
|
disableAnimation?: boolean | undefined;
|
|
@@ -176,8 +176,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
176
176
|
size?: "sm" | "md" | "lg" | undefined;
|
|
177
177
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
178
178
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
179
|
-
isDisabled?: boolean | undefined;
|
|
180
179
|
isBordered?: boolean | undefined;
|
|
180
|
+
isDisabled?: boolean | undefined;
|
|
181
181
|
isInGroup?: boolean | undefined;
|
|
182
182
|
isInGridGroup?: boolean | undefined;
|
|
183
183
|
disableAnimation?: boolean | undefined;
|
|
@@ -186,19 +186,19 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
186
186
|
size?: "sm" | "md" | "lg" | undefined;
|
|
187
187
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
188
188
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
189
|
-
isDisabled?: boolean | undefined;
|
|
190
189
|
isBordered?: boolean | undefined;
|
|
190
|
+
isDisabled?: boolean | undefined;
|
|
191
191
|
isInGroup?: boolean | undefined;
|
|
192
192
|
isInGridGroup?: boolean | undefined;
|
|
193
193
|
disableAnimation?: boolean | undefined;
|
|
194
194
|
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
195
195
|
} & {};
|
|
196
|
-
classNames: SlotsToClasses<"
|
|
196
|
+
classNames: SlotsToClasses<"name" | "base" | "img" | "icon" | "fallback"> | undefined;
|
|
197
197
|
fallback: react.ReactNode;
|
|
198
198
|
isImgLoaded: boolean;
|
|
199
199
|
showFallback: boolean;
|
|
200
200
|
ignoreFallback: boolean;
|
|
201
|
-
getInitials: (
|
|
201
|
+
getInitials: (text: string) => string;
|
|
202
202
|
getAvatarProps: PropGetter;
|
|
203
203
|
getImageProps: PropGetter;
|
|
204
204
|
};
|
package/dist/use-avatar.d.ts
CHANGED
|
@@ -95,8 +95,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
95
95
|
size?: "sm" | "md" | "lg" | undefined;
|
|
96
96
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
97
97
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
98
|
-
isDisabled?: boolean | undefined;
|
|
99
98
|
isBordered?: boolean | undefined;
|
|
99
|
+
isDisabled?: boolean | undefined;
|
|
100
100
|
isInGroup?: boolean | undefined;
|
|
101
101
|
isInGridGroup?: boolean | undefined;
|
|
102
102
|
disableAnimation?: boolean | undefined;
|
|
@@ -105,8 +105,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
105
105
|
size?: "sm" | "md" | "lg" | undefined;
|
|
106
106
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
107
107
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
108
|
-
isDisabled?: boolean | undefined;
|
|
109
108
|
isBordered?: boolean | undefined;
|
|
109
|
+
isDisabled?: boolean | undefined;
|
|
110
110
|
isInGroup?: boolean | undefined;
|
|
111
111
|
isInGridGroup?: boolean | undefined;
|
|
112
112
|
disableAnimation?: boolean | undefined;
|
|
@@ -115,8 +115,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
115
115
|
size?: "sm" | "md" | "lg" | undefined;
|
|
116
116
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
117
117
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
118
|
-
isDisabled?: boolean | undefined;
|
|
119
118
|
isBordered?: boolean | undefined;
|
|
119
|
+
isDisabled?: boolean | undefined;
|
|
120
120
|
isInGroup?: boolean | undefined;
|
|
121
121
|
isInGridGroup?: boolean | undefined;
|
|
122
122
|
disableAnimation?: boolean | undefined;
|
|
@@ -125,8 +125,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
125
125
|
size?: "sm" | "md" | "lg" | undefined;
|
|
126
126
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
127
127
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
128
|
-
isDisabled?: boolean | undefined;
|
|
129
128
|
isBordered?: boolean | undefined;
|
|
129
|
+
isDisabled?: boolean | undefined;
|
|
130
130
|
isInGroup?: boolean | undefined;
|
|
131
131
|
isInGridGroup?: boolean | undefined;
|
|
132
132
|
disableAnimation?: boolean | undefined;
|
|
@@ -135,8 +135,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
135
135
|
size?: "sm" | "md" | "lg" | undefined;
|
|
136
136
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
137
137
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
138
|
-
isDisabled?: boolean | undefined;
|
|
139
138
|
isBordered?: boolean | undefined;
|
|
139
|
+
isDisabled?: boolean | undefined;
|
|
140
140
|
isInGroup?: boolean | undefined;
|
|
141
141
|
isInGridGroup?: boolean | undefined;
|
|
142
142
|
disableAnimation?: boolean | undefined;
|
|
@@ -146,8 +146,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
146
146
|
size?: "sm" | "md" | "lg" | undefined;
|
|
147
147
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
148
148
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
149
|
-
isDisabled?: boolean | undefined;
|
|
150
149
|
isBordered?: boolean | undefined;
|
|
150
|
+
isDisabled?: boolean | undefined;
|
|
151
151
|
isInGroup?: boolean | undefined;
|
|
152
152
|
isInGridGroup?: boolean | undefined;
|
|
153
153
|
disableAnimation?: boolean | undefined;
|
|
@@ -156,8 +156,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
156
156
|
size?: "sm" | "md" | "lg" | undefined;
|
|
157
157
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
158
158
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
159
|
-
isDisabled?: boolean | undefined;
|
|
160
159
|
isBordered?: boolean | undefined;
|
|
160
|
+
isDisabled?: boolean | undefined;
|
|
161
161
|
isInGroup?: boolean | undefined;
|
|
162
162
|
isInGridGroup?: boolean | undefined;
|
|
163
163
|
disableAnimation?: boolean | undefined;
|
|
@@ -166,8 +166,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
166
166
|
size?: "sm" | "md" | "lg" | undefined;
|
|
167
167
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
168
168
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
169
|
-
isDisabled?: boolean | undefined;
|
|
170
169
|
isBordered?: boolean | undefined;
|
|
170
|
+
isDisabled?: boolean | undefined;
|
|
171
171
|
isInGroup?: boolean | undefined;
|
|
172
172
|
isInGridGroup?: boolean | undefined;
|
|
173
173
|
disableAnimation?: boolean | undefined;
|
|
@@ -176,8 +176,8 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
176
176
|
size?: "sm" | "md" | "lg" | undefined;
|
|
177
177
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
178
178
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
179
|
-
isDisabled?: boolean | undefined;
|
|
180
179
|
isBordered?: boolean | undefined;
|
|
180
|
+
isDisabled?: boolean | undefined;
|
|
181
181
|
isInGroup?: boolean | undefined;
|
|
182
182
|
isInGridGroup?: boolean | undefined;
|
|
183
183
|
disableAnimation?: boolean | undefined;
|
|
@@ -186,19 +186,19 @@ declare function useAvatar(originalProps?: UseAvatarProps): {
|
|
|
186
186
|
size?: "sm" | "md" | "lg" | undefined;
|
|
187
187
|
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
|
|
188
188
|
radius?: "sm" | "md" | "lg" | "full" | "none" | undefined;
|
|
189
|
-
isDisabled?: boolean | undefined;
|
|
190
189
|
isBordered?: boolean | undefined;
|
|
190
|
+
isDisabled?: boolean | undefined;
|
|
191
191
|
isInGroup?: boolean | undefined;
|
|
192
192
|
isInGridGroup?: boolean | undefined;
|
|
193
193
|
disableAnimation?: boolean | undefined;
|
|
194
194
|
} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string;
|
|
195
195
|
} & {};
|
|
196
|
-
classNames: SlotsToClasses<"
|
|
196
|
+
classNames: SlotsToClasses<"name" | "base" | "img" | "icon" | "fallback"> | undefined;
|
|
197
197
|
fallback: react.ReactNode;
|
|
198
198
|
isImgLoaded: boolean;
|
|
199
199
|
showFallback: boolean;
|
|
200
200
|
ignoreFallback: boolean;
|
|
201
|
-
getInitials: (
|
|
201
|
+
getInitials: (text: string) => string;
|
|
202
202
|
getAvatarProps: PropGetter;
|
|
203
203
|
getImageProps: PropGetter;
|
|
204
204
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@heroui/avatar",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.12",
|
|
4
4
|
"description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"avatar"
|
|
@@ -31,12 +31,12 @@
|
|
|
31
31
|
"@heroui/system": ">=2.4.7"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@react-aria/interactions": "3.
|
|
35
|
-
"@react-aria/focus": "3.
|
|
36
|
-
"@react-aria/utils": "3.
|
|
37
|
-
"@heroui/shared-utils": "2.1.
|
|
38
|
-
"@heroui/react-utils": "2.1.
|
|
39
|
-
"@heroui/use-image": "2.1.
|
|
34
|
+
"@react-aria/interactions": "3.24.0",
|
|
35
|
+
"@react-aria/focus": "3.20.0",
|
|
36
|
+
"@react-aria/utils": "3.28.0",
|
|
37
|
+
"@heroui/shared-utils": "2.1.7",
|
|
38
|
+
"@heroui/react-utils": "2.1.8",
|
|
39
|
+
"@heroui/use-image": "2.1.7"
|
|
40
40
|
},
|
|
41
41
|
"clean-package": "../../../clean-package.config.json",
|
|
42
42
|
"module": "dist/index.mjs",
|