@atlaskit/avatar-group 9.4.2 → 9.4.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.
Files changed (28) hide show
  1. package/CHANGELOG.md +66 -54
  2. package/dist/cjs/components/avatar-group-item.js +1 -2
  3. package/dist/cjs/components/avatar-group.js +3 -4
  4. package/dist/cjs/components/grid.js +4 -11
  5. package/dist/cjs/components/internal/components/focus-manager.js +2 -4
  6. package/dist/cjs/components/internal/components/popup-avatar-group.js +2 -3
  7. package/dist/cjs/components/internal/hooks/use-register-item-with-focus-manager.js +1 -2
  8. package/dist/cjs/components/more-indicator.js +1 -2
  9. package/dist/cjs/components/stack.js +1 -2
  10. package/dist/cjs/components/utils.js +2 -3
  11. package/dist/es2019/components/grid.js +3 -9
  12. package/dist/esm/components/avatar-group.js +2 -2
  13. package/dist/esm/components/grid.js +3 -9
  14. package/dist/esm/components/internal/components/popup-avatar-group.js +1 -1
  15. package/package.json +6 -7
  16. package/dist/types-ts4.5/components/avatar-group-item.d.ts +0 -12
  17. package/dist/types-ts4.5/components/avatar-group.d.ts +0 -110
  18. package/dist/types-ts4.5/components/grid.d.ts +0 -8
  19. package/dist/types-ts4.5/components/internal/components/focus-manager.d.ts +0 -21
  20. package/dist/types-ts4.5/components/internal/components/popup-avatar-group.d.ts +0 -7
  21. package/dist/types-ts4.5/components/internal/hooks/use-register-item-with-focus-manager.d.ts +0 -4
  22. package/dist/types-ts4.5/components/internal/utiles/handle-focus.d.ts +0 -2
  23. package/dist/types-ts4.5/components/more-indicator.d.ts +0 -13
  24. package/dist/types-ts4.5/components/stack.d.ts +0 -8
  25. package/dist/types-ts4.5/components/types.d.ts +0 -27
  26. package/dist/types-ts4.5/components/utils.d.ts +0 -2
  27. package/dist/types-ts4.5/index.d.ts +0 -3
  28. package/tmp/api-report-tmp.d.ts +0 -80
package/CHANGELOG.md CHANGED
@@ -1,65 +1,77 @@
1
1
  # @atlaskit/avatar-group
2
2
 
3
+ ## 9.4.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 9.4.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
14
+
3
15
  ## 9.4.2
4
16
 
5
17
  ### Patch Changes
6
18
 
7
- - [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
19
+ - [#39128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39128) [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
8
20
 
9
21
  ## 9.4.1
10
22
 
11
23
  ### Patch Changes
12
24
 
13
- - [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
25
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
14
26
  - Updated dependencies
15
27
 
16
28
  ## 9.4.0
17
29
 
18
30
  ### Minor Changes
19
31
 
20
- - [`da7b6be2540`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da7b6be2540) - Fixed keyboard support for the interactive element. Changed span to button for avatar-group
32
+ - [#38166](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38166) [`da7b6be2540`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da7b6be2540) - Fixed keyboard support for the interactive element. Changed span to button for avatar-group
21
33
 
22
34
  ## 9.3.6
23
35
 
24
36
  ### Patch Changes
25
37
 
26
- - [`71b58da4e00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71b58da4e00) - set focus to the first avatar when popup is open
38
+ - [#36809](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36809) [`71b58da4e00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71b58da4e00) - set focus to the first avatar when popup is open
27
39
 
28
40
  ## 9.3.5
29
41
 
30
42
  ### Patch Changes
31
43
 
32
- - [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
44
+ - [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
33
45
 
34
46
  ## 9.3.4
35
47
 
36
48
  ### Patch Changes
37
49
 
38
- - [`cb7033c5b72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb7033c5b72) - keyboard arrow (UP and DOWN) support in avatar-group popup component
50
+ - [#33250](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33250) [`cb7033c5b72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb7033c5b72) - keyboard arrow (UP and DOWN) support in avatar-group popup component
39
51
 
40
52
  ## 9.3.3
41
53
 
42
54
  ### Patch Changes
43
55
 
44
- - [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
56
+ - [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652) [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
45
57
 
46
58
  ## 9.3.2
47
59
 
48
60
  ### Patch Changes
49
61
 
50
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
62
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
51
63
 
52
64
  ## 9.3.1
53
65
 
54
66
  ### Patch Changes
55
67
 
56
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
68
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
57
69
 
58
70
  ## 9.3.0
59
71
 
60
72
  ### Minor Changes
61
73
 
62
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
74
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
63
75
 
64
76
  ### Patch Changes
65
77
 
@@ -69,7 +81,7 @@
69
81
 
70
82
  ### Patch Changes
71
83
 
72
- - [`a8a1fe824b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a8a1fe824b0) - Removed unused prop `enableTooltip` and fixed tooltip toggle in examples.
84
+ - [#30248](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30248) [`a8a1fe824b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a8a1fe824b0) - Removed unused prop `enableTooltip` and fixed tooltip toggle in examples.
73
85
  - Updated dependencies
74
86
 
75
87
  ## 9.2.3
@@ -82,19 +94,19 @@
82
94
 
83
95
  ### Patch Changes
84
96
 
85
- - [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
97
+ - [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
86
98
 
87
99
  ## 9.2.1
88
100
 
89
101
  ### Patch Changes
90
102
 
91
- - [`b0f6dd0bc35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0f6dd0bc35) - Updated to use typography tokens. There is no expected behaviour or visual change.
103
+ - [#28064](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28064) [`b0f6dd0bc35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0f6dd0bc35) - Updated to use typography tokens. There is no expected behaviour or visual change.
92
104
 
93
105
  ## 9.2.0
94
106
 
95
107
  ### Minor Changes
96
108
 
97
- - [`3f8f08a1888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f8f08a1888) - Updating Avatar-group component to position the tooltip either to top or bottom based on configuration.
109
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`3f8f08a1888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f8f08a1888) - Updating Avatar-group component to position the tooltip either to top or bottom based on configuration.
98
110
 
99
111
  ## 9.1.4
100
112
 
@@ -118,13 +130,13 @@
118
130
 
119
131
  ### Patch Changes
120
132
 
121
- - [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
133
+ - [#26488](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26488) [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
122
134
 
123
135
  ## 9.1.0
124
136
 
125
137
  ### Minor Changes
126
138
 
127
- - [`110fb3a5f19`](https://bitbucket.org/atlassian/atlassian-frontend/commits/110fb3a5f19) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change.
139
+ - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`110fb3a5f19`](https://bitbucket.org/atlassian/atlassian-frontend/commits/110fb3a5f19) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change.
128
140
 
129
141
  ### Patch Changes
130
142
 
@@ -134,32 +146,32 @@
134
146
 
135
147
  ### Patch Changes
136
148
 
137
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
149
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
138
150
 
139
151
  ## 9.0.3
140
152
 
141
153
  ### Patch Changes
142
154
 
143
- - [`4bc286406f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4bc286406f2) - [ux] Update more indicator icon to use new design tokens and remove the unnecessary use of the :after element with regards to the consumption of the Avatar component.
155
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`4bc286406f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4bc286406f2) - [ux] Update more indicator icon to use new design tokens and remove the unnecessary use of the :after element with regards to the consumption of the Avatar component.
144
156
  - Updated dependencies
145
157
 
146
158
  ## 9.0.2
147
159
 
148
160
  ### Patch Changes
149
161
 
150
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
162
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
151
163
 
152
164
  ## 9.0.1
153
165
 
154
166
  ### Patch Changes
155
167
 
156
- - [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
168
+ - [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
157
169
 
158
170
  ## 9.0.0
159
171
 
160
172
  ### Major Changes
161
173
 
162
- - [`92bb02bc46b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92bb02bc46b) - [ux] There are **no code changes required** to consume this major, but you should be aware that internal changes have been made to how `@atlaskit/avatar` loads images.
174
+ - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`92bb02bc46b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92bb02bc46b) - [ux] There are **no code changes required** to consume this major, but you should be aware that internal changes have been made to how `@atlaskit/avatar` loads images.
163
175
 
164
176
  Before, the image loading behaviour was written in JS. Now, it leans on a standard HTML `img` tag if you provide a `src` prop, allowing it to rely on the browser to optimise the loading. These changes should result in faster image loading and an improved server-side rendering story.
165
177
 
@@ -174,7 +186,7 @@
174
186
 
175
187
  ### Patch Changes
176
188
 
177
- - [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
189
+ - [#21545](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21545) [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
178
190
 
179
191
  ## 8.5.14
180
192
 
@@ -186,7 +198,7 @@
186
198
 
187
199
  ### Patch Changes
188
200
 
189
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
201
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
190
202
 
191
203
  ## 8.5.12
192
204
 
@@ -198,7 +210,7 @@
198
210
 
199
211
  ### Patch Changes
200
212
 
201
- - [`b2f8af359cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2f8af359cf) - Rewrite dynamic styles to be static to aid compiled migration.
213
+ - [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`b2f8af359cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2f8af359cf) - Rewrite dynamic styles to be static to aid compiled migration.
202
214
  - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
203
215
  - Updated dependencies
204
216
 
@@ -212,7 +224,7 @@
212
224
 
213
225
  ### Patch Changes
214
226
 
215
- - [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
227
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
216
228
 
217
229
  ## 8.5.8
218
230
 
@@ -231,27 +243,27 @@
231
243
 
232
244
  ### Patch Changes
233
245
 
234
- - [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
246
+ - [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475) [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
235
247
 
236
248
  ## 8.5.5
237
249
 
238
250
  ### Patch Changes
239
251
 
240
- - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
252
+ - [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
241
253
  - Updated dependencies
242
254
 
243
255
  ## 8.5.4
244
256
 
245
257
  ### Patch Changes
246
258
 
247
- - [`2b98dfda0a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b98dfda0a6) - Removes `@emotion/styled` in favour of `@emotion/core`.
259
+ - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`2b98dfda0a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b98dfda0a6) - Removes `@emotion/styled` in favour of `@emotion/core`.
248
260
  - Updated dependencies
249
261
 
250
262
  ## 8.5.3
251
263
 
252
264
  ### Patch Changes
253
265
 
254
- - [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
266
+ - [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632) [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
255
267
 
256
268
  ## 8.5.2
257
269
 
@@ -269,7 +281,7 @@
269
281
 
270
282
  ### Minor Changes
271
283
 
272
- - [`016d19b8038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/016d19b8038) - [ux] When avatar's are disabled their tooltip will no longer be displayed.
284
+ - [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`016d19b8038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/016d19b8038) - [ux] When avatar's are disabled their tooltip will no longer be displayed.
273
285
 
274
286
  ### Patch Changes
275
287
 
@@ -279,7 +291,7 @@
279
291
 
280
292
  ### Minor Changes
281
293
 
282
- - [`c79bc186958`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c79bc186958) - [ux] Colors are now sourced through tokens.
294
+ - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`c79bc186958`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c79bc186958) - [ux] Colors are now sourced through tokens.
283
295
 
284
296
  ### Patch Changes
285
297
 
@@ -290,7 +302,7 @@
290
302
 
291
303
  ### Patch Changes
292
304
 
293
- - [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
305
+ - [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
294
306
  - [`9a84a3ceb82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a84a3ceb82) - Internal code changes.
295
307
  - Updated dependencies
296
308
 
@@ -298,13 +310,13 @@
298
310
 
299
311
  ### Patch Changes
300
312
 
301
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
313
+ - [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
302
314
 
303
315
  ## 8.3.0
304
316
 
305
317
  ### Minor Changes
306
318
 
307
- - [`5ba523fc937`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ba523fc937) - Now the `AvatarGroup` is marked with ul and li elements. This makes it easier for users with assistive technologies to distinguish `AvatarGroup` ( which is a list of avatars ) among other page components. The default label that the screen reader announces when a user selects the AvatarGroup is `list avatar group x items`. When one of AvatarGroupItems is selected screen reader announcement is `[avatar label], i of n` where `i` - index of a selected item, `n` - the length of the list.
319
+ - [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`5ba523fc937`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ba523fc937) - Now the `AvatarGroup` is marked with ul and li elements. This makes it easier for users with assistive technologies to distinguish `AvatarGroup` ( which is a list of avatars ) among other page components. The default label that the screen reader announces when a user selects the AvatarGroup is `list avatar group x items`. When one of AvatarGroupItems is selected screen reader announcement is `[avatar label], i of n` where `i` - index of a selected item, `n` - the length of the list.
308
320
 
309
321
  To change the label of a list you can use `label` props.
310
322
 
@@ -318,7 +330,7 @@
318
330
 
319
331
  ### Minor Changes
320
332
 
321
- - [`8f84c89cad5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f84c89cad5) - [ux] The styles of overflow button of avatar group has been aligned with default button styles. Also, contrast issue of the button has been fixed.
333
+ - [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`8f84c89cad5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f84c89cad5) - [ux] The styles of overflow button of avatar group has been aligned with default button styles. Also, contrast issue of the button has been fixed.
322
334
 
323
335
  ### Patch Changes
324
336
 
@@ -334,7 +346,7 @@
334
346
 
335
347
  ### Minor Changes
336
348
 
337
- - [`c40dcf42d93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c40dcf42d93) - [ux] Added passing an empty name prop to Avatar in the AvararGroupItem that is used for overflow dropdown menu. Screen reader does not announce name twice now.
349
+ - [#10230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10230) [`c40dcf42d93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c40dcf42d93) - [ux] Added passing an empty name prop to Avatar in the AvararGroupItem that is used for overflow dropdown menu. Screen reader does not announce name twice now.
338
350
 
339
351
  ### Patch Changes
340
352
 
@@ -344,13 +356,13 @@
344
356
 
345
357
  ### Patch Changes
346
358
 
347
- - [`dd0ddc74ee4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0ddc74ee4) - Support onClick handlers on anchor elements in Avatar Group
359
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`dd0ddc74ee4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0ddc74ee4) - Support onClick handlers on anchor elements in Avatar Group
348
360
 
349
361
  ## 8.0.14
350
362
 
351
363
  ### Patch Changes
352
364
 
353
- - [`952019cfd39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/952019cfd39) - Removed extraneous/unnecessary dependencies for design system components.
365
+ - [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762) [`952019cfd39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/952019cfd39) - Removed extraneous/unnecessary dependencies for design system components.
354
366
 
355
367
  ## 8.0.13
356
368
 
@@ -362,19 +374,19 @@
362
374
 
363
375
  ### Patch Changes
364
376
 
365
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
377
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
366
378
 
367
379
  ## 8.0.11
368
380
 
369
381
  ### Patch Changes
370
382
 
371
- - [`07fcbf76b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07fcbf76b3) - [ux] `avatar-group` now renders properly when used in a `modal-dialog`. The overflow menu is visible above the modal content.
383
+ - [#5620](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5620) [`07fcbf76b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07fcbf76b3) - [ux] `avatar-group` now renders properly when used in a `modal-dialog`. The overflow menu is visible above the modal content.
372
384
 
373
385
  ## 8.0.10
374
386
 
375
387
  ### Patch Changes
376
388
 
377
- - [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
389
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
378
390
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
379
391
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
380
392
 
@@ -388,7 +400,7 @@
388
400
 
389
401
  ### Patch Changes
390
402
 
391
- - [`19d7d96007`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d7d96007) - [ux] Now AvatarGroup wouldn't create non-interactive buttons in case there is no action provided
403
+ - [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`19d7d96007`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d7d96007) - [ux] Now AvatarGroup wouldn't create non-interactive buttons in case there is no action provided
392
404
 
393
405
  ## 8.0.7
394
406
 
@@ -400,7 +412,7 @@
400
412
 
401
413
  ### Patch Changes
402
414
 
403
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
415
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
404
416
 
405
417
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
406
418
  to prevent duplicates of tslib being bundled.
@@ -409,14 +421,14 @@
409
421
 
410
422
  ### Patch Changes
411
423
 
412
- - [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
424
+ - [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
413
425
  - Updated dependencies
414
426
 
415
427
  ## 8.0.4
416
428
 
417
429
  ### Patch Changes
418
430
 
419
- - [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
431
+ - [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
420
432
 
421
433
  ## 8.0.3
422
434
 
@@ -428,19 +440,19 @@
428
440
 
429
441
  ### Patch Changes
430
442
 
431
- - [`3a919f4263`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a919f4263) - Fixed .name being used as a key for AvatarGroup Tooltip's
443
+ - [#3048](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3048) [`3a919f4263`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a919f4263) - Fixed .name being used as a key for AvatarGroup Tooltip's
432
444
 
433
445
  ## 8.0.1
434
446
 
435
447
  ### Patch Changes
436
448
 
437
- - [`ab9503b252`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab9503b252) - Ensure moreButtonProps is passed through to the MoreButton
449
+ - [#3804](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3804) [`ab9503b252`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab9503b252) - Ensure moreButtonProps is passed through to the MoreButton
438
450
 
439
451
  ## 8.0.0
440
452
 
441
453
  ### Major Changes
442
454
 
443
- - [`cde426961a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cde426961a) - `AvatarGroup` has been migrated to **lite-mode**. Users should see performance improvements and reduced bundlesize.
455
+ - [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`cde426961a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cde426961a) - `AvatarGroup` has been migrated to **lite-mode**. Users should see performance improvements and reduced bundlesize.
444
456
 
445
457
  **Change summary:**
446
458
 
@@ -468,13 +480,13 @@
468
480
 
469
481
  ### Patch Changes
470
482
 
471
- - [`ae57cd8744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae57cd8744) - Assignment of key for AvatarGroup children made user driven now and using Array.index as a fallback, which fixes the unique key issue in AvaratGroup.
483
+ - [#3363](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3363) [`ae57cd8744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae57cd8744) - Assignment of key for AvatarGroup children made user driven now and using Array.index as a fallback, which fixes the unique key issue in AvaratGroup.
472
484
 
473
485
  ## 7.0.0
474
486
 
475
487
  ### Major Changes
476
488
 
477
- - [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
489
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
478
490
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
479
491
 
480
492
  ### Patch Changes
@@ -485,25 +497,25 @@
485
497
 
486
498
  ### Patch Changes
487
499
 
488
- - [`e91d934e94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e91d934e94) - Using avatar.name + index as key for AvatarGroup
500
+ - [#2443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2443) [`e91d934e94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e91d934e94) - Using avatar.name + index as key for AvatarGroup
489
501
 
490
502
  ## 6.0.2
491
503
 
492
504
  ### Patch Changes
493
505
 
494
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
506
+ - [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
495
507
 
496
508
  ## 6.0.1
497
509
 
498
510
  ### Patch Changes
499
511
 
500
- - [`2daf5b6054`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2daf5b6054) - AvatarGroup will now send the index of the clicked item via the onAvatarClick event handler
512
+ - [#2794](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2794) [`2daf5b6054`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2daf5b6054) - AvatarGroup will now send the index of the clicked item via the onAvatarClick event handler
501
513
 
502
514
  ## 6.0.0
503
515
 
504
516
  ### Major Changes
505
517
 
506
- - [`a7ca7039c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7ca7039c7) - AvatarGroup previously depended heavily on Avatar internals such as styles, `getProps` and `withPseudoState`. These have been moved directly into AvatarGroup to finally decouple the two components. We will revisit this when we convert AvatarGroup to lite-mode and most likely remove them entirely.
518
+ - [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137) [`a7ca7039c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7ca7039c7) - AvatarGroup previously depended heavily on Avatar internals such as styles, `getProps` and `withPseudoState`. These have been moved directly into AvatarGroup to finally decouple the two components. We will revisit this when we convert AvatarGroup to lite-mode and most likely remove them entirely.
507
519
 
508
520
  Previously, it was possible to pass arbritray props to the underlying Avatar via the `data` prop. This is no longer supported. Please pass props directly to the custom avatar / presence / status components.
509
521
 
@@ -77,5 +77,4 @@ var AvatarGroupItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
77
77
  });
78
78
 
79
79
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
80
- var _default = AvatarGroupItem;
81
- exports.default = _default;
80
+ var _default = exports.default = AvatarGroupItem;
@@ -26,8 +26,8 @@ var _popupAvatarGroup = _interopRequireDefault(require("./internal/components/po
26
26
  var _moreIndicator = _interopRequireDefault(require("./more-indicator"));
27
27
  var _stack = _interopRequireDefault(require("./stack"));
28
28
  var _utils = require("./utils");
29
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
29
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
30
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
31
31
  var MAX_COUNT = {
32
32
  grid: 11,
33
33
  stack: 5
@@ -244,5 +244,4 @@ var AvatarGroup = function AvatarGroup(_ref) {
244
244
  }, finalAvatar) : finalAvatar;
245
245
  }), renderMoreDropdown(+maxAvatar, total));
246
246
  };
247
- var _default = AvatarGroup;
248
- exports.default = _default;
247
+ var _default = exports.default = AvatarGroup;
@@ -6,21 +6,15 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = require("react");
8
8
  var _react2 = require("@emotion/react");
9
- var _constants = require("@atlaskit/theme/constants");
10
9
  /** @jsx jsx */
11
10
 
12
- // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
13
-
14
- var gridSize = (0, _constants.gridSize)();
15
- var gutter = gridSize / 2;
11
+ var gutter = "var(--ds-space-negative-050, -4px)";
16
12
  var listStyles = (0, _react2.css)({
17
13
  // removes default ul styles. Needs !important to override contextual styles in product.
18
14
  display: 'flex',
19
15
  margin: "var(--ds-space-0, 0px)",
20
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
21
- marginRight: -gutter,
22
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
23
- marginLeft: -gutter,
16
+ marginRight: gutter,
17
+ marginLeft: gutter,
24
18
  padding: "var(--ds-space-0, 0px)",
25
19
  justifyContent: 'flex-start',
26
20
  flexWrap: 'wrap',
@@ -49,5 +43,4 @@ var Grid = function Grid(_ref) {
49
43
  };
50
44
 
51
45
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
52
- var _default = Grid;
53
- exports.default = _default;
46
+ var _default = exports.default = Grid;
@@ -20,7 +20,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
20
20
  * This list drives the keyboard navgation of the menu.
21
21
  *
22
22
  */
23
- var FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
23
+ var FocusManagerContext = exports.FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
24
24
  menuItemRefs: [],
25
25
  registerRef: _noop.default
26
26
  });
@@ -28,7 +28,6 @@ var FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
28
28
  /**
29
29
  * Focus manager logic
30
30
  */
31
- exports.FocusManagerContext = FocusManagerContext;
32
31
  var FocusManager = function FocusManager(_ref) {
33
32
  var children = _ref.children;
34
33
  var menuItemRefs = (0, _react.useRef)([]);
@@ -60,5 +59,4 @@ var FocusManager = function FocusManager(_ref) {
60
59
  value: contextValue
61
60
  }, children);
62
61
  };
63
- var _default = FocusManager;
64
- exports.default = _default;
62
+ var _default = exports.default = FocusManager;
@@ -26,7 +26,7 @@ var PopupAvatarGroup = function PopupAvatarGroup(_ref) {
26
26
  var _useContext = (0, _react.useContext)(_focusManager.FocusManagerContext),
27
27
  menuItemRefs = _useContext.menuItemRefs;
28
28
  (0, _react.useEffect)(function () {
29
- setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(menuItemRefs[0]);
29
+ setInitialFocusRef === null || setInitialFocusRef === void 0 || setInitialFocusRef(menuItemRefs[0]);
30
30
  }, [menuItemRefs, setInitialFocusRef]);
31
31
  return (
32
32
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -36,5 +36,4 @@ var PopupAvatarGroup = function PopupAvatarGroup(_ref) {
36
36
  }, rest))
37
37
  );
38
38
  };
39
- var _default = PopupAvatarGroup;
40
- exports.default = _default;
39
+ var _default = exports.default = PopupAvatarGroup;
@@ -19,5 +19,4 @@ function useRegisterItemWithFocusManager() {
19
19
  }, [registerRef]);
20
20
  return itemRef;
21
21
  }
22
- var _default = useRegisterItemWithFocusManager;
23
- exports.default = _default;
22
+ var _default = exports.default = useRegisterItemWithFocusManager;
@@ -118,5 +118,4 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
118
118
  MoreIndicator.displayName = 'MoreIndicator';
119
119
 
120
120
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
121
- var _default = MoreIndicator;
122
- exports.default = _default;
121
+ var _default = exports.default = MoreIndicator;
@@ -43,5 +43,4 @@ var Stack = function Stack(_ref) {
43
43
  };
44
44
 
45
45
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
46
- var _default = Stack;
47
- exports.default = _default;
46
+ var _default = exports.default = Stack;
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.composeUniqueKey = void 0;
7
- var composeUniqueKey = function composeUniqueKey(props, index) {
7
+ var composeUniqueKey = exports.composeUniqueKey = function composeUniqueKey(props, index) {
8
8
  if (props.key) {
9
9
  return props.key;
10
10
  }
11
11
  return index;
12
- };
13
- exports.composeUniqueKey = composeUniqueKey;
12
+ };
@@ -1,19 +1,13 @@
1
1
  /** @jsx jsx */
2
2
  import { Children } from 'react';
3
3
  import { css, jsx } from '@emotion/react';
4
-
5
- // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
6
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
7
- const gridSize = getGridSize();
8
- const gutter = gridSize / 2;
4
+ const gutter = "var(--ds-space-negative-050, -4px)";
9
5
  const listStyles = css({
10
6
  // removes default ul styles. Needs !important to override contextual styles in product.
11
7
  display: 'flex',
12
8
  margin: "var(--ds-space-0, 0px)",
13
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
14
- marginRight: -gutter,
15
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
16
- marginLeft: -gutter,
9
+ marginRight: gutter,
10
+ marginLeft: gutter,
17
11
  padding: "var(--ds-space-0, 0px)",
18
12
  justifyContent: 'flex-start',
19
13
  flexWrap: 'wrap',
@@ -1,8 +1,8 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
6
  /** @jsx jsx */
7
7
  import { useCallback, useEffect, useState } from 'react';
8
8
  import { jsx } from '@emotion/react';
@@ -1,19 +1,13 @@
1
1
  /** @jsx jsx */
2
2
  import { Children } from 'react';
3
3
  import { css, jsx } from '@emotion/react';
4
-
5
- // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
6
- import { gridSize as getGridSize } from '@atlaskit/theme/constants';
7
- var gridSize = getGridSize();
8
- var gutter = gridSize / 2;
4
+ var gutter = "var(--ds-space-negative-050, -4px)";
9
5
  var listStyles = css({
10
6
  // removes default ul styles. Needs !important to override contextual styles in product.
11
7
  display: 'flex',
12
8
  margin: "var(--ds-space-0, 0px)",
13
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
14
- marginRight: -gutter,
15
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
16
- marginLeft: -gutter,
9
+ marginRight: gutter,
10
+ marginLeft: gutter,
17
11
  padding: "var(--ds-space-0, 0px)",
18
12
  justifyContent: 'flex-start',
19
13
  flexWrap: 'wrap',
@@ -20,7 +20,7 @@ var PopupAvatarGroup = function PopupAvatarGroup(_ref) {
20
20
  var _useContext = useContext(FocusManagerContext),
21
21
  menuItemRefs = _useContext.menuItemRefs;
22
22
  useEffect(function () {
23
- setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(menuItemRefs[0]);
23
+ setInitialFocusRef === null || setInitialFocusRef === void 0 || setInitialFocusRef(menuItemRefs[0]);
24
24
  }, [menuItemRefs, setInitialFocusRef]);
25
25
  return (
26
26
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "9.4.2",
3
+ "version": "9.4.4",
4
4
  "description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -23,12 +23,12 @@
23
23
  }
24
24
  },
25
25
  "dependencies": {
26
- "@atlaskit/avatar": "^21.3.0",
26
+ "@atlaskit/avatar": "^21.4.0",
27
27
  "@atlaskit/ds-lib": "^2.1.0",
28
- "@atlaskit/menu": "^1.9.0",
29
- "@atlaskit/popup": "^1.9.0",
30
- "@atlaskit/theme": "^12.5.0",
31
- "@atlaskit/tokens": "^1.15.0",
28
+ "@atlaskit/menu": "^2.0.0",
29
+ "@atlaskit/popup": "^1.10.0",
30
+ "@atlaskit/theme": "^12.6.0",
31
+ "@atlaskit/tokens": "^1.25.0",
32
32
  "@atlaskit/tooltip": "^17.8.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@emotion/react": "^11.7.1",
@@ -41,7 +41,6 @@
41
41
  "@af/accessibility-testing": "*",
42
42
  "@af/visual-regression": "*",
43
43
  "@atlaskit/analytics-next": "^9.1.0",
44
- "@atlaskit/ds-lib": "^2.2.0",
45
44
  "@atlaskit/ssr": "*",
46
45
  "@atlaskit/visual-regression": "*",
47
46
  "@atlaskit/webdriver-runner": "*",
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { AvatarProps, onAvatarClickHandler } from './types';
3
- export interface AvatarGroupItemProps {
4
- avatar: AvatarProps;
5
- isActive?: boolean;
6
- isHover?: boolean;
7
- index: number;
8
- onAvatarClick?: onAvatarClickHandler;
9
- testId?: string;
10
- }
11
- declare const AvatarGroupItem: React.ForwardRefExoticComponent<AvatarGroupItemProps & React.RefAttributes<HTMLElement>>;
12
- export default AvatarGroupItem;
@@ -1,110 +0,0 @@
1
- /** @jsx jsx */
2
- import { ElementType, MouseEventHandler } from 'react';
3
- import { jsx } from '@emotion/react';
4
- import Avatar, { SizeType } from '@atlaskit/avatar';
5
- import { PositionType } from '@atlaskit/tooltip';
6
- import { AvatarGroupOverrides, AvatarProps, onAvatarClickHandler } from './types';
7
- export interface AvatarGroupProps {
8
- /**
9
- * Indicates the layout of the avatar-group.
10
- * Avatars will either be overlapped in a stack, or
11
- * laid out in an even grid formation
12
- * Defaults to "stack".
13
- */
14
- appearance?: 'grid' | 'stack';
15
- /**
16
- * Component used to render each avatar
17
- */
18
- avatar?: typeof Avatar | ElementType<AvatarProps>;
19
- /**
20
- * The maximum number of avatars allowed in the list.
21
- * Defaults to 5 when displayed as a stack,
22
- * and 11 when displayed as a grid.
23
- */
24
- maxCount?: number;
25
- /**
26
- * Defines the size of the avatar.
27
- * Defaults to "medium".
28
- */
29
- size?: SizeType;
30
- /**
31
- * Typically the background color that the avatar is presented on.
32
- * Accepts any color argument that the CSS border-color property accepts.
33
- */
34
- borderColor?: string;
35
- /**
36
- * Array of avatar data passed to each `avatar` component.
37
- * These props will be spread on to the component passed into avatar.
38
- */
39
- data: Array<AvatarProps>;
40
- /**
41
- * Handle the click event on the avatar item.
42
- * Note that if an onClick prop is provided as part of avatar data, it will take precedence over onAvatarClick.
43
- */
44
- onAvatarClick?: onAvatarClickHandler;
45
- /**
46
- * Take control of the click event on the more indicator.
47
- * This will cancel the default dropdown behavior.
48
- */
49
- onMoreClick?: MouseEventHandler;
50
- /**
51
- * Provide additional props to the MoreButton.
52
- * Example use cases: altering tab order by providing tabIndex;
53
- * adding onClick behaviour without losing the default dropdown
54
- */
55
- showMoreButtonProps?: Partial<React.HTMLAttributes<HTMLElement>>;
56
- /**
57
- * Element the overflow popup should be attached to.
58
- * Defaults to "viewport".
59
- */
60
- boundariesElement?: 'viewport' | 'window' | 'scrollParent';
61
- /**
62
- * A `testId` prop is provided for specified elements,
63
- * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
64
- * serving as a hook for automated tests.
65
- */
66
- /**
67
- * Will set these elements when defined:
68
- * - Container element - `{testId}--avatar-group`
69
- * - Avatar items - `{testId}--avatar-{index}`
70
- * - Overflow menu button - `{testId}--overflow-menu--trigger`
71
- * - Overflow menu content - `{testId}--overflow-menu--content`
72
- */
73
- testId?: string;
74
- /**
75
- * Custom overrides for the composed components.
76
- */
77
- overrides?: AvatarGroupOverrides;
78
- /**
79
- *
80
- * Where the tooltip should appear relative to its target.
81
- * Defaults to tooltip position "bottom".
82
- */
83
- tooltipPosition?: Extract<PositionType, 'bottom' | 'top'>;
84
- /**
85
- * Disables tooltips
86
- */
87
- isTooltipDisabled?: boolean;
88
- /**
89
- * Text to be used as aria-label for the list of avatars.
90
- * Screen reader announcement with default label, which is `avatar group`, is `list, avatar group, X items`.
91
- *
92
- * The label should describe the `AvatarGroup`'s entities, for instance:
93
- * - `label="team members"`, screen reader announcement would be `list team members, X items`
94
- * - `label="reviewers"` screen reader announcement would be `list reviewers, X items`
95
- *
96
- * When there are several AvatarGroups on the page you should use a unique label to let users distinguish different lists.
97
- */
98
- label?: string;
99
- }
100
- /**
101
- * __Avatar group__
102
- *
103
- * An avatar group displays a number of avatars grouped together in a stack or grid.
104
- *
105
- * - [Examples](https://atlassian.design/components/avatar-group/examples)
106
- * - [Code](https://atlassian.design/components/avatar-group/code)
107
- * - [Usage](https://atlassian.design/components/avatar-group/usage)
108
- */
109
- declare const AvatarGroup: ({ appearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, tooltipPosition, }: AvatarGroupProps) => jsx.JSX.Element;
110
- export default AvatarGroup;
@@ -1,8 +0,0 @@
1
- /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
3
- declare const Grid: FC<{
4
- children: ReactNode;
5
- testId?: string;
6
- 'aria-label': string;
7
- }>;
8
- export default Grid;
@@ -1,21 +0,0 @@
1
- import React, { FC, ReactNode } from 'react';
2
- import { FocusableElement } from '../../types';
3
- /**
4
- *
5
- *
6
- * Context provider which maintains the list of focusable elements and a method to
7
- * register new menu items.
8
- * This list drives the keyboard navgation of the menu.
9
- *
10
- */
11
- export declare const FocusManagerContext: React.Context<{
12
- menuItemRefs: FocusableElement[];
13
- registerRef: (ref: FocusableElement) => void;
14
- }>;
15
- /**
16
- * Focus manager logic
17
- */
18
- declare const FocusManager: FC<{
19
- children: ReactNode;
20
- }>;
21
- export default FocusManager;
@@ -1,7 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import { PopupAvatarGroupProps } from '../../types';
3
- /**
4
- * It sets focus to the first avatar when popup is open.
5
- */
6
- declare const PopupAvatarGroup: ({ maxWidth, minWidth, setInitialFocusRef, ...rest }: PopupAvatarGroupProps) => jsx.JSX.Element;
7
- export default PopupAvatarGroup;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { FocusableElement } from '../../types';
3
- declare function useRegisterItemWithFocusManager(): import("react").RefObject<FocusableElement>;
4
- export default useRegisterItemWithFocusManager;
@@ -1,2 +0,0 @@
1
- import { FocusableElement } from '../../types';
2
- export default function handleFocus(refs: Array<FocusableElement>): (e: KeyboardEvent) => void;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { AvatarClickEventHandler, AvatarPropTypes } from '@atlaskit/avatar';
3
- export interface MoreIndicatorProps extends AvatarPropTypes {
4
- count: number;
5
- 'aria-controls'?: string;
6
- 'aria-expanded'?: boolean;
7
- 'aria-haspopup'?: boolean;
8
- buttonProps: Partial<React.HTMLAttributes<HTMLElement>>;
9
- onClick: AvatarClickEventHandler;
10
- isActive: boolean;
11
- }
12
- declare const MoreIndicator: import("react").ForwardRefExoticComponent<MoreIndicatorProps & import("react").RefAttributes<HTMLButtonElement>>;
13
- export default MoreIndicator;
@@ -1,8 +0,0 @@
1
- /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
3
- declare const Stack: FC<{
4
- children: ReactNode;
5
- testId?: string;
6
- 'aria-label': string;
7
- }>;
8
- export default Stack;
@@ -1,27 +0,0 @@
1
- import type { ElementType, ReactNode } from 'react';
2
- import type { AnalyticsEvent } from '@atlaskit/analytics-next';
3
- import { default as Avatar, type AvatarPropTypes } from '@atlaskit/avatar';
4
- import { MenuGroupProps } from '@atlaskit/menu';
5
- import { ContentProps } from '@atlaskit/popup';
6
- import type { AvatarGroupItemProps } from './avatar-group-item';
7
- export type DeepRequired<T> = {
8
- [P in keyof T]-?: Required<T[P]>;
9
- };
10
- export type AvatarProps = AvatarPropTypes & {
11
- name: string;
12
- key?: string | number;
13
- };
14
- export interface AvatarGroupOverrides {
15
- AvatarGroupItem?: {
16
- render?: (Component: ElementType<AvatarGroupItemProps>, props: AvatarGroupItemProps, index: number) => ReactNode;
17
- };
18
- Avatar?: {
19
- render?: (Component: typeof Avatar | ElementType<AvatarProps>, props: AvatarProps, index: number) => ReactNode;
20
- };
21
- }
22
- export type onAvatarClickHandler = (event: React.MouseEvent, analyticsEvent: AnalyticsEvent | undefined, index: number) => void;
23
- export type FocusableElement = HTMLAnchorElement | HTMLButtonElement;
24
- export type Action = 'next' | 'prev' | 'first' | 'last';
25
- export interface PopupAvatarGroupProps extends MenuGroupProps {
26
- setInitialFocusRef?: ContentProps['setInitialFocusRef'];
27
- }
@@ -1,2 +0,0 @@
1
- import { AvatarProps } from './types';
2
- export declare const composeUniqueKey: (props: AvatarProps, index: number) => string | number;
@@ -1,3 +0,0 @@
1
- export { default } from './components/avatar-group';
2
- export type { AvatarGroupProps } from './components/avatar-group';
3
- export type { AvatarProps } from './components/types';
@@ -1,80 +0,0 @@
1
- ## API Report File for "@atlaskit/avatar-group"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- import type { AnalyticsEvent } from '@atlaskit/analytics-next';
8
- import Avatar from '@atlaskit/avatar';
9
- import { AvatarPropTypes } from '@atlaskit/avatar';
10
- import { default as default_2 } from '@atlaskit/avatar';
11
- import { ElementType } from 'react';
12
- import { jsx } from '@emotion/react';
13
- import { MouseEventHandler } from 'react';
14
- import { PositionType } from '@atlaskit/tooltip';
15
- import type { ReactNode } from 'react';
16
- import { SizeType } from '@atlaskit/avatar';
17
-
18
- // @public
19
- const AvatarGroup: ({ appearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, tooltipPosition, }: AvatarGroupProps) => jsx.JSX.Element;
20
- export default AvatarGroup;
21
-
22
- // @public (undocumented)
23
- interface AvatarGroupItemProps {
24
- // (undocumented)
25
- avatar: AvatarProps;
26
- // (undocumented)
27
- index: number;
28
- // (undocumented)
29
- isActive?: boolean;
30
- // (undocumented)
31
- isHover?: boolean;
32
- // (undocumented)
33
- onAvatarClick?: onAvatarClickHandler;
34
- // (undocumented)
35
- testId?: string;
36
- }
37
-
38
- // @public (undocumented)
39
- interface AvatarGroupOverrides {
40
- // (undocumented)
41
- Avatar?: {
42
- render?: (Component: ElementType<AvatarProps> | typeof default_2, props: AvatarProps, index: number) => ReactNode;
43
- };
44
- // (undocumented)
45
- AvatarGroupItem?: {
46
- render?: (Component: ElementType<AvatarGroupItemProps>, props: AvatarGroupItemProps, index: number) => ReactNode;
47
- };
48
- }
49
-
50
- // @public (undocumented)
51
- export interface AvatarGroupProps {
52
- appearance?: 'grid' | 'stack';
53
- avatar?: ElementType<AvatarProps> | typeof Avatar;
54
- borderColor?: string;
55
- boundariesElement?: 'scrollParent' | 'viewport' | 'window';
56
- data: Array<AvatarProps>;
57
- isTooltipDisabled?: boolean;
58
- label?: string;
59
- maxCount?: number;
60
- onAvatarClick?: onAvatarClickHandler;
61
- onMoreClick?: MouseEventHandler;
62
- overrides?: AvatarGroupOverrides;
63
- showMoreButtonProps?: Partial<React.HTMLAttributes<HTMLElement>>;
64
- size?: SizeType;
65
- testId?: string;
66
- tooltipPosition?: Extract<PositionType, 'bottom' | 'top'>;
67
- }
68
-
69
- // @public (undocumented)
70
- export type AvatarProps = AvatarPropTypes & {
71
- name: string;
72
- key?: number | string;
73
- };
74
-
75
- // @public (undocumented)
76
- type onAvatarClickHandler = (event: React.MouseEvent, analyticsEvent: AnalyticsEvent | undefined, index: number) => void;
77
-
78
- // (No @packageDocumentation comment for this package)
79
-
80
- ```