fix(tooltipIcon): show text on hover (#1083)

* fix(tooltipIcon): show text on hover

* test(TooltipIcon): update snapshot

Author: tw15egan

src/components/TooltipIcon/TooltipIcon.js

@@ -20,7 +20,7 @@ const TooltipIcon = ({
   });
   return (
     <div {...rest} className={tooltipClassName}>
-      <button className={triggerClassName} title={tooltipText}>
+      <button className={triggerClassName} aria-label={tooltipText}>
         {children}
       </button>
     </div>

src/components/TooltipIcon/__snapshots__/TooltipIcon-test.js.snap

@@ -10,8 +10,8 @@ exports[`TooltipIcon should allow the user to specify the direction 1`] = `
     className="custom-class bx--tooltip-icon"
   >
     <button
+      aria-label="tooltip text"
       className="bx--tooltip__trigger bx--tooltip--icon__top"
-      title="tooltip text"
     >
       <svg />
     </button>
@@ -29,8 +29,8 @@ exports[`TooltipIcon should render 1`] = `
     className="custom-class bx--tooltip-icon"
   >
     <button
+      aria-label="tooltip text"
       className="bx--tooltip__trigger bx--tooltip--icon__bottom"
-      title="tooltip text"
     >
       <svg />
     </button>