update infotip aria attributes

Author: LinKCoding

packages/gamut/src/Tip/InfoTip/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useId, useRef, useState } from 'react';
 
 import { FloatingTip } from '../shared/FloatingTip';
 import { InlineTip } from '../shared/InlineTip';
@@ -88,6 +88,8 @@ export const InfoTip: React.FC<InfoTipProps> = ({
 
   const Tip = loaded && isFloating ? FloatingTip : InlineTip;
 
+  const textId = useId();
+
   const tipProps = {
     alignment,
     escapeKeyPressHandler,
@@ -101,6 +103,7 @@ export const InfoTip: React.FC<InfoTipProps> = ({
     <ScreenreaderNavigableText
       aria-hidden={isAriaHidden}
       aria-live="assertive"
+      id={textId}
       screenreader
     >
       {!isTipHidden ? info : `\xa0`}
@@ -109,6 +112,8 @@ export const InfoTip: React.FC<InfoTipProps> = ({
 
   const tip = (
     <InfoTipButton
+      aria-controls={textId}
+      aria-expanded={!isTipHidden}
       active={!isTipHidden}
       emphasis={emphasis}
       onClick={() => clickHandler()}