@mantine/core 9.0.2 → 9.1.0

package/styles.layer.css

@@ -7972,6 +7972,8 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
 
 .m_f698e191 {
   --level-offset: var(--mantine-spacing-lg);
+  --tree-line-width: calc(0.0625rem * var(--mantine-scale));
+  --tree-line-color: var(--mantine-color-default-border);
   margin: 0;
   padding: 0;
   user-select: none;
@@ -7996,6 +7998,7 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     }
 
 .m_dc283425 {
+  position: relative;
   padding-inline-start: var(--label-offset);
 }
 
@@ -8007,6 +8010,69 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
       background-color: var(--mantine-color-dark-5);
 }
 
+.m_dc283425:where([data-dragging]) {
+    opacity: 0.4;
+  }
+
+.m_dc283425:where([data-drag-over='before'])::before {
+    content: '';
+    position: absolute;
+    top: calc(-0.0625rem * var(--mantine-scale));
+    inset-inline-start: var(--label-offset, 0);
+    inset-inline-end: 0;
+    height: calc(0.125rem * var(--mantine-scale));
+    background-color: var(--mantine-primary-color-filled);
+    pointer-events: none;
+    z-index: 1;
+  }
+
+.m_dc283425:where([data-drag-over='after'])::after {
+    content: '';
+    position: absolute;
+    bottom: calc(-0.0625rem * var(--mantine-scale));
+    inset-inline-start: var(--label-offset, 0);
+    inset-inline-end: 0;
+    height: calc(0.125rem * var(--mantine-scale));
+    background-color: var(--mantine-primary-color-filled);
+    pointer-events: none;
+    z-index: 1;
+  }
+
+.m_dc283425:where([data-drag-over='inside']) {
+    background-color: var(--mantine-primary-color-light);
+  }
+
+:where([data-with-lines]) .m_f6970eb1 {
+    position: relative;
+  }
+
+:where([data-with-lines]) .m_75f3ecf > .m_f6970eb1::before {
+      content: '';
+      position: absolute;
+      top: calc(0.75rem * var(--mantine-scale));
+      inset-inline-start: calc(var(--label-offset) - var(--level-offset) / 2);
+      width: calc(var(--level-offset) / 2);
+      height: 0;
+      border-top: var(--tree-line-width) solid var(--tree-line-color);
+      pointer-events: none;
+    }
+
+:where([data-with-lines]) .m_75f3ecf > .m_f6970eb1::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      inset-inline-start: calc(var(--label-offset) - var(--level-offset) / 2);
+      width: 0;
+      border-inline-start: var(--tree-line-width) solid var(--tree-line-color);
+      pointer-events: none;
+    }
+
+:where([data-with-lines]) .m_75f3ecf > .m_f6970eb1:last-child::after {
+      bottom: auto;
+      height: calc(0.75rem * var(--mantine-scale));
+    }
+
 .m_d08caa0 :first-child {
     margin-top: 0;
   }