fix(avatars): suppress statusLabel's useText warning when there is no configured status (#1540)

Author: geotrev

packages/avatars/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 21575,
-    "minified": 15751,
-    "gzipped": 4068
+    "bundled": 21646,
+    "minified": 15766,
+    "gzipped": 4079
   },
   "index.esm.js": {
-    "bundled": 19857,
-    "minified": 14240,
-    "gzipped": 3849,
+    "bundled": 19928,
+    "minified": 14251,
+    "gzipped": 3855,
     "treeshaked": {
       "rollup": {
-        "code": 11621,
+        "code": 11632,
         "import_statements": 341
       },
       "webpack": {
-        "code": 12463
+        "code": 12478
       }
     }
   }

packages/avatars/package.json

@@ -25,7 +25,7 @@
     "prop-types": "^15.5.7"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.1.0",
+    "@zendeskgarden/react-theming": "^8.65.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "styled-components": "^4.2.0 || ^5.0.0"

packages/avatars/src/elements/Avatar.tsx

@@ -57,7 +57,14 @@ const AvatarComponent = forwardRef<HTMLElement, IAvatarProps>(
       return ['status'].concat(statusMessage || []).join(': ');
     }, [computedStatus, badge]);
 
-    const statusLabel = useText(AvatarComponent, props, 'statusLabel', defaultStatusLabel);
+    const shouldValidate = computedStatus !== undefined;
+    const statusLabel = useText(
+      AvatarComponent,
+      props,
+      'statusLabel',
+      defaultStatusLabel,
+      shouldValidate
+    );
 
     return (
       <StyledAvatar