refactor: Tooltip types and add TooltipGroup docs

Author: mertsincan

apps/showcase/assets/apidoc/index.json

@@ -65,7 +65,8 @@
                         },
                         {
                             "name": "ColorPicker",
-                            "to": "/docs/components/colorpicker"
+                            "to": "/docs/components/colorpicker",
+                            "badge": "New"
                         },
                         {
                             "name": "InputText",
@@ -160,7 +161,8 @@
                         },
                         {
                             "name": "OrgChart",
-                            "to": "/docs/components/orgchart"
+                            "to": "/docs/components/orgchart",
+                            "badge": "New"
                         },
                         {
                             "name": "Paginator",
@@ -278,13 +280,11 @@
                         },
                         {
                             "name": "Carousel",
-                            "to": "/docs/components/carousel",
-                            "badge": "New"
+                            "to": "/docs/components/carousel"
                         },
                         {
                             "name": "Gallery",
-                            "to": "/docs/components/gallery",
-                            "badge": "New"
+                            "to": "/docs/components/gallery"
                         }
                     ]
                 },

apps/showcase/assets/menu/menu.json

@@ -20,6 +20,27 @@ const css = /*css*/ `
     overflow: hidden;
     padding-right: dt('scrollbar.width');
 }
+
+/* For PrimeReact Motion */
+.p-toggleable-content-enter-from,
+.p-toggleable-content-leave-to {
+    max-height: 0;
+}
+
+.p-toggleable-content-enter-to,
+.p-toggleable-content-leave-from {
+    max-height: var(--pui-motion-height, 1000px);
+}
+
+.p-toggleable-content-leave-active {
+    overflow: hidden;
+    transition: max-height 200ms ease-out;
+}
+
+.p-toggleable-content-enter-active {
+    overflow: hidden;
+    transition: max-height 200ms ease-out;
+}
 `;
 
 export const styles = {

packages/styles/src/base/Base.style.ts

@@ -4,7 +4,7 @@
  *
  * [Live Demo](https://www.primereact.org/tooltip/)
  *
- * @module tooltip
+ * @module tooltipgroup
  * @group components
  *
  */