@atlaskit/media-avatar-picker 24.6.2 → 24.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/media-avatar-picker
2
2
 
3
+ ## 24.6.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#99695](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99695)
8
+ [`8b3a1570b50d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b3a1570b50d) -
9
+ Sets avatar list images alt attribute to empty string and adds aria-label attribute to input
10
+ options to make list accessible when navigationg between avatars
11
+
12
+ ## 24.6.3
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 24.6.2
4
19
 
5
20
  ### Patch Changes
@@ -32,12 +32,13 @@ var AvatarList = exports.AvatarList = function AvatarList(_ref) {
32
32
  type: "radio",
33
33
  name: "avatar",
34
34
  value: avatar.dataURI,
35
+ "aria-label": avatar.name || undefined,
35
36
  checked: avatar === selectedAvatar,
36
37
  onChange: createOnItemClickHandler(avatar)
37
38
  }), (0, _react.jsx)("img", {
38
39
  css: _styles.smallAvatarImageStyles,
39
40
  src: avatar.dataURI,
40
- alt: avatar.name || undefined
41
+ alt: ""
41
42
  }));
42
43
  });
43
44
  return (0, _react.jsx)("div", {
@@ -37,12 +37,13 @@ var PredefinedAvatarView = exports.PredefinedAvatarView = function PredefinedAva
37
37
  type: "radio",
38
38
  name: "avatar",
39
39
  value: avatar.dataURI,
40
+ "aria-label": avatar.name || undefined,
40
41
  checked: avatar === selectedAvatar,
41
42
  onChange: createOnItemClickHandler(avatar)
42
43
  }), (0, _react.jsx)("img", {
43
44
  css: _styles.largeAvatarImageStyles,
44
45
  src: avatar.dataURI,
45
- alt: avatar.name || undefined
46
+ alt: ""
46
47
  }));
47
48
  });
48
49
  return (0, _react.jsx)("div", {
@@ -23,12 +23,13 @@ export const AvatarList = ({
23
23
  type: "radio",
24
24
  name: "avatar",
25
25
  value: avatar.dataURI,
26
+ "aria-label": avatar.name || undefined,
26
27
  checked: avatar === selectedAvatar,
27
28
  onChange: createOnItemClickHandler(avatar)
28
29
  }), jsx("img", {
29
30
  css: smallAvatarImageStyles,
30
31
  src: avatar.dataURI,
31
- alt: avatar.name || undefined
32
+ alt: ""
32
33
  }));
33
34
  });
34
35
  return jsx("div", {
@@ -29,12 +29,13 @@ export const PredefinedAvatarView = ({
29
29
  type: "radio",
30
30
  name: "avatar",
31
31
  value: avatar.dataURI,
32
+ "aria-label": avatar.name || undefined,
32
33
  checked: avatar === selectedAvatar,
33
34
  onChange: createOnItemClickHandler(avatar)
34
35
  }), jsx("img", {
35
36
  css: largeAvatarImageStyles,
36
37
  src: avatar.dataURI,
37
- alt: avatar.name || undefined
38
+ alt: ""
38
39
  }));
39
40
  });
40
41
  return jsx("div", {
@@ -25,12 +25,13 @@ export var AvatarList = function AvatarList(_ref) {
25
25
  type: "radio",
26
26
  name: "avatar",
27
27
  value: avatar.dataURI,
28
+ "aria-label": avatar.name || undefined,
28
29
  checked: avatar === selectedAvatar,
29
30
  onChange: createOnItemClickHandler(avatar)
30
31
  }), jsx("img", {
31
32
  css: smallAvatarImageStyles,
32
33
  src: avatar.dataURI,
33
- alt: avatar.name || undefined
34
+ alt: ""
34
35
  }));
35
36
  });
36
37
  return jsx("div", {
@@ -29,12 +29,13 @@ export var PredefinedAvatarView = function PredefinedAvatarView(_ref) {
29
29
  type: "radio",
30
30
  name: "avatar",
31
31
  value: avatar.dataURI,
32
+ "aria-label": avatar.name || undefined,
32
33
  checked: avatar === selectedAvatar,
33
34
  onChange: createOnItemClickHandler(avatar)
34
35
  }), jsx("img", {
35
36
  css: largeAvatarImageStyles,
36
37
  src: avatar.dataURI,
37
- alt: avatar.name || undefined
38
+ alt: ""
38
39
  }));
39
40
  });
40
41
  return jsx("div", {
@@ -1,6 +1,6 @@
1
1
  /**@jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
- import { Avatar } from '../avatar-list';
3
+ import { type Avatar } from '../avatar-list';
4
4
  export interface PredefinedAvatarViewProps {
5
5
  avatars: Array<Avatar>;
6
6
  onGoBack?: () => void;
@@ -1,6 +1,6 @@
1
1
  /**@jsx jsx */
2
2
  import { jsx } from '@emotion/react';
3
- import { Avatar } from '../avatar-list';
3
+ import { type Avatar } from '../avatar-list';
4
4
  export interface PredefinedAvatarViewProps {
5
5
  avatars: Array<Avatar>;
6
6
  onGoBack?: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-avatar-picker",
3
- "version": "24.6.2",
3
+ "version": "24.6.4",
4
4
  "description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  "dependencies": {
37
37
  "@atlaskit/button": "^17.14.0",
38
38
  "@atlaskit/flag": "^15.5.0",
39
- "@atlaskit/form": "^9.3.0",
39
+ "@atlaskit/form": "^10.0.0",
40
40
  "@atlaskit/icon": "^22.1.0",
41
41
  "@atlaskit/media-ui": "^25.10.0",
42
42
  "@atlaskit/modal-dialog": "^12.13.0",
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/spinner": "^16.1.0",
46
46
  "@atlaskit/textfield": "^6.3.0",
47
47
  "@atlaskit/theme": "^12.8.0",
48
- "@atlaskit/tokens": "^1.46.0",
48
+ "@atlaskit/tokens": "^1.48.0",
49
49
  "@atlaskit/visually-hidden": "^1.3.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "exenv": "^1.2.2"