Merge pull request #14 from gsoft-inc/feature/OR-175

Feature/OR-175 - Rebrand Tooltip
gsoft-inc · Oct 17, 2023 · 9b5ac8e · 9b5ac8e
2 parents c58891b + dd2d0f7
commit 9b5ac8e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/packages/components/src/tooltip/src/Tooltip.css b/packages/components/src/tooltip/src/Tooltip.css
@@ -1,22 +1,22 @@
 .o-ui-tooltip {
-    background-color: var(--o-ui-bg-alias-surface);
-    border-radius: var(--o-ui-br-3);
-    box-shadow: var(--o-ui-bs-alias-floating);
-    padding: var(--o-ui-sp-3);
-    max-width: var(--o-ui-sz-16);
+    background-color: var(--hop-neutral-surface-active);
+    border-radius: var(--hop-shape-rounded-md);
+    color: var(--hop-neutral-text-strong);
+    padding: var(--hop-space-inset-squish-md);
+    max-width: 20rem;
     white-space: pre-wrap;
     overflow-wrap: break-word;
 }
 
 /* We need a .o-ui-tooltip-content class */
 /* LEFT ICON */
 .o-ui-tooltip .o-ui-icon {
-    margin-right: var(--o-ui-sp-1);
+    margin-right: var(--hop-space-inline-xs);
 }
 
 /* RIGHT ICON */
 .o-ui-tooltip .o-ui-text + .o-ui-icon {
-    margin-left: var(--o-ui-sp-1);
+    margin-left: var(--hop-space-inline-xs);
 }
 
 /* DISABLED WRAPPER */

diff --git a/packages/components/src/tooltip/src/Tooltip.tsx b/packages/components/src/tooltip/src/Tooltip.tsx
@@ -26,7 +26,8 @@ export function InnerTooltip({
                     as,
                     className: "o-ui-tooltip",
                     ref: forwardedRef,
-                    role: "tooltip"
+                    role: "tooltip",
+                    size: "xs" as const
                 }
             )}
         >