@atlaskit/avatar 25.11.2 → 25.11.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/avatar
 
+## 25.11.4
+
+### Patch Changes
+
+- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
+  Enrol all Design System UI packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform.
+- Updated dependencies
+
+## 25.11.3
+
+### Patch Changes
+
+- [`22bf79dbdcdca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22bf79dbdcdca) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 25.11.2
 
 ### Patch Changes

package/dist/cjs/avatar-content.compiled.css

@@ -41,8 +41,8 @@
 ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
 ._1o9o1v1w:has(:focus-visible){background-color:var(--ds-border-focused,#4688ec)}
 ._1o9ovuon:has(:focus-visible){background-color:var(--ds-surface,#fff)}
+._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
 ._1peqidpf:after{opacity:0}
-._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
 ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
 ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
 ._1qu2glyw{outline-style:none}
@@ -55,7 +55,7 @@
 ._4t3i1ylp{height:40px}
 ._4t3i7vkz{height:1pc}
 ._4t3izwfg{height:2pc}
-._4tpu1g4v:hover:after{background-color:var(--ds-interaction-hovered,rgba(9,30,66,.36))}
+._4tpu1f0r:hover:after{background-color:var(--ds-interaction-hovered,#00000029)}
 ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
 ._80om13gf{cursor:not-allowed}
 ._80om1kw7{cursor:inherit}
@@ -68,7 +68,7 @@
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._eeh8kb7n:active:after{opacity:1}
 ._ez1ykb7n:hover:after{opacity:1}
-._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
+._gcm1jer9:active:after{background-color:var(--ds-interaction-pressed,#00000052)}
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}
 ._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%)}
@@ -82,7 +82,7 @@
 ._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
 ._1ejjglyw:focus-visible{box-shadow:none}
 ._1ejjn7od:focus-visible{box-shadow:unset}
-._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
+._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
 ._ra3xnqa1:focus-visible{outline-style:solid}
 ._1llweo6y:hover{transform:scale(1.12)}
 @media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._4dave4h9:focus-visible{outline-width:var(--ds-border-width,1px)}._4davidpf:focus-visible{outline-width:0}}

package/dist/cjs/avatar-content.js

@@ -20,11 +20,11 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var boxShadowCssVar = '--avatar-box-shadow';
 var bgColorCssVar = '--avatar-bg-color';
 var styles = {
-  root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _kqswpfqs _4cvr1fhb _1bah1h6o _2lx21bp4 _80om1kw7 _6rthv77o _1pfhv77o _12l2v77o _ahbqv77o _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _t9ec1aqe _9v7aze3t _qc5o1p41 _z0ai1osq _18postnw _1hfk1j28 _aetrf705 _1peqidpf _11fnglyw _1ejjglyw _mizu194a _1ah3v77o _ra3xnqa1 _128mdkaa _4dave4h9",
+  root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _kqswpfqs _4cvr1fhb _1bah1h6o _2lx21bp4 _80om1kw7 _6rthv77o _1pfhv77o _12l2v77o _ahbqv77o _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _t9ec1aqe _9v7aze3t _qc5o1p41 _z0ai1osq _18postnw _1hfk1j28 _aetrf705 _1peqidpf _11fnglyw _1ejjglyw _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _4dave4h9",
   circle: "_2rko1qll _14mj1qll",
   square: "_2rkol0p1",
   positionRelative: "_kqswh2mm",
-  disabled: "_80om13gf _1hfkvuon _1peqs237"
+  disabled: "_80om13gf _1hfkvuon _1peq2wxo"
 };
 var unboundStyles = {
   rootCustomBorder: "_11q7cxp3",
@@ -35,7 +35,7 @@ var unboundStyles = {
   hexagonBorderContainer: "_1rjcf6hp _18zruxly _bfhkcxp3 _mkrz1kw7 _1o9ovuon",
   hexagonBorderContainerMarginFg: "_1mou18m8 _195gzwb8",
   hexagon: "_2rkoidpf _mkrz1kw7 _16qsn7od _14mjidpf _1ejjn7od _128midpf _4davidpf",
-  interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y",
+  interactive: "_80omtlke _4tpu1f0r _ez1ykb7n _gcm1jer9 _eeh8kb7n _jlxit94y",
   interactiveMotion: "_v564155l _1llweo6y"
 };
 var widthHeightMap = {

package/dist/cjs/avatar-context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarContext = void 0;
+var _react = require("react");
+/**
+ * __Avatar context__
+ *
+ * An avatar context that provides the size of the avatar to children. Used by AvatarGroup
+ *
+ * - [Examples](https://atlassian.design/components/avatar/examples)
+ * - [Code](https://atlassian.design/components/avatar/code)
+ * - [Usage](https://atlassian.design/components/avatar/usage)
+ */
+var AvatarContext = exports.AvatarContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/avatar-item.compiled.css

@@ -37,20 +37,20 @@
 ._syaz1kw7{color:inherit}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
-._tzy41e4z{opacity:var(--ds-opacity-disabled,.5)}
+._tzy42wxo{opacity:var(--ds-opacity-disabled,.4)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz419ii{line-height:1.4}
 ._vwz4kb7n{line-height:1}
 ._y3gn1e5h{text-align:left}
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._zg8l4jg8{font-style:normal}
-._858u194a:focus{border-color:var(--ds-border-focused,#2684ff)}
+._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
 ._1hvw1o36:focus{outline-width:medium}
 ._49pcglyw:focus{outline-style:none}
 ._nt751r31:focus{outline-color:currentColor}
 ._1bnxglyw:hover{text-decoration-line:none}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._d0altlke:hover{cursor:pointer}
-._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._jf4cnqa1:hover{text-decoration-style:solid}
-._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/cjs/avatar-item.js

@@ -20,8 +20,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var bgColorCssVar = '--avatar-item-bg-color';
 var styles = {
   root: "_2rkofajl _12ji1r31 _1qu2glyw _12y31o36 _4bfu1r31 _1hmsglyw _ajmmnqa1 _1h6d1j28 _1dqonqa1 _189e1dm9 _1e0c1txw _vchhusvi _1bsb1osq _4cvr1h6o _bfhk1g13 _syaz1kw7 _1wyb1kw7 _zg8l4jg8 _k48pi7a9 _vwz4kb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _85i51b66 _1q511b66 _y4ti1b66 _bozg1b66 _y3gn1e5h",
-  rootDisabled: "_80om13gf _tzy41e4z _lcxvglyw",
-  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u194a _9oik1r31 _1bnxglyw _jf4cnqa1 _irr314ae _d0altlke _1di61l7b",
+  rootDisabled: "_80om13gf _tzy42wxo _lcxvglyw",
+  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u1v1w _9oik1r31 _1bnxglyw _jf4cnqa1 _irr31dpa _d0altlke _1di6fcek",
   avatarItem: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _vwz419ii _bozgu2gc",
   baseText: "_1e0c1ule _syazi7uo",
   truncation: "_1reo15vq _1bto1l2s _o5721q9c",

package/dist/cjs/avatar.js

@@ -15,18 +15,18 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _avatarContent = require("./avatar-content");
-var _context = require("./context");
 var _avatarImage = _interopRequireDefault(require("./internal/avatar-image"));
 var _contentContext = require("./internal/content-context");
 var _ensureIsInsideAvatarContext = require("./internal/ensure-is-inside-avatar-context");
 var _getCustomElement = _interopRequireDefault(require("./internal/get-custom-element"));
 var _presenceWrapper = _interopRequireDefault(require("./internal/presence-wrapper"));
 var _statusWrapper = _interopRequireDefault(require("./internal/status-wrapper"));
+var _useAvatarContext = require("./use-avatar-context");
 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); }
 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; }
 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; }
 var packageName = "@atlaskit/avatar";
-var packageVersion = "25.11.1";
+var packageVersion = "25.11.3";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
@@ -68,7 +68,7 @@ var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     ariaHasPopup = _ref['aria-haspopup'];
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-  var context = (0, _context.useAvatarContext)();
+  var context = (0, _useAvatarContext.useAvatarContext)();
   var size = sizeProp || (context === null || context === void 0 ? void 0 : context.size) || 'medium';
   var customPresenceNode = /*#__PURE__*/(0, _react.isValidElement)(presence) ? presence : null;
   var customStatusNode = /*#__PURE__*/(0, _react.isValidElement)(status) ? status : null;

package/dist/cjs/index.js

@@ -31,7 +31,7 @@ Object.defineProperty(exports, "AvatarContent", {
 Object.defineProperty(exports, "AvatarContext", {
   enumerable: true,
   get: function get() {
-    return _context.AvatarContext;
+    return _avatarContext.AvatarContext;
   }
 });
 Object.defineProperty(exports, "AvatarItem", {
@@ -79,7 +79,7 @@ Object.defineProperty(exports, "getAppearanceForAppType", {
 Object.defineProperty(exports, "useAvatarContext", {
   enumerable: true,
   get: function get() {
-    return _context.useAvatarContext;
+    return _useAvatarContext.useAvatarContext;
   }
 });
 var _avatar = _interopRequireDefault(require("./avatar"));
@@ -89,5 +89,6 @@ var _presence = _interopRequireDefault(require("./presence"));
 var _status = _interopRequireDefault(require("./status"));
 var _skeleton = _interopRequireDefault(require("./skeleton"));
 var _getAppearance = _interopRequireDefault(require("./get-appearance"));
-var _context = require("./context");
+var _avatarContext = require("./avatar-context");
+var _useAvatarContext = require("./use-avatar-context");
 var _constants = require("./constants");

package/dist/cjs/use-avatar-context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAvatarContext = void 0;
+var _react = require("react");
+var _avatarContext = require("./avatar-context");
+var useAvatarContext = exports.useAvatarContext = function useAvatarContext() {
+  return (0, _react.useContext)(_avatarContext.AvatarContext);
+};

package/dist/es2019/avatar-content.compiled.css

@@ -41,8 +41,8 @@
 ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
 ._1o9o1v1w:has(:focus-visible){background-color:var(--ds-border-focused,#4688ec)}
 ._1o9ovuon:has(:focus-visible){background-color:var(--ds-surface,#fff)}
+._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
 ._1peqidpf:after{opacity:0}
-._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
 ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
 ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
 ._1qu2glyw{outline-style:none}
@@ -55,7 +55,7 @@
 ._4t3i1ylp{height:40px}
 ._4t3i7vkz{height:1pc}
 ._4t3izwfg{height:2pc}
-._4tpu1g4v:hover:after{background-color:var(--ds-interaction-hovered,rgba(9,30,66,.36))}
+._4tpu1f0r:hover:after{background-color:var(--ds-interaction-hovered,#00000029)}
 ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
 ._80om13gf{cursor:not-allowed}
 ._80om1kw7{cursor:inherit}
@@ -68,7 +68,7 @@
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._eeh8kb7n:active:after{opacity:1}
 ._ez1ykb7n:hover:after{opacity:1}
-._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
+._gcm1jer9:active:after{background-color:var(--ds-interaction-pressed,#00000052)}
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}
 ._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%)}
@@ -82,7 +82,7 @@
 ._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
 ._1ejjglyw:focus-visible{box-shadow:none}
 ._1ejjn7od:focus-visible{box-shadow:unset}
-._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
+._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
 ._ra3xnqa1:focus-visible{outline-style:solid}
 ._1llweo6y:hover{transform:scale(1.12)}
 @media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._4dave4h9:focus-visible{outline-width:var(--ds-border-width,1px)}._4davidpf:focus-visible{outline-width:0}}

package/dist/es2019/avatar-content.js

@@ -10,11 +10,11 @@ import { useEnsureIsInsideAvatar } from './internal/ensure-is-inside-avatar-cont
 const boxShadowCssVar = '--avatar-box-shadow';
 const bgColorCssVar = '--avatar-bg-color';
 const styles = {
-  root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _kqswpfqs _4cvr1fhb _1bah1h6o _2lx21bp4 _80om1kw7 _6rthv77o _1pfhv77o _12l2v77o _ahbqv77o _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _t9ec1aqe _9v7aze3t _qc5o1p41 _z0ai1osq _18postnw _1hfk1j28 _aetrf705 _1peqidpf _11fnglyw _1ejjglyw _mizu194a _1ah3v77o _ra3xnqa1 _128mdkaa _4dave4h9",
+  root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _kqswpfqs _4cvr1fhb _1bah1h6o _2lx21bp4 _80om1kw7 _6rthv77o _1pfhv77o _12l2v77o _ahbqv77o _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _t9ec1aqe _9v7aze3t _qc5o1p41 _z0ai1osq _18postnw _1hfk1j28 _aetrf705 _1peqidpf _11fnglyw _1ejjglyw _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _4dave4h9",
   circle: "_2rko1qll _14mj1qll",
   square: "_2rkol0p1",
   positionRelative: "_kqswh2mm",
-  disabled: "_80om13gf _1hfkvuon _1peqs237"
+  disabled: "_80om13gf _1hfkvuon _1peq2wxo"
 };
 const unboundStyles = {
   rootCustomBorder: "_11q7cxp3",
@@ -25,7 +25,7 @@ const unboundStyles = {
   hexagonBorderContainer: "_1rjcf6hp _18zruxly _bfhkcxp3 _mkrz1kw7 _1o9ovuon",
   hexagonBorderContainerMarginFg: "_1mou18m8 _195gzwb8",
   hexagon: "_2rkoidpf _mkrz1kw7 _16qsn7od _14mjidpf _1ejjn7od _128midpf _4davidpf",
-  interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y",
+  interactive: "_80omtlke _4tpu1f0r _ez1ykb7n _gcm1jer9 _eeh8kb7n _jlxit94y",
   interactiveMotion: "_v564155l _1llweo6y"
 };
 const widthHeightMap = {

package/dist/es2019/avatar-context.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+/**
+ * __Avatar context__
+ *
+ * An avatar context that provides the size of the avatar to children. Used by AvatarGroup
+ *
+ * - [Examples](https://atlassian.design/components/avatar/examples)
+ * - [Code](https://atlassian.design/components/avatar/code)
+ * - [Usage](https://atlassian.design/components/avatar/usage)
+ */
+export const AvatarContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/avatar-item.compiled.css

@@ -37,20 +37,20 @@
 ._syaz1kw7{color:inherit}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
-._tzy41e4z{opacity:var(--ds-opacity-disabled,.5)}
+._tzy42wxo{opacity:var(--ds-opacity-disabled,.4)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz419ii{line-height:1.4}
 ._vwz4kb7n{line-height:1}
 ._y3gn1e5h{text-align:left}
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._zg8l4jg8{font-style:normal}
-._858u194a:focus{border-color:var(--ds-border-focused,#2684ff)}
+._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
 ._1hvw1o36:focus{outline-width:medium}
 ._49pcglyw:focus{outline-style:none}
 ._nt751r31:focus{outline-color:currentColor}
 ._1bnxglyw:hover{text-decoration-line:none}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._d0altlke:hover{cursor:pointer}
-._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._jf4cnqa1:hover{text-decoration-style:solid}
-._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/es2019/avatar-item.js

@@ -10,8 +10,8 @@ import getCustomElement from './internal/get-custom-element';
 const bgColorCssVar = '--avatar-item-bg-color';
 const styles = {
   root: "_2rkofajl _12ji1r31 _1qu2glyw _12y31o36 _4bfu1r31 _1hmsglyw _ajmmnqa1 _1h6d1j28 _1dqonqa1 _189e1dm9 _1e0c1txw _vchhusvi _1bsb1osq _4cvr1h6o _bfhk1g13 _syaz1kw7 _1wyb1kw7 _zg8l4jg8 _k48pi7a9 _vwz4kb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _85i51b66 _1q511b66 _y4ti1b66 _bozg1b66 _y3gn1e5h",
-  rootDisabled: "_80om13gf _tzy41e4z _lcxvglyw",
-  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u194a _9oik1r31 _1bnxglyw _jf4cnqa1 _irr314ae _d0altlke _1di61l7b",
+  rootDisabled: "_80om13gf _tzy42wxo _lcxvglyw",
+  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u1v1w _9oik1r31 _1bnxglyw _jf4cnqa1 _irr31dpa _d0altlke _1di6fcek",
   avatarItem: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _vwz419ii _bozgu2gc",
   baseText: "_1e0c1ule _syazi7uo",
   truncation: "_1reo15vq _1bto1l2s _o5721q9c",

package/dist/es2019/avatar.js

@@ -6,15 +6,15 @@ import { forwardRef, isValidElement, useCallback, useEffect, useRef } from 'reac
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { AvatarContent } from './avatar-content';
-import { useAvatarContext } from './context';
 import AvatarImage from './internal/avatar-image';
 import { AvatarContentContext } from './internal/content-context';
 import { EnsureIsInsideAvatarContext } from './internal/ensure-is-inside-avatar-context';
 import getCustomElement from './internal/get-custom-element';
 import PresenceWrapper from './internal/presence-wrapper';
 import StatusWrapper from './internal/status-wrapper';
+import { useAvatarContext } from './use-avatar-context';
 const packageName = "@atlaskit/avatar";
-const packageVersion = "25.11.1";
+const packageVersion = "25.11.3";
 const containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

package/dist/es2019/index.js

@@ -5,5 +5,6 @@ export { default as Presence } from './presence';
 export { default as Status } from './status';
 export { default as Skeleton } from './skeleton';
 export { default as getAppearanceForAppType } from './get-appearance';
-export { AvatarContext, useAvatarContext } from './context';
+export { AvatarContext } from './avatar-context';
+export { useAvatarContext } from './use-avatar-context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';

package/dist/es2019/use-avatar-context.js

@@ -0,0 +1,3 @@
+import { useContext } from 'react';
+import { AvatarContext } from './avatar-context';
+export const useAvatarContext = () => useContext(AvatarContext);

package/dist/esm/avatar-content.compiled.css

@@ -41,8 +41,8 @@
 ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
 ._1o9o1v1w:has(:focus-visible){background-color:var(--ds-border-focused,#4688ec)}
 ._1o9ovuon:has(:focus-visible){background-color:var(--ds-surface,#fff)}
+._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
 ._1peqidpf:after{opacity:0}
-._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
 ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
 ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
 ._1qu2glyw{outline-style:none}
@@ -55,7 +55,7 @@
 ._4t3i1ylp{height:40px}
 ._4t3i7vkz{height:1pc}
 ._4t3izwfg{height:2pc}
-._4tpu1g4v:hover:after{background-color:var(--ds-interaction-hovered,rgba(9,30,66,.36))}
+._4tpu1f0r:hover:after{background-color:var(--ds-interaction-hovered,#00000029)}
 ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
 ._80om13gf{cursor:not-allowed}
 ._80om1kw7{cursor:inherit}
@@ -68,7 +68,7 @@
 ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._eeh8kb7n:active:after{opacity:1}
 ._ez1ykb7n:hover:after{opacity:1}
-._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
+._gcm1jer9:active:after{background-color:var(--ds-interaction-pressed,#00000052)}
 ._kqswh2mm{position:relative}
 ._kqswpfqs{position:static}
 ._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%)}
@@ -82,7 +82,7 @@
 ._1ah3v77o:focus-visible{outline-offset:var(--ds-space-025,2px)}
 ._1ejjglyw:focus-visible{box-shadow:none}
 ._1ejjn7od:focus-visible{box-shadow:unset}
-._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
+._mizu1v1w:focus-visible{outline-color:var(--ds-border-focused,#4688ec)}
 ._ra3xnqa1:focus-visible{outline-style:solid}
 ._1llweo6y:hover{transform:scale(1.12)}
 @media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._4dave4h9:focus-visible{outline-width:var(--ds-border-width,1px)}._4davidpf:focus-visible{outline-width:0}}

package/dist/esm/avatar-content.js

@@ -11,11 +11,11 @@ import { useEnsureIsInsideAvatar } from './internal/ensure-is-inside-avatar-cont
 var boxShadowCssVar = '--avatar-box-shadow';
 var bgColorCssVar = '--avatar-bg-color';
 var styles = {
-  root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _kqswpfqs _4cvr1fhb _1bah1h6o _2lx21bp4 _80om1kw7 _6rthv77o _1pfhv77o _12l2v77o _ahbqv77o _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _t9ec1aqe _9v7aze3t _qc5o1p41 _z0ai1osq _18postnw _1hfk1j28 _aetrf705 _1peqidpf _11fnglyw _1ejjglyw _mizu194a _1ah3v77o _ra3xnqa1 _128mdkaa _4dave4h9",
+  root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _kqswpfqs _4cvr1fhb _1bah1h6o _2lx21bp4 _80om1kw7 _6rthv77o _1pfhv77o _12l2v77o _ahbqv77o _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _t9ec1aqe _9v7aze3t _qc5o1p41 _z0ai1osq _18postnw _1hfk1j28 _aetrf705 _1peqidpf _11fnglyw _1ejjglyw _mizu1v1w _1ah3v77o _ra3xnqa1 _128mdkaa _4dave4h9",
   circle: "_2rko1qll _14mj1qll",
   square: "_2rkol0p1",
   positionRelative: "_kqswh2mm",
-  disabled: "_80om13gf _1hfkvuon _1peqs237"
+  disabled: "_80om13gf _1hfkvuon _1peq2wxo"
 };
 var unboundStyles = {
   rootCustomBorder: "_11q7cxp3",
@@ -26,7 +26,7 @@ var unboundStyles = {
   hexagonBorderContainer: "_1rjcf6hp _18zruxly _bfhkcxp3 _mkrz1kw7 _1o9ovuon",
   hexagonBorderContainerMarginFg: "_1mou18m8 _195gzwb8",
   hexagon: "_2rkoidpf _mkrz1kw7 _16qsn7od _14mjidpf _1ejjn7od _128midpf _4davidpf",
-  interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y",
+  interactive: "_80omtlke _4tpu1f0r _ez1ykb7n _gcm1jer9 _eeh8kb7n _jlxit94y",
   interactiveMotion: "_v564155l _1llweo6y"
 };
 var widthHeightMap = {

package/dist/esm/avatar-context.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+/**
+ * __Avatar context__
+ *
+ * An avatar context that provides the size of the avatar to children. Used by AvatarGroup
+ *
+ * - [Examples](https://atlassian.design/components/avatar/examples)
+ * - [Code](https://atlassian.design/components/avatar/code)
+ * - [Usage](https://atlassian.design/components/avatar/usage)
+ */
+export var AvatarContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/avatar-item.compiled.css

@@ -37,20 +37,20 @@
 ._syaz1kw7{color:inherit}
 ._syaz1rpy{color:var(--ds-text-subtlest,#6b6e76)}
 ._syazi7uo{color:var(--ds-text,#292a2e)}
-._tzy41e4z{opacity:var(--ds-opacity-disabled,.5)}
+._tzy42wxo{opacity:var(--ds-opacity-disabled,.4)}
 ._vchhusvi{box-sizing:border-box}
 ._vwz419ii{line-height:1.4}
 ._vwz4kb7n{line-height:1}
 ._y3gn1e5h{text-align:left}
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._zg8l4jg8{font-style:normal}
-._858u194a:focus{border-color:var(--ds-border-focused,#2684ff)}
+._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
 ._1hvw1o36:focus{outline-width:medium}
 ._49pcglyw:focus{outline-style:none}
 ._nt751r31:focus{outline-color:currentColor}
 ._1bnxglyw:hover{text-decoration-line:none}
 ._9oik1r31:hover{text-decoration-color:currentColor}
 ._d0altlke:hover{cursor:pointer}
-._irr314ae:hover{background-color:var(--ds-background-neutral-subtle-hovered,#ebecf0)}
+._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._jf4cnqa1:hover{text-decoration-style:solid}
-._1di61l7b:active{background-color:var(--ds-background-neutral-subtle-pressed,#deebff)}
+._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/esm/avatar-item.js

@@ -11,8 +11,8 @@ import getCustomElement from './internal/get-custom-element';
 var bgColorCssVar = '--avatar-item-bg-color';
 var styles = {
   root: "_2rkofajl _12ji1r31 _1qu2glyw _12y31o36 _4bfu1r31 _1hmsglyw _ajmmnqa1 _1h6d1j28 _1dqonqa1 _189e1dm9 _1e0c1txw _vchhusvi _1bsb1osq _4cvr1h6o _bfhk1g13 _syaz1kw7 _1wyb1kw7 _zg8l4jg8 _k48pi7a9 _vwz4kb7n _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _85i51b66 _1q511b66 _y4ti1b66 _bozg1b66 _y3gn1e5h",
-  rootDisabled: "_80om13gf _tzy41e4z _lcxvglyw",
-  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u194a _9oik1r31 _1bnxglyw _jf4cnqa1 _irr314ae _d0altlke _1di61l7b",
+  rootDisabled: "_80om13gf _tzy42wxo _lcxvglyw",
+  rootInteractive: "_nt751r31 _49pcglyw _1hvw1o36 _858u1v1w _9oik1r31 _1bnxglyw _jf4cnqa1 _irr31dpa _d0altlke _1di6fcek",
   avatarItem: "_16jlkb7n _1o9zkb7n _i0dl1osq _1ul9idpf _p12f1osq _vwz419ii _bozgu2gc",
   baseText: "_1e0c1ule _syazi7uo",
   truncation: "_1reo15vq _1bto1l2s _o5721q9c",

package/dist/esm/avatar.js

@@ -9,15 +9,15 @@ import { forwardRef, isValidElement, useCallback, useEffect, useRef } from 'reac
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { AvatarContent } from './avatar-content';
-import { useAvatarContext } from './context';
 import AvatarImage from './internal/avatar-image';
 import { AvatarContentContext } from './internal/content-context';
 import { EnsureIsInsideAvatarContext } from './internal/ensure-is-inside-avatar-context';
 import getCustomElement from './internal/get-custom-element';
 import PresenceWrapper from './internal/presence-wrapper';
 import StatusWrapper from './internal/status-wrapper';
+import { useAvatarContext } from './use-avatar-context';
 var packageName = "@atlaskit/avatar";
-var packageVersion = "25.11.1";
+var packageVersion = "25.11.3";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

package/dist/esm/index.js

@@ -5,5 +5,6 @@ export { default as Presence } from './presence';
 export { default as Status } from './status';
 export { default as Skeleton } from './skeleton';
 export { default as getAppearanceForAppType } from './get-appearance';
-export { AvatarContext, useAvatarContext } from './context';
+export { AvatarContext } from './avatar-context';
+export { useAvatarContext } from './use-avatar-context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';

package/dist/esm/use-avatar-context.js

@@ -0,0 +1,5 @@
+import { useContext } from 'react';
+import { AvatarContext } from './avatar-context';
+export var useAvatarContext = function useAvatarContext() {
+  return useContext(AvatarContext);
+};

package/dist/types/avatar-context.d.ts

@@ -0,0 +1,14 @@
+import { type SizeType } from './types';
+export type AvatarContextProps = {
+    size: SizeType;
+};
+/**
+ * __Avatar context__
+ *
+ * An avatar context that provides the size of the avatar to children. Used by AvatarGroup
+ *
+ * - [Examples](https://atlassian.design/components/avatar/examples)
+ * - [Code](https://atlassian.design/components/avatar/code)
+ * - [Usage](https://atlassian.design/components/avatar/usage)
+ */
+export declare const AvatarContext: import('react').Context<AvatarContextProps | undefined>;

package/dist/types/index.d.ts

@@ -10,6 +10,8 @@ export type { StatusProps } from './status';
 export { default as Skeleton } from './skeleton';
 export type { SkeletonProps } from './skeleton';
 export { default as getAppearanceForAppType } from './get-appearance';
-export { AvatarContext, type AvatarContextProps, useAvatarContext } from './context';
+export { AvatarContext } from './avatar-context';
+export type { AvatarContextProps } from './avatar-context';
+export { useAvatarContext } from './use-avatar-context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';
 export type { AvatarClickEventHandler, AppearanceType, SizeType, Presence as PresenceType, Status as StatusType, IndicatorSizeType, } from './types';

package/dist/types/use-avatar-context.d.ts

@@ -0,0 +1,2 @@
+import { type AvatarContextProps } from './avatar-context';
+export declare const useAvatarContext: () => AvatarContextProps | undefined;

package/dist/types-ts4.5/avatar-context.d.ts

@@ -0,0 +1,14 @@
+import { type SizeType } from './types';
+export type AvatarContextProps = {
+    size: SizeType;
+};
+/**
+ * __Avatar context__
+ *
+ * An avatar context that provides the size of the avatar to children. Used by AvatarGroup
+ *
+ * - [Examples](https://atlassian.design/components/avatar/examples)
+ * - [Code](https://atlassian.design/components/avatar/code)
+ * - [Usage](https://atlassian.design/components/avatar/usage)
+ */
+export declare const AvatarContext: import('react').Context<AvatarContextProps | undefined>;

package/dist/types-ts4.5/index.d.ts

@@ -10,6 +10,8 @@ export type { StatusProps } from './status';
 export { default as Skeleton } from './skeleton';
 export type { SkeletonProps } from './skeleton';
 export { default as getAppearanceForAppType } from './get-appearance';
-export { AvatarContext, type AvatarContextProps, useAvatarContext } from './context';
+export { AvatarContext } from './avatar-context';
+export type { AvatarContextProps } from './avatar-context';
+export { useAvatarContext } from './use-avatar-context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';
 export type { AvatarClickEventHandler, AppearanceType, SizeType, Presence as PresenceType, Status as StatusType, IndicatorSizeType, } from './types';

package/dist/types-ts4.5/use-avatar-context.d.ts

@@ -0,0 +1,2 @@
+import { type AvatarContextProps } from './avatar-context';
+export declare const useAvatarContext: () => AvatarContextProps | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar",
-	"version": "25.11.2",
+	"version": "25.11.4",
 	"description": "An avatar is a visual representation of a user or entity.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,6 +25,13 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Avatar",
@@ -60,6 +67,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/tooltip": "^21.1.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/testing-library": "^0.5.0",

package/dist/cjs/context.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAvatarContext = exports.AvatarContext = void 0;
-var _react = require("react");
-/**
- * __Avatar context__
- *
- * This allows setting the size of all avatars under a context provider.
- *
- * ```tsx
- * <AvatarContext.Provider value={{ size: 'small' }}>
- *   <Avatar
- *     // ...props
- *   />
- * </AvatarContext.Provider>
- * ```
- */
-var AvatarContext = exports.AvatarContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var useAvatarContext = exports.useAvatarContext = function useAvatarContext() {
-  return (0, _react.useContext)(AvatarContext);
-};

package/dist/es2019/context.js

@@ -1,16 +0,0 @@
-import { createContext, useContext } from 'react';
-/**
- * __Avatar context__
- *
- * This allows setting the size of all avatars under a context provider.
- *
- * ```tsx
- * <AvatarContext.Provider value={{ size: 'small' }}>
- *   <Avatar
- *     // ...props
- *   />
- * </AvatarContext.Provider>
- * ```
- */
-export const AvatarContext = /*#__PURE__*/createContext(undefined);
-export const useAvatarContext = () => useContext(AvatarContext);

package/dist/esm/context.js

@@ -1,18 +0,0 @@
-import { createContext, useContext } from 'react';
-/**
- * __Avatar context__
- *
- * This allows setting the size of all avatars under a context provider.
- *
- * ```tsx
- * <AvatarContext.Provider value={{ size: 'small' }}>
- *   <Avatar
- *     // ...props
- *   />
- * </AvatarContext.Provider>
- * ```
- */
-export var AvatarContext = /*#__PURE__*/createContext(undefined);
-export var useAvatarContext = function useAvatarContext() {
-  return useContext(AvatarContext);
-};

package/dist/types/context.d.ts

@@ -1,19 +0,0 @@
-import { type SizeType } from './types';
-export type AvatarContextProps = {
-    size: SizeType;
-};
-/**
- * __Avatar context__
- *
- * This allows setting the size of all avatars under a context provider.
- *
- * ```tsx
- * <AvatarContext.Provider value={{ size: 'small' }}>
- *   <Avatar
- *     // ...props
- *   />
- * </AvatarContext.Provider>
- * ```
- */
-export declare const AvatarContext: import('react').Context<AvatarContextProps | undefined>;
-export declare const useAvatarContext: () => AvatarContextProps | undefined;

package/dist/types-ts4.5/context.d.ts

@@ -1,19 +0,0 @@
-import { type SizeType } from './types';
-export type AvatarContextProps = {
-    size: SizeType;
-};
-/**
- * __Avatar context__
- *
- * This allows setting the size of all avatars under a context provider.
- *
- * ```tsx
- * <AvatarContext.Provider value={{ size: 'small' }}>
- *   <Avatar
- *     // ...props
- *   />
- * </AvatarContext.Provider>
- * ```
- */
-export declare const AvatarContext: import('react').Context<AvatarContextProps | undefined>;
-export declare const useAvatarContext: () => AvatarContextProps | undefined;