feat: add role prop

Author: dmbln34

src/components/Tooltip/Tooltip.tsx

@@ -61,6 +61,7 @@ const Tooltip = ({
   border,
   opacity,
   arrowColor,
+  role = 'tooltip',
 }: ITooltip) => {
   const tooltipRef = useRef<HTMLElement>(null)
   const tooltipArrowRef = useRef<HTMLElement>(null)
@@ -788,7 +789,7 @@ const Tooltip = ({
   return rendered && !hidden && actualContent ? (
     <WrapperElement
       id={id}
-      role="tooltip"
+      role={role}
       className={classNames(
         'react-tooltip',
         coreStyles['tooltip'],

src/components/Tooltip/TooltipTypes.d.ts

@@ -153,4 +153,5 @@ export interface ITooltip {
   border?: CSSProperties['border']
   opacity?: CSSProperties['opacity']
   arrowColor?: CSSProperties['backgroundColor']
+  role?: 'tooltip' | 'dialog'
 }

src/components/TooltipController/TooltipController.tsx

@@ -59,6 +59,7 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
       setIsOpen,
       afterShow,
       afterHide,
+      role,
     }: ITooltipController,
     ref,
   ) => {
@@ -356,6 +357,7 @@ const TooltipController = React.forwardRef<TooltipRefProps, ITooltipController>(
       afterHide,
       activeAnchor,
       setActiveAnchor: (anchor: HTMLElement | null) => setActiveAnchor(anchor),
+      role,
     }
 
     return <Tooltip {...props} />

src/components/TooltipController/TooltipControllerTypes.d.ts

@@ -93,6 +93,7 @@ export interface ITooltipController {
   setIsOpen?: (value: boolean) => void
   afterShow?: () => void
   afterHide?: () => void
+  role?: 'tooltip' | 'dialog'
 }
 
 declare module 'react' {