@mantine/core 7.17.6 → 7.17.8

package/styles.layer.css

@@ -828,8 +828,8 @@ fieldset:disabled .mantine-active:active {
   inset: 0;
   position: absolute;
   background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
-  backdrop-filter: var(--overlay-filter);
   -webkit-backdrop-filter: var(--overlay-filter);
+  backdrop-filter: var(--overlay-filter);
   border-radius: var(--overlay-radius, 0);
   z-index: var(--overlay-z-index);
 }
@@ -1306,7 +1306,7 @@ fieldset:disabled .mantine-active:active {
     z-index: 1001;
   }
 
-[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar][data-state='visible']) .m_b5489c3c {
+[data-offset-scrollbars] .m_fd1ab0aa:has([data-mantine-scrollbar]) .m_b5489c3c {
     padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
   }
 
@@ -2111,10 +2111,9 @@ fieldset:disabled .mantine-active:active {
 
 .m_bc02ba3d {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: calc(50% - 1.5px);
+  inset-block: 0;
+  inset-inline-start: calc(50% - 1.5px);
+  inset-inline-end: 0;
   height: 100%;
   width: calc(0.1875rem * var(--mantine-scale));
   outline: none;
@@ -6302,6 +6301,15 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   --stepper-spacing: var(--mantine-spacing-md);
   --stepper-radius: calc(62.5rem * var(--mantine-scale));
   --stepper-fz: var(--mantine-font-size-md);
+  --stepper-outline-thickness: calc(0.125rem * var(--mantine-scale));
+}
+
+  [data-mantine-color-scheme='light'] .m_cbb4ea7e {
+    --stepper-outline-color: var(--mantine-color-gray-2);
+}
+
+  [data-mantine-color-scheme='dark'] .m_cbb4ea7e {
+    --stepper-outline-color: var(--mantine-color-dark-5);
 }
 
 .m_aaf89d0b {
@@ -6332,43 +6340,17 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   }
 
 .m_2a371ac9 {
-  --separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
-
   transition: background-color 150ms ease;
   flex: 1;
-}
-
-:where([data-mantine-color-scheme='light']) .m_2a371ac9 {
-    background-color: var(--mantine-color-gray-2);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_2a371ac9 {
-    background-color: var(--mantine-color-dark-2);
+  height: var(--stepper-outline-thickness);
+  margin-inline: var(--mantine-spacing-md);
+  background-color: var(--stepper-outline-color);
 }
 
 .m_2a371ac9:where([data-active]) {
     background-color: var(--stepper-color);
   }
 
-.m_2a371ac9:where([data-orientation='horizontal']) {
-    height: calc(0.125rem * var(--mantine-scale));
-    margin-inline: var(--mantine-spacing-md);
-  }
-
-.m_2a371ac9:where([data-orientation='vertical']) {
-    width: calc(0.125rem * var(--mantine-scale));
-    margin-top: calc(var(--mantine-spacing-xs) / 2);
-    margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
-  }
-
-.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
-      margin-inline-start: var(--separator-offset);
-    }
-
-.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
-      margin-inline-end: var(--separator-offset);
-    }
-
 .m_78da155d {
   padding-top: var(--stepper-content-padding);
 }
@@ -6409,10 +6391,14 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     margin-top: 0;
   }
 
-.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
-    display: none;
+.m_833edb7e:where(:last-of-type) {
+    min-height: auto;
   }
 
+.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
+      display: none;
+    }
+
 .m_818e70b {
   position: relative;
 }
@@ -6422,15 +6408,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   inset-inline-start: calc(var(--stepper-icon-size) / 2);
   height: 100vh;
   position: absolute;
-  border-inline-start: calc(0.125rem * var(--mantine-scale)) solid;
-}
-
-:where([data-mantine-color-scheme='light']) .m_6496b3f3 {
-    border-color: var(--mantine-color-gray-1);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_6496b3f3 {
-    border-color: var(--mantine-color-dark-5);
+  border-inline-start: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
 }
 
 .m_6496b3f3:where([data-active]) {
@@ -6452,18 +6430,15 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   transition:
     background-color 150ms ease,
     border-color 150ms ease;
-  border: calc(0.125rem * var(--mantine-scale)) solid;
+  border: var(--stepper-outline-thickness) solid var(--stepper-outline-color);
+  background-color: var(--stepper-outline-color);
 }
 
 :where([data-mantine-color-scheme='light']) .m_1959ad01 {
-    background-color: var(--mantine-color-gray-1);
-    border-color: var(--mantine-color-gray-1);
     color: var(--mantine-color-gray-7);
 }
 
 :where([data-mantine-color-scheme='dark']) .m_1959ad01 {
-    background-color: var(--mantine-color-dark-5);
-    border-color: var(--mantine-color-dark-5);
     color: var(--mantine-color-dark-1);
 }