@atlaskit/avatar - npm Package Compare versions

Comparing version 21.4.6 to 21.5.0

dist/cjs/Avatar.js

@@ -26,3 +26,3 @@ "use strict";
 var packageName = "@atlaskit/avatar";
-var packageVersion = "21.4.6";
+var packageVersion = "21.5.0";
 
@@ -46,2 +46,4 @@ // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 /**
+ * __Avatar__
+ *
  * An avatar is a visual representation of a user or entity.
@@ -51,3 +53,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage).
+ * - [Usage](https://atlassian.design/components/avatar/usage)
  */
@@ -196,2 +198,3 @@ var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   }, customStatusNode), containerShouldBeImage ? (0, _react2.jsx)("span", {
+    "data-testid": testId && "".concat(testId, "--label"),
     id: "".concat(uuid, "-label"),
@@ -198,0 +201,0 @@ hidden: true

dist/cjs/Presence.js

@@ -57,2 +57,4 @@ "use strict";
 /**
+ * __Avatar presence__
+ *
  * A presence shows an avatar’s availability.
@@ -62,3 +64,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/avatar-presence/code)
- * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage).
+ * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage)
  */
@@ -81,2 +83,4 @@ var AvatarPresence = function AvatarPresence(_ref) {
 /**
+ * __Presence wrapper__
+ *
  * A presence wrapper is used internally to position presence ontop of the avatar.
@@ -83,0 +87,0 @@ */

dist/cjs/Status.js

@@ -56,6 +56,8 @@ "use strict";
 /**
+ * __Avatar status__
+ *
  * An avatar status shows contextual information, such as if someone approves or declines something.
  *
  * - [Examples](https://atlassian.design/components/avatar/avatar-status/examples)
- * - [Code](https://atlassian.design/components/avatar/avatar-status/code).
+ * - [Code](https://atlassian.design/components/avatar/avatar-status/code)
  */
@@ -78,2 +80,4 @@ var AvatarStatus = function AvatarStatus(_ref) {
 /**
+ * __Status wrapper__
+ *
  * A status wrapper is used internally to position status on top of the avatar.
@@ -80,0 +84,0 @@ */

dist/es2019/Avatar.js

@@ -14,3 +14,3 @@ /** @jsx jsx */
 const packageName = "@atlaskit/avatar";
-const packageVersion = "21.4.6";
+const packageVersion = "21.5.0";
 
@@ -121,2 +121,4 @@ // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 /**
+ * __Avatar__
+ *
  * An avatar is a visual representation of a user or entity.
@@ -126,3 +128,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage).
+ * - [Usage](https://atlassian.design/components/avatar/usage)
  */
@@ -275,2 +277,3 @@ const Avatar = /*#__PURE__*/forwardRef(({
   }, customStatusNode), containerShouldBeImage ? jsx("span", {
+    "data-testid": testId && `${testId}--label`,
     id: `${uuid}-label`,
@@ -277,0 +280,0 @@ hidden: true

dist/es2019/Presence.js

@@ -46,2 +46,4 @@ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 /**
+ * __Avatar presence__
+ *
  * A presence shows an avatar’s availability.
@@ -51,3 +53,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/avatar-presence/code)
- * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage).
+ * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage)
  */
@@ -69,2 +71,4 @@ const AvatarPresence = ({
 /**
+ * __Presence wrapper__
+ *
  * A presence wrapper is used internally to position presence ontop of the avatar.
@@ -71,0 +75,0 @@ */

dist/es2019/Status.js

@@ -45,6 +45,8 @@ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 /**
+ * __Avatar status__
+ *
  * An avatar status shows contextual information, such as if someone approves or declines something.
  *
  * - [Examples](https://atlassian.design/components/avatar/avatar-status/examples)
- * - [Code](https://atlassian.design/components/avatar/avatar-status/code).
+ * - [Code](https://atlassian.design/components/avatar/avatar-status/code)
  */
@@ -66,2 +68,4 @@ const AvatarStatus = ({
 /**
+ * __Status wrapper__
+ *
  * A status wrapper is used internally to position status on top of the avatar.
@@ -68,0 +72,0 @@ */

dist/esm/Avatar.js

@@ -19,3 +19,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var packageName = "@atlaskit/avatar";
-var packageVersion = "21.4.6";
+var packageVersion = "21.5.0";
 
@@ -39,2 +39,4 @@ // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 /**
+ * __Avatar__
+ *
  * An avatar is a visual representation of a user or entity.
@@ -44,3 +46,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage).
+ * - [Usage](https://atlassian.design/components/avatar/usage)
  */
@@ -189,2 +191,3 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }, customStatusNode), containerShouldBeImage ? jsx("span", {
+    "data-testid": testId && "".concat(testId, "--label"),
     id: "".concat(uuid, "-label"),
@@ -191,0 +194,0 @@ hidden: true

dist/esm/Presence.js

@@ -46,2 +46,4 @@ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 /**
+ * __Avatar presence__
+ *
  * A presence shows an avatar’s availability.
@@ -51,3 +53,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/avatar-presence/code)
- * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage).
+ * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage)
  */
@@ -70,2 +72,4 @@ var AvatarPresence = function AvatarPresence(_ref) {
 /**
+ * __Presence wrapper__
+ *
  * A presence wrapper is used internally to position presence ontop of the avatar.
@@ -72,0 +76,0 @@ */

dist/esm/Status.js

@@ -45,6 +45,8 @@ // eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 /**
+ * __Avatar status__
+ *
  * An avatar status shows contextual information, such as if someone approves or declines something.
  *
  * - [Examples](https://atlassian.design/components/avatar/avatar-status/examples)
- * - [Code](https://atlassian.design/components/avatar/avatar-status/code).
+ * - [Code](https://atlassian.design/components/avatar/avatar-status/code)
  */
@@ -67,2 +69,4 @@ var AvatarStatus = function AvatarStatus(_ref) {
 /**
+ * __Status wrapper__
+ *
  * A status wrapper is used internally to position status on top of the avatar.
@@ -69,0 +73,0 @@ */

dist/types-ts4.5/Avatar.d.ts

@@ -101,2 +101,4 @@ /** @jsx jsx */
 /**
+ * __Avatar__
+ *
  * An avatar is a visual representation of a user or entity.
@@ -106,5 +108,5 @@ *
  * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage).
+ * - [Usage](https://atlassian.design/components/avatar/usage)
  */
 declare const Avatar: import("react").ForwardRefExoticComponent<AvatarPropTypes & import("react").RefAttributes<HTMLElement>>;
 export default Avatar;

dist/types-ts4.5/Presence.d.ts

@@ -20,2 +20,4 @@ import { FC, ReactNode } from 'react';
 /**
+ * __Avatar presence__
+ *
  * A presence shows an avatar’s availability.
@@ -25,3 +27,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/avatar-presence/code)
- * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage).
+ * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage)
  */
@@ -36,4 +38,6 @@ declare const AvatarPresence: FC<PresenceProps>;
 /**
+ * __Presence wrapper__
+ *
  * A presence wrapper is used internally to position presence ontop of the avatar.
  */
 export declare const PresenceWrapper: FC<PresenceWrapperProps>;

dist/types-ts4.5/Status.d.ts

@@ -20,6 +20,8 @@ import { FC, ReactNode } from 'react';
 /**
+ * __Avatar status__
+ *
  * An avatar status shows contextual information, such as if someone approves or declines something.
  *
  * - [Examples](https://atlassian.design/components/avatar/avatar-status/examples)
- * - [Code](https://atlassian.design/components/avatar/avatar-status/code).
+ * - [Code](https://atlassian.design/components/avatar/avatar-status/code)
  */
@@ -34,4 +36,6 @@ declare const AvatarStatus: FC<StatusProps>;
 /**
+ * __Status wrapper__
+ *
  * A status wrapper is used internally to position status on top of the avatar.
  */
 export declare const StatusWrapper: FC<StatusWrapperProps>;

dist/types/Avatar.d.ts

@@ -101,2 +101,4 @@ /** @jsx jsx */
 /**
+ * __Avatar__
+ *
  * An avatar is a visual representation of a user or entity.
@@ -106,5 +108,5 @@ *
  * - [Code](https://atlassian.design/components/avatar/code)
- * - [Usage](https://atlassian.design/components/avatar/usage).
+ * - [Usage](https://atlassian.design/components/avatar/usage)
  */
 declare const Avatar: import("react").ForwardRefExoticComponent<AvatarPropTypes & import("react").RefAttributes<HTMLElement>>;
 export default Avatar;

dist/types/Presence.d.ts

@@ -20,2 +20,4 @@ import { FC, ReactNode } from 'react';
 /**
+ * __Avatar presence__
+ *
  * A presence shows an avatar’s availability.
@@ -25,3 +27,3 @@ *
  * - [Code](https://atlassian.design/components/avatar/avatar-presence/code)
- * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage).
+ * - [Usage](https://atlassian.design/components/avatar/avatar-presence/usage)
  */
@@ -36,4 +38,6 @@ declare const AvatarPresence: FC<PresenceProps>;
 /**
+ * __Presence wrapper__
+ *
  * A presence wrapper is used internally to position presence ontop of the avatar.
  */
 export declare const PresenceWrapper: FC<PresenceWrapperProps>;

dist/types/Status.d.ts

@@ -20,6 +20,8 @@ import { FC, ReactNode } from 'react';
 /**
+ * __Avatar status__
+ *
  * An avatar status shows contextual information, such as if someone approves or declines something.
  *
  * - [Examples](https://atlassian.design/components/avatar/avatar-status/examples)
- * - [Code](https://atlassian.design/components/avatar/avatar-status/code).
+ * - [Code](https://atlassian.design/components/avatar/avatar-status/code)
  */
@@ -34,4 +36,6 @@ declare const AvatarStatus: FC<StatusProps>;
 /**
+ * __Status wrapper__
+ *
  * A status wrapper is used internally to position status on top of the avatar.
  */
 export declare const StatusWrapper: FC<StatusWrapperProps>;

package.json

 {
   "name": "@atlaskit/avatar",
-  "version": "21.4.6",
+  "version": "21.5.0",
   "description": "An avatar is a visual representation of a user or entity.",
@@ -46,6 +46,6 @@ "publishConfig": {
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@babel/runtime": "^7.0.0",
@@ -52,0 +52,0 @@ "@emotion/react": "^11.7.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

242937

increased by0.53%

Lines of code

4318

increased by1.24%

Dependency changes

• Updated@atlaskit/analytics-next@^9.2.0

• Updated@atlaskit/tokens@^1.38.0