fix(forms): prevent validationLabel warning on Message when validation is undefined (#1547)

Author: jzempel

packages/forms/.size-snapshot.json

@@ -1,20 +1,20 @@
 {
   "index.cjs.js": {
-    "bundled": 133980,
-    "minified": 95963,
-    "gzipped": 16785
+    "bundled": 134006,
+    "minified": 95974,
+    "gzipped": 16787
   },
   "index.esm.js": {
-    "bundled": 125526,
-    "minified": 87781,
-    "gzipped": 16387,
+    "bundled": 125552,
+    "minified": 87792,
+    "gzipped": 16389,
     "treeshaked": {
       "rollup": {
-        "code": 70854,
+        "code": 70865,
         "import_statements": 790
       },
       "webpack": {
-        "code": 76199
+        "code": 76210
       }
     }
   }

packages/forms/package.json

@@ -30,7 +30,7 @@
     "react-merge-refs": "^1.1.0"
   },
   "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/forms/src/elements/common/Message.tsx

@@ -58,7 +58,13 @@ export const Message = React.forwardRef<HTMLDivElement, IMessageProps>(
       combinedProps = getMessageProps(combinedProps);
     }
 
-    const ariaLabel = useText(Message, combinedProps, 'validationLabel', validation as string);
+    const ariaLabel = useText(
+      Message,
+      combinedProps,
+      'validationLabel',
+      validation as string,
+      validation !== undefined
+    );
 
     return (
       <MessageComponent ref={ref} {...combinedProps}>