changes to tooltip guidelines

packages/v4/patternfly-docs/content/design-guidelines/components/tooltip/tooltip.md

@@ -9,15 +9,19 @@ For information on other forms of on-screen help, see [popover](/components/popo
 Use tooltips to:
 - Provide labels for unlabeled icons.   
 
-<img src="./img/tooltip-kebab-icon.png" alt="kebab icon with a “More options” tooltip label" width="1500"/>  
+  <img src="./img/tooltip-on-unlabeled-icons.png" alt="table with tooltip on an unlabeled kebab icon to provide more information" width="1489"/>  
 
 - Provide additional information on a data point or element in a chart or table.   
 
-<img src="./img/bar-chart.png" alt='bar chart with a tooltip for Asia Pacific' width='612'/> 
+  <img src="./img/tooltip-on-bar-chart.png" alt='bar chart with a tooltip on data point to describe it as Asia Pacific' width='612'/> 
 
 - Define new or unfamiliar UI elements that aren’t described directly in the user interface. For example, you can use a tooltip on a disabled button.
 
-<img src="./img/tooltip-disabled-button.png" alt= 'disabled edit button with a tooltip about access' width='1500'/>
+  <img src="./img/tooltip-on-disabled-button.png" alt= 'table with tooltip on a disabled edit button to provide more information regarding access' width='1500'/>
+
+- Provide additional information on text or labels on hover. A way for users to see more information before clicking the element and being directed to a new page or producing an action on the page.
+
+  <img src="./img/tooltip-on-hyperlink.png" alt= 'table with tooltip on clickable text to provide more information' width='1489'/>
 
 ### Tooltip delay on hover
 By default, tooltips have a 300ms entry delay when hovering over an object. Although this is the recommended delay time, you may customize it via prop. For example, if you have a tooltip on an icon, and you would like for it to appear immediately on hover, you may set the delay to 0 ms.