@atlaskit/avatar 25.4.0 → 25.4.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 (23) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/avatar-content.compiled.css +4 -4
  3. package/dist/cjs/avatar-content.js +1 -1
  4. package/dist/cjs/avatar.js +1 -1
  5. package/dist/cjs/internal/avatar-image.compiled.css +1 -1
  6. package/dist/cjs/internal/avatar-image.js +1 -1
  7. package/dist/cjs/skeleton.compiled.css +1 -1
  8. package/dist/cjs/skeleton.js +1 -1
  9. package/dist/es2019/avatar-content.compiled.css +4 -4
  10. package/dist/es2019/avatar-content.js +1 -1
  11. package/dist/es2019/avatar.js +1 -1
  12. package/dist/es2019/internal/avatar-image.compiled.css +1 -1
  13. package/dist/es2019/internal/avatar-image.js +1 -1
  14. package/dist/es2019/skeleton.compiled.css +1 -1
  15. package/dist/es2019/skeleton.js +1 -1
  16. package/dist/esm/avatar-content.compiled.css +4 -4
  17. package/dist/esm/avatar-content.js +1 -1
  18. package/dist/esm/avatar.js +1 -1
  19. package/dist/esm/internal/avatar-image.compiled.css +1 -1
  20. package/dist/esm/internal/avatar-image.js +1 -1
  21. package/dist/esm/skeleton.compiled.css +1 -1
  22. package/dist/esm/skeleton.js +1 -1
  23. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/avatar
2
2
 
3
+ ## 25.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 25.4.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`eb7832f0123e5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb7832f0123e5) -
14
+ Updates the Avatar hexagon shape to work better with circular images.
15
+
3
16
  ## 25.4.0
4
17
 
5
18
  ### Minor Changes
package/dist/cjs/avatar-content.compiled.css CHANGED
@@ -22,9 +22,9 @@
22
22
  ._195g8ocb{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 4px)}
23
23
  ._195gcwjc{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 1px)}
24
24
  ._195gs7t4{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 2px)}
25
- ._1moult7l{margin-block:calc(var(--ds-border-width-selected, 2px)*1.22*-1)}
26
- ._1rjcf6hp{padding-block:calc(var(--ds-border-width-selected, 2px)*.5)}
27
- ._1rjcyvr3{padding-block:calc(var(--ds-border-width-selected, 2px)*1.22)}._11fnglyw:after{pointer-events:none}
25
+ ._1mou5h37{margin-block:calc(var(--ds-border-width-selected, 2px)*1.25*-1)}
26
+ ._1rjc1wgn{padding-block:calc(var(--ds-border-width-selected, 2px)*1.25)}
27
+ ._1rjcf6hp{padding-block:calc(var(--ds-border-width-selected, 2px)*.5)}._11fnglyw:after{pointer-events:none}
28
28
  ._12ji1r31{outline-color:currentColor}
29
29
  ._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
30
30
  ._12y31o36{outline-width:medium}
@@ -74,8 +74,8 @@
74
74
  ._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
75
75
  ._kqswh2mm{position:relative}
76
76
  ._kqswpfqs{position:static}
77
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
77
78
  ._mkrz1kw7{clip-path:inherit}
78
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
79
79
  ._t9ec1aqe{transform:translateZ(0)}
80
80
  ._vchh1ntv{box-sizing:content-box}
81
81
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/cjs/avatar-content.js CHANGED
@@ -27,7 +27,7 @@ var styles = {
27
27
  };
28
28
  var unboundStyles = {
29
29
  root: "_vchh1ntv _bfhkcxp3 _16qs1nhn",
30
- hexagonFocusContainer: "_1rjcyvr3 _18zr1dm9 _1moult7l _bfhk1j28 _mkrz1nd3 _1o9o1p6i",
30
+ hexagonFocusContainer: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1p6i",
31
31
  hexagonBorderContainer: "_1rjcf6hp _18zruxly _bfhkcxp3 _mkrz1kw7 _1o9ovuon",
32
32
  hexagon: "_2rkoidpf _mkrz1kw7 _16qsn7od _14mjidpf _1ejjn7od _128midpf _4davidpf",
33
33
  interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y"
package/dist/cjs/avatar.js CHANGED
@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
24
24
  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; }
25
25
  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; }
26
26
  var packageName = "@atlaskit/avatar";
27
- var packageVersion = "0.0.0-development";
27
+ var packageVersion = "25.4.1";
28
28
  var containerStyles = null;
29
29
 
30
30
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
package/dist/cjs/internal/avatar-image.compiled.css CHANGED
@@ -16,7 +16,7 @@
16
16
  ._4t3i1osq{height:100%}
17
17
  ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
18
18
  ._i0dl1osq{flex-basis:100%}
19
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
19
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
20
20
  ._w8l516xz svg{width:6pc}
21
21
  ._w8l51qr7 svg{width:8pc}
22
22
  ._w8l51tcg svg{width:24px}
package/dist/cjs/internal/avatar-image.js CHANGED
@@ -20,7 +20,7 @@ var styles = {
20
20
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq",
21
21
  icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk1v33",
22
22
  circle: "_2rko1rr0",
23
- hexagon: "_mkrz1nd3"
23
+ hexagon: "_mkrz1k6g"
24
24
  };
25
25
  var borderRadiusMap = {
26
26
  xsmall: "_2rkolb4i",
package/dist/cjs/skeleton.compiled.css CHANGED
@@ -21,6 +21,6 @@
21
21
  ._4t3i7vkz{height:1pc}
22
22
  ._4t3izwfg{height:2pc}
23
23
  ._bfhk1r8p{background-color:var(--avatar-skeleton-background-color)}
24
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
24
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
25
25
  ._tzy4clii{opacity:.3}
26
26
  ._tzy4nh7s{opacity:.15}
package/dist/cjs/skeleton.js CHANGED
@@ -17,7 +17,7 @@ var bgColorCssVar = '--avatar-skeleton-background-color';
17
17
  var styles = {
18
18
  root: "_2rko1qll _189e1dm9 _1dqonqa1 _1h6d1j28 _1e0c1o8l _bfhk1r8p _tzy4nh7s",
19
19
  square: "_2rkol0p1",
20
- hexagon: "_mkrz1nd3",
20
+ hexagon: "_mkrz1k6g",
21
21
  strongOpacity: "_tzy4clii"
22
22
  };
23
23
  var sizeStyles = {
package/dist/es2019/avatar-content.compiled.css CHANGED
@@ -22,9 +22,9 @@
22
22
  ._195g8ocb{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 4px)}
23
23
  ._195gcwjc{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 1px)}
24
24
  ._195gs7t4{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 2px)}
25
- ._1moult7l{margin-block:calc(var(--ds-border-width-selected, 2px)*1.22*-1)}
26
- ._1rjcf6hp{padding-block:calc(var(--ds-border-width-selected, 2px)*.5)}
27
- ._1rjcyvr3{padding-block:calc(var(--ds-border-width-selected, 2px)*1.22)}._11fnglyw:after{pointer-events:none}
25
+ ._1mou5h37{margin-block:calc(var(--ds-border-width-selected, 2px)*1.25*-1)}
26
+ ._1rjc1wgn{padding-block:calc(var(--ds-border-width-selected, 2px)*1.25)}
27
+ ._1rjcf6hp{padding-block:calc(var(--ds-border-width-selected, 2px)*.5)}._11fnglyw:after{pointer-events:none}
28
28
  ._12ji1r31{outline-color:currentColor}
29
29
  ._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
30
30
  ._12y31o36{outline-width:medium}
@@ -74,8 +74,8 @@
74
74
  ._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
75
75
  ._kqswh2mm{position:relative}
76
76
  ._kqswpfqs{position:static}
77
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
77
78
  ._mkrz1kw7{clip-path:inherit}
78
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
79
79
  ._t9ec1aqe{transform:translateZ(0)}
80
80
  ._vchh1ntv{box-sizing:content-box}
81
81
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/es2019/avatar-content.js CHANGED
@@ -17,7 +17,7 @@ const styles = {
17
17
  };
18
18
  const unboundStyles = {
19
19
  root: "_vchh1ntv _bfhkcxp3 _16qs1nhn",
20
- hexagonFocusContainer: "_1rjcyvr3 _18zr1dm9 _1moult7l _bfhk1j28 _mkrz1nd3 _1o9o1p6i",
20
+ hexagonFocusContainer: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1p6i",
21
21
  hexagonBorderContainer: "_1rjcf6hp _18zruxly _bfhkcxp3 _mkrz1kw7 _1o9ovuon",
22
22
  hexagon: "_2rkoidpf _mkrz1kw7 _16qsn7od _14mjidpf _1ejjn7od _128midpf _4davidpf",
23
23
  interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y"
package/dist/es2019/avatar.js CHANGED
@@ -12,7 +12,7 @@ import { PresenceWrapper } from './presence';
12
12
  import { StatusWrapper } from './status';
13
13
  import { getCustomElement } from './utilities';
14
14
  const packageName = "@atlaskit/avatar";
15
- const packageVersion = "0.0.0-development";
15
+ const packageVersion = "25.4.1";
16
16
  const containerStyles = null;
17
17
 
18
18
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
package/dist/es2019/internal/avatar-image.compiled.css CHANGED
@@ -16,7 +16,7 @@
16
16
  ._4t3i1osq{height:100%}
17
17
  ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
18
18
  ._i0dl1osq{flex-basis:100%}
19
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
19
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
20
20
  ._w8l516xz svg{width:6pc}
21
21
  ._w8l51qr7 svg{width:8pc}
22
22
  ._w8l51tcg svg{width:24px}
package/dist/es2019/internal/avatar-image.js CHANGED
@@ -10,7 +10,7 @@ const styles = {
10
10
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq",
11
11
  icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk1v33",
12
12
  circle: "_2rko1rr0",
13
- hexagon: "_mkrz1nd3"
13
+ hexagon: "_mkrz1k6g"
14
14
  };
15
15
  const borderRadiusMap = {
16
16
  xsmall: "_2rkolb4i",
package/dist/es2019/skeleton.compiled.css CHANGED
@@ -21,6 +21,6 @@
21
21
  ._4t3i7vkz{height:1pc}
22
22
  ._4t3izwfg{height:2pc}
23
23
  ._bfhk1r8p{background-color:var(--avatar-skeleton-background-color)}
24
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
24
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
25
25
  ._tzy4clii{opacity:.3}
26
26
  ._tzy4nh7s{opacity:.15}
package/dist/es2019/skeleton.js CHANGED
@@ -7,7 +7,7 @@ const bgColorCssVar = '--avatar-skeleton-background-color';
7
7
  const styles = {
8
8
  root: "_2rko1qll _189e1dm9 _1dqonqa1 _1h6d1j28 _1e0c1o8l _bfhk1r8p _tzy4nh7s",
9
9
  square: "_2rkol0p1",
10
- hexagon: "_mkrz1nd3",
10
+ hexagon: "_mkrz1k6g",
11
11
  strongOpacity: "_tzy4clii"
12
12
  };
13
13
  const sizeStyles = {
package/dist/esm/avatar-content.compiled.css CHANGED
@@ -22,9 +22,9 @@
22
22
  ._195g8ocb{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 4px)}
23
23
  ._195gcwjc{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 1px)}
24
24
  ._195gs7t4{margin-inline:calc(var(--ds-border-width-selected, 2px)*-1 - 2px)}
25
- ._1moult7l{margin-block:calc(var(--ds-border-width-selected, 2px)*1.22*-1)}
26
- ._1rjcf6hp{padding-block:calc(var(--ds-border-width-selected, 2px)*.5)}
27
- ._1rjcyvr3{padding-block:calc(var(--ds-border-width-selected, 2px)*1.22)}._11fnglyw:after{pointer-events:none}
25
+ ._1mou5h37{margin-block:calc(var(--ds-border-width-selected, 2px)*1.25*-1)}
26
+ ._1rjc1wgn{padding-block:calc(var(--ds-border-width-selected, 2px)*1.25)}
27
+ ._1rjcf6hp{padding-block:calc(var(--ds-border-width-selected, 2px)*.5)}._11fnglyw:after{pointer-events:none}
28
28
  ._12ji1r31{outline-color:currentColor}
29
29
  ._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
30
30
  ._12y31o36{outline-width:medium}
@@ -74,8 +74,8 @@
74
74
  ._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
75
75
  ._kqswh2mm{position:relative}
76
76
  ._kqswpfqs{position:static}
77
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
77
78
  ._mkrz1kw7{clip-path:inherit}
78
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
79
79
  ._t9ec1aqe{transform:translateZ(0)}
80
80
  ._vchh1ntv{box-sizing:content-box}
81
81
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/esm/avatar-content.js CHANGED
@@ -18,7 +18,7 @@ var styles = {
18
18
  };
19
19
  var unboundStyles = {
20
20
  root: "_vchh1ntv _bfhkcxp3 _16qs1nhn",
21
- hexagonFocusContainer: "_1rjcyvr3 _18zr1dm9 _1moult7l _bfhk1j28 _mkrz1nd3 _1o9o1p6i",
21
+ hexagonFocusContainer: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1p6i",
22
22
  hexagonBorderContainer: "_1rjcf6hp _18zruxly _bfhkcxp3 _mkrz1kw7 _1o9ovuon",
23
23
  hexagon: "_2rkoidpf _mkrz1kw7 _16qsn7od _14mjidpf _1ejjn7od _128midpf _4davidpf",
24
24
  interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y"
package/dist/esm/avatar.js CHANGED
@@ -15,7 +15,7 @@ import { PresenceWrapper } from './presence';
15
15
  import { StatusWrapper } from './status';
16
16
  import { getCustomElement } from './utilities';
17
17
  var packageName = "@atlaskit/avatar";
18
- var packageVersion = "0.0.0-development";
18
+ var packageVersion = "25.4.1";
19
19
  var containerStyles = null;
20
20
 
21
21
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
package/dist/esm/internal/avatar-image.compiled.css CHANGED
@@ -16,7 +16,7 @@
16
16
  ._4t3i1osq{height:100%}
17
17
  ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
18
18
  ._i0dl1osq{flex-basis:100%}
19
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
19
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
20
20
  ._w8l516xz svg{width:6pc}
21
21
  ._w8l51qr7 svg{width:8pc}
22
22
  ._w8l51tcg svg{width:24px}
package/dist/esm/internal/avatar-image.js CHANGED
@@ -11,7 +11,7 @@ var styles = {
11
11
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq",
12
12
  icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk1v33",
13
13
  circle: "_2rko1rr0",
14
- hexagon: "_mkrz1nd3"
14
+ hexagon: "_mkrz1k6g"
15
15
  };
16
16
  var borderRadiusMap = {
17
17
  xsmall: "_2rkolb4i",
package/dist/esm/skeleton.compiled.css CHANGED
@@ -21,6 +21,6 @@
21
21
  ._4t3i7vkz{height:1pc}
22
22
  ._4t3izwfg{height:2pc}
23
23
  ._bfhk1r8p{background-color:var(--avatar-skeleton-background-color)}
24
- ._mkrz1nd3{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,92.64102% 21.33975%,94.06889% 22.33956%,95.30146% 23.57212%,96.30127% 25%,97.03794% 26.5798%,97.48909% 28.26352%,97.64102% 30%,97.64102% 70%,97.48909% 71.73648%,97.03794% 73.4202%,96.30127% 75%,95.30146% 76.42788%,94.06889% 77.66044%,92.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,7.35898% 78.66025%,5.93111% 77.66044%,4.69854% 76.42788%,3.69873% 75%,2.96206% 73.4202%,2.51091% 71.73648%,2.35898% 70%,2.35898% 30%,2.51091% 28.26352%,2.96206% 26.5798%,3.69873% 25%,4.69854% 23.57212%,5.93111% 22.33956%,7.35898% 21.33975%)}
24
+ ._mkrz1k6g{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}
25
25
  ._tzy4clii{opacity:.3}
26
26
  ._tzy4nh7s{opacity:.15}
package/dist/esm/skeleton.js CHANGED
@@ -8,7 +8,7 @@ var bgColorCssVar = '--avatar-skeleton-background-color';
8
8
  var styles = {
9
9
  root: "_2rko1qll _189e1dm9 _1dqonqa1 _1h6d1j28 _1e0c1o8l _bfhk1r8p _tzy4nh7s",
10
10
  square: "_2rkol0p1",
11
- hexagon: "_mkrz1nd3",
11
+ hexagon: "_mkrz1k6g",
12
12
  strongOpacity: "_tzy4clii"
13
13
  };
14
14
  var sizeStyles = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar",
3
- "version": "25.4.0",
3
+ "version": "25.4.2",
4
4
  "description": "An avatar is a visual representation of a user or entity.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,14 +33,14 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
- "@atlaskit/css": "^0.14.0",
36
+ "@atlaskit/css": "^0.15.0",
37
37
  "@atlaskit/ds-lib": "^5.1.0",
38
38
  "@atlaskit/focus-ring": "^3.0.0",
39
39
  "@atlaskit/icon": "^28.5.0",
40
40
  "@atlaskit/platform-feature-flags": "^1.1.0",
41
- "@atlaskit/primitives": "^14.15.0",
41
+ "@atlaskit/primitives": "^15.0.0",
42
42
  "@atlaskit/theme": "^21.0.0",
43
- "@atlaskit/tokens": "^6.4.0",
43
+ "@atlaskit/tokens": "^6.5.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@compiled/react": "^0.18.3"
46
46
  },