qpp-style 9.34.7-beta.0 → 9.35.0

package/components/Footer/FooterUI.jsx

@@ -98,7 +98,6 @@ const FooterUI = () => (
                 1-866-288-8292 (TRS: 711)
                 <span className="footer-trs-infotip">
                   <InfoTip
-                    aria-labelledby="footer-trs-infotip"
                     ariaLabel="TRS Communications Assistant Information"
                     label={infoTipLabel}
                   />

package/components/Infotip/Infotip.jsx

@@ -37,7 +37,7 @@ const touchHandlers = {
  * Tooltip with styled information icon
  */
 const Infotip = ({ ariaLabel, label, lightIcon, ...props }) => (
-  <InfotipContent label={label} id="info-tip" {...props}>
+  <InfotipContent label={label} {...props}>
     <button
       type="button"
       aria-label={ariaLabel}

package/components/Infotip/InfotipContent.jsx

@@ -10,7 +10,7 @@ import {
 const TEXT_COLOR = "#FFF";
 const BACKGROUND_COLOR = "#333";
 
-const InfotipContent = ({ children, label, id }) => {
+const InfotipContent = ({ children, label }) => {
   const tooltip = useTooltipState();
 
   const cssStyles = {
@@ -27,7 +27,6 @@ const InfotipContent = ({ children, label, id }) => {
         {children}
       </TooltipAnchor>
       <TooltipAriaKit
-        aria-labelledby={id}
         state={tooltip}
         className="tooltip-content"
         style={cssStyles}
@@ -42,7 +41,6 @@ const InfotipContent = ({ children, label, id }) => {
 InfotipContent.propTypes = {
   children: PropTypes.node.isRequired,
   label: PropTypes.node.isRequired,
-  id: PropTypes.node.isRequired,
 };
 
 export default InfotipContent;

package/components/SideNav/Links/NavLinkDrawer.jsx

@@ -193,6 +193,7 @@ const NavLinkDrawer = ({
                   link.label ? link.label.split(" ").join("") : ""
                 }`}
                 data-track-label={link.label}
+                data-cy={link.label}
                 target="_self"
               >
                 {link.label}