@mantine/core 7.11.1 → 7.12.0

package/styles/Combobox.layer.css

@@ -3,6 +3,10 @@
   padding: var(--combobox-padding);
 }
 
+  .m_88b62a41:has([data-mantine-scrollbar]) {
+    padding-inline-end: 0;
+  }
+
   .m_88b62a41[data-hidden] {
     display: none;
   }

package/styles/Drawer.css

@@ -16,8 +16,8 @@
   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;
 }
 

package/styles/Drawer.layer.css

@@ -16,8 +16,8 @@
   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;
 }
 

package/styles/ModalBase.css

@@ -17,6 +17,7 @@
   background-color: var(--mantine-color-body);
   z-index: 1000;
   min-height: 60px;
+  transition: padding-inline-end 100ms;
 }
 
 .m_60c222c7 {
@@ -33,6 +34,14 @@
   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;
 }

package/styles/ModalBase.layer.css

@@ -17,6 +17,7 @@
   background-color: var(--mantine-color-body);
   z-index: 1000;
   min-height: 60px;
+  transition: padding-inline-end 100ms;
 }
 
 .m_60c222c7 {
@@ -33,6 +34,14 @@
   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;
 }

package/styles/NumberInput.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/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/SemiCircleProgress.css

@@ -0,0 +1,56 @@
+.m_fa528724 {
+  --scp-filled-segment-color: var(--mantine-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: 10px;
+}
+
+  :where([data-mantine-color-scheme='light']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-gray-2);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-dark-4);
+}
+
+  .m_fa528724 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_62e9e7e2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_c573fb6f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_4fa340f2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_4fa340f2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_4fa340f2:where([data-position='center']) {
+    top: 50%;
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }

package/styles/SemiCircleProgress.layer.css

@@ -0,0 +1,57 @@
+@layer mantine {.m_fa528724 {
+  --scp-filled-segment-color: var(--mantine-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: 10px;
+}
+
+  :where([data-mantine-color-scheme='light']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-gray-2);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-dark-4);
+}
+
+  .m_fa528724 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_62e9e7e2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_c573fb6f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_4fa340f2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_4fa340f2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_4fa340f2:where([data-position='center']) {
+    top: 50%;
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }
+}

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

@@ -1206,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 {
@@ -1222,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;
 }
@@ -1919,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;
   }
@@ -2064,6 +2082,10 @@ body {
   padding: var(--combobox-padding);
 }
 
+  .m_88b62a41:has([data-mantine-scrollbar]) {
+    padding-inline-end: 0;
+  }
+
   .m_88b62a41[data-hidden] {
     display: none;
   }
@@ -3780,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;
 }
 
@@ -4692,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);
   }
@@ -5318,6 +5339,10 @@ fieldset:disabled .m_d3ea56bb,
     white-space: normal;
   }
 
+  .m_1b3c8819:where([data-fixed]) {
+    position: fixed;
+  }
+
 .m_f898399f {
   background-color: inherit;
   border: 0;
@@ -5597,6 +5622,63 @@ fieldset:disabled .m_1738fcb2,
   z-index: 2;
 }
 
+.m_fa528724 {
+  --scp-filled-segment-color: var(--mantine-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: calc(0.625rem * var(--mantine-scale));
+}
+
+  :where([data-mantine-color-scheme='light']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-gray-2);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-dark-4);
+}
+
+  .m_fa528724 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_62e9e7e2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_c573fb6f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_4fa340f2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_4fa340f2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_4fa340f2:where([data-position='center']) {
+    top: 50%;
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }
+
 .m_925c2d2c {
   container: simple-grid / inline-size;
 }

package/styles.layer.css

@@ -1206,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 {
@@ -1222,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;
 }
@@ -1919,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;
   }
@@ -2064,6 +2082,10 @@ body {
   padding: var(--combobox-padding);
 }
 
+  .m_88b62a41:has([data-mantine-scrollbar]) {
+    padding-inline-end: 0;
+  }
+
   .m_88b62a41[data-hidden] {
     display: none;
   }
@@ -3780,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;
 }
 
@@ -4692,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);
   }
@@ -5318,6 +5339,10 @@ fieldset:disabled .m_d3ea56bb,
     white-space: normal;
   }
 
+  .m_1b3c8819:where([data-fixed]) {
+    position: fixed;
+  }
+
 .m_f898399f {
   background-color: inherit;
   border: 0;
@@ -5597,6 +5622,63 @@ fieldset:disabled .m_1738fcb2,
   z-index: 2;
 }
 
+.m_fa528724 {
+  --scp-filled-segment-color: var(--mantine-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: calc(0.625rem * var(--mantine-scale));
+}
+
+  :where([data-mantine-color-scheme='light']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-gray-2);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m_fa528724 {
+    --scp-empty-segment-color: var(--mantine-color-dark-4);
+}
+
+  .m_fa528724 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_62e9e7e2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_c573fb6f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_4fa340f2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_4fa340f2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_4fa340f2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_4fa340f2:where([data-position='center']) {
+    top: 50%;
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }
+
 .m_925c2d2c {
   container: simple-grid / inline-size;
 }