@mantine/core 7.12.0 → 7.12.2

package/styles/Switch.layer.css

@@ -77,6 +77,10 @@
   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: 2px;

package/styles/TypographyStylesProvider.css

@@ -161,30 +161,35 @@
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
+  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-gray-3);
+}
+  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-dark-4);
+}
   .m_d6493fad :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
-      color: var(--mantine-color-gray-6);
+      color: var(--mantine-color-dimmed);
     }
   .m_d6493fad :where(table) :where(th) {
       text-align: left;
       font-weight: bold;
-      color: var(--mantine-color-gray-7);
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
   .m_d6493fad :where(table) :where(thead th) {
       border-bottom: 1px solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(tfoot th) {
       border-top: 1px solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: 1px solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
   .m_d6493fad :where(table) :where(tr:last-of-type td) {

package/styles/TypographyStylesProvider.layer.css

@@ -161,30 +161,35 @@
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
+  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-gray-3);
+}
+  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-dark-4);
+}
   .m_d6493fad :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
-      color: var(--mantine-color-gray-6);
+      color: var(--mantine-color-dimmed);
     }
   .m_d6493fad :where(table) :where(th) {
       text-align: left;
       font-weight: bold;
-      color: var(--mantine-color-gray-7);
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
   .m_d6493fad :where(table) :where(thead th) {
       border-bottom: 1px solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(tfoot th) {
       border-top: 1px solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: 1px solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
   .m_d6493fad :where(table) :where(tr:last-of-type td) {

package/styles/global.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);
 }

package/styles/global.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);
 }

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;
   }
@@ -2692,7 +2700,8 @@ fieldset:disabled .m_d3ea56bb,
   --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
   --badge-color: var(--mantine-color-white);
   --badge-bg: var(--mantine-primary-color-filled);
-  --badge-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+  --badge-border-width: calc(0.0625rem * var(--mantine-scale));
+  --badge-bd: var(--badge-border-width) solid transparent;
 
   -webkit-tap-highlight-color: transparent;
   font-size: var(--badge-fz);
@@ -2701,7 +2710,7 @@ fieldset:disabled .m_d3ea56bb,
   line-height: var(--badge-lh);
   text-decoration: none;
   padding: 0 var(--badge-padding-x);
-  display: inline-flex;
+  display: inline-grid;
   align-items: center;
   justify-content: center;
   width: fit-content;
@@ -2716,6 +2725,18 @@ fieldset:disabled .m_d3ea56bb,
   border: var(--badge-bd);
 }
 
+  .m_347db0ec:where([data-with-right-section]) {
+    grid-template-columns: 1fr auto;
+  }
+
+  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
+    grid-template-columns: auto 1fr;
+  }
+
+  .m_347db0ec:where([data-with-left-section][data-with-right-section]) {
+    grid-template-columns: auto 1fr auto;
+  }
+
   .m_347db0ec:where([data-block]) {
     display: flex;
     width: 100%;
@@ -2723,6 +2744,7 @@ fieldset:disabled .m_d3ea56bb,
 
   .m_347db0ec:where([data-circle]) {
     padding-inline: calc(0.125rem * var(--mantine-scale));
+    display: flex;
     width: var(--badge-height);
   }
 
@@ -2756,6 +2778,7 @@ fieldset:disabled .m_d3ea56bb,
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  text-align: center;
 }
 
 .m_91fdda9b {
@@ -2764,6 +2787,7 @@ fieldset:disabled .m_d3ea56bb,
   display: inline-flex;
   justify-content: center;
   align-items: center;
+  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
 }
 
 .m_91fdda9b:where([data-position='left']) {
@@ -3225,7 +3249,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 +4318,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,
@@ -5917,7 +5943,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;
 }
@@ -6296,6 +6322,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));
@@ -7314,30 +7344,35 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
+  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-gray-3);
+}
+  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-dark-4);
+}
   .m_d6493fad :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
-      color: var(--mantine-color-gray-6);
+      color: var(--mantine-color-dimmed);
     }
   .m_d6493fad :where(table) :where(th) {
       text-align: left;
       font-weight: bold;
-      color: var(--mantine-color-gray-7);
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
   .m_d6493fad :where(table) :where(thead th) {
       border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(tfoot th) {
       border-top: calc(0.0625rem * var(--mantine-scale)) solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
   .m_d6493fad :where(table) :where(tr:last-of-type td) {

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;
   }
@@ -2692,7 +2700,8 @@ fieldset:disabled .m_d3ea56bb,
   --badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
   --badge-color: var(--mantine-color-white);
   --badge-bg: var(--mantine-primary-color-filled);
-  --badge-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;
+  --badge-border-width: calc(0.0625rem * var(--mantine-scale));
+  --badge-bd: var(--badge-border-width) solid transparent;
 
   -webkit-tap-highlight-color: transparent;
   font-size: var(--badge-fz);
@@ -2701,7 +2710,7 @@ fieldset:disabled .m_d3ea56bb,
   line-height: var(--badge-lh);
   text-decoration: none;
   padding: 0 var(--badge-padding-x);
-  display: inline-flex;
+  display: inline-grid;
   align-items: center;
   justify-content: center;
   width: fit-content;
@@ -2716,6 +2725,18 @@ fieldset:disabled .m_d3ea56bb,
   border: var(--badge-bd);
 }
 
+  .m_347db0ec:where([data-with-right-section]) {
+    grid-template-columns: 1fr auto;
+  }
+
+  .m_347db0ec:where([data-with-left-section], [data-variant='dot']) {
+    grid-template-columns: auto 1fr;
+  }
+
+  .m_347db0ec:where([data-with-left-section][data-with-right-section]) {
+    grid-template-columns: auto 1fr auto;
+  }
+
   .m_347db0ec:where([data-block]) {
     display: flex;
     width: 100%;
@@ -2723,6 +2744,7 @@ fieldset:disabled .m_d3ea56bb,
 
   .m_347db0ec:where([data-circle]) {
     padding-inline: calc(0.125rem * var(--mantine-scale));
+    display: flex;
     width: var(--badge-height);
   }
 
@@ -2756,6 +2778,7 @@ fieldset:disabled .m_d3ea56bb,
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  text-align: center;
 }
 
 .m_91fdda9b {
@@ -2764,6 +2787,7 @@ fieldset:disabled .m_d3ea56bb,
   display: inline-flex;
   justify-content: center;
   align-items: center;
+  max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
 }
 
 .m_91fdda9b:where([data-position='left']) {
@@ -3225,7 +3249,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 +4318,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,
@@ -5917,7 +5943,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;
 }
@@ -6296,6 +6322,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));
@@ -7314,30 +7344,35 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
+  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-gray-3);
+}
+  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
+      --table-border-color: var(--mantine-color-dark-4);
+}
   .m_d6493fad :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
-      color: var(--mantine-color-gray-6);
+      color: var(--mantine-color-dimmed);
     }
   .m_d6493fad :where(table) :where(th) {
       text-align: left;
       font-weight: bold;
-      color: var(--mantine-color-gray-7);
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
   .m_d6493fad :where(table) :where(thead th) {
       border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(tfoot th) {
       border-top: calc(0.0625rem * var(--mantine-scale)) solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
     }
   .m_d6493fad :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
-      border-color: var(--mantine-color-gray-3);
+      border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
   .m_d6493fad :where(table) :where(tr:last-of-type td) {