@atlaskit/media-avatar-picker 25.0.0 → 25.0.2

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 (11) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/image-navigator/dragZone.compiled.css +3 -1
  3. package/dist/cjs/image-navigator/dragZone.js +2 -3
  4. package/dist/cjs/predefined-avatar-list/index.js +1 -1
  5. package/dist/es2019/image-navigator/dragZone.compiled.css +3 -1
  6. package/dist/es2019/image-navigator/dragZone.js +1 -1
  7. package/dist/es2019/predefined-avatar-list/index.js +1 -1
  8. package/dist/esm/image-navigator/dragZone.compiled.css +3 -1
  9. package/dist/esm/image-navigator/dragZone.js +2 -3
  10. package/dist/esm/predefined-avatar-list/index.js +1 -1
  11. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/media-avatar-picker
2
2
 
3
+ ## 25.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 25.0.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#169432](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169432)
14
+ [`1138249832644`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1138249832644) -
15
+ [ux] Fixes alignment of ellipsis in predefined avatar list
16
+ - Updated dependencies
17
+
3
18
  ## 25.0.0
4
19
 
5
20
  ### Major Changes
package/dist/cjs/image-navigator/dragZone.compiled.css CHANGED
@@ -2,11 +2,13 @@
2
2
  ._1yt41q64{padding:var(--ds-space-200,15px)}
3
3
  ._2rko1osq{border-radius:100%}
4
4
  ._46tsilf2:after{animation:var(--_s2m8ls)}
5
- ._eq431kyj:after{border:var(--_16hqum)}
6
5
  ._eq43glyw:after{border:none}
7
6
  ._qc5o1qgh:after{transition:border-color .3s cubic-bezier(.19,1,.22,1)}
8
7
  ._v5641ggo{transition:background-color .3s cubic-bezier(.215,.61,.355,1)}
8
+ ._1tv3gq9o:after{border-style:dashed}
9
+ ._39yqyh40:after{border-width:2px}
9
10
  ._8l3m1hxg:after{border-color:var(--ds-border-information,#0e56c4)}
11
+ ._8l3m1lp0:after{border-color:var(--ds-border,#d0d6d0)}
10
12
  ._15l2idpf:after{top:0}
11
13
  ._18postnw:after{position:absolute}
12
14
  ._19doidpf:after{left:0}
package/dist/cjs/image-navigator/dragZone.js CHANGED
@@ -28,10 +28,9 @@ var DragZone = exports.DragZone = function DragZone(_ref) {
28
28
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
29
29
  "data-testid": "dragzone"
30
30
  }, props, {
31
- className: (0, _runtime.ax)(["_1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _1yt41q64 _kqswh2mm _2rko1osq _v5641ggo _re8d1dpy _aetrb3bt _14mj1osq _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq _qc5o1qgh", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _46tsilf2", showBorder && "_eq431kyj", !showBorder && "_eq43glyw"]),
31
+ className: (0, _runtime.ax)(["_1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _1yt41q64 _kqswh2mm _2rko1osq _v5641ggo _re8d1dpy _aetrb3bt _14mj1osq _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq _qc5o1qgh", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _46tsilf2", showBorder && "_39yqyh40 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"]),
32
32
  style: {
33
- "--_s2m8ls": (0, _runtime.ix)("".concat(spin, " 8s linear infinite")),
34
- "--_16hqum": (0, _runtime.ix)("2px dashed ".concat("var(--ds-border, #d0d6d0)"))
33
+ "--_s2m8ls": (0, _runtime.ix)("".concat(spin, " 8s linear infinite"))
35
34
  }
36
35
  }), children);
37
36
  };
package/dist/cjs/predefined-avatar-list/index.js CHANGED
@@ -30,7 +30,7 @@ var PredefinedAvatarList = exports.PredefinedAvatarList = function PredefinedAva
30
30
  var intl = (0, _reactIntlNext.useIntl)();
31
31
  return /*#__PURE__*/React.createElement("div", {
32
32
  id: "predefined-avatar-wrapper",
33
- className: (0, _runtime.ax)(["_1e0c1txw"])
33
+ className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o"])
34
34
  }, /*#__PURE__*/React.createElement(_avatarList.AvatarList, {
35
35
  avatars: avatars,
36
36
  selectedAvatar: selectedAvatar,
package/dist/es2019/image-navigator/dragZone.compiled.css CHANGED
@@ -2,11 +2,13 @@
2
2
  ._1yt41q64{padding:var(--ds-space-200,15px)}
3
3
  ._2rko1osq{border-radius:100%}
4
4
  ._46ts17y1:after{animation:k7rupus 8s linear infinite}
5
- ._eq431vak:after{border:2px dashed var(--ds-border,#d0d6d0)}
6
5
  ._eq43glyw:after{border:none}
7
6
  ._qc5o1qgh:after{transition:border-color .3s cubic-bezier(.19,1,.22,1)}
8
7
  ._v5641ggo{transition:background-color .3s cubic-bezier(.215,.61,.355,1)}
8
+ ._1tv3gq9o:after{border-style:dashed}
9
+ ._39yqyh40:after{border-width:2px}
9
10
  ._8l3m1hxg:after{border-color:var(--ds-border-information,#0e56c4)}
11
+ ._8l3m1lp0:after{border-color:var(--ds-border,#d0d6d0)}
10
12
  ._15l2idpf:after{top:0}
11
13
  ._18postnw:after{position:absolute}
12
14
  ._19doidpf:after{left:0}
package/dist/es2019/image-navigator/dragZone.js CHANGED
@@ -16,5 +16,5 @@ export const DragZone = ({
16
16
  }) => /*#__PURE__*/React.createElement("div", _extends({
17
17
  "data-testid": "dragzone"
18
18
  }, props, {
19
- className: ax(["_1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _1yt41q64 _kqswh2mm _2rko1osq _v5641ggo _re8d1dpy _aetrb3bt _14mj1osq _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq _qc5o1qgh", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _46ts17y1", showBorder && "_eq431vak", !showBorder && "_eq43glyw"])
19
+ className: ax(["_1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _1yt41q64 _kqswh2mm _2rko1osq _v5641ggo _re8d1dpy _aetrb3bt _14mj1osq _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq _qc5o1qgh", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _46ts17y1", showBorder && "_39yqyh40 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"])
20
20
  }), children);
package/dist/es2019/predefined-avatar-list/index.js CHANGED
@@ -20,7 +20,7 @@ export const PredefinedAvatarList = ({
20
20
  const intl = useIntl();
21
21
  return /*#__PURE__*/React.createElement("div", {
22
22
  id: "predefined-avatar-wrapper",
23
- className: ax(["_1e0c1txw"])
23
+ className: ax(["_1e0c1txw _4cvr1h6o"])
24
24
  }, /*#__PURE__*/React.createElement(AvatarList, {
25
25
  avatars: avatars,
26
26
  selectedAvatar: selectedAvatar,
package/dist/esm/image-navigator/dragZone.compiled.css CHANGED
@@ -2,11 +2,13 @@
2
2
  ._1yt41q64{padding:var(--ds-space-200,15px)}
3
3
  ._2rko1osq{border-radius:100%}
4
4
  ._46tsilf2:after{animation:var(--_s2m8ls)}
5
- ._eq431kyj:after{border:var(--_16hqum)}
6
5
  ._eq43glyw:after{border:none}
7
6
  ._qc5o1qgh:after{transition:border-color .3s cubic-bezier(.19,1,.22,1)}
8
7
  ._v5641ggo{transition:background-color .3s cubic-bezier(.215,.61,.355,1)}
8
+ ._1tv3gq9o:after{border-style:dashed}
9
+ ._39yqyh40:after{border-width:2px}
9
10
  ._8l3m1hxg:after{border-color:var(--ds-border-information,#0e56c4)}
11
+ ._8l3m1lp0:after{border-color:var(--ds-border,#d0d6d0)}
10
12
  ._15l2idpf:after{top:0}
11
13
  ._18postnw:after{position:absolute}
12
14
  ._19doidpf:after{left:0}
package/dist/esm/image-navigator/dragZone.js CHANGED
@@ -18,10 +18,9 @@ export var DragZone = function DragZone(_ref) {
18
18
  return /*#__PURE__*/React.createElement("div", _extends({
19
19
  "data-testid": "dragzone"
20
20
  }, props, {
21
- className: ax(["_1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _1yt41q64 _kqswh2mm _2rko1osq _v5641ggo _re8d1dpy _aetrb3bt _14mj1osq _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq _qc5o1qgh", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _46tsilf2", showBorder && "_eq431kyj", !showBorder && "_eq43glyw"]),
21
+ className: ax(["_1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _1yt41q64 _kqswh2mm _2rko1osq _v5641ggo _re8d1dpy _aetrb3bt _14mj1osq _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq _qc5o1qgh", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _46tsilf2", showBorder && "_39yqyh40 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"]),
22
22
  style: {
23
- "--_s2m8ls": ix("".concat(spin, " 8s linear infinite")),
24
- "--_16hqum": ix("2px dashed ".concat("var(--ds-border, #d0d6d0)"))
23
+ "--_s2m8ls": ix("".concat(spin, " 8s linear infinite"))
25
24
  }
26
25
  }), children);
27
26
  };
package/dist/esm/predefined-avatar-list/index.js CHANGED
@@ -20,7 +20,7 @@ export var PredefinedAvatarList = function PredefinedAvatarList(_ref) {
20
20
  var intl = useIntl();
21
21
  return /*#__PURE__*/React.createElement("div", {
22
22
  id: "predefined-avatar-wrapper",
23
- className: ax(["_1e0c1txw"])
23
+ className: ax(["_1e0c1txw _4cvr1h6o"])
24
24
  }, /*#__PURE__*/React.createElement(AvatarList, {
25
25
  avatars: avatars,
26
26
  selectedAvatar: selectedAvatar,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-avatar-picker",
3
- "version": "25.0.0",
3
+ "version": "25.0.2",
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,18 +36,18 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@atlaskit/button": "^20.3.0",
39
- "@atlaskit/css": "^0.6.1",
39
+ "@atlaskit/css": "^0.7.0",
40
40
  "@atlaskit/flag": "^15.8.0",
41
- "@atlaskit/form": "^10.5.0",
42
- "@atlaskit/icon": "^22.26.0",
43
- "@atlaskit/media-ui": "^26.2.0",
44
- "@atlaskit/modal-dialog": "^12.17.0",
45
- "@atlaskit/primitives": "^13.2.0",
41
+ "@atlaskit/form": "^10.6.0",
42
+ "@atlaskit/icon": "^22.28.0",
43
+ "@atlaskit/media-ui": "^27.0.0",
44
+ "@atlaskit/modal-dialog": "^12.18.0",
45
+ "@atlaskit/primitives": "^13.3.0",
46
46
  "@atlaskit/range": "^7.4.0",
47
47
  "@atlaskit/spinner": "^16.3.0",
48
- "@atlaskit/textfield": "^6.5.0",
48
+ "@atlaskit/textfield": "^6.6.0",
49
49
  "@atlaskit/theme": "^14.0.0",
50
- "@atlaskit/tokens": "^2.3.0",
50
+ "@atlaskit/tokens": "^2.4.0",
51
51
  "@atlaskit/visually-hidden": "^1.5.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@compiled/react": "^0.18.1",