@atlaskit/avatar 21.11.2 → 21.12.0

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 (27) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/Avatar.js +3 -3
  3. package/dist/cjs/AvatarImage.js +7 -5
  4. package/dist/cjs/AvatarItem.js +1 -1
  5. package/dist/cjs/IconWrapper.js +1 -1
  6. package/dist/cjs/Skeleton.js +2 -1
  7. package/dist/es2019/Avatar.js +3 -3
  8. package/dist/es2019/AvatarImage.js +6 -5
  9. package/dist/es2019/AvatarItem.js +1 -1
  10. package/dist/es2019/IconWrapper.js +1 -1
  11. package/dist/es2019/Skeleton.js +1 -1
  12. package/dist/esm/Avatar.js +3 -3
  13. package/dist/esm/AvatarImage.js +6 -5
  14. package/dist/esm/AvatarItem.js +1 -1
  15. package/dist/esm/IconWrapper.js +1 -1
  16. package/dist/esm/Skeleton.js +1 -1
  17. package/dist/types/Avatar.d.ts +1 -1
  18. package/dist/types/AvatarImage.d.ts +1 -1
  19. package/dist/types/AvatarItem.d.ts +1 -1
  20. package/dist/types/IconWrapper.d.ts +1 -1
  21. package/dist/types/Skeleton.d.ts +1 -1
  22. package/dist/types-ts4.5/Avatar.d.ts +1 -1
  23. package/dist/types-ts4.5/AvatarImage.d.ts +1 -1
  24. package/dist/types-ts4.5/AvatarItem.d.ts +1 -1
  25. package/dist/types-ts4.5/IconWrapper.d.ts +1 -1
  26. package/dist/types-ts4.5/Skeleton.d.ts +1 -1
  27. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/avatar
2
2
 
3
+ ## 21.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#125278](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125278)
8
+ [`f80ae8ed91fc9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f80ae8ed91fc9) -
9
+ Adding data-vc attributes for tracking TTVC (go/ttvc).
10
+
3
11
  ## 21.11.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/Avatar.js CHANGED
@@ -22,14 +22,14 @@ var _utilities = require("./utilities");
22
22
  var _templateObject;
23
23
  /**
24
24
  * @jsxRuntime classic
25
+ * @jsx jsx
25
26
  */
26
- /** @jsx jsx */
27
27
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
28
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
29
29
  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; }
30
30
  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; }
31
31
  var packageName = "@atlaskit/avatar";
32
- var packageVersion = "21.11.2";
32
+ var packageVersion = "21.12.0";
33
33
 
34
34
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
35
35
 
@@ -38,7 +38,7 @@ var getStyles = function getStyles(css, _ref) {
38
38
  radius = _ref.radius,
39
39
  appearance = _ref.appearance,
40
40
  _ref$borderColor = _ref.borderColor,
41
- borderColor = _ref$borderColor === void 0 ? (0, _platformFeatureFlags.fg)('platform.design-system-team.component-visual-refresh_t8zbo') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-surface-overlay, ".concat(_colors.N0, ")") : _ref$borderColor,
41
+ borderColor = _ref$borderColor === void 0 ? (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-surface-overlay, ".concat(_colors.N0, ")") : _ref$borderColor,
42
42
  stackIndex = _ref.stackIndex,
43
43
  isInteractive = _ref.isInteractive,
44
44
  isDisabled = _ref.isDisabled;
package/dist/cjs/AvatarImage.js CHANGED
@@ -19,7 +19,8 @@ var _constants = require("./constants");
19
19
  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; }
20
20
  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; } /**
21
21
  * @jsxRuntime classic
22
- */ /** @jsx jsx */ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
22
+ * @jsx jsx
23
+ */ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
23
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
24
25
  var avatarDefaultIconStyles = (0, _react2.css)({
25
26
  display: 'block',
@@ -79,8 +80,8 @@ var AvatarImage = function AvatarImage(_ref3) {
79
80
  }, [src]);
80
81
  if (!src || hasImageErrored) {
81
82
  return (0, _react2.jsx)("span", {
82
- css: [(0, _platformFeatureFlags.fg)('platform.design-system-team.component-visual-refresh_t8zbo') ? avatarDefaultIconVisualRefreshStyles : avatarDefaultIconStyles, nestedAvatarStyles[size]]
83
- }, appearance === 'circle' ? (0, _platformFeatureFlags.fg)('platform.design-system-team.component-visual-refresh_t8zbo') ? (0, _react2.jsx)(_person.default, {
83
+ css: [(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? avatarDefaultIconVisualRefreshStyles : avatarDefaultIconStyles, nestedAvatarStyles[size]]
84
+ }, appearance === 'circle' ? (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _react2.jsx)(_person.default, {
84
85
  label: alt,
85
86
  color: "var(--ds-icon-subtle, #626F86)",
86
87
  testId: testId && "".concat(testId, "--person"),
@@ -91,7 +92,7 @@ var AvatarImage = function AvatarImage(_ref3) {
91
92
  secondaryColor: "var(--ds-icon-subtle, ".concat(_colors.N90, ")"),
92
93
  testId: testId && "".concat(testId, "--person"),
93
94
  "aria-hidden": isHidden
94
- }) : (0, _platformFeatureFlags.fg)('platform.design-system-team.component-visual-refresh_t8zbo') ? (0, _react2.jsx)(_release.default, {
95
+ }) : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _react2.jsx)(_release.default, {
95
96
  label: alt,
96
97
  color: "var(--ds-icon-subtle, #626F86)",
97
98
  testId: testId && "".concat(testId, "--ship"),
@@ -116,7 +117,8 @@ var AvatarImage = function AvatarImage(_ref3) {
116
117
  onError: function onError() {
117
118
  return setHasImageErrored(true);
118
119
  },
119
- "aria-hidden": isHidden
120
+ "aria-hidden": isHidden,
121
+ "data-vc": "avatar-image"
120
122
  });
121
123
  };
122
124
  var _default = exports.default = AvatarImage;
package/dist/cjs/AvatarItem.js CHANGED
@@ -18,8 +18,8 @@ var _utilities = require("./utilities");
18
18
  var _templateObject;
19
19
  /**
20
20
  * @jsxRuntime classic
21
+ * @jsx jsx
21
22
  */
22
- /** @jsx jsx */
23
23
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
24
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
25
25
  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; }
package/dist/cjs/IconWrapper.js CHANGED
@@ -9,8 +9,8 @@ var _colors = require("@atlaskit/theme/colors");
9
9
  var _constants = require("./constants");
10
10
  /**
11
11
  * @jsxRuntime classic
12
+ * @jsx jsx
12
13
  */
13
- /** @jsx jsx */
14
14
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
15
15
 
16
16
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
package/dist/cjs/Skeleton.js CHANGED
@@ -12,7 +12,8 @@ var _constants = require("./constants");
12
12
  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; }
13
13
  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; } /**
14
14
  * @jsxRuntime classic
15
- */ /** @jsx jsx */ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
15
+ * @jsx jsx
16
+ */ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
16
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
17
18
  var skeletonStyles = (0, _react.css)({
18
19
  display: 'inline-block',
package/dist/es2019/Avatar.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
6
6
  import { createElement, forwardRef, isValidElement, useCallback, useEffect, useRef } from 'react';
7
7
 
@@ -18,7 +18,7 @@ import { PresenceWrapper } from './Presence';
18
18
  import { StatusWrapper } from './Status';
19
19
  import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
20
20
  const packageName = "@atlaskit/avatar";
21
- const packageVersion = "21.11.2";
21
+ const packageVersion = "21.12.0";
22
22
 
23
23
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
24
24
 
@@ -26,7 +26,7 @@ const getStyles = (css, {
26
26
  size,
27
27
  radius,
28
28
  appearance,
29
- borderColor = fg('platform.design-system-team.component-visual-refresh_t8zbo') ? "var(--ds-surface, #FFFFFF)" : `var(--ds-surface-overlay, ${N0})`,
29
+ borderColor = fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : `var(--ds-surface-overlay, ${N0})`,
30
30
  stackIndex,
31
31
  isInteractive,
32
32
  isDisabled
package/dist/es2019/AvatarImage.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
6
6
  import { useEffect, useState } from 'react';
7
7
 
@@ -69,8 +69,8 @@ const AvatarImage = ({
69
69
  }, [src]);
70
70
  if (!src || hasImageErrored) {
71
71
  return jsx("span", {
72
- css: [fg('platform.design-system-team.component-visual-refresh_t8zbo') ? avatarDefaultIconVisualRefreshStyles : avatarDefaultIconStyles, nestedAvatarStyles[size]]
73
- }, appearance === 'circle' ? fg('platform.design-system-team.component-visual-refresh_t8zbo') ? jsx(PersonIcon, {
72
+ css: [fg('platform-component-visual-refresh') ? avatarDefaultIconVisualRefreshStyles : avatarDefaultIconStyles, nestedAvatarStyles[size]]
73
+ }, appearance === 'circle' ? fg('platform-component-visual-refresh') ? jsx(PersonIcon, {
74
74
  label: alt,
75
75
  color: "var(--ds-icon-subtle, #626F86)",
76
76
  testId: testId && `${testId}--person`,
@@ -81,7 +81,7 @@ const AvatarImage = ({
81
81
  secondaryColor: `var(--ds-icon-subtle, ${N90})`,
82
82
  testId: testId && `${testId}--person`,
83
83
  "aria-hidden": isHidden
84
- }) : fg('platform.design-system-team.component-visual-refresh_t8zbo') ? jsx(ReleaseIcon, {
84
+ }) : fg('platform-component-visual-refresh') ? jsx(ReleaseIcon, {
85
85
  label: alt,
86
86
  color: "var(--ds-icon-subtle, #626F86)",
87
87
  testId: testId && `${testId}--ship`,
@@ -104,7 +104,8 @@ const AvatarImage = ({
104
104
  borderRadius: borderRadius
105
105
  },
106
106
  onError: () => setHasImageErrored(true),
107
- "aria-hidden": isHidden
107
+ "aria-hidden": isHidden,
108
+ "data-vc": "avatar-image"
108
109
  });
109
110
  };
110
111
  export default AvatarImage;
package/dist/es2019/AvatarItem.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
6
6
  import { createElement, forwardRef, Fragment } from 'react';
7
7
 
package/dist/es2019/IconWrapper.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
package/dist/es2019/Skeleton.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
package/dist/esm/Avatar.js CHANGED
@@ -5,8 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
5
5
  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) { _defineProperty(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; }
6
6
  /**
7
7
  * @jsxRuntime classic
8
+ * @jsx jsx
8
9
  */
9
- /** @jsx jsx */
10
10
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
11
11
  import { createElement, forwardRef, isValidElement, useCallback, useEffect, useRef } from 'react';
12
12
 
@@ -23,7 +23,7 @@ import { PresenceWrapper } from './Presence';
23
23
  import { StatusWrapper } from './Status';
24
24
  import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
25
25
  var packageName = "@atlaskit/avatar";
26
- var packageVersion = "21.11.2";
26
+ var packageVersion = "21.12.0";
27
27
 
28
28
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
29
29
 
@@ -32,7 +32,7 @@ var getStyles = function getStyles(css, _ref) {
32
32
  radius = _ref.radius,
33
33
  appearance = _ref.appearance,
34
34
  _ref$borderColor = _ref.borderColor,
35
- borderColor = _ref$borderColor === void 0 ? fg('platform.design-system-team.component-visual-refresh_t8zbo') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-surface-overlay, ".concat(N0, ")") : _ref$borderColor,
35
+ borderColor = _ref$borderColor === void 0 ? fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-surface-overlay, ".concat(N0, ")") : _ref$borderColor,
36
36
  stackIndex = _ref.stackIndex,
37
37
  isInteractive = _ref.isInteractive,
38
38
  isDisabled = _ref.isDisabled;
package/dist/esm/AvatarImage.js CHANGED
@@ -4,8 +4,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
4
4
  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) { _defineProperty(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; }
5
5
  /**
6
6
  * @jsxRuntime classic
7
+ * @jsx jsx
7
8
  */
8
- /** @jsx jsx */
9
9
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
10
10
  import { useEffect, useState } from 'react';
11
11
 
@@ -76,8 +76,8 @@ var AvatarImage = function AvatarImage(_ref3) {
76
76
  }, [src]);
77
77
  if (!src || hasImageErrored) {
78
78
  return jsx("span", {
79
- css: [fg('platform.design-system-team.component-visual-refresh_t8zbo') ? avatarDefaultIconVisualRefreshStyles : avatarDefaultIconStyles, nestedAvatarStyles[size]]
80
- }, appearance === 'circle' ? fg('platform.design-system-team.component-visual-refresh_t8zbo') ? jsx(PersonIcon, {
79
+ css: [fg('platform-component-visual-refresh') ? avatarDefaultIconVisualRefreshStyles : avatarDefaultIconStyles, nestedAvatarStyles[size]]
80
+ }, appearance === 'circle' ? fg('platform-component-visual-refresh') ? jsx(PersonIcon, {
81
81
  label: alt,
82
82
  color: "var(--ds-icon-subtle, #626F86)",
83
83
  testId: testId && "".concat(testId, "--person"),
@@ -88,7 +88,7 @@ var AvatarImage = function AvatarImage(_ref3) {
88
88
  secondaryColor: "var(--ds-icon-subtle, ".concat(N90, ")"),
89
89
  testId: testId && "".concat(testId, "--person"),
90
90
  "aria-hidden": isHidden
91
- }) : fg('platform.design-system-team.component-visual-refresh_t8zbo') ? jsx(ReleaseIcon, {
91
+ }) : fg('platform-component-visual-refresh') ? jsx(ReleaseIcon, {
92
92
  label: alt,
93
93
  color: "var(--ds-icon-subtle, #626F86)",
94
94
  testId: testId && "".concat(testId, "--ship"),
@@ -113,7 +113,8 @@ var AvatarImage = function AvatarImage(_ref3) {
113
113
  onError: function onError() {
114
114
  return setHasImageErrored(true);
115
115
  },
116
- "aria-hidden": isHidden
116
+ "aria-hidden": isHidden,
117
+ "data-vc": "avatar-image"
117
118
  });
118
119
  };
119
120
  export default AvatarImage;
package/dist/esm/AvatarItem.js CHANGED
@@ -5,8 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
5
5
  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) { _defineProperty(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; }
6
6
  /**
7
7
  * @jsxRuntime classic
8
+ * @jsx jsx
8
9
  */
9
- /** @jsx jsx */
10
10
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
11
11
  import { createElement, forwardRef, Fragment } from 'react';
12
12
 
package/dist/esm/IconWrapper.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
6
6
 
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
package/dist/esm/Skeleton.js CHANGED
@@ -4,8 +4,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
4
4
  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) { _defineProperty(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; }
5
5
  /**
6
6
  * @jsxRuntime classic
7
+ * @jsx jsx
7
8
  */
8
- /** @jsx jsx */
9
9
  // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
10
10
 
11
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
package/dist/types/Avatar.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type MouseEventHandler, type ReactNode, type Ref } from 'react';
6
6
  import { type AppearanceType, type AvatarClickEventHandler, type Presence, type SizeType, type Status } from './types';
7
7
  export interface CustomAvatarProps {
package/dist/types/AvatarImage.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type FC } from 'react';
6
6
  import { type AppearanceType, type SizeType } from './types';
7
7
  interface AvatarImageProps {
package/dist/types/AvatarItem.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type MouseEventHandler, type ReactNode, type Ref } from 'react';
6
6
  import { type AvatarClickEventHandler } from './types';
7
7
  export interface CustomAvatarItemProps {
package/dist/types/IconWrapper.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type FC, type ReactNode } from 'react';
6
6
  interface IconWrapperProps {
7
7
  bgColor?: string;
package/dist/types/Skeleton.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type FC } from 'react';
6
6
  import { type AppearanceType, type SizeType } from './types';
7
7
  export interface SkeletonProps {
package/dist/types-ts4.5/Avatar.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type MouseEventHandler, type ReactNode, type Ref } from 'react';
6
6
  import { type AppearanceType, type AvatarClickEventHandler, type Presence, type SizeType, type Status } from './types';
7
7
  export interface CustomAvatarProps {
package/dist/types-ts4.5/AvatarImage.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type FC } from 'react';
6
6
  import { type AppearanceType, type SizeType } from './types';
7
7
  interface AvatarImageProps {
package/dist/types-ts4.5/AvatarItem.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type MouseEventHandler, type ReactNode, type Ref } from 'react';
6
6
  import { type AvatarClickEventHandler } from './types';
7
7
  export interface CustomAvatarItemProps {
package/dist/types-ts4.5/IconWrapper.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type FC, type ReactNode } from 'react';
6
6
  interface IconWrapperProps {
7
7
  bgColor?: string;
package/dist/types-ts4.5/Skeleton.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @jsxRuntime classic
3
+ * @jsx jsx
3
4
  */
4
- /** @jsx jsx */
5
5
  import { type FC } from 'react';
6
6
  import { type AppearanceType, type SizeType } from './types';
7
7
  export interface SkeletonProps {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar",
3
- "version": "21.11.2",
3
+ "version": "21.12.0",
4
4
  "description": "An avatar is a visual representation of a user or entity.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,11 +45,11 @@
45
45
  },
46
46
  "dependencies": {
47
47
  "@atlaskit/analytics-next": "^9.3.0",
48
- "@atlaskit/icon": "^22.6.0",
48
+ "@atlaskit/icon": "^22.8.0",
49
49
  "@atlaskit/platform-feature-flags": "^0.3.0",
50
- "@atlaskit/primitives": "^11.0.0",
50
+ "@atlaskit/primitives": "^11.1.0",
51
51
  "@atlaskit/theme": "^12.11.0",
52
- "@atlaskit/tokens": "^1.54.0",
52
+ "@atlaskit/tokens": "^1.56.0",
53
53
  "@babel/runtime": "^7.0.0",
54
54
  "@emotion/react": "^11.7.1",
55
55
  "@emotion/serialize": "^1.1.0",
@@ -106,7 +106,7 @@
106
106
  "platform.design-system-team.avatar-item-font-size_830x6": {
107
107
  "type": "boolean"
108
108
  },
109
- "platform.design-system-team.component-visual-refresh_t8zbo": {
109
+ "platform-component-visual-refresh": {
110
110
  "type": "boolean"
111
111
  }
112
112
  }