@mantine/core 7.11.0 → 7.11.2

package/styles/NumberInput.layer.css

@@ -83,7 +83,6 @@
   }
 
 .m_80b4b171:last-of-type {
-    border-top: 1 solid var(--input-bd);
     border-radius: 0;
     border-end-end-radius: var(--control-radius);
   }

package/styles/Popover.css

@@ -6,6 +6,10 @@
   border-radius: var(--popover-radius, var(--mantine-radius-default));
 }
 
+  .m_38a85659:where([data-fixed]) {
+    position: fixed;
+  }
+
   .m_38a85659:focus {
     outline: none;
   }

package/styles/Popover.layer.css

@@ -6,6 +6,10 @@
   border-radius: var(--popover-radius, var(--mantine-radius-default));
 }
 
+  .m_38a85659:where([data-fixed]) {
+    position: fixed;
+  }
+
   .m_38a85659:focus {
     outline: none;
   }

package/styles/Tooltip.css

@@ -23,6 +23,10 @@
     white-space: normal;
   }
 
+  .m_1b3c8819:where([data-fixed]) {
+    position: fixed;
+  }
+
 .m_f898399f {
   background-color: inherit;
   border: 0;

package/styles/Tooltip.layer.css

@@ -23,6 +23,10 @@
     white-space: normal;
   }
 
+  .m_1b3c8819:where([data-fixed]) {
+    position: fixed;
+  }
+
 .m_f898399f {
   background-color: inherit;
   border: 0;

package/styles.css

@@ -797,6 +797,10 @@ body {
   border-radius: var(--popover-radius, var(--mantine-radius-default));
 }
 
+  .m_38a85659:where([data-fixed]) {
+    position: fixed;
+  }
+
   .m_38a85659:focus {
     outline: none;
   }
@@ -1019,11 +1023,11 @@ body {
 }
 
 :where([data-mantine-color-scheme='light']) .m_302b9fb1 {
-    background-color: rgba(255, 255, 255, 0.35);
+    background-color: rgba(255, 255, 255, 0.15);
 }
 
 :where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
-    background-color: rgba(0, 0, 0, 0.35);
+    background-color: rgba(0, 0, 0, 0.15);
 }
 
 .m_1a0f1b21 {
@@ -1202,6 +1206,7 @@ body {
   background-color: var(--mantine-color-body);
   z-index: 1000;
   min-height: calc(3.75rem * var(--mantine-scale));
+  transition: padding-inline-end 100ms;
 }
 
 .m_60c222c7 {
@@ -1218,6 +1223,14 @@ body {
   box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
 }
 
+.m_fd1ab0aa [data-mantine-scrollbar] {
+    z-index: 1001;
+  }
+
+.m_fd1ab0aa:has([data-mantine-scrollbar][data-state='visible']) .m_b5489c3c {
+    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
+  }
+
 .m_606cb269 {
   margin-inline-start: auto;
 }
@@ -1915,6 +1928,15 @@ body {
     text-decoration: underline;
   }
 
+  .m_849cf0da:where([data-variant='gradient']),
+    .m_849cf0da:where([data-variant='gradient']):hover {
+      text-decoration: none;
+    }
+
+  .m_849cf0da:where([data-line-clamp]) {
+    display: -webkit-box;
+  }
+
 .m_89ab340[data-resizing] {
     --app-shell-transition-duration: 0ms !important;
   }
@@ -2060,6 +2082,10 @@ body {
   padding: var(--combobox-padding);
 }
 
+  .m_88b62a41:has([data-mantine-scrollbar]) {
+    padding-inline-end: 0;
+  }
+
   .m_88b62a41[data-hidden] {
     display: none;
   }
@@ -3776,8 +3802,8 @@ fieldset:disabled .m_d3ea56bb,
   flex: var(--drawer-flex, 0 0 var(--drawer-size));
   height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
   margin: var(--drawer-offset);
-  max-width: 100%;
-  max-height: 100%;
+  max-width: calc(100% - var(--drawer-offset) * 2);
+  max-height: calc(100% - var(--drawer-offset) * 2);
   overflow-y: auto;
 }
 
@@ -4688,7 +4714,6 @@ fieldset:disabled .m_d3ea56bb,
   }
 
 .m_80b4b171:last-of-type {
-    border-top: 1 solid var(--input-bd);
     border-radius: 0;
     border-end-end-radius: var(--control-radius);
   }
@@ -5314,6 +5339,10 @@ fieldset:disabled .m_d3ea56bb,
     white-space: normal;
   }
 
+  .m_1b3c8819:where([data-fixed]) {
+    position: fixed;
+  }
+
 .m_f898399f {
   background-color: inherit;
   border: 0;

package/styles.layer.css

@@ -797,6 +797,10 @@ body {
   border-radius: var(--popover-radius, var(--mantine-radius-default));
 }
 
+  .m_38a85659:where([data-fixed]) {
+    position: fixed;
+  }
+
   .m_38a85659:focus {
     outline: none;
   }
@@ -1019,11 +1023,11 @@ body {
 }
 
 :where([data-mantine-color-scheme='light']) .m_302b9fb1 {
-    background-color: rgba(255, 255, 255, 0.35);
+    background-color: rgba(255, 255, 255, 0.15);
 }
 
 :where([data-mantine-color-scheme='dark']) .m_302b9fb1 {
-    background-color: rgba(0, 0, 0, 0.35);
+    background-color: rgba(0, 0, 0, 0.15);
 }
 
 .m_1a0f1b21 {
@@ -1202,6 +1206,7 @@ body {
   background-color: var(--mantine-color-body);
   z-index: 1000;
   min-height: calc(3.75rem * var(--mantine-scale));
+  transition: padding-inline-end 100ms;
 }
 
 .m_60c222c7 {
@@ -1218,6 +1223,14 @@ body {
   box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
 }
 
+.m_fd1ab0aa [data-mantine-scrollbar] {
+    z-index: 1001;
+  }
+
+.m_fd1ab0aa:has([data-mantine-scrollbar][data-state='visible']) .m_b5489c3c {
+    padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
+  }
+
 .m_606cb269 {
   margin-inline-start: auto;
 }
@@ -1915,6 +1928,15 @@ body {
     text-decoration: underline;
   }
 
+  .m_849cf0da:where([data-variant='gradient']),
+    .m_849cf0da:where([data-variant='gradient']):hover {
+      text-decoration: none;
+    }
+
+  .m_849cf0da:where([data-line-clamp]) {
+    display: -webkit-box;
+  }
+
 .m_89ab340[data-resizing] {
     --app-shell-transition-duration: 0ms !important;
   }
@@ -2060,6 +2082,10 @@ body {
   padding: var(--combobox-padding);
 }
 
+  .m_88b62a41:has([data-mantine-scrollbar]) {
+    padding-inline-end: 0;
+  }
+
   .m_88b62a41[data-hidden] {
     display: none;
   }
@@ -3776,8 +3802,8 @@ fieldset:disabled .m_d3ea56bb,
   flex: var(--drawer-flex, 0 0 var(--drawer-size));
   height: var(--drawer-height, calc(100% - var(--drawer-offset) * 2));
   margin: var(--drawer-offset);
-  max-width: 100%;
-  max-height: 100%;
+  max-width: calc(100% - var(--drawer-offset) * 2);
+  max-height: calc(100% - var(--drawer-offset) * 2);
   overflow-y: auto;
 }
 
@@ -4688,7 +4714,6 @@ fieldset:disabled .m_d3ea56bb,
   }
 
 .m_80b4b171:last-of-type {
-    border-top: 1 solid var(--input-bd);
     border-radius: 0;
     border-end-end-radius: var(--control-radius);
   }
@@ -5314,6 +5339,10 @@ fieldset:disabled .m_d3ea56bb,
     white-space: normal;
   }
 
+  .m_1b3c8819:where([data-fixed]) {
+    position: fixed;
+  }
+
 .m_f898399f {
   background-color: inherit;
   border: 0;