Add hrefLang attribute to Link (#5894)

Co-authored-by: Yihui Liao <44729383+yihuiliao@users.noreply.github.com>

Author: ryo-manba

packages/@react-aria/utils/src/filterDOMProps.ts

@@ -26,6 +26,7 @@ const labelablePropNames = new Set([
 // See LinkDOMProps in dom.d.ts.
 const linkPropNames = new Set([
   'href',
+  'hrefLang',
   'target',
   'rel',
   'download',

packages/@react-types/shared/src/dom.d.ts

@@ -173,6 +173,8 @@ export interface TextInputDOMProps extends DOMProps, InputDOMProps, TextInputDOM
 export interface LinkDOMProps {
   /** A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href). */
   href?: string,
+  /** Hints at the human language of the linked URL. See[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang). */
+  hrefLang?: string,
   /** The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target). */
   target?: HTMLAttributeAnchorTarget,
   /** The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel). */

packages/react-aria-components/stories/Link.stories.tsx

@@ -19,7 +19,7 @@ export default {
 
 export const LinkExample = () => {
   return (
-    <Link data-testid="link-example"href="https://www.imdb.com/title/tt6348138/" target="_blank">
+    <Link data-testid="link-example" href="https://www.imdb.com/title/tt6348138/" hrefLang="en"  target="_blank">
       The missing link
     </Link>
   );