AAE-3936 Tooltip card directive (#6330)

* AAE-3936 Tooltip card directive

* AAE-3936 Fix styles

lib/core/directives/tooltip-card/tooltip-card.component.scss

@@ -0,0 +1,39 @@
+@import '~@angular/material/theming';
+
+@mixin adf-tooltip-card-directive($theme) {
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $foreground: map-get($theme, foreground);
+    $background: map-get($theme, background);
+
+    :host {
+        display: block;
+    }
+
+    div.adf-tooltip-card {
+        @include mat-elevation(8);
+        background-color: mat-color($background, card);
+        border: 1px solid mat-color($primary);
+        padding: 12px;
+        border-radius: 6px;
+
+        p {
+            font-size: mat-font-size($alfresco-typography, caption);
+            color: mat-color($foreground, text, 0.75);
+            margin: 0;
+        }
+
+        hr {
+            border: 1px solid mat-color($primary);
+            margin: 6px 0;
+        }
+
+        img {
+            border-radius: 6px;
+        }
+    }
+
+    ::ng-deep .cdk-overlay-connected-position-bounding-box {
+        margin-top: 10px !important;
+    }
+}