@atlaskit/media-avatar-picker 26.2.9 → 26.2.10

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 (20) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/image-cropper/index.compiled.css +1 -1
  3. package/dist/cjs/image-cropper/index.js +1 -1
  4. package/dist/cjs/image-navigator/dragZone.compiled.css +3 -3
  5. package/dist/cjs/image-navigator/dragZone.js +1 -1
  6. package/dist/cjs/image-placer/margin.compiled.css +1 -1
  7. package/dist/cjs/image-placer/margin.js +1 -1
  8. package/dist/es2019/image-cropper/index.compiled.css +1 -1
  9. package/dist/es2019/image-cropper/index.js +1 -1
  10. package/dist/es2019/image-navigator/dragZone.compiled.css +3 -3
  11. package/dist/es2019/image-navigator/dragZone.js +1 -1
  12. package/dist/es2019/image-placer/margin.compiled.css +1 -1
  13. package/dist/es2019/image-placer/margin.js +1 -1
  14. package/dist/esm/image-cropper/index.compiled.css +1 -1
  15. package/dist/esm/image-cropper/index.js +1 -1
  16. package/dist/esm/image-navigator/dragZone.compiled.css +3 -3
  17. package/dist/esm/image-navigator/dragZone.js +1 -1
  18. package/dist/esm/image-placer/margin.compiled.css +1 -1
  19. package/dist/esm/image-placer/margin.js +1 -1
  20. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/media-avatar-picker
2
2
 
3
+ ## 26.2.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5d0b8ba5e6f7f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d0b8ba5e6f7f) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
3
11
  ## 26.2.9
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/image-cropper/index.compiled.css CHANGED
@@ -10,7 +10,7 @@
10
10
  ._80om15ng{cursor:move}
11
11
  ._kqswh2mm{position:relative}
12
12
  ._kqswstnw{position:absolute}
13
- ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
13
+ ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
14
14
  ._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
15
15
  ._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
16
16
  ._ra3xnqa1:focus-visible{outline-style:solid}
package/dist/cjs/image-cropper/index.js CHANGED
@@ -39,7 +39,7 @@ var dragOverlayStyles = {
39
39
  root: "_kqswstnw _1bsb1osq _4t3i1osq _80om15ng"
40
40
  };
41
41
  var maskPositionStyle = {
42
- root: "_kqswstnw _1ah3v77o _128m1bk5 _mizu1p6i _ra3xnqa1"
42
+ root: "_kqswstnw _1ah3v77o _128mdkaa _mizu1p6i _ra3xnqa1"
43
43
  };
44
44
  var maskStyles = {
45
45
  top: "".concat(CONTAINER_PADDING, "px"),
package/dist/cjs/image-navigator/dragZone.compiled.css CHANGED
@@ -1,11 +1,11 @@
1
- ._14mj1osq:after{border-radius:100%}
1
+ ._14mj1rr0:after{border-radius:var(--ds-radius-full,9999px)}
2
2
  ._1yt41q64{padding:var(--ds-space-200,15px)}
3
- ._2rko1osq{border-radius:100%}
3
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
4
4
  ._eq43glyw:after{border:none}
5
5
  ._qc5o1qgh:after{transition:border-color .3s cubic-bezier(.19,1,.22,1)}
6
6
  ._v5641ggo{transition:background-color .3s cubic-bezier(.215,.61,.355,1)}
7
7
  ._1tv3gq9o:after{border-style:dashed}
8
- ._39yqyh40:after{border-width:2px}
8
+ ._39yq1dm9:after{border-width:var(--ds-border-width-selected,2px)}
9
9
  ._8l3m1hxg:after{border-color:var(--ds-border-information,#0e56c4)}
10
10
  ._8l3m1lp0:after{border-color:var(--ds-border,#d0d6d0)}
11
11
  ._15l2idpf:after{top:0}
package/dist/cjs/image-navigator/dragZone.js CHANGED
@@ -27,6 +27,6 @@ var DragZone = exports.DragZone = function DragZone(_ref) {
27
27
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
28
28
  "data-testid": "dragzone"
29
29
  }, props, {
30
- className: (0, _runtime.ax)(["_1yt41q64 _2rko1osq _v5641ggo _1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _kqswh2mm _re8d1dpy _14mj1osq _qc5o1qgh _aetrb3bt _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _19ohtakz _kwc012me _18lgp3kn _18f312c5", showBorder && "_39yqyh40 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"])
30
+ className: (0, _runtime.ax)(["_1yt41q64 _2rko1rr0 _v5641ggo _1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _kqswh2mm _re8d1dpy _14mj1rr0 _qc5o1qgh _aetrb3bt _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _19ohtakz _kwc012me _18lgp3kn _18f312c5", showBorder && "_39yq1dm9 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"])
31
31
  }), children);
32
32
  };
package/dist/cjs/image-placer/margin.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko1osq{border-radius:100%}
2
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
3
3
  ._1dqonqa1{border-style:solid}
4
4
  ._1h6d1bhr{border-color:var(--ds-surface-overlay,#fff)}._154iidpf{top:0}
5
5
  ._18m915vq{overflow-y:hidden}
package/dist/cjs/image-placer/margin.js CHANGED
@@ -49,7 +49,7 @@ var Margin = exports.Margin = /*#__PURE__*/function (_React$Component) {
49
49
  height: "".concat(height, "px"),
50
50
  boxShadow: "0px 0px 0px ".concat(Math.max(width, height), "px ", "var(--ds-surface-overlay, rgba(255, 255, 255))")
51
51
  },
52
- className: (0, _runtime.ax)(["_2rko1osq _1sb2b3bt _kqswstnw _tzy4167h"])
52
+ className: (0, _runtime.ax)(["_2rko1rr0 _1sb2b3bt _kqswstnw _tzy4167h"])
53
53
  })) : /*#__PURE__*/_react.default.createElement("div", {
54
54
  style: {
55
55
  borderWidth: "".concat(size, "px"),
package/dist/es2019/image-cropper/index.compiled.css CHANGED
@@ -10,7 +10,7 @@
10
10
  ._80om15ng{cursor:move}
11
11
  ._kqswh2mm{position:relative}
12
12
  ._kqswstnw{position:absolute}
13
- ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
13
+ ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
14
14
  ._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
15
15
  ._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
16
16
  ._ra3xnqa1:focus-visible{outline-style:solid}
package/dist/es2019/image-cropper/index.js CHANGED
@@ -22,7 +22,7 @@ const dragOverlayStyles = {
22
22
  root: "_kqswstnw _1bsb1osq _4t3i1osq _80om15ng"
23
23
  };
24
24
  const maskPositionStyle = {
25
- root: "_kqswstnw _1ah3v77o _128m1bk5 _mizu1p6i _ra3xnqa1"
25
+ root: "_kqswstnw _1ah3v77o _128mdkaa _mizu1p6i _ra3xnqa1"
26
26
  };
27
27
  const maskStyles = {
28
28
  top: `${CONTAINER_PADDING}px`,
package/dist/es2019/image-navigator/dragZone.compiled.css CHANGED
@@ -1,11 +1,11 @@
1
- ._14mj1osq:after{border-radius:100%}
1
+ ._14mj1rr0:after{border-radius:var(--ds-radius-full,9999px)}
2
2
  ._1yt41q64{padding:var(--ds-space-200,15px)}
3
- ._2rko1osq{border-radius:100%}
3
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
4
4
  ._eq43glyw:after{border:none}
5
5
  ._qc5o1qgh:after{transition:border-color .3s cubic-bezier(.19,1,.22,1)}
6
6
  ._v5641ggo{transition:background-color .3s cubic-bezier(.215,.61,.355,1)}
7
7
  ._1tv3gq9o:after{border-style:dashed}
8
- ._39yqyh40:after{border-width:2px}
8
+ ._39yq1dm9:after{border-width:var(--ds-border-width-selected,2px)}
9
9
  ._8l3m1hxg:after{border-color:var(--ds-border-information,#0e56c4)}
10
10
  ._8l3m1lp0:after{border-color:var(--ds-border,#d0d6d0)}
11
11
  ._15l2idpf:after{top: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(["_1yt41q64 _2rko1osq _v5641ggo _1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _kqswh2mm _re8d1dpy _14mj1osq _qc5o1qgh _aetrb3bt _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _19ohtakz _kwc012me _18lgp3kn _18f312c5", showBorder && "_39yqyh40 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"])
19
+ className: ax(["_1yt41q64 _2rko1rr0 _v5641ggo _1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _kqswh2mm _re8d1dpy _14mj1rr0 _qc5o1qgh _aetrb3bt _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _19ohtakz _kwc012me _18lgp3kn _18f312c5", showBorder && "_39yq1dm9 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"])
20
20
  }), children);
package/dist/es2019/image-placer/margin.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko1osq{border-radius:100%}
2
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
3
3
  ._1dqonqa1{border-style:solid}
4
4
  ._1h6d1bhr{border-color:var(--ds-surface-overlay,#fff)}._154iidpf{top:0}
5
5
  ._18m915vq{overflow-y:hidden}
package/dist/es2019/image-placer/margin.js CHANGED
@@ -29,7 +29,7 @@ export class Margin extends React.Component {
29
29
  height: `${height}px`,
30
30
  boxShadow: `0px 0px 0px ${Math.max(width, height)}px ${"var(--ds-surface-overlay, rgba(255, 255, 255))"}`
31
31
  },
32
- className: ax(["_2rko1osq _1sb2b3bt _kqswstnw _tzy4167h"])
32
+ className: ax(["_2rko1rr0 _1sb2b3bt _kqswstnw _tzy4167h"])
33
33
  })) : /*#__PURE__*/React.createElement("div", {
34
34
  style: {
35
35
  borderWidth: `${size}px`,
package/dist/esm/image-cropper/index.compiled.css CHANGED
@@ -10,7 +10,7 @@
10
10
  ._80om15ng{cursor:move}
11
11
  ._kqswh2mm{position:relative}
12
12
  ._kqswstnw{position:absolute}
13
- ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
13
+ ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
14
14
  ._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
15
15
  ._mizu1p6i:focus-visible{outline-color:var(--ds-border-focused,#388bff)}
16
16
  ._ra3xnqa1:focus-visible{outline-style:solid}
package/dist/esm/image-cropper/index.js CHANGED
@@ -31,7 +31,7 @@ var dragOverlayStyles = {
31
31
  root: "_kqswstnw _1bsb1osq _4t3i1osq _80om15ng"
32
32
  };
33
33
  var maskPositionStyle = {
34
- root: "_kqswstnw _1ah3v77o _128m1bk5 _mizu1p6i _ra3xnqa1"
34
+ root: "_kqswstnw _1ah3v77o _128mdkaa _mizu1p6i _ra3xnqa1"
35
35
  };
36
36
  var maskStyles = {
37
37
  top: "".concat(CONTAINER_PADDING, "px"),
package/dist/esm/image-navigator/dragZone.compiled.css CHANGED
@@ -1,11 +1,11 @@
1
- ._14mj1osq:after{border-radius:100%}
1
+ ._14mj1rr0:after{border-radius:var(--ds-radius-full,9999px)}
2
2
  ._1yt41q64{padding:var(--ds-space-200,15px)}
3
- ._2rko1osq{border-radius:100%}
3
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
4
4
  ._eq43glyw:after{border:none}
5
5
  ._qc5o1qgh:after{transition:border-color .3s cubic-bezier(.19,1,.22,1)}
6
6
  ._v5641ggo{transition:background-color .3s cubic-bezier(.215,.61,.355,1)}
7
7
  ._1tv3gq9o:after{border-style:dashed}
8
- ._39yqyh40:after{border-width:2px}
8
+ ._39yq1dm9:after{border-width:var(--ds-border-width-selected,2px)}
9
9
  ._8l3m1hxg:after{border-color:var(--ds-border-information,#0e56c4)}
10
10
  ._8l3m1lp0:after{border-color:var(--ds-border,#d0d6d0)}
11
11
  ._15l2idpf:after{top:0}
package/dist/esm/image-navigator/dragZone.js CHANGED
@@ -18,6 +18,6 @@ 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(["_1yt41q64 _2rko1osq _v5641ggo _1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _kqswh2mm _re8d1dpy _14mj1osq _qc5o1qgh _aetrb3bt _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _19ohtakz _kwc012me _18lgp3kn _18f312c5", showBorder && "_39yqyh40 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"])
21
+ className: ax(["_1yt41q64 _2rko1rr0 _v5641ggo _1bsbuuw1 _4t3iuuw1 _1e0c1txw _2lx21bp4 _4cvr1h6o _1bah1h6o _kqswh2mm _re8d1dpy _14mj1rr0 _qc5o1qgh _aetrb3bt _18postnw _15l2idpf _19doidpf _z0ai1osq _1qdg1osq", isDroppingFile && "", isDroppingFile && "_bfhk1iy1 _8l3m1hxg _19ohtakz _kwc012me _18lgp3kn _18f312c5", showBorder && "_39yq1dm9 _1tv3gq9o _8l3m1lp0", !showBorder && "_eq43glyw"])
22
22
  }), children);
23
23
  };
package/dist/esm/image-placer/margin.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rko1osq{border-radius:100%}
2
+ ._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
3
3
  ._1dqonqa1{border-style:solid}
4
4
  ._1h6d1bhr{border-color:var(--ds-surface-overlay,#fff)}._154iidpf{top:0}
5
5
  ._18m915vq{overflow-y:hidden}
package/dist/esm/image-placer/margin.js CHANGED
@@ -42,7 +42,7 @@ export var Margin = /*#__PURE__*/function (_React$Component) {
42
42
  height: "".concat(height, "px"),
43
43
  boxShadow: "0px 0px 0px ".concat(Math.max(width, height), "px ", "var(--ds-surface-overlay, rgba(255, 255, 255))")
44
44
  },
45
- className: ax(["_2rko1osq _1sb2b3bt _kqswstnw _tzy4167h"])
45
+ className: ax(["_2rko1rr0 _1sb2b3bt _kqswstnw _tzy4167h"])
46
46
  })) : /*#__PURE__*/React.createElement("div", {
47
47
  style: {
48
48
  borderWidth: "".concat(size, "px"),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-avatar-picker",
3
- "version": "26.2.9",
3
+ "version": "26.2.10",
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/"