@atlaskit/avatar 25.13.0 → 25.14.1
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.
- package/CHANGELOG.md +15 -0
- package/Presence/package.json +5 -5
- package/Status/package.json +5 -5
- package/avatar/package.json +17 -0
- package/avatar-content/package.json +17 -0
- package/avatar-context/package.json +17 -0
- package/avatar-item/package.json +17 -0
- package/constants/package.json +17 -0
- package/dist/cjs/avatar-content.js +2 -2
- package/dist/cjs/entry-points/avatar-content.js +12 -0
- package/dist/cjs/entry-points/avatar-context.js +12 -0
- package/dist/cjs/entry-points/constants.js +30 -0
- package/dist/cjs/entry-points/get-appearance.js +13 -0
- package/dist/cjs/entry-points/presence-old.js +13 -0
- package/dist/cjs/entry-points/status-old.js +13 -0
- package/dist/cjs/entry-points/use-avatar-context.js +12 -0
- package/dist/es2019/avatar-content.js +2 -2
- package/dist/es2019/entry-points/avatar-content.js +1 -0
- package/dist/es2019/entry-points/avatar-context.js +1 -0
- package/dist/es2019/entry-points/constants.js +1 -0
- package/dist/es2019/entry-points/get-appearance.js +1 -0
- package/dist/es2019/entry-points/presence-old.js +1 -0
- package/dist/es2019/entry-points/status-old.js +1 -0
- package/dist/es2019/entry-points/use-avatar-context.js +1 -0
- package/dist/esm/avatar-content.js +2 -2
- package/dist/esm/entry-points/avatar-content.js +1 -0
- package/dist/esm/entry-points/avatar-context.js +1 -0
- package/dist/esm/entry-points/constants.js +1 -0
- package/dist/esm/entry-points/get-appearance.js +1 -0
- package/dist/esm/entry-points/presence-old.js +1 -0
- package/dist/esm/entry-points/status-old.js +1 -0
- package/dist/esm/entry-points/use-avatar-context.js +1 -0
- package/dist/types/entry-points/avatar-content.d.ts +1 -0
- package/dist/types/entry-points/avatar-context.d.ts +2 -0
- package/dist/types/entry-points/avatar-item.d.ts +1 -1
- package/dist/types/entry-points/avatar.d.ts +1 -0
- package/dist/types/entry-points/constants.d.ts +1 -0
- package/dist/types/entry-points/get-appearance.d.ts +1 -0
- package/dist/types/entry-points/presence-old.d.ts +3 -0
- package/dist/types/entry-points/presence.d.ts +0 -1
- package/dist/types/entry-points/skeleton.d.ts +1 -1
- package/dist/types/entry-points/status-old.d.ts +3 -0
- package/dist/types/entry-points/status.d.ts +0 -1
- package/dist/types/entry-points/types.d.ts +1 -1
- package/dist/types/entry-points/use-avatar-context.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/avatar-content.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/avatar-context.d.ts +2 -0
- package/dist/types-ts4.5/entry-points/avatar-item.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/avatar.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/constants.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/get-appearance.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/presence-old.d.ts +3 -0
- package/dist/types-ts4.5/entry-points/presence.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/skeleton.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/status-old.d.ts +3 -0
- package/dist/types-ts4.5/entry-points/status.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/types.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/use-avatar-context.d.ts +1 -0
- package/get-appearance/package.json +17 -0
- package/package.json +3 -3
- package/presence/package.json +17 -0
- package/skeleton/package.json +17 -0
- package/status/package.json +17 -0
- package/use-avatar-context/package.json +17 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/avatar
|
|
2
2
|
|
|
3
|
+
## 25.14.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0b2913c48cd7a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0b2913c48cd7a) -
|
|
8
|
+
Fix hexagon avatar hover scaling: apply motion scale transform to the outermost hexagon wrapper so
|
|
9
|
+
the border and content scale together, instead of only the inner content scaling.
|
|
10
|
+
|
|
11
|
+
## 25.14.0
|
|
12
|
+
|
|
13
|
+
### Minor Changes
|
|
14
|
+
|
|
15
|
+
- [`436b89822a386`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/436b89822a386) -
|
|
16
|
+
Autofix: add explicit package exports (barrel removal)
|
|
17
|
+
|
|
3
18
|
## 25.13.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
package/Presence/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/avatar/Presence",
|
|
3
|
-
"main": "../dist/cjs/entry-points/presence.js",
|
|
4
|
-
"module": "../dist/esm/entry-points/presence.js",
|
|
5
|
-
"module:es2019": "../dist/es2019/entry-points/presence.js",
|
|
3
|
+
"main": "../dist/cjs/entry-points/presence-old.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/presence-old.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/presence-old.js",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/entry-points/presence.d.ts",
|
|
9
|
+
"types": "../dist/types/entry-points/presence-old.d.ts",
|
|
10
10
|
"typesVersions": {
|
|
11
11
|
">=4.5 <5.9": {
|
|
12
12
|
"*": [
|
|
13
|
-
"../dist/types-ts4.5/entry-points/presence.d.ts"
|
|
13
|
+
"../dist/types-ts4.5/entry-points/presence-old.d.ts"
|
|
14
14
|
]
|
|
15
15
|
}
|
|
16
16
|
}
|
package/Status/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/avatar/Status",
|
|
3
|
-
"main": "../dist/cjs/entry-points/status.js",
|
|
4
|
-
"module": "../dist/esm/entry-points/status.js",
|
|
5
|
-
"module:es2019": "../dist/es2019/entry-points/status.js",
|
|
3
|
+
"main": "../dist/cjs/entry-points/status-old.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/status-old.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/status-old.js",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.compiled.css"
|
|
8
8
|
],
|
|
9
|
-
"types": "../dist/types/entry-points/status.d.ts",
|
|
9
|
+
"types": "../dist/types/entry-points/status-old.d.ts",
|
|
10
10
|
"typesVersions": {
|
|
11
11
|
">=4.5 <5.9": {
|
|
12
12
|
"*": [
|
|
13
|
-
"../dist/types-ts4.5/entry-points/status.d.ts"
|
|
13
|
+
"../dist/types-ts4.5/entry-points/status-old.d.ts"
|
|
14
14
|
]
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/avatar",
|
|
3
|
+
"main": "../dist/cjs/entry-points/avatar.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/avatar.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/avatar.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/avatar.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/avatar.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/avatar-content",
|
|
3
|
+
"main": "../dist/cjs/entry-points/avatar-content.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/avatar-content.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/avatar-content.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/avatar-content.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/avatar-content.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/avatar-context",
|
|
3
|
+
"main": "../dist/cjs/entry-points/avatar-context.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/avatar-context.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/avatar-context.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/avatar-context.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/avatar-context.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/avatar-item",
|
|
3
|
+
"main": "../dist/cjs/entry-points/avatar-item.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/avatar-item.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/avatar-item.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/avatar-item.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/avatar-item.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/constants",
|
|
3
|
+
"main": "../dist/cjs/entry-points/constants.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/constants.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/constants.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/constants.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/constants.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -104,7 +104,7 @@ var AvatarContent = exports.AvatarContent = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
104
104
|
target: target,
|
|
105
105
|
rel: target === '_blank' ? 'noopener noreferrer' : undefined
|
|
106
106
|
}, {
|
|
107
|
-
className: (0, _runtime.ax)([unboundStyles.root, (0, _platformFeatureFlags.fg)('avatar-custom-border') && unboundStyles.rootCustomBorder, styles.root, appearance === 'square' && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isInteractive && !isDisabled && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') && unboundStyles.interactiveMotion, isDisabled && styles.disabled])
|
|
107
|
+
className: (0, _runtime.ax)([unboundStyles.root, (0, _platformFeatureFlags.fg)('avatar-custom-border') && unboundStyles.rootCustomBorder, styles.root, appearance === 'square' && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isInteractive && !isDisabled && appearance !== 'hexagon' && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') && unboundStyles.interactiveMotion, isDisabled && styles.disabled])
|
|
108
108
|
}), children || avatarImage);
|
|
109
109
|
if (appearance !== 'hexagon') {
|
|
110
110
|
return renderedContent;
|
|
@@ -115,7 +115,7 @@ var AvatarContent = exports.AvatarContent = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
115
115
|
return /*#__PURE__*/React.createElement("div", {
|
|
116
116
|
style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, bgColorCssVar, borderColor), boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
|
|
117
117
|
"data-testid": testId ? "".concat(testId, "-hexagon-focus-container") : 'hexagon-focus-container',
|
|
118
|
-
className: (0, _runtime.ax)([unboundStyles.hexagonFocusContainer, !(0, _platformFeatureFlags.fg)('platform_dst_hexagon_avatar_unified_size') && marginAdjustmentMap[size], (0, _platformFeatureFlags.fg)('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonFocusContainerMarginFg])
|
|
118
|
+
className: (0, _runtime.ax)([unboundStyles.hexagonFocusContainer, !(0, _platformFeatureFlags.fg)('platform_dst_hexagon_avatar_unified_size') && marginAdjustmentMap[size], (0, _platformFeatureFlags.fg)('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonFocusContainerMarginFg, isInteractive && !isDisabled && (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') && unboundStyles.interactiveMotion])
|
|
119
119
|
}, /*#__PURE__*/React.createElement("div", {
|
|
120
120
|
"data-testid": testId ? "".concat(testId, "-hexagon-border-container") : 'hexagon-border-container',
|
|
121
121
|
className: (0, _runtime.ax)([unboundStyles.hexagonBorderContainer, (0, _platformFeatureFlags.fg)('avatar-custom-border') && unboundStyles.hexagonBorderContainerCustomBorder, (0, _platformFeatureFlags.fg)('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonBorderContainerMarginFg])
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AvatarContent", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _avatarContent.AvatarContent;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _avatarContent = require("../avatar-content");
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "AvatarContext", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _avatarContext.AvatarContext;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _avatarContext = require("../avatar-context");
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "ACTIVE_SCALE_FACTOR", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _constants.ACTIVE_SCALE_FACTOR;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "AVATAR_RADIUS", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _constants.AVATAR_RADIUS;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "AVATAR_SIZES", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _constants.AVATAR_SIZES;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "BORDER_WIDTH", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _constants.BORDER_WIDTH;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
var _constants = require("../constants");
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _getAppearance.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _getAppearance = _interopRequireDefault(require("../get-appearance"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _presence.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _presence = _interopRequireDefault(require("../presence"));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _status.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _status = _interopRequireDefault(require("../status"));
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "useAvatarContext", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _useAvatarContext.useAvatarContext;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _useAvatarContext = require("../use-avatar-context");
|
|
@@ -98,7 +98,7 @@ export const AvatarContent = /*#__PURE__*/forwardRef(({
|
|
|
98
98
|
target,
|
|
99
99
|
rel: target === '_blank' ? 'noopener noreferrer' : undefined
|
|
100
100
|
}, {
|
|
101
|
-
className: ax([unboundStyles.root, fg('avatar-custom-border') && unboundStyles.rootCustomBorder, styles.root, appearance === 'square' && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isInteractive && !isDisabled && fg('platform-dst-motion-uplift') && unboundStyles.interactiveMotion, isDisabled && styles.disabled])
|
|
101
|
+
className: ax([unboundStyles.root, fg('avatar-custom-border') && unboundStyles.rootCustomBorder, styles.root, appearance === 'square' && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isInteractive && !isDisabled && appearance !== 'hexagon' && fg('platform-dst-motion-uplift') && unboundStyles.interactiveMotion, isDisabled && styles.disabled])
|
|
102
102
|
}), children || avatarImage);
|
|
103
103
|
if (appearance !== 'hexagon') {
|
|
104
104
|
return renderedContent;
|
|
@@ -112,7 +112,7 @@ export const AvatarContent = /*#__PURE__*/forwardRef(({
|
|
|
112
112
|
[boxShadowCssVar]: `0 0 0 2px ${borderColor}`
|
|
113
113
|
},
|
|
114
114
|
"data-testid": testId ? `${testId}-hexagon-focus-container` : 'hexagon-focus-container',
|
|
115
|
-
className: ax([unboundStyles.hexagonFocusContainer, !fg('platform_dst_hexagon_avatar_unified_size') && marginAdjustmentMap[size], fg('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonFocusContainerMarginFg])
|
|
115
|
+
className: ax([unboundStyles.hexagonFocusContainer, !fg('platform_dst_hexagon_avatar_unified_size') && marginAdjustmentMap[size], fg('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonFocusContainerMarginFg, isInteractive && !isDisabled && fg('platform-dst-motion-uplift') && unboundStyles.interactiveMotion])
|
|
116
116
|
}, /*#__PURE__*/React.createElement("div", {
|
|
117
117
|
"data-testid": testId ? `${testId}-hexagon-border-container` : 'hexagon-border-container',
|
|
118
118
|
className: ax([unboundStyles.hexagonBorderContainer, fg('avatar-custom-border') && unboundStyles.hexagonBorderContainerCustomBorder, fg('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonBorderContainerMarginFg])
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AvatarContent } from '../avatar-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AvatarContext } from '../avatar-context';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ACTIVE_SCALE_FACTOR, AVATAR_RADIUS, AVATAR_SIZES, BORDER_WIDTH } from '../constants';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../get-appearance';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../presence';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../status';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useAvatarContext } from '../use-avatar-context';
|
|
@@ -95,7 +95,7 @@ export var AvatarContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
95
95
|
target: target,
|
|
96
96
|
rel: target === '_blank' ? 'noopener noreferrer' : undefined
|
|
97
97
|
}, {
|
|
98
|
-
className: ax([unboundStyles.root, fg('avatar-custom-border') && unboundStyles.rootCustomBorder, styles.root, appearance === 'square' && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isInteractive && !isDisabled && fg('platform-dst-motion-uplift') && unboundStyles.interactiveMotion, isDisabled && styles.disabled])
|
|
98
|
+
className: ax([unboundStyles.root, fg('avatar-custom-border') && unboundStyles.rootCustomBorder, styles.root, appearance === 'square' && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isInteractive && !isDisabled && appearance !== 'hexagon' && fg('platform-dst-motion-uplift') && unboundStyles.interactiveMotion, isDisabled && styles.disabled])
|
|
99
99
|
}), children || avatarImage);
|
|
100
100
|
if (appearance !== 'hexagon') {
|
|
101
101
|
return renderedContent;
|
|
@@ -106,7 +106,7 @@ export var AvatarContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
106
106
|
return /*#__PURE__*/React.createElement("div", {
|
|
107
107
|
style: _defineProperty(_defineProperty({}, bgColorCssVar, borderColor), boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
|
|
108
108
|
"data-testid": testId ? "".concat(testId, "-hexagon-focus-container") : 'hexagon-focus-container',
|
|
109
|
-
className: ax([unboundStyles.hexagonFocusContainer, !fg('platform_dst_hexagon_avatar_unified_size') && marginAdjustmentMap[size], fg('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonFocusContainerMarginFg])
|
|
109
|
+
className: ax([unboundStyles.hexagonFocusContainer, !fg('platform_dst_hexagon_avatar_unified_size') && marginAdjustmentMap[size], fg('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonFocusContainerMarginFg, isInteractive && !isDisabled && fg('platform-dst-motion-uplift') && unboundStyles.interactiveMotion])
|
|
110
110
|
}, /*#__PURE__*/React.createElement("div", {
|
|
111
111
|
"data-testid": testId ? "".concat(testId, "-hexagon-border-container") : 'hexagon-border-container',
|
|
112
112
|
className: ax([unboundStyles.hexagonBorderContainer, fg('avatar-custom-border') && unboundStyles.hexagonBorderContainerCustomBorder, fg('platform_dst_hexagon_avatar_unified_size') && unboundStyles.hexagonBorderContainerMarginFg])
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AvatarContent } from '../avatar-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AvatarContext } from '../avatar-context';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ACTIVE_SCALE_FACTOR, AVATAR_RADIUS, AVATAR_SIZES, BORDER_WIDTH } from '../constants';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../get-appearance';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../presence';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../status';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useAvatarContext } from '../use-avatar-context';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AvatarContent } from '../avatar-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ACTIVE_SCALE_FACTOR, AVATAR_RADIUS, AVATAR_SIZES, BORDER_WIDTH } from '../constants';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../get-appearance';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type { AppearanceType,
|
|
1
|
+
export type { AppearanceType, AvatarClickEventHandler, AvatarSizeMap, IndicatorSizeType, Presence as PresenceType, SizeType, Status as StatusType, } from '../types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useAvatarContext } from '../use-avatar-context';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AvatarContent } from '../avatar-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ACTIVE_SCALE_FACTOR, AVATAR_RADIUS, AVATAR_SIZES, BORDER_WIDTH } from '../constants';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../get-appearance';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type { AppearanceType,
|
|
1
|
+
export type { AppearanceType, AvatarClickEventHandler, AvatarSizeMap, IndicatorSizeType, Presence as PresenceType, SizeType, Status as StatusType, } from '../types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useAvatarContext } from '../use-avatar-context';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/get-appearance",
|
|
3
|
+
"main": "../dist/cjs/entry-points/get-appearance.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/get-appearance.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/get-appearance.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/get-appearance.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/get-appearance.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/avatar",
|
|
3
|
-
"version": "25.
|
|
3
|
+
"version": "25.14.1",
|
|
4
4
|
"description": "An avatar is a visual representation of a user or entity.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@atlaskit/analytics-next": "^11.2.0",
|
|
43
43
|
"@atlaskit/css": "^0.19.0",
|
|
44
44
|
"@atlaskit/ds-lib": "^7.0.0",
|
|
45
|
-
"@atlaskit/icon": "^34.
|
|
45
|
+
"@atlaskit/icon": "^34.3.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
47
|
"@atlaskit/primitives": "^19.0.0",
|
|
48
48
|
"@atlaskit/tokens": "^13.0.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"@atlaskit/range": "^10.0.0",
|
|
66
66
|
"@atlaskit/section-message": "^8.12.0",
|
|
67
67
|
"@atlaskit/textfield": "^8.3.0",
|
|
68
|
-
"@atlaskit/tooltip": "^21.
|
|
68
|
+
"@atlaskit/tooltip": "^21.2.0",
|
|
69
69
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
70
70
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
71
71
|
"@atlassian/ssr-tests": "workspace:^",
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/presence",
|
|
3
|
+
"main": "../dist/cjs/entry-points/presence.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/presence.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/presence.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/presence.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/presence.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/skeleton",
|
|
3
|
+
"main": "../dist/cjs/entry-points/skeleton.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/skeleton.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/skeleton.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/skeleton.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/skeleton.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/status",
|
|
3
|
+
"main": "../dist/cjs/entry-points/status.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/status.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/status.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/status.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/status.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/avatar/use-avatar-context",
|
|
3
|
+
"main": "../dist/cjs/entry-points/use-avatar-context.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/use-avatar-context.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/use-avatar-context.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/use-avatar-context.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/use-avatar-context.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|