From 9996217dd102461ca62473cbcfc0bdd253c771c4 Mon Sep 17 00:00:00 2001
From: Tal Koren <talko@monday.com>
Date: Sun, 4 Feb 2024 18:17:52 +0200
Subject: [PATCH] feat: use new layers

---
 src/components/Dialog/DialogContent/DialogContent.module.scss | 1 +
 src/components/Modal/Modal.module.scss                        | 3 ++-
 src/components/Tipseen/Tipseen.module.scss                    | 4 ++++
 src/components/Tipseen/Tipseen.tsx                            | 1 +
 src/components/Tooltip/Tooltip.module.scss                    | 4 +++-
 5 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Dialog/DialogContent/DialogContent.module.scss b/src/components/Dialog/DialogContent/DialogContent.module.scss
index 2d7be3db69..84823490e0 100644
--- a/src/components/Dialog/DialogContent/DialogContent.module.scss
+++ b/src/components/Dialog/DialogContent/DialogContent.module.scss
@@ -1,6 +1,7 @@
 @import "~monday-ui-style/dist/mixins";
 
 .contentWrapper {
+  z-index: var(--layer-popover);
   outline: 0;
 
   &.top,
diff --git a/src/components/Modal/Modal.module.scss b/src/components/Modal/Modal.module.scss
index 9fa16acbc1..d2f0c6c105 100644
--- a/src/components/Modal/Modal.module.scss
+++ b/src/components/Modal/Modal.module.scss
@@ -5,7 +5,8 @@
 }
 
 .container {
-  --monday-modal-z-index: 10000;
+  --monday-modal-z-index: var(--layer-modal);
+  // TODO: use --modal-layer in next major
   z-index: var(--monday-modal-z-index);
   display: flex;
   justify-content: center;
diff --git a/src/components/Tipseen/Tipseen.module.scss b/src/components/Tipseen/Tipseen.module.scss
index edcdc4a022..38c6f02f6c 100644
--- a/src/components/Tipseen/Tipseen.module.scss
+++ b/src/components/Tipseen/Tipseen.module.scss
@@ -1,5 +1,9 @@
 @import "../../styles/typography";
 
+.tipseenDialog {
+  z-index: var(--layer-popover);
+}
+
 .tipseenWrapper {
   min-width: 100px;
   min-height: 40px;
diff --git a/src/components/Tipseen/Tipseen.tsx b/src/components/Tipseen/Tipseen.tsx
index 4cbc457047..c80a416c7c 100644
--- a/src/components/Tipseen/Tipseen.tsx
+++ b/src/components/Tipseen/Tipseen.tsx
@@ -176,6 +176,7 @@ const Tipseen: VibeComponent<TipseenProps> & {
           modifiers={modifiers}
           open={defaultDelayOpen ? delayedOpen : undefined}
           forceRenderWithoutChildren={floating}
+          dialogClassName={styles.tipseenDialog}
         >
           {children}
         </Tooltip>
diff --git a/src/components/Tooltip/Tooltip.module.scss b/src/components/Tooltip/Tooltip.module.scss
index 772d6fbe44..1421337ea0 100644
--- a/src/components/Tooltip/Tooltip.module.scss
+++ b/src/components/Tooltip/Tooltip.module.scss
@@ -1,6 +1,8 @@
 @import "../../styles/typography";
 
-$tooltip-z-index: 9999999999999999;
+.tooltipDialog {
+  z-index: var(--layer-tooltip);
+}
 
 .tooltip {
   position: relative;