@atlaskit/avatar 25.5.1 → 25.5.3

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 +12 -0
  2. package/dist/cjs/avatar-content.compiled.css +1 -1
  3. package/dist/cjs/avatar-content.js +1 -1
  4. package/dist/cjs/avatar-item.compiled.css +2 -2
  5. package/dist/cjs/avatar-item.js +2 -2
  6. package/dist/cjs/avatar.js +1 -1
  7. package/dist/cjs/internal/avatar-image.compiled.css +1 -1
  8. package/dist/cjs/internal/avatar-image.js +6 -6
  9. package/dist/es2019/avatar-content.compiled.css +1 -1
  10. package/dist/es2019/avatar-content.js +1 -1
  11. package/dist/es2019/avatar-item.compiled.css +2 -2
  12. package/dist/es2019/avatar-item.js +2 -2
  13. package/dist/es2019/avatar.js +1 -1
  14. package/dist/es2019/internal/avatar-image.compiled.css +1 -1
  15. package/dist/es2019/internal/avatar-image.js +6 -6
  16. package/dist/esm/avatar-content.compiled.css +1 -1
  17. package/dist/esm/avatar-content.js +1 -1
  18. package/dist/esm/avatar-item.compiled.css +2 -2
  19. package/dist/esm/avatar-item.js +2 -2
  20. package/dist/esm/avatar.js +1 -1
  21. package/dist/esm/internal/avatar-image.compiled.css +1 -1
  22. package/dist/esm/internal/avatar-image.js +6 -6
  23. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/avatar
2
2
 
3
+ ## 25.5.3
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 25.5.2
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 25.5.1
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/avatar-content.compiled.css CHANGED
@@ -42,7 +42,7 @@
42
42
  ._1e0c1txw{display:flex}
43
43
  ._1hfk1j28:after{background-color:transparent}
44
44
  ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
45
- ._1o9o1p6i:has(:focus-visible){background-color:var(--ds-border-focused,#388bff)}
45
+ ._1o9o1v1w:has(:focus-visible){background-color:var(--ds-border-focused,#4688ec)}
46
46
  ._1o9ovuon:has(:focus-visible){background-color:var(--ds-surface,#fff)}
47
47
  ._1peqidpf:after{opacity:0}
48
48
  ._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
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: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1p6i",
30
+ hexagonFocusContainer: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1v1w",
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-item.compiled.css CHANGED
@@ -34,9 +34,9 @@
34
34
  ._lcxvglyw{pointer-events:none}
35
35
  ._o5721q9c{white-space:nowrap}
36
36
  ._p12f1osq{max-width:100%}
37
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
38
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
39
37
  ._syaz1kw7{color:inherit}
38
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
39
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
40
40
  ._tzy41e4z{opacity:var(--ds-opacity-disabled,.5)}
41
41
  ._vchhusvi{box-sizing:border-box}
42
42
  ._vwz419ii{line-height:1.4}
package/dist/cjs/avatar-item.js CHANGED
@@ -23,9 +23,9 @@ var styles = {
23
23
  rootDisabled: "_80om13gf _tzy41e4z _lcxvglyw",
24
24
  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u194a _9oik1r31 _1bnxglyw _jf4cnqa1 _irr314ae _d0altlke _1di61l7b",
25
25
  avatarItem: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _vwz419ii _bozgu2gc",
26
- baseText: "_1e0c1ule _syaz1fxt",
26
+ baseText: "_1e0c1ule _syazi7uo",
27
27
  truncation: "_1reo15vq _1bto1l2s _o5721q9c",
28
- secondaryTextLegacy: "_syaz131l _1wyb181o"
28
+ secondaryTextLegacy: "_syaz1rpy _1wyb181o"
29
29
  };
30
30
  /**
31
31
  * __Avatar item__
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.5.2";
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
@@ -14,7 +14,7 @@
14
14
  ._1e0c1txw{display:flex}
15
15
  ._1o9zkb7n{flex-shrink:1}
16
16
  ._4t3i1osq{height:100%}
17
- ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
17
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
18
18
  ._i0dl1osq{flex-basis:100%}
19
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}
package/dist/cjs/internal/avatar-image.js CHANGED
@@ -18,7 +18,7 @@ var _releaseShip = _interopRequireDefault(require("@atlaskit/icon/core/migration
18
18
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
19
19
  var styles = {
20
20
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq",
21
- icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk1v33",
21
+ icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk7qp0",
22
22
  circle: "_2rko1rr0",
23
23
  hexagon: "_mkrz1k6g"
24
24
  };
@@ -67,16 +67,16 @@ var AvatarImage = function AvatarImage(_ref) {
67
67
  case 'circle':
68
68
  renderedIcon = /*#__PURE__*/React.createElement(_person.default, {
69
69
  label: alt,
70
- color: "var(--ds-icon-subtle, #626F86)",
70
+ color: "var(--ds-icon-subtle, #505258)",
71
71
  testId: testId && "".concat(testId, "--person"),
72
72
  spacing: "spacious",
73
- LEGACY_secondaryColor: "var(--ds-icon-subtle, #626F86)"
73
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, #505258)"
74
74
  });
75
75
  break;
76
76
  case 'hexagon':
77
77
  renderedIcon = /*#__PURE__*/React.createElement(_aiAgent.default, {
78
78
  label: alt,
79
- color: "var(--ds-icon-subtle, #626F86)",
79
+ color: "var(--ds-icon-subtle, #505258)",
80
80
  testId: testId && "".concat(testId, "--agent"),
81
81
  spacing: "spacious"
82
82
  });
@@ -85,10 +85,10 @@ var AvatarImage = function AvatarImage(_ref) {
85
85
  case 'square':
86
86
  renderedIcon = /*#__PURE__*/React.createElement(_releaseShip.default, {
87
87
  label: alt,
88
- color: "var(--ds-icon-subtle, #626F86)",
88
+ color: "var(--ds-icon-subtle, #505258)",
89
89
  testId: testId && "".concat(testId, "--ship"),
90
90
  spacing: "spacious",
91
- LEGACY_secondaryColor: "var(--ds-icon-subtle, #626F86)"
91
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, #505258)"
92
92
  });
93
93
  break;
94
94
  }
package/dist/es2019/avatar-content.compiled.css CHANGED
@@ -42,7 +42,7 @@
42
42
  ._1e0c1txw{display:flex}
43
43
  ._1hfk1j28:after{background-color:transparent}
44
44
  ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
45
- ._1o9o1p6i:has(:focus-visible){background-color:var(--ds-border-focused,#388bff)}
45
+ ._1o9o1v1w:has(:focus-visible){background-color:var(--ds-border-focused,#4688ec)}
46
46
  ._1o9ovuon:has(:focus-visible){background-color:var(--ds-surface,#fff)}
47
47
  ._1peqidpf:after{opacity:0}
48
48
  ._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
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: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1p6i",
20
+ hexagonFocusContainer: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1v1w",
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-item.compiled.css CHANGED
@@ -34,9 +34,9 @@
34
34
  ._lcxvglyw{pointer-events:none}
35
35
  ._o5721q9c{white-space:nowrap}
36
36
  ._p12f1osq{max-width:100%}
37
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
38
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
39
37
  ._syaz1kw7{color:inherit}
38
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
39
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
40
40
  ._tzy41e4z{opacity:var(--ds-opacity-disabled,.5)}
41
41
  ._vchhusvi{box-sizing:border-box}
42
42
  ._vwz419ii{line-height:1.4}
package/dist/es2019/avatar-item.js CHANGED
@@ -13,9 +13,9 @@ const styles = {
13
13
  rootDisabled: "_80om13gf _tzy41e4z _lcxvglyw",
14
14
  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u194a _9oik1r31 _1bnxglyw _jf4cnqa1 _irr314ae _d0altlke _1di61l7b",
15
15
  avatarItem: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _vwz419ii _bozgu2gc",
16
- baseText: "_1e0c1ule _syaz1fxt",
16
+ baseText: "_1e0c1ule _syazi7uo",
17
17
  truncation: "_1reo15vq _1bto1l2s _o5721q9c",
18
- secondaryTextLegacy: "_syaz131l _1wyb181o"
18
+ secondaryTextLegacy: "_syaz1rpy _1wyb181o"
19
19
  };
20
20
  /**
21
21
  * __Avatar item__
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.5.2";
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
@@ -14,7 +14,7 @@
14
14
  ._1e0c1txw{display:flex}
15
15
  ._1o9zkb7n{flex-shrink:1}
16
16
  ._4t3i1osq{height:100%}
17
- ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
17
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
18
18
  ._i0dl1osq{flex-basis:100%}
19
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}
package/dist/es2019/internal/avatar-image.js CHANGED
@@ -8,7 +8,7 @@ import PersonIcon from '@atlaskit/icon/core/migration/person';
8
8
  import ReleaseIcon from '@atlaskit/icon/core/migration/release--ship';
9
9
  const styles = {
10
10
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq",
11
- icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk1v33",
11
+ icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk7qp0",
12
12
  circle: "_2rko1rr0",
13
13
  hexagon: "_mkrz1k6g"
14
14
  };
@@ -54,16 +54,16 @@ const AvatarImage = ({
54
54
  case 'circle':
55
55
  renderedIcon = /*#__PURE__*/React.createElement(PersonIcon, {
56
56
  label: alt,
57
- color: "var(--ds-icon-subtle, #626F86)",
57
+ color: "var(--ds-icon-subtle, #505258)",
58
58
  testId: testId && `${testId}--person`,
59
59
  spacing: "spacious",
60
- LEGACY_secondaryColor: "var(--ds-icon-subtle, #626F86)"
60
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, #505258)"
61
61
  });
62
62
  break;
63
63
  case 'hexagon':
64
64
  renderedIcon = /*#__PURE__*/React.createElement(AiAgentIcon, {
65
65
  label: alt,
66
- color: "var(--ds-icon-subtle, #626F86)",
66
+ color: "var(--ds-icon-subtle, #505258)",
67
67
  testId: testId && `${testId}--agent`,
68
68
  spacing: "spacious"
69
69
  });
@@ -72,10 +72,10 @@ const AvatarImage = ({
72
72
  case 'square':
73
73
  renderedIcon = /*#__PURE__*/React.createElement(ReleaseIcon, {
74
74
  label: alt,
75
- color: "var(--ds-icon-subtle, #626F86)",
75
+ color: "var(--ds-icon-subtle, #505258)",
76
76
  testId: testId && `${testId}--ship`,
77
77
  spacing: "spacious",
78
- LEGACY_secondaryColor: "var(--ds-icon-subtle, #626F86)"
78
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, #505258)"
79
79
  });
80
80
  break;
81
81
  }
package/dist/esm/avatar-content.compiled.css CHANGED
@@ -42,7 +42,7 @@
42
42
  ._1e0c1txw{display:flex}
43
43
  ._1hfk1j28:after{background-color:transparent}
44
44
  ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
45
- ._1o9o1p6i:has(:focus-visible){background-color:var(--ds-border-focused,#388bff)}
45
+ ._1o9o1v1w:has(:focus-visible){background-color:var(--ds-border-focused,#4688ec)}
46
46
  ._1o9ovuon:has(:focus-visible){background-color:var(--ds-surface,#fff)}
47
47
  ._1peqidpf:after{opacity:0}
48
48
  ._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
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: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1p6i",
21
+ hexagonFocusContainer: "_1rjc1wgn _18zr1dm9 _1mou5h37 _bfhk1j28 _mkrz1k6g _1o9o1v1w",
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-item.compiled.css CHANGED
@@ -34,9 +34,9 @@
34
34
  ._lcxvglyw{pointer-events:none}
35
35
  ._o5721q9c{white-space:nowrap}
36
36
  ._p12f1osq{max-width:100%}
37
- ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
38
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
39
37
  ._syaz1kw7{color:inherit}
38
+ ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
39
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
40
40
  ._tzy41e4z{opacity:var(--ds-opacity-disabled,.5)}
41
41
  ._vchhusvi{box-sizing:border-box}
42
42
  ._vwz419ii{line-height:1.4}
package/dist/esm/avatar-item.js CHANGED
@@ -14,9 +14,9 @@ var styles = {
14
14
  rootDisabled: "_80om13gf _tzy41e4z _lcxvglyw",
15
15
  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u194a _9oik1r31 _1bnxglyw _jf4cnqa1 _irr314ae _d0altlke _1di61l7b",
16
16
  avatarItem: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _vwz419ii _bozgu2gc",
17
- baseText: "_1e0c1ule _syaz1fxt",
17
+ baseText: "_1e0c1ule _syazi7uo",
18
18
  truncation: "_1reo15vq _1bto1l2s _o5721q9c",
19
- secondaryTextLegacy: "_syaz131l _1wyb181o"
19
+ secondaryTextLegacy: "_syaz1rpy _1wyb181o"
20
20
  };
21
21
  /**
22
22
  * __Avatar item__
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.5.2";
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
@@ -14,7 +14,7 @@
14
14
  ._1e0c1txw{display:flex}
15
15
  ._1o9zkb7n{flex-shrink:1}
16
16
  ._4t3i1osq{height:100%}
17
- ._bfhk1v33{background-color:var(--ds-background-accent-gray-subtler,#dcdfe4)}
17
+ ._bfhk7qp0{background-color:var(--ds-background-accent-gray-subtler,#dddee1)}
18
18
  ._i0dl1osq{flex-basis:100%}
19
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}
package/dist/esm/internal/avatar-image.js CHANGED
@@ -9,7 +9,7 @@ import PersonIcon from '@atlaskit/icon/core/migration/person';
9
9
  import ReleaseIcon from '@atlaskit/icon/core/migration/release--ship';
10
10
  var styles = {
11
11
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq",
12
- icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk1v33",
12
+ icon: "_1e0c1txw _1bsb1osq _4t3i1osq _bfhk7qp0",
13
13
  circle: "_2rko1rr0",
14
14
  hexagon: "_mkrz1k6g"
15
15
  };
@@ -58,16 +58,16 @@ var AvatarImage = function AvatarImage(_ref) {
58
58
  case 'circle':
59
59
  renderedIcon = /*#__PURE__*/React.createElement(PersonIcon, {
60
60
  label: alt,
61
- color: "var(--ds-icon-subtle, #626F86)",
61
+ color: "var(--ds-icon-subtle, #505258)",
62
62
  testId: testId && "".concat(testId, "--person"),
63
63
  spacing: "spacious",
64
- LEGACY_secondaryColor: "var(--ds-icon-subtle, #626F86)"
64
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, #505258)"
65
65
  });
66
66
  break;
67
67
  case 'hexagon':
68
68
  renderedIcon = /*#__PURE__*/React.createElement(AiAgentIcon, {
69
69
  label: alt,
70
- color: "var(--ds-icon-subtle, #626F86)",
70
+ color: "var(--ds-icon-subtle, #505258)",
71
71
  testId: testId && "".concat(testId, "--agent"),
72
72
  spacing: "spacious"
73
73
  });
@@ -76,10 +76,10 @@ var AvatarImage = function AvatarImage(_ref) {
76
76
  case 'square':
77
77
  renderedIcon = /*#__PURE__*/React.createElement(ReleaseIcon, {
78
78
  label: alt,
79
- color: "var(--ds-icon-subtle, #626F86)",
79
+ color: "var(--ds-icon-subtle, #505258)",
80
80
  testId: testId && "".concat(testId, "--ship"),
81
81
  spacing: "spacious",
82
- LEGACY_secondaryColor: "var(--ds-icon-subtle, #626F86)"
82
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, #505258)"
83
83
  });
84
84
  break;
85
85
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar",
3
- "version": "25.5.1",
3
+ "version": "25.5.3",
4
4
  "description": "An avatar is a visual representation of a user or entity.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,13 +34,13 @@
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
36
  "@atlaskit/css": "^0.15.0",
37
- "@atlaskit/ds-lib": "^5.1.0",
37
+ "@atlaskit/ds-lib": "^5.2.0",
38
38
  "@atlaskit/focus-ring": "^3.0.0",
39
- "@atlaskit/icon": "^28.5.0",
39
+ "@atlaskit/icon": "^29.0.0",
40
40
  "@atlaskit/platform-feature-flags": "^1.1.0",
41
41
  "@atlaskit/primitives": "^16.1.0",
42
42
  "@atlaskit/theme": "^21.0.0",
43
- "@atlaskit/tokens": "^7.0.0",
43
+ "@atlaskit/tokens": "^8.0.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@compiled/react": "^0.18.6"
46
46
  },
@@ -51,18 +51,18 @@
51
51
  "@af/accessibility-testing": "workspace:^",
52
52
  "@af/integration-testing": "workspace:^",
53
53
  "@af/visual-regression": "workspace:^",
54
- "@atlaskit/button": "^23.5.0",
54
+ "@atlaskit/button": "^23.6.0",
55
55
  "@atlaskit/code": "^17.3.0",
56
56
  "@atlaskit/docs": "^11.2.0",
57
57
  "@atlaskit/form": "^14.2.0",
58
58
  "@atlaskit/heading": "^5.2.0",
59
59
  "@atlaskit/link": "^3.2.0",
60
60
  "@atlaskit/range": "^9.2.0",
61
- "@atlaskit/section-message": "^8.8.0",
61
+ "@atlaskit/section-message": "^8.9.0",
62
62
  "@atlaskit/textfield": "^8.0.0",
63
- "@atlaskit/tooltip": "^20.6.0",
63
+ "@atlaskit/tooltip": "^20.8.0",
64
64
  "@atlassian/feature-flags-test-utils": "^1.0.0",
65
- "@atlassian/ssr-tests": "^0.3.0",
65
+ "@atlassian/ssr-tests": "workspace:^",
66
66
  "@testing-library/react": "^13.4.0",
67
67
  "@testing-library/user-event": "^14.4.3",
68
68
  "jest-in-case": "^1.0.2",