@atlaskit/media-avatar-picker 25.0.6 → 25.0.7

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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/avatar-picker-dialog/index.compiled.css +5 -2
  3. package/dist/cjs/avatar-picker-dialog/index.js +1 -1
  4. package/dist/cjs/image-navigator/index.compiled.css +4 -1
  5. package/dist/cjs/image-navigator/index.js +1 -4
  6. package/dist/es2019/avatar-picker-dialog/index.compiled.css +5 -2
  7. package/dist/es2019/avatar-picker-dialog/index.js +1 -1
  8. package/dist/es2019/image-navigator/index.compiled.css +4 -1
  9. package/dist/es2019/image-navigator/index.js +1 -1
  10. package/dist/esm/avatar-picker-dialog/index.compiled.css +5 -2
  11. package/dist/esm/avatar-picker-dialog/index.js +1 -1
  12. package/dist/esm/image-navigator/index.compiled.css +4 -1
  13. package/dist/esm/image-navigator/index.js +1 -4
  14. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/media-avatar-picker
2
2
 
3
+ ## 25.0.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 25.0.6
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/avatar-picker-dialog/index.compiled.css CHANGED
@@ -1,15 +1,18 @@
1
1
 
2
- ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
3
- ._peycpxbi._peycpxbi{margin:var(--ds-space-200,1pc)}._18u0idpf{margin-left:0}
2
+ ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
3
+ ._18u0idpf{margin-left:0}
4
4
  ._19pkidpf{margin-top:0}
5
5
  ._1bah1h6o{justify-content:center}
6
6
  ._1e0c1o8l{display:inline-block}
7
7
  ._1e0c1txw{display:flex}
8
+ ._1l6upxbi._1l6upxbi{margin-bottom:var(--ds-space-200,1pc)}
8
9
  ._1tkeqbeb{min-height:339px}
9
10
  ._2hwxidpf{margin-right:0}
10
11
  ._4cvr1y6m{align-items:flex-start}
11
12
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
13
+ ._o81cpxbi._o81cpxbi{margin-right:var(--ds-space-200,1pc)}
12
14
  ._otyridpf{margin-bottom:0}
15
+ ._rcujpxbi._rcujpxbi{margin-top:var(--ds-space-200,1pc)}
13
16
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
14
17
  ._y3gn1e5h{text-align:left}
15
18
  ._y3gn1h6o{text-align:center}
package/dist/cjs/avatar-picker-dialog/index.js CHANGED
@@ -60,7 +60,7 @@ var HeaderContent = function HeaderContent(_ref) {
60
60
  return /*#__PURE__*/_react.default.createElement("h1", {
61
61
  "data-testid": "modal-header",
62
62
  id: modal.titleId,
63
- className: (0, _runtime.ax)(["_peycpxbi _fqoxo0gd"])
63
+ className: (0, _runtime.ax)(["_fqoxo0gd _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
64
64
  }, title || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.upload_an_avatar));
65
65
  };
66
66
  var altTextFieldStyles = {
package/dist/cjs/image-navigator/index.compiled.css CHANGED
@@ -1,7 +1,8 @@
1
1
 
2
- ._18s81k2y{margin:var(--_p0hvw3)}
3
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}._154iidpf{top:0}
3
+ ._18u068s0{margin-left:var(--ds-space-150,10px)}
4
4
  ._19pk1rei{margin-top:var(--_9hbjja)}
5
+ ._19pkidpf{margin-top:0}
5
6
  ._19pku2gc{margin-top:var(--ds-space-100,8px)}
6
7
  ._1bah1h6o{justify-content:center}
7
8
  ._1bsb1k99{width:16pc}
@@ -14,6 +15,7 @@
14
15
  ._1qtqidpf input{padding-bottom:0}
15
16
  ._1rquusvi *, ._1dzousvi :after, ._gxv5usvi :before{box-sizing:border-box}
16
17
  ._1xi2idpf{right:0}
18
+ ._2hwx68s0{margin-right:var(--ds-space-150,10px)}
17
19
  ._2lx21bp4{flex-direction:column}
18
20
  ._2lx2vrvc{flex-direction:row}
19
21
  ._406318uv input{box-sizing:initial}
@@ -28,6 +30,7 @@
28
30
  ._n9z4idpf input{padding-left:0}
29
31
  ._ogxmidpf input{padding-right:0}
30
32
  ._otyr1yov{margin-bottom:var(--ds-space-100,10px)}
33
+ ._otyrv47k{margin-bottom:var(--ds-space-250,20px)}
31
34
  ._syazpsu8{color:var(--_vrm7dk)}
32
35
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
33
36
  ._v69yidpf input{padding-top:0}
package/dist/cjs/image-navigator/index.js CHANGED
@@ -339,10 +339,7 @@ var ImageNavigator = exports.ImageNavigator = /*#__PURE__*/function (_Component)
339
339
  isLoading = _this$props3.isLoading;
340
340
  return /*#__PURE__*/_react.default.createElement("div", {
341
341
  id: "image-uploader",
342
- className: (0, _runtime.ax)(["_18s81k2y _1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o"]),
343
- style: {
344
- "--_p0hvw3": (0, _runtime.ix)("0 ".concat("var(--ds-space-150, 10px)", " ", "var(--ds-space-250, 20px)", " ", "var(--ds-space-150, 10px)"))
345
- }
342
+ className: (0, _runtime.ax)(["_1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o _19pkidpf _2hwx68s0 _otyrv47k _18u068s0"])
346
343
  }, this.renderDragZone(), isLoading ? null : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
347
344
  id: "padded-break",
348
345
  className: (0, _runtime.ax)(["_19pk1rei _otyr1yov _y3gn1h6o"]),
package/dist/es2019/avatar-picker-dialog/index.compiled.css CHANGED
@@ -1,15 +1,18 @@
1
1
 
2
- ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
3
- ._peycpxbi._peycpxbi{margin:var(--ds-space-200,1pc)}._18u0idpf{margin-left:0}
2
+ ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
3
+ ._18u0idpf{margin-left:0}
4
4
  ._19pkidpf{margin-top:0}
5
5
  ._1bah1h6o{justify-content:center}
6
6
  ._1e0c1o8l{display:inline-block}
7
7
  ._1e0c1txw{display:flex}
8
+ ._1l6upxbi._1l6upxbi{margin-bottom:var(--ds-space-200,1pc)}
8
9
  ._1tkeqbeb{min-height:339px}
9
10
  ._2hwxidpf{margin-right:0}
10
11
  ._4cvr1y6m{align-items:flex-start}
11
12
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
13
+ ._o81cpxbi._o81cpxbi{margin-right:var(--ds-space-200,1pc)}
12
14
  ._otyridpf{margin-bottom:0}
15
+ ._rcujpxbi._rcujpxbi{margin-top:var(--ds-space-200,1pc)}
13
16
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
14
17
  ._y3gn1e5h{text-align:left}
15
18
  ._y3gn1h6o{text-align:center}
package/dist/es2019/avatar-picker-dialog/index.js CHANGED
@@ -44,7 +44,7 @@ const HeaderContent = ({
44
44
  return /*#__PURE__*/React.createElement("h1", {
45
45
  "data-testid": "modal-header",
46
46
  id: modal.titleId,
47
- className: ax(["_peycpxbi _fqoxo0gd"])
47
+ className: ax(["_fqoxo0gd _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
48
48
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.upload_an_avatar));
49
49
  };
50
50
  const altTextFieldStyles = {
package/dist/es2019/image-navigator/index.compiled.css CHANGED
@@ -1,7 +1,8 @@
1
1
 
2
- ._18s8yre2{margin:0 var(--ds-space-150,10px) var(--ds-space-250,20px) var(--ds-space-150,10px)}
3
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}._154iidpf{top:0}
3
+ ._18u068s0{margin-left:var(--ds-space-150,10px)}
4
4
  ._19pk19ol{margin-top:var(--ds-space-100,10px)!important}
5
+ ._19pkidpf{margin-top:0}
5
6
  ._19pku2gc{margin-top:var(--ds-space-100,8px)}
6
7
  ._1bah1h6o{justify-content:center}
7
8
  ._1bsb1k99{width:16pc}
@@ -14,6 +15,7 @@
14
15
  ._1qtqidpf input{padding-bottom:0}
15
16
  ._1rquusvi *, ._1dzousvi :after, ._gxv5usvi :before{box-sizing:border-box}
16
17
  ._1xi2idpf{right:0}
18
+ ._2hwx68s0{margin-right:var(--ds-space-150,10px)}
17
19
  ._2lx21bp4{flex-direction:column}
18
20
  ._2lx2vrvc{flex-direction:row}
19
21
  ._406318uv input{box-sizing:initial}
@@ -28,6 +30,7 @@
28
30
  ._n9z4idpf input{padding-left:0}
29
31
  ._ogxmidpf input{padding-right:0}
30
32
  ._otyr1yov{margin-bottom:var(--ds-space-100,10px)}
33
+ ._otyrv47k{margin-bottom:var(--ds-space-250,20px)}
31
34
  ._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
32
35
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
33
36
  ._v69yidpf input{padding-top:0}
package/dist/es2019/image-navigator/index.js CHANGED
@@ -293,7 +293,7 @@ export class ImageNavigator extends Component {
293
293
  } = this.props;
294
294
  return /*#__PURE__*/React.createElement("div", {
295
295
  id: "image-uploader",
296
- className: ax(["_18s8yre2 _1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o"])
296
+ className: ax(["_1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o _19pkidpf _2hwx68s0 _otyrv47k _18u068s0"])
297
297
  }, this.renderDragZone(), isLoading ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
298
298
  id: "padded-break",
299
299
  className: ax(["_19pk19ol _otyr1yov _y3gn1h6o"])
package/dist/esm/avatar-picker-dialog/index.compiled.css CHANGED
@@ -1,15 +1,18 @@
1
1
 
2
- ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
3
- ._peycpxbi._peycpxbi{margin:var(--ds-space-200,1pc)}._18u0idpf{margin-left:0}
2
+ ._fqoxo0gd._fqoxo0gd{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}._149mpxbi._149mpxbi{margin-left:var(--ds-space-200,1pc)}
3
+ ._18u0idpf{margin-left:0}
4
4
  ._19pkidpf{margin-top:0}
5
5
  ._1bah1h6o{justify-content:center}
6
6
  ._1e0c1o8l{display:inline-block}
7
7
  ._1e0c1txw{display:flex}
8
+ ._1l6upxbi._1l6upxbi{margin-bottom:var(--ds-space-200,1pc)}
8
9
  ._1tkeqbeb{min-height:339px}
9
10
  ._2hwxidpf{margin-right:0}
10
11
  ._4cvr1y6m{align-items:flex-start}
11
12
  ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
13
+ ._o81cpxbi._o81cpxbi{margin-right:var(--ds-space-200,1pc)}
12
14
  ._otyridpf{margin-bottom:0}
15
+ ._rcujpxbi._rcujpxbi{margin-top:var(--ds-space-200,1pc)}
13
16
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
14
17
  ._y3gn1e5h{text-align:left}
15
18
  ._y3gn1h6o{text-align:center}
package/dist/esm/avatar-picker-dialog/index.js CHANGED
@@ -52,7 +52,7 @@ var HeaderContent = function HeaderContent(_ref) {
52
52
  return /*#__PURE__*/React.createElement("h1", {
53
53
  "data-testid": "modal-header",
54
54
  id: modal.titleId,
55
- className: ax(["_peycpxbi _fqoxo0gd"])
55
+ className: ax(["_fqoxo0gd _rcujpxbi _o81cpxbi _1l6upxbi _149mpxbi"])
56
56
  }, title || /*#__PURE__*/React.createElement(FormattedMessage, messages.upload_an_avatar));
57
57
  };
58
58
  var altTextFieldStyles = {
package/dist/esm/image-navigator/index.compiled.css CHANGED
@@ -1,7 +1,8 @@
1
1
 
2
- ._18s81k2y{margin:var(--_p0hvw3)}
3
2
  ._2rko1sit{border-radius:var(--ds-border-radius,3px)}._154iidpf{top:0}
3
+ ._18u068s0{margin-left:var(--ds-space-150,10px)}
4
4
  ._19pk1rei{margin-top:var(--_9hbjja)}
5
+ ._19pkidpf{margin-top:0}
5
6
  ._19pku2gc{margin-top:var(--ds-space-100,8px)}
6
7
  ._1bah1h6o{justify-content:center}
7
8
  ._1bsb1k99{width:16pc}
@@ -14,6 +15,7 @@
14
15
  ._1qtqidpf input{padding-bottom:0}
15
16
  ._1rquusvi *, ._1dzousvi :after, ._gxv5usvi :before{box-sizing:border-box}
16
17
  ._1xi2idpf{right:0}
18
+ ._2hwx68s0{margin-right:var(--ds-space-150,10px)}
17
19
  ._2lx21bp4{flex-direction:column}
18
20
  ._2lx2vrvc{flex-direction:row}
19
21
  ._406318uv input{box-sizing:initial}
@@ -28,6 +30,7 @@
28
30
  ._n9z4idpf input{padding-left:0}
29
31
  ._ogxmidpf input{padding-right:0}
30
32
  ._otyr1yov{margin-bottom:var(--ds-space-100,10px)}
33
+ ._otyrv47k{margin-bottom:var(--ds-space-250,20px)}
31
34
  ._syazpsu8{color:var(--_vrm7dk)}
32
35
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
33
36
  ._v69yidpf input{padding-top:0}
package/dist/esm/image-navigator/index.js CHANGED
@@ -330,10 +330,7 @@ export var ImageNavigator = /*#__PURE__*/function (_Component) {
330
330
  isLoading = _this$props3.isLoading;
331
331
  return /*#__PURE__*/React.createElement("div", {
332
332
  id: "image-uploader",
333
- className: ax(["_18s81k2y _1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o"]),
334
- style: {
335
- "--_p0hvw3": ix("0 ".concat("var(--ds-space-150, 10px)", " ", "var(--ds-space-250, 20px)", " ", "var(--ds-space-150, 10px)"))
336
- }
333
+ className: ax(["_1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o _19pkidpf _2hwx68s0 _otyrv47k _18u068s0"])
337
334
  }, this.renderDragZone(), isLoading ? null : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
338
335
  id: "padded-break",
339
336
  className: ax(["_19pk1rei _otyr1yov _y3gn1h6o"]),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-avatar-picker",
3
- "version": "25.0.6",
3
+ "version": "25.0.7",
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/"
@@ -39,15 +39,15 @@
39
39
  "@atlaskit/css": "^0.7.0",
40
40
  "@atlaskit/flag": "^15.8.0",
41
41
  "@atlaskit/form": "^11.0.0",
42
- "@atlaskit/icon": "^23.3.0",
42
+ "@atlaskit/icon": "^23.4.0",
43
43
  "@atlaskit/media-ui": "^27.3.0",
44
44
  "@atlaskit/modal-dialog": "^12.19.0",
45
45
  "@atlaskit/primitives": "^13.3.0",
46
46
  "@atlaskit/range": "^8.0.0",
47
- "@atlaskit/spinner": "^16.3.0",
47
+ "@atlaskit/spinner": "^17.0.0",
48
48
  "@atlaskit/textfield": "^6.7.0",
49
49
  "@atlaskit/theme": "^14.0.0",
50
- "@atlaskit/tokens": "^3.0.0",
50
+ "@atlaskit/tokens": "^3.2.0",
51
51
  "@atlaskit/visually-hidden": "^1.5.0",
52
52
  "@babel/runtime": "^7.0.0",
53
53
  "@compiled/react": "^0.18.1",