@atlaskit/avatar 25.11.6 → 25.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 (10) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/avatar.js +1 -1
  3. package/dist/cjs/status.js +11 -0
  4. package/dist/es2019/avatar.js +1 -1
  5. package/dist/es2019/status.js +11 -0
  6. package/dist/esm/avatar.js +1 -1
  7. package/dist/esm/status.js +11 -0
  8. package/dist/types/types.d.ts +1 -1
  9. package/dist/types-ts4.5/types.d.ts +1 -1
  10. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/avatar
2
2
 
3
+ ## 25.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`1a7161faf1584`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1a7161faf1584) -
8
+ [ux] Added `'warning'` as a new value for the `status` prop on `Avatar` and the `Status`
9
+ component. This adds a yellow warning indicator to signal caution or attention-required states,
10
+ supporting Agent visibility use cases.
11
+
12
+ ## 25.11.7
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 25.11.6
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/avatar.js CHANGED
@@ -26,7 +26,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
26
26
  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; }
27
27
  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; }
28
28
  var packageName = "@atlaskit/avatar";
29
- var packageVersion = "25.11.5";
29
+ var packageVersion = "25.11.7";
30
30
  var containerStyles = null;
31
31
 
32
32
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
package/dist/cjs/status.js CHANGED
@@ -39,6 +39,15 @@ var LockedIndicator = /*#__PURE__*/React.createElement(_react.Fragment, null, /*
39
39
  fill: "var(--ds-surface-overlay, #FFFFFF)",
40
40
  d: "M4.13074827,1.21766493 L4.10368158,1.21766493 C3.36340745,1.21766493 2.76388015,1.80793503 2.76388015,2.5367787 L2.76388015,3.21632216 L3.44054754,3.21632216 L3.44054754,2.54344089 C3.44054754,2.17901906 3.74031119,1.88388401 4.11044825,1.88388401 L4.1239816,1.88388401 C4.49411866,1.88388401 4.79388232,2.17901906 4.79388232,2.54344089 L4.79388232,3.21632216 L5.47054971,3.21632216 L5.47054971,2.5367787 C5.47054971,1.80793503 4.8710224,1.21766493 4.13074827,1.21766493 M2.76388015,3.21632216 L3.44054754,3.21632216 L3.44054754,3.88254123 L2.76388015,3.88254123 L2.76388015,3.21632216 Z M4.79388232,3.21632216 L5.47054971,3.21632216 L5.47054971,3.88254123 L4.79388232,3.88254123 L4.79388232,3.21632216 Z M4.79401765,3.88254123 L3.44068287,3.88254123 L2.76401548,3.88254123 C2.39049508,3.88254123 2.08734809,4.18100738 2.08734809,4.54876031 L2.08734809,5.54808892 C2.08734809,6.10000287 2.53735205,6.54741753 3.09094491,6.54741753 L5.14375561,6.54741753 C5.69802683,6.54741753 6.14735243,6.10385072 6.14735243,5.54808892 L6.14735243,4.54876031 C6.14735243,4.18100738 5.84420544,3.88254123 5.47068504,3.88254123 L4.79401765,3.88254123 Z"
41
41
  }));
42
+ var WarningIndicator = /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("circle", {
43
+ fill: "var(--ds-icon-warning, #E06C00)",
44
+ cx: "4",
45
+ cy: "4",
46
+ r: "4"
47
+ }), /*#__PURE__*/React.createElement("path", {
48
+ fill: "var(--ds-surface-overlay, #FFFFFF)",
49
+ d: "M4,1.33333333 C4.36918944,1.33333333 4.66666667,1.63081056 4.66666667,2 L4.66666667,4 C4.66666667,4.36918944 4.36918944,4.66666667 4,4.66666667 C3.63081056,4.66666667 3.33333333,4.36918944 3.33333333,4 L3.33333333,2 C3.33333333,1.63081056 3.63081056,1.33333333 4,1.33333333 Z M4,5.33333333 C4.36918944,5.33333333 4.66666667,5.63081056 4.66666667,6 C4.66666667,6.36918944 4.36918944,6.66666667 4,6.66666667 C3.63081056,6.66666667 3.33333333,6.36918944 3.33333333,6 C3.33333333,5.63081056 3.63081056,5.33333333 4,5.33333333 Z"
50
+ }));
42
51
  function getStatus(status) {
43
52
  switch (status) {
44
53
  case 'approved':
@@ -47,6 +56,8 @@ function getStatus(status) {
47
56
  return DeclinedIndicator;
48
57
  case 'locked':
49
58
  return LockedIndicator;
59
+ case 'warning':
60
+ return WarningIndicator;
50
61
  }
51
62
  }
52
63
 
package/dist/es2019/avatar.js CHANGED
@@ -14,7 +14,7 @@ import PresenceWrapper from './internal/presence-wrapper';
14
14
  import StatusWrapper from './internal/status-wrapper';
15
15
  import { useAvatarContext } from './use-avatar-context';
16
16
  const packageName = "@atlaskit/avatar";
17
- const packageVersion = "25.11.5";
17
+ const packageVersion = "25.11.7";
18
18
  const containerStyles = null;
19
19
 
20
20
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
package/dist/es2019/status.js CHANGED
@@ -30,6 +30,15 @@ const LockedIndicator = /*#__PURE__*/React.createElement(Fragment, null, /*#__PU
30
30
  fill: "var(--ds-surface-overlay, #FFFFFF)",
31
31
  d: "M4.13074827,1.21766493 L4.10368158,1.21766493 C3.36340745,1.21766493 2.76388015,1.80793503 2.76388015,2.5367787 L2.76388015,3.21632216 L3.44054754,3.21632216 L3.44054754,2.54344089 C3.44054754,2.17901906 3.74031119,1.88388401 4.11044825,1.88388401 L4.1239816,1.88388401 C4.49411866,1.88388401 4.79388232,2.17901906 4.79388232,2.54344089 L4.79388232,3.21632216 L5.47054971,3.21632216 L5.47054971,2.5367787 C5.47054971,1.80793503 4.8710224,1.21766493 4.13074827,1.21766493 M2.76388015,3.21632216 L3.44054754,3.21632216 L3.44054754,3.88254123 L2.76388015,3.88254123 L2.76388015,3.21632216 Z M4.79388232,3.21632216 L5.47054971,3.21632216 L5.47054971,3.88254123 L4.79388232,3.88254123 L4.79388232,3.21632216 Z M4.79401765,3.88254123 L3.44068287,3.88254123 L2.76401548,3.88254123 C2.39049508,3.88254123 2.08734809,4.18100738 2.08734809,4.54876031 L2.08734809,5.54808892 C2.08734809,6.10000287 2.53735205,6.54741753 3.09094491,6.54741753 L5.14375561,6.54741753 C5.69802683,6.54741753 6.14735243,6.10385072 6.14735243,5.54808892 L6.14735243,4.54876031 C6.14735243,4.18100738 5.84420544,3.88254123 5.47068504,3.88254123 L4.79401765,3.88254123 Z"
32
32
  }));
33
+ const WarningIndicator = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("circle", {
34
+ fill: "var(--ds-icon-warning, #E06C00)",
35
+ cx: "4",
36
+ cy: "4",
37
+ r: "4"
38
+ }), /*#__PURE__*/React.createElement("path", {
39
+ fill: "var(--ds-surface-overlay, #FFFFFF)",
40
+ d: "M4,1.33333333 C4.36918944,1.33333333 4.66666667,1.63081056 4.66666667,2 L4.66666667,4 C4.66666667,4.36918944 4.36918944,4.66666667 4,4.66666667 C3.63081056,4.66666667 3.33333333,4.36918944 3.33333333,4 L3.33333333,2 C3.33333333,1.63081056 3.63081056,1.33333333 4,1.33333333 Z M4,5.33333333 C4.36918944,5.33333333 4.66666667,5.63081056 4.66666667,6 C4.66666667,6.36918944 4.36918944,6.66666667 4,6.66666667 C3.63081056,6.66666667 3.33333333,6.36918944 3.33333333,6 C3.33333333,5.63081056 3.63081056,5.33333333 4,5.33333333 Z"
41
+ }));
33
42
  function getStatus(status) {
34
43
  switch (status) {
35
44
  case 'approved':
@@ -38,6 +47,8 @@ function getStatus(status) {
38
47
  return DeclinedIndicator;
39
48
  case 'locked':
40
49
  return LockedIndicator;
50
+ case 'warning':
51
+ return WarningIndicator;
41
52
  }
42
53
  }
43
54
 
package/dist/esm/avatar.js CHANGED
@@ -17,7 +17,7 @@ import PresenceWrapper from './internal/presence-wrapper';
17
17
  import StatusWrapper from './internal/status-wrapper';
18
18
  import { useAvatarContext } from './use-avatar-context';
19
19
  var packageName = "@atlaskit/avatar";
20
- var packageVersion = "25.11.5";
20
+ var packageVersion = "25.11.7";
21
21
  var containerStyles = null;
22
22
 
23
23
  // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
package/dist/esm/status.js CHANGED
@@ -30,6 +30,15 @@ var LockedIndicator = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE
30
30
  fill: "var(--ds-surface-overlay, #FFFFFF)",
31
31
  d: "M4.13074827,1.21766493 L4.10368158,1.21766493 C3.36340745,1.21766493 2.76388015,1.80793503 2.76388015,2.5367787 L2.76388015,3.21632216 L3.44054754,3.21632216 L3.44054754,2.54344089 C3.44054754,2.17901906 3.74031119,1.88388401 4.11044825,1.88388401 L4.1239816,1.88388401 C4.49411866,1.88388401 4.79388232,2.17901906 4.79388232,2.54344089 L4.79388232,3.21632216 L5.47054971,3.21632216 L5.47054971,2.5367787 C5.47054971,1.80793503 4.8710224,1.21766493 4.13074827,1.21766493 M2.76388015,3.21632216 L3.44054754,3.21632216 L3.44054754,3.88254123 L2.76388015,3.88254123 L2.76388015,3.21632216 Z M4.79388232,3.21632216 L5.47054971,3.21632216 L5.47054971,3.88254123 L4.79388232,3.88254123 L4.79388232,3.21632216 Z M4.79401765,3.88254123 L3.44068287,3.88254123 L2.76401548,3.88254123 C2.39049508,3.88254123 2.08734809,4.18100738 2.08734809,4.54876031 L2.08734809,5.54808892 C2.08734809,6.10000287 2.53735205,6.54741753 3.09094491,6.54741753 L5.14375561,6.54741753 C5.69802683,6.54741753 6.14735243,6.10385072 6.14735243,5.54808892 L6.14735243,4.54876031 C6.14735243,4.18100738 5.84420544,3.88254123 5.47068504,3.88254123 L4.79401765,3.88254123 Z"
32
32
  }));
33
+ var WarningIndicator = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("circle", {
34
+ fill: "var(--ds-icon-warning, #E06C00)",
35
+ cx: "4",
36
+ cy: "4",
37
+ r: "4"
38
+ }), /*#__PURE__*/React.createElement("path", {
39
+ fill: "var(--ds-surface-overlay, #FFFFFF)",
40
+ d: "M4,1.33333333 C4.36918944,1.33333333 4.66666667,1.63081056 4.66666667,2 L4.66666667,4 C4.66666667,4.36918944 4.36918944,4.66666667 4,4.66666667 C3.63081056,4.66666667 3.33333333,4.36918944 3.33333333,4 L3.33333333,2 C3.33333333,1.63081056 3.63081056,1.33333333 4,1.33333333 Z M4,5.33333333 C4.36918944,5.33333333 4.66666667,5.63081056 4.66666667,6 C4.66666667,6.36918944 4.36918944,6.66666667 4,6.66666667 C3.63081056,6.66666667 3.33333333,6.36918944 3.33333333,6 C3.33333333,5.63081056 3.63081056,5.33333333 4,5.33333333 Z"
41
+ }));
33
42
  function getStatus(status) {
34
43
  switch (status) {
35
44
  case 'approved':
@@ -38,6 +47,8 @@ function getStatus(status) {
38
47
  return DeclinedIndicator;
39
48
  case 'locked':
40
49
  return LockedIndicator;
50
+ case 'warning':
51
+ return WarningIndicator;
41
52
  }
42
53
  }
43
54
 
package/dist/types/types.d.ts CHANGED
@@ -4,5 +4,5 @@ export type AppearanceType = 'circle' | 'square' | 'hexagon';
4
4
  export type SizeType = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
5
5
  export type IndicatorSizeType = 'small' | 'medium' | 'large' | 'xlarge';
6
6
  export type AvatarClickEventHandler = (event: React.MouseEvent, analyticsEvent?: UIAnalyticsEvent) => void;
7
- export type Status = 'approved' | 'declined' | 'locked';
7
+ export type Status = 'approved' | 'declined' | 'locked' | 'warning';
8
8
  export type Presence = 'online' | 'busy' | 'focus' | 'offline';
package/dist/types-ts4.5/types.d.ts CHANGED
@@ -4,5 +4,5 @@ export type AppearanceType = 'circle' | 'square' | 'hexagon';
4
4
  export type SizeType = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
5
5
  export type IndicatorSizeType = 'small' | 'medium' | 'large' | 'xlarge';
6
6
  export type AvatarClickEventHandler = (event: React.MouseEvent, analyticsEvent?: UIAnalyticsEvent) => void;
7
- export type Status = 'approved' | 'declined' | 'locked';
7
+ export type Status = 'approved' | 'declined' | 'locked' | 'warning';
8
8
  export type Presence = 'online' | 'busy' | 'focus' | 'offline';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar",
3
- "version": "25.11.6",
3
+ "version": "25.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/"
@@ -42,10 +42,10 @@
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.0.0",
45
+ "@atlaskit/icon": "^34.2.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/primitives": "^18.1.0",
48
- "@atlaskit/tokens": "^12.0.0",
47
+ "@atlaskit/primitives": "^19.0.0",
48
+ "@atlaskit/tokens": "^13.0.0",
49
49
  "@babel/runtime": "^7.0.0",
50
50
  "@compiled/react": "^0.20.0"
51
51
  },
@@ -58,7 +58,7 @@
58
58
  "@af/visual-regression": "workspace:^",
59
59
  "@atlaskit/button": "^23.11.0",
60
60
  "@atlaskit/code": "^17.4.0",
61
- "@atlaskit/docs": "^11.7.0",
61
+ "@atlaskit/docs": "^11.8.0",
62
62
  "@atlaskit/form": "^15.5.0",
63
63
  "@atlaskit/heading": "^5.4.0",
64
64
  "@atlaskit/link": "^3.4.0",