@mantine/core 7.11.2 → 7.12.1

package/styles.css

@@ -68,6 +68,10 @@ body {
     transform: translateY(calc(0.0625rem * var(--mantine-scale)));
   }
 
+fieldset:disabled .mantine-active:active {
+    transform: none;
+  }
+
 :where([dir="rtl"]) .mantine-rotate-rtl {
     transform: rotate(180deg);
 }
@@ -694,7 +698,7 @@ body {
 }
 
 .m_d8b5e363::before {
-    content: '""';
+    content: '';
     position: absolute;
     top: 50%;
     left: 50%;
@@ -2086,6 +2090,10 @@ body {
     padding-inline-end: 0;
   }
 
+  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
+      max-width: calc(100% + var(--combobox-padding));
+    }
+
   .m_88b62a41[data-hidden] {
     display: none;
   }
@@ -2701,7 +2709,8 @@ fieldset:disabled .m_d3ea56bb,
   line-height: var(--badge-lh);
   text-decoration: none;
   padding: 0 var(--badge-padding-x);
-  display: inline-flex;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
   align-items: center;
   justify-content: center;
   width: fit-content;
@@ -2723,6 +2732,7 @@ fieldset:disabled .m_d3ea56bb,
 
   .m_347db0ec:where([data-circle]) {
     padding-inline: calc(0.125rem * var(--mantine-scale));
+    display: flex;
     width: var(--badge-height);
   }
 
@@ -3225,7 +3235,7 @@ fieldset:disabled .m_d3ea56bb,
   --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
   --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
   --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
-  --chip-checked-padding-xl: calc(0.78125rem * var(--mantine-scale));
+  --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));
 
   --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
   --chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
@@ -4294,6 +4304,8 @@ fieldset:disabled .m_d3ea56bb,
   padding-inline-start: 0.1em;
   padding-inline-end: 0.3em;
   flex: 0;
+  border-end-end-radius: var(--pill-radius, 50%);
+  border-start-end-radius: var(--pill-radius, 50%);
 }
 
 .m_7cda1cd6[data-disabled] > .m_ae386778,
@@ -5622,6 +5634,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;
 }
@@ -5860,7 +5929,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   height: var(--slider-size);
   width: var(--slider-size);
   border-radius: calc(62.5rem * var(--mantine-scale));
-  transform: translateX((calc(var(--slider-size) / -2)));
+  transform: translateX(calc(var(--slider-size) / -2));
   background-color: var(--mantine-color-white);
   pointer-events: none;
 }
@@ -6239,6 +6308,10 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   color: var(--switch-text-color);
 }
 
+.m_9307d992:where([data-without-labels]) {
+    width: var(--switch-width);
+  }
+
 .m_926b4011:focus-visible + .m_9307d992 {
     outline: 2px solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));

package/styles.layer.css

@@ -68,6 +68,10 @@ body {
     transform: translateY(calc(0.0625rem * var(--mantine-scale)));
   }
 
+fieldset:disabled .mantine-active:active {
+    transform: none;
+  }
+
 :where([dir="rtl"]) .mantine-rotate-rtl {
     transform: rotate(180deg);
 }
@@ -694,7 +698,7 @@ body {
 }
 
 .m_d8b5e363::before {
-    content: '""';
+    content: '';
     position: absolute;
     top: 50%;
     left: 50%;
@@ -2086,6 +2090,10 @@ body {
     padding-inline-end: 0;
   }
 
+  .m_88b62a41:has([data-mantine-scrollbar]) .m_985517d8 {
+      max-width: calc(100% + var(--combobox-padding));
+    }
+
   .m_88b62a41[data-hidden] {
     display: none;
   }
@@ -2701,7 +2709,8 @@ fieldset:disabled .m_d3ea56bb,
   line-height: var(--badge-lh);
   text-decoration: none;
   padding: 0 var(--badge-padding-x);
-  display: inline-flex;
+  display: grid;
+  grid-template-columns: auto 1fr auto;
   align-items: center;
   justify-content: center;
   width: fit-content;
@@ -2723,6 +2732,7 @@ fieldset:disabled .m_d3ea56bb,
 
   .m_347db0ec:where([data-circle]) {
     padding-inline: calc(0.125rem * var(--mantine-scale));
+    display: flex;
     width: var(--badge-height);
   }
 
@@ -3225,7 +3235,7 @@ fieldset:disabled .m_d3ea56bb,
   --chip-checked-padding-sm: calc(0.625rem * var(--mantine-scale));
   --chip-checked-padding-md: calc(0.73125rem * var(--mantine-scale));
   --chip-checked-padding-lg: calc(0.84375rem * var(--mantine-scale));
-  --chip-checked-padding-xl: calc(0.78125rem * var(--mantine-scale));
+  --chip-checked-padding-xl: calc(0.98125rem * var(--mantine-scale));
 
   --chip-spacing-xs: calc(0.625rem * var(--mantine-scale));
   --chip-spacing-sm: calc(0.75rem * var(--mantine-scale));
@@ -4294,6 +4304,8 @@ fieldset:disabled .m_d3ea56bb,
   padding-inline-start: 0.1em;
   padding-inline-end: 0.3em;
   flex: 0;
+  border-end-end-radius: var(--pill-radius, 50%);
+  border-start-end-radius: var(--pill-radius, 50%);
 }
 
 .m_7cda1cd6[data-disabled] > .m_ae386778,
@@ -5622,6 +5634,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;
 }
@@ -5860,7 +5929,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   height: var(--slider-size);
   width: var(--slider-size);
   border-radius: calc(62.5rem * var(--mantine-scale));
-  transform: translateX((calc(var(--slider-size) / -2)));
+  transform: translateX(calc(var(--slider-size) / -2));
   background-color: var(--mantine-color-white);
   pointer-events: none;
 }
@@ -6239,6 +6308,10 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
   color: var(--switch-text-color);
 }
 
+.m_9307d992:where([data-without-labels]) {
+    width: var(--switch-width);
+  }
+
 .m_926b4011:focus-visible + .m_9307d992 {
     outline: 2px solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));