From c96e6a073223839ee52ac8b7e917cfcb406e2ed7 Mon Sep 17 00:00:00 2001
From: Rushi Vishavadia <rushi@xola.com>
Date: Mon, 23 Dec 2024 12:09:13 +0530
Subject: [PATCH] Add tippy animation css into UI Kit itself

---
 src/components/Tooltip.jsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/Tooltip.jsx b/src/components/Tooltip.jsx
index 5ae1108a4..004d6fe69 100644
--- a/src/components/Tooltip.jsx
+++ b/src/components/Tooltip.jsx
@@ -3,6 +3,11 @@ import PropTypes from "prop-types";
 import React from "react";
 import { followCursor } from "tippy.js"; // Dont remove this even if unused. It is required for one prop
 import "tippy.js/dist/tippy.css"; // If we customize the style, the change this and import our own style
+// Do not remove these https://atomiks.github.io/tippyjs/v6/animations/
+import "tippy.js/animations/perspective.css";
+import "tippy.js/animations/scale.css";
+import "tippy.js/animations/shift-away.css";
+import "tippy.js/animations/shift-toward.css";
 
 // TODO: Implement "as='div'"
 export const Tooltip = ({ children, className, content, ...rest }) => {