@zohodesk/components 1.0.0-temp-205 → 1.0.0-temp-206

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 (94) hide show
  1. package/.cli/PropUnificationExcludeFilesArray.js +230 -230
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +0 -4
  5. package/css_error.log +1 -1
  6. package/es/AppContainer/AppContainer.js +1 -0
  7. package/es/Avatar/Avatar.js +9 -9
  8. package/es/Avatar/Avatar.module.css +2 -2
  9. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  10. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  11. package/es/Button/css/Button.module.css +6 -22
  12. package/es/Buttongroup/Buttongroup.module.css +1 -1
  13. package/es/DateTime/DateTime.module.css +8 -11
  14. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +9 -24
  15. package/es/DropBox/css/DropBox.module.css +1 -1
  16. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  17. package/es/ListItem/ListItemWithAvatar.js +9 -5
  18. package/es/ListItem/props/defaultProps.js +1 -0
  19. package/es/ListItem/props/propTypes.js +4 -1
  20. package/es/MultiSelect/Suggestions.js +2 -0
  21. package/es/MultiSelect/props/propTypes.js +1 -0
  22. package/es/Radio/Radio.js +2 -3
  23. package/es/Radio/Radio.module.css +1 -2
  24. package/es/Radio/props/propTypes.js +1 -2
  25. package/es/Ribbon/Ribbon.module.css +6 -6
  26. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  27. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  28. package/es/Switch/Switch.module.css +1 -2
  29. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  30. package/es/Tab/Tabs.js +124 -20
  31. package/es/Tab/Tabs.module.css +32 -1
  32. package/es/Tab/props/defaultProps.js +3 -1
  33. package/es/Tab/props/propTypes.js +6 -1
  34. package/es/Tag/Tag.js +4 -2
  35. package/es/Tag/props/propTypes.js +2 -1
  36. package/es/Tooltip/Tooltip.module.css +0 -3
  37. package/es/v1/AppContainer/AppContainer.js +1 -0
  38. package/es/v1/Avatar/Avatar.js +5 -5
  39. package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
  40. package/es/v1/Button/Button.js +4 -4
  41. package/es/v1/Card/Card.js +4 -4
  42. package/es/v1/ListItem/ListItemWithAvatar.js +9 -5
  43. package/es/v1/ListItem/props/defaultProps.js +1 -0
  44. package/es/v1/ListItem/props/propTypes.js +4 -1
  45. package/es/v1/MultiSelect/Suggestions.js +2 -0
  46. package/es/v1/MultiSelect/props/propTypes.js +1 -0
  47. package/es/v1/Tab/v1Tabs.module.css +3 -3
  48. package/lib/AppContainer/AppContainer.js +2 -0
  49. package/lib/Avatar/Avatar.js +9 -9
  50. package/lib/Avatar/Avatar.module.css +2 -2
  51. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
  52. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -705
  53. package/lib/Button/css/Button.module.css +6 -22
  54. package/lib/Buttongroup/Buttongroup.module.css +1 -1
  55. package/lib/DateTime/DateTime.module.css +8 -11
  56. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +9 -24
  57. package/lib/DropBox/css/DropBox.module.css +1 -1
  58. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
  59. package/lib/ListItem/ListItemWithAvatar.js +9 -5
  60. package/lib/ListItem/props/defaultProps.js +1 -0
  61. package/lib/ListItem/props/propTypes.js +4 -2
  62. package/lib/MultiSelect/Suggestions.js +2 -0
  63. package/lib/MultiSelect/props/propTypes.js +1 -0
  64. package/lib/Radio/Radio.js +2 -3
  65. package/lib/Radio/Radio.module.css +1 -2
  66. package/lib/Radio/props/propTypes.js +1 -2
  67. package/lib/Ribbon/Ribbon.module.css +6 -6
  68. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
  69. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
  70. package/lib/Switch/Switch.module.css +1 -2
  71. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
  72. package/lib/Tab/Tabs.js +125 -27
  73. package/lib/Tab/Tabs.module.css +32 -1
  74. package/lib/Tab/props/defaultProps.js +3 -1
  75. package/lib/Tab/props/propTypes.js +6 -1
  76. package/lib/Tag/Tag.js +4 -2
  77. package/lib/Tag/props/propTypes.js +2 -1
  78. package/lib/Tooltip/Tooltip.module.css +0 -3
  79. package/lib/v1/AppContainer/AppContainer.js +2 -0
  80. package/lib/v1/Avatar/Avatar.js +5 -5
  81. package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
  82. package/lib/v1/Button/Button.js +4 -4
  83. package/lib/v1/Card/Card.js +4 -4
  84. package/lib/v1/ListItem/ListItemWithAvatar.js +9 -5
  85. package/lib/v1/ListItem/props/defaultProps.js +1 -0
  86. package/lib/v1/ListItem/props/propTypes.js +4 -2
  87. package/lib/v1/MultiSelect/Suggestions.js +2 -0
  88. package/lib/v1/MultiSelect/props/propTypes.js +1 -0
  89. package/lib/v1/Tab/v1Tabs.module.css +3 -3
  90. package/package.json +12 -16
  91. package/propValidationArg.json +11 -11
  92. package/result.json +1 -1
  93. /package/es/{deprecated → common}/boxShadow.module.css +0 -0
  94. /package/lib/{deprecated → common}/boxShadow.module.css +0 -0
package/es/Label/__tests__/__snapshots__/Label.spec.js.snap CHANGED
@@ -1,312 +1,312 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Label rendering the Id 1`] = `
4
- <DocumentFragment>
5
- <label
6
- class="label title medium default font_default
7
- cursor "
8
- data-id="label"
9
- data-selector-id="label"
10
- data-test-id="label"
11
- id="LabelID"
12
- >
13
- Label
14
- </label>
15
- </DocumentFragment>
16
- `;
17
-
18
- exports[`Label rendering the clipped is true 1`] = `
19
- <DocumentFragment>
20
- <label
21
- class="label title medium default font_default
22
- dotted cursor "
23
- data-id="label"
24
- data-selector-id="label"
25
- data-test-id="label"
26
- >
27
- Label
28
- </label>
29
- </DocumentFragment>
30
- `;
31
-
32
- exports[`Label rendering the customClass 1`] = `
33
- <DocumentFragment>
34
- <label
35
- class="label title medium default font_default
36
- cursor LabelCustomClass "
37
- data-id="label"
38
- data-selector-id="label"
39
- data-test-id="label"
40
- >
41
- Label
42
- </label>
43
- </DocumentFragment>
44
- `;
45
-
46
- exports[`Label rendering the defult props 1`] = `
47
- <DocumentFragment>
48
- <label
49
- class="label title medium default font_default
50
- cursor "
51
- data-id="label"
52
- data-selector-id="label"
53
- data-test-id="label"
54
- >
55
- Label
56
- </label>
57
- </DocumentFragment>
58
- `;
59
-
60
- exports[`Label rendering the htmlFor 1`] = `
61
- <DocumentFragment>
62
- <label
63
- class="label title medium default font_default
64
- cursor "
65
- data-id="label"
66
- data-selector-id="label"
67
- data-test-id="label"
68
- for="LabelHtmlFor"
69
- >
70
- Label
71
- </label>
72
- </DocumentFragment>
73
- `;
74
-
75
- exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
76
- <DocumentFragment>
77
- <label
78
- class="label title medium default font_default
79
- pointer "
80
- data-id="label"
81
- data-selector-id="label"
82
- data-test-id="label"
83
- >
84
- Click Me
85
- </label>
86
- </DocumentFragment>
87
- `;
88
-
89
- exports[`Label rendering the palette of- danger 1`] = `
90
- <DocumentFragment>
91
- <label
92
- class="label title medium danger font_default
93
- cursor "
94
- data-id="label"
95
- data-selector-id="label"
96
- data-test-id="label"
97
- >
98
- Label
99
- </label>
100
- </DocumentFragment>
101
- `;
102
-
103
- exports[`Label rendering the palette of- dark 1`] = `
104
- <DocumentFragment>
105
- <label
106
- class="label title medium dark font_default
107
- cursor "
108
- data-id="label"
109
- data-selector-id="label"
110
- data-test-id="label"
111
- >
112
- Label
113
- </label>
114
- </DocumentFragment>
115
- `;
116
-
117
- exports[`Label rendering the palette of- default 1`] = `
118
- <DocumentFragment>
119
- <label
120
- class="label title medium default font_default
121
- cursor "
122
- data-id="label"
123
- data-selector-id="label"
124
- data-test-id="label"
125
- >
126
- Label
127
- </label>
128
- </DocumentFragment>
129
- `;
130
-
131
- exports[`Label rendering the palette of- disable 1`] = `
132
- <DocumentFragment>
133
- <label
134
- class="label title medium disable font_default
135
- cursor "
136
- data-id="label"
137
- data-selector-id="label"
138
- data-test-id="label"
139
- >
140
- Label
141
- </label>
142
- </DocumentFragment>
143
- `;
144
-
145
- exports[`Label rendering the palette of- mandatory 1`] = `
146
- <DocumentFragment>
147
- <label
148
- class="label title medium mandatory font_default
149
- cursor "
150
- data-id="label"
151
- data-selector-id="label"
152
- data-test-id="label"
153
- >
154
- Label
155
- </label>
156
- </DocumentFragment>
157
- `;
158
-
159
- exports[`Label rendering the palette of- primary 1`] = `
160
- <DocumentFragment>
161
- <label
162
- class="label title medium primary font_default
163
- cursor "
164
- data-id="label"
165
- data-selector-id="label"
166
- data-test-id="label"
167
- >
168
- Label
169
- </label>
170
- </DocumentFragment>
171
- `;
172
-
173
- exports[`Label rendering the palette of- secondary 1`] = `
174
- <DocumentFragment>
175
- <label
176
- class="label title medium secondary font_default
177
- cursor "
178
- data-id="label"
179
- data-selector-id="label"
180
- data-test-id="label"
181
- >
182
- Label
183
- </label>
184
- </DocumentFragment>
185
- `;
186
-
187
- exports[`Label rendering the size of- large 1`] = `
188
- <DocumentFragment>
189
- <label
190
- class="label title large default font_default
191
- cursor "
192
- data-id="label"
193
- data-selector-id="label"
194
- data-test-id="label"
195
- >
196
- Label
197
- </label>
198
- </DocumentFragment>
199
- `;
200
-
201
- exports[`Label rendering the size of- medium 1`] = `
202
- <DocumentFragment>
203
- <label
204
- class="label title medium default font_default
205
- cursor "
206
- data-id="label"
207
- data-selector-id="label"
208
- data-test-id="label"
209
- >
210
- Label
211
- </label>
212
- </DocumentFragment>
213
- `;
214
-
215
- exports[`Label rendering the size of- small 1`] = `
216
- <DocumentFragment>
217
- <label
218
- class="label title small default font_default
219
- cursor "
220
- data-id="label"
221
- data-selector-id="label"
222
- data-test-id="label"
223
- >
224
- Label
225
- </label>
226
- </DocumentFragment>
227
- `;
228
-
229
- exports[`Label rendering the size of- xsmall 1`] = `
230
- <DocumentFragment>
231
- <label
232
- class="label title xsmall default font_default
233
- cursor "
234
- data-id="label"
235
- data-selector-id="label"
236
- data-test-id="label"
237
- >
238
- Label
239
- </label>
240
- </DocumentFragment>
241
- `;
242
-
243
- exports[`Label rendering the title 1`] = `
244
- <DocumentFragment>
245
- <label
246
- class="label title medium default font_default
247
- cursor "
248
- data-id="label"
249
- data-selector-id="label"
250
- data-test-id="label"
251
- data-title="labelTitle"
252
- >
253
- Label
254
- </label>
255
- </DocumentFragment>
256
- `;
257
-
258
- exports[`Label rendering the type of- subtitle 1`] = `
259
- <DocumentFragment>
260
- <label
261
- class="label subtitle medium default font_default
262
- cursor "
263
- data-id="label"
264
- data-selector-id="label"
265
- data-test-id="label"
266
- >
267
- Label
268
- </label>
269
- </DocumentFragment>
270
- `;
271
-
272
- exports[`Label rendering the type of- title 1`] = `
273
- <DocumentFragment>
274
- <label
275
- class="label title medium default font_default
276
- cursor "
277
- data-id="label"
278
- data-selector-id="label"
279
- data-test-id="label"
280
- >
281
- Label
282
- </label>
283
- </DocumentFragment>
284
- `;
285
-
286
- exports[`Label rendering the variant of- default 1`] = `
287
- <DocumentFragment>
288
- <label
289
- class="label title medium default font_default
290
- cursor "
291
- data-id="label"
292
- data-selector-id="label"
293
- data-test-id="label"
294
- >
295
- Label
296
- </label>
297
- </DocumentFragment>
298
- `;
299
-
300
- exports[`Label rendering the variant of- primary 1`] = `
301
- <DocumentFragment>
302
- <label
303
- class="label title medium default font_primary
304
- cursor "
305
- data-id="label"
306
- data-selector-id="label"
307
- data-test-id="label"
308
- >
309
- Label
310
- </label>
311
- </DocumentFragment>
312
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Label rendering the Id 1`] = `
4
+ <DocumentFragment>
5
+ <label
6
+ class="label title medium default font_default
7
+ cursor "
8
+ data-id="label"
9
+ data-selector-id="label"
10
+ data-test-id="label"
11
+ id="LabelID"
12
+ >
13
+ Label
14
+ </label>
15
+ </DocumentFragment>
16
+ `;
17
+
18
+ exports[`Label rendering the clipped is true 1`] = `
19
+ <DocumentFragment>
20
+ <label
21
+ class="label title medium default font_default
22
+ dotted cursor "
23
+ data-id="label"
24
+ data-selector-id="label"
25
+ data-test-id="label"
26
+ >
27
+ Label
28
+ </label>
29
+ </DocumentFragment>
30
+ `;
31
+
32
+ exports[`Label rendering the customClass 1`] = `
33
+ <DocumentFragment>
34
+ <label
35
+ class="label title medium default font_default
36
+ cursor LabelCustomClass "
37
+ data-id="label"
38
+ data-selector-id="label"
39
+ data-test-id="label"
40
+ >
41
+ Label
42
+ </label>
43
+ </DocumentFragment>
44
+ `;
45
+
46
+ exports[`Label rendering the defult props 1`] = `
47
+ <DocumentFragment>
48
+ <label
49
+ class="label title medium default font_default
50
+ cursor "
51
+ data-id="label"
52
+ data-selector-id="label"
53
+ data-test-id="label"
54
+ >
55
+ Label
56
+ </label>
57
+ </DocumentFragment>
58
+ `;
59
+
60
+ exports[`Label rendering the htmlFor 1`] = `
61
+ <DocumentFragment>
62
+ <label
63
+ class="label title medium default font_default
64
+ cursor "
65
+ data-id="label"
66
+ data-selector-id="label"
67
+ data-test-id="label"
68
+ for="LabelHtmlFor"
69
+ >
70
+ Label
71
+ </label>
72
+ </DocumentFragment>
73
+ `;
74
+
75
+ exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
76
+ <DocumentFragment>
77
+ <label
78
+ class="label title medium default font_default
79
+ pointer "
80
+ data-id="label"
81
+ data-selector-id="label"
82
+ data-test-id="label"
83
+ >
84
+ Click Me
85
+ </label>
86
+ </DocumentFragment>
87
+ `;
88
+
89
+ exports[`Label rendering the palette of- danger 1`] = `
90
+ <DocumentFragment>
91
+ <label
92
+ class="label title medium danger font_default
93
+ cursor "
94
+ data-id="label"
95
+ data-selector-id="label"
96
+ data-test-id="label"
97
+ >
98
+ Label
99
+ </label>
100
+ </DocumentFragment>
101
+ `;
102
+
103
+ exports[`Label rendering the palette of- dark 1`] = `
104
+ <DocumentFragment>
105
+ <label
106
+ class="label title medium dark font_default
107
+ cursor "
108
+ data-id="label"
109
+ data-selector-id="label"
110
+ data-test-id="label"
111
+ >
112
+ Label
113
+ </label>
114
+ </DocumentFragment>
115
+ `;
116
+
117
+ exports[`Label rendering the palette of- default 1`] = `
118
+ <DocumentFragment>
119
+ <label
120
+ class="label title medium default font_default
121
+ cursor "
122
+ data-id="label"
123
+ data-selector-id="label"
124
+ data-test-id="label"
125
+ >
126
+ Label
127
+ </label>
128
+ </DocumentFragment>
129
+ `;
130
+
131
+ exports[`Label rendering the palette of- disable 1`] = `
132
+ <DocumentFragment>
133
+ <label
134
+ class="label title medium disable font_default
135
+ cursor "
136
+ data-id="label"
137
+ data-selector-id="label"
138
+ data-test-id="label"
139
+ >
140
+ Label
141
+ </label>
142
+ </DocumentFragment>
143
+ `;
144
+
145
+ exports[`Label rendering the palette of- mandatory 1`] = `
146
+ <DocumentFragment>
147
+ <label
148
+ class="label title medium mandatory font_default
149
+ cursor "
150
+ data-id="label"
151
+ data-selector-id="label"
152
+ data-test-id="label"
153
+ >
154
+ Label
155
+ </label>
156
+ </DocumentFragment>
157
+ `;
158
+
159
+ exports[`Label rendering the palette of- primary 1`] = `
160
+ <DocumentFragment>
161
+ <label
162
+ class="label title medium primary font_default
163
+ cursor "
164
+ data-id="label"
165
+ data-selector-id="label"
166
+ data-test-id="label"
167
+ >
168
+ Label
169
+ </label>
170
+ </DocumentFragment>
171
+ `;
172
+
173
+ exports[`Label rendering the palette of- secondary 1`] = `
174
+ <DocumentFragment>
175
+ <label
176
+ class="label title medium secondary font_default
177
+ cursor "
178
+ data-id="label"
179
+ data-selector-id="label"
180
+ data-test-id="label"
181
+ >
182
+ Label
183
+ </label>
184
+ </DocumentFragment>
185
+ `;
186
+
187
+ exports[`Label rendering the size of- large 1`] = `
188
+ <DocumentFragment>
189
+ <label
190
+ class="label title large default font_default
191
+ cursor "
192
+ data-id="label"
193
+ data-selector-id="label"
194
+ data-test-id="label"
195
+ >
196
+ Label
197
+ </label>
198
+ </DocumentFragment>
199
+ `;
200
+
201
+ exports[`Label rendering the size of- medium 1`] = `
202
+ <DocumentFragment>
203
+ <label
204
+ class="label title medium default font_default
205
+ cursor "
206
+ data-id="label"
207
+ data-selector-id="label"
208
+ data-test-id="label"
209
+ >
210
+ Label
211
+ </label>
212
+ </DocumentFragment>
213
+ `;
214
+
215
+ exports[`Label rendering the size of- small 1`] = `
216
+ <DocumentFragment>
217
+ <label
218
+ class="label title small default font_default
219
+ cursor "
220
+ data-id="label"
221
+ data-selector-id="label"
222
+ data-test-id="label"
223
+ >
224
+ Label
225
+ </label>
226
+ </DocumentFragment>
227
+ `;
228
+
229
+ exports[`Label rendering the size of- xsmall 1`] = `
230
+ <DocumentFragment>
231
+ <label
232
+ class="label title xsmall default font_default
233
+ cursor "
234
+ data-id="label"
235
+ data-selector-id="label"
236
+ data-test-id="label"
237
+ >
238
+ Label
239
+ </label>
240
+ </DocumentFragment>
241
+ `;
242
+
243
+ exports[`Label rendering the title 1`] = `
244
+ <DocumentFragment>
245
+ <label
246
+ class="label title medium default font_default
247
+ cursor "
248
+ data-id="label"
249
+ data-selector-id="label"
250
+ data-test-id="label"
251
+ data-title="labelTitle"
252
+ >
253
+ Label
254
+ </label>
255
+ </DocumentFragment>
256
+ `;
257
+
258
+ exports[`Label rendering the type of- subtitle 1`] = `
259
+ <DocumentFragment>
260
+ <label
261
+ class="label subtitle medium default font_default
262
+ cursor "
263
+ data-id="label"
264
+ data-selector-id="label"
265
+ data-test-id="label"
266
+ >
267
+ Label
268
+ </label>
269
+ </DocumentFragment>
270
+ `;
271
+
272
+ exports[`Label rendering the type of- title 1`] = `
273
+ <DocumentFragment>
274
+ <label
275
+ class="label title medium default font_default
276
+ cursor "
277
+ data-id="label"
278
+ data-selector-id="label"
279
+ data-test-id="label"
280
+ >
281
+ Label
282
+ </label>
283
+ </DocumentFragment>
284
+ `;
285
+
286
+ exports[`Label rendering the variant of- default 1`] = `
287
+ <DocumentFragment>
288
+ <label
289
+ class="label title medium default font_default
290
+ cursor "
291
+ data-id="label"
292
+ data-selector-id="label"
293
+ data-test-id="label"
294
+ >
295
+ Label
296
+ </label>
297
+ </DocumentFragment>
298
+ `;
299
+
300
+ exports[`Label rendering the variant of- primary 1`] = `
301
+ <DocumentFragment>
302
+ <label
303
+ class="label title medium default font_primary
304
+ cursor "
305
+ data-id="label"
306
+ data-selector-id="label"
307
+ data-test-id="label"
308
+ >
309
+ Label
310
+ </label>
311
+ </DocumentFragment>
312
+ `;
package/es/ListItem/ListItemWithAvatar.js CHANGED
@@ -74,7 +74,9 @@ export default class ListItemWithAvatar extends React.PureComponent {
74
74
  a11y,
75
75
  customClass,
76
76
  customProps,
77
- needMultiLineText
77
+ needMultiLineText,
78
+ onAvatarClick,
79
+ avatarSize
78
80
  } = this.props;
79
81
  let {
80
82
  ListItemProps = {},
@@ -119,7 +121,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
119
121
  className: style.leftAvatar
120
122
  }, isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, {
121
123
  name: name,
122
- size: "small",
124
+ size: avatarSize,
123
125
  src: imgSrc,
124
126
  needTitle: needAvatarTitle,
125
127
  textPalette: isDarkPalette ? 'white' : '',
@@ -127,16 +129,18 @@ export default class ListItemWithAvatar extends React.PureComponent {
127
129
  customClass: {
128
130
  customAvatar: customAvatar,
129
131
  customAvatarTeam: customAvatarTeam
130
- }
132
+ },
133
+ onClick: onAvatarClick
131
134
  }) : /*#__PURE__*/React.createElement(Avatar, {
132
135
  name: name,
133
- size: "small",
136
+ size: avatarSize,
134
137
  src: imgSrc,
135
138
  initial: initial,
136
139
  textPalette: isDarkPalette ? 'white' : '',
137
140
  needTitle: needAvatarTitle,
138
141
  palette: isDarkPalette ? 'info' : avatarPalette,
139
- customClass: customAvatar
142
+ customClass: customAvatar,
143
+ onClick: onAvatarClick
140
144
  })) : null, value ? /*#__PURE__*/React.createElement(Box, {
141
145
  flexible: true,
142
146
  shrink: true,
package/es/ListItem/props/defaultProps.js CHANGED
@@ -39,6 +39,7 @@ export const ListItemWithAvatarDefaultProps = {
39
39
  needTick: false,
40
40
  palette: 'default',
41
41
  size: 'medium',
42
+ avatarSize: 'small',
42
43
  value: 'List',
43
44
  dataId: 'listAvatar',
44
45
  needBorder: true,