@mantine/core 8.1.2 → 8.2.0

package/styles/Container.layer.css

@@ -5,13 +5,34 @@
   --container-size-lg: 1140px;
   --container-size-xl: 1320px;
   --container-size: var(--container-size-md);
-
-  max-width: var(--container-size);
-  padding-inline: var(--mantine-spacing-md);
-  margin-inline: auto;
 }
 
-  .m_7485cace:where([data-fluid]) {
-    max-width: 100%;
+  .m_7485cace:where([data-strategy='block']) {
+    max-width: var(--container-size);
+    padding-inline: var(--mantine-spacing-md);
+    margin-inline: auto;
+  }
+
+  .m_7485cace:where([data-strategy='block']):where([data-fluid]) {
+      max-width: 100%;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) {
+    display: grid;
+    grid-template-columns: 1fr min(100%, var(--container-size)) 1fr;
+    margin-inline: auto;
   }
+
+  .m_7485cace:where([data-strategy='grid']) > * {
+      grid-column: 2;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] {
+      grid-column: 1 / -1;
+    }
+
+  .m_7485cace:where([data-strategy='grid']) > [data-breakout] > [data-container] {
+        max-width: var(--container-size);
+        margin-inline: auto;
+      }
 }

package/styles/{TypographyStylesProvider.css → Typography.css}

@@ -1,93 +1,93 @@
-.m_d6493fad :first-child {
+.m_d08caa0 :first-child {
     margin-top: 0;
   }
-  .m_d6493fad :last-child {
+  .m_d08caa0 :last-child {
     margin-bottom: 0;
   }
-  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
+  .m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
     margin-bottom: var(--mantine-spacing-xs);
     text-wrap: var(--mantine-heading-text-wrap);
     font-family: var(--mantine-font-family-headings);
   }
-  .m_d6493fad :where(h1) {
+  .m_d08caa0 :where(h1) {
     margin-top: calc(1.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h1-font-size);
     line-height: var(--mantine-h1-line-height);
     font-weight: var(--mantine-h1-font-weight);
   }
-  .m_d6493fad :where(h2) {
+  .m_d08caa0 :where(h2) {
     margin-top: var(--mantine-spacing-xl);
     font-size: var(--mantine-h2-font-size);
     line-height: var(--mantine-h2-line-height);
     font-weight: var(--mantine-h2-font-weight);
   }
-  .m_d6493fad :where(h3) {
+  .m_d08caa0 :where(h3) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h3-font-size);
     line-height: var(--mantine-h3-line-height);
     font-weight: var(--mantine-h3-font-weight);
   }
-  .m_d6493fad :where(h4) {
+  .m_d08caa0 :where(h4) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h4-font-size);
     line-height: var(--mantine-h4-line-height);
     font-weight: var(--mantine-h4-font-weight);
   }
-  .m_d6493fad :where(h5) {
+  .m_d08caa0 :where(h5) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h5-font-size);
     line-height: var(--mantine-h5-line-height);
     font-weight: var(--mantine-h5-font-weight);
   }
-  .m_d6493fad :where(h6) {
+  .m_d08caa0 :where(h6) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h6-font-size);
     line-height: var(--mantine-h6-line-height);
     font-weight: var(--mantine-h6-font-weight);
   }
-  .m_d6493fad :where(img) {
+  .m_d08caa0 :where(img) {
     max-width: 100%;
     margin-bottom: var(--mantine-spacing-xs);
   }
-  .m_d6493fad :where(p) {
+  .m_d08caa0 :where(p) {
     margin-top: 0;
     margin-bottom: var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
       background-color: var(--mantine-color-yellow-2);
       color: inherit;
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
       background-color: var(--mantine-color-yellow-5);
       color: var(--mantine-color-black);
 }
-  .m_d6493fad :where(a) {
+  .m_d08caa0 :where(a) {
     color: var(--mantine-color-anchor);
     text-decoration: none;
   }
   @media (hover: hover) {
-    .m_d6493fad :where(a):hover {
+    .m_d08caa0 :where(a):hover {
       text-decoration: underline;
     }
 }
   @media (hover: none) {
-    .m_d6493fad :where(a):active {
+    .m_d08caa0 :where(a):active {
       text-decoration: underline;
     }
 }
-  .m_d6493fad :where(hr) {
+  .m_d08caa0 :where(hr) {
     margin-top: var(--mantine-spacing-md);
     margin-bottom: var(--mantine-spacing-md);
     border: 0;
     border-top: 1px solid;
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
       border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
       border-color: var(--mantine-color-dark-3);
 }
-  .m_d6493fad :where(pre) {
+  .m_d08caa0 :where(pre) {
     padding: var(--mantine-spacing-xs);
     line-height: var(--mantine-line-height);
     margin: 0;
@@ -98,20 +98,20 @@
     font-size: var(--mantine-font-size-xs);
     border-radius: var(--mantine-radius-sm);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
       background-color: var(--mantine-color-dark-8);
 }
-  .m_d6493fad :where(pre) :where(code) {
+  .m_d08caa0 :where(pre) :where(code) {
       background-color: transparent;
       padding: 0;
       border-radius: 0;
       color: inherit;
       border: 0;
     }
-  .m_d6493fad :where(kbd) {
+  .m_d08caa0 :where(kbd) {
     --kbd-fz: 12px;
     --kbd-padding: 3px 5px;
 
@@ -124,86 +124,86 @@
     border: 1px solid;
     border-bottom-width: 3px;
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
       border-color: var(--mantine-color-gray-3);
       color: var(--mantine-color-gray-7);
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
       border-color: var(--mantine-color-dark-3);
       color: var(--mantine-color-dark-0);
       background-color: var(--mantine-color-dark-5);
 }
-  .m_d6493fad :where(code) {
+  .m_d08caa0 :where(code) {
     line-height: var(--mantine-line-height);
     padding: 1px 5px;
     border-radius: var(--mantine-radius-sm);
     font-family: var(--mantine-font-family-monospace);
     font-size: var(--mantine-font-size-xs);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(code) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
       background-color: var(--mantine-color-gray-0);
       color: var(--mantine-color-black);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(code) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
       background-color: var(--mantine-color-dark-5);
       color: var(--mantine-color-white);
 }
-  .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
+  .m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
     padding-inline-start: var(--mantine-spacing-xl);
     list-style-position: outside;
   }
-  .m_d6493fad :where(table) {
+  .m_d08caa0 :where(table) {
     width: 100%;
     border-collapse: collapse;
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(table) {
       --table-border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(table) {
       --table-border-color: var(--mantine-color-dark-4);
 }
-  .m_d6493fad :where(table) :where(caption) {
+  .m_d08caa0 :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
       color: var(--mantine-color-dimmed);
     }
-  .m_d6493fad :where(table) :where(th) {
+  .m_d08caa0 :where(table) :where(th) {
       text-align: left;
       font-weight: bold;
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
-  .m_d6493fad :where(table) :where(thead th) {
+  .m_d08caa0 :where(table) :where(thead th) {
       border-bottom: 1px solid;
       border-color: var(--table-border-color);
     }
-  .m_d6493fad :where(table) :where(tfoot th) {
+  .m_d08caa0 :where(table) :where(tfoot th) {
       border-top: 1px solid;
       border-color: var(--table-border-color);
     }
-  .m_d6493fad :where(table) :where(td) {
+  .m_d08caa0 :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: 1px solid;
       border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
-  .m_d6493fad :where(table) :where(tr:last-of-type td) {
+  .m_d08caa0 :where(table) :where(tr:last-of-type td) {
       border-bottom: 0;
     }
-  .m_d6493fad :where(blockquote) {
+  .m_d08caa0 :where(blockquote) {
     font-size: var(--mantine-font-size-lg);
     line-height: var(--mantine-line-height);
     margin: var(--mantine-spacing-md) 0;
     border-radius: var(--mantine-radius-sm);
     padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(blockquote) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(blockquote) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
       background-color: var(--mantine-color-dark-8);
 }

package/styles/{TypographyStylesProvider.layer.css → Typography.layer.css}

@@ -1,93 +1,93 @@
-@layer mantine {.m_d6493fad :first-child {
+@layer mantine {.m_d08caa0 :first-child {
     margin-top: 0;
   }
-  .m_d6493fad :last-child {
+  .m_d08caa0 :last-child {
     margin-bottom: 0;
   }
-  .m_d6493fad :where(h1, h2, h3, h4, h5, h6) {
+  .m_d08caa0 :where(h1, h2, h3, h4, h5, h6) {
     margin-bottom: var(--mantine-spacing-xs);
     text-wrap: var(--mantine-heading-text-wrap);
     font-family: var(--mantine-font-family-headings);
   }
-  .m_d6493fad :where(h1) {
+  .m_d08caa0 :where(h1) {
     margin-top: calc(1.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h1-font-size);
     line-height: var(--mantine-h1-line-height);
     font-weight: var(--mantine-h1-font-weight);
   }
-  .m_d6493fad :where(h2) {
+  .m_d08caa0 :where(h2) {
     margin-top: var(--mantine-spacing-xl);
     font-size: var(--mantine-h2-font-size);
     line-height: var(--mantine-h2-line-height);
     font-weight: var(--mantine-h2-font-weight);
   }
-  .m_d6493fad :where(h3) {
+  .m_d08caa0 :where(h3) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h3-font-size);
     line-height: var(--mantine-h3-line-height);
     font-weight: var(--mantine-h3-font-weight);
   }
-  .m_d6493fad :where(h4) {
+  .m_d08caa0 :where(h4) {
     margin-top: calc(0.8 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h4-font-size);
     line-height: var(--mantine-h4-line-height);
     font-weight: var(--mantine-h4-font-weight);
   }
-  .m_d6493fad :where(h5) {
+  .m_d08caa0 :where(h5) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h5-font-size);
     line-height: var(--mantine-h5-line-height);
     font-weight: var(--mantine-h5-font-weight);
   }
-  .m_d6493fad :where(h6) {
+  .m_d08caa0 :where(h6) {
     margin-top: calc(0.5 * var(--mantine-spacing-xl));
     font-size: var(--mantine-h6-font-size);
     line-height: var(--mantine-h6-line-height);
     font-weight: var(--mantine-h6-font-weight);
   }
-  .m_d6493fad :where(img) {
+  .m_d08caa0 :where(img) {
     max-width: 100%;
     margin-bottom: var(--mantine-spacing-xs);
   }
-  .m_d6493fad :where(p) {
+  .m_d08caa0 :where(p) {
     margin-top: 0;
     margin-bottom: var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(mark) {
       background-color: var(--mantine-color-yellow-2);
       color: inherit;
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(mark) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(mark) {
       background-color: var(--mantine-color-yellow-5);
       color: var(--mantine-color-black);
 }
-  .m_d6493fad :where(a) {
+  .m_d08caa0 :where(a) {
     color: var(--mantine-color-anchor);
     text-decoration: none;
   }
   @media (hover: hover) {
-    .m_d6493fad :where(a):hover {
+    .m_d08caa0 :where(a):hover {
       text-decoration: underline;
     }
 }
   @media (hover: none) {
-    .m_d6493fad :where(a):active {
+    .m_d08caa0 :where(a):active {
       text-decoration: underline;
     }
 }
-  .m_d6493fad :where(hr) {
+  .m_d08caa0 :where(hr) {
     margin-top: var(--mantine-spacing-md);
     margin-bottom: var(--mantine-spacing-md);
     border: 0;
     border-top: 1px solid;
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(hr) {
       border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(hr) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(hr) {
       border-color: var(--mantine-color-dark-3);
 }
-  .m_d6493fad :where(pre) {
+  .m_d08caa0 :where(pre) {
     padding: var(--mantine-spacing-xs);
     line-height: var(--mantine-line-height);
     margin: 0;
@@ -98,20 +98,20 @@
     font-size: var(--mantine-font-size-xs);
     border-radius: var(--mantine-radius-sm);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(pre) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(pre) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(pre) {
       background-color: var(--mantine-color-dark-8);
 }
-  .m_d6493fad :where(pre) :where(code) {
+  .m_d08caa0 :where(pre) :where(code) {
       background-color: transparent;
       padding: 0;
       border-radius: 0;
       color: inherit;
       border: 0;
     }
-  .m_d6493fad :where(kbd) {
+  .m_d08caa0 :where(kbd) {
     --kbd-fz: 12px;
     --kbd-padding: 3px 5px;
 
@@ -124,87 +124,87 @@
     border: 1px solid;
     border-bottom-width: 3px;
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(kbd) {
       border-color: var(--mantine-color-gray-3);
       color: var(--mantine-color-gray-7);
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(kbd) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(kbd) {
       border-color: var(--mantine-color-dark-3);
       color: var(--mantine-color-dark-0);
       background-color: var(--mantine-color-dark-5);
 }
-  .m_d6493fad :where(code) {
+  .m_d08caa0 :where(code) {
     line-height: var(--mantine-line-height);
     padding: 1px 5px;
     border-radius: var(--mantine-radius-sm);
     font-family: var(--mantine-font-family-monospace);
     font-size: var(--mantine-font-size-xs);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(code) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(code) {
       background-color: var(--mantine-color-gray-0);
       color: var(--mantine-color-black);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(code) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(code) {
       background-color: var(--mantine-color-dark-5);
       color: var(--mantine-color-white);
 }
-  .m_d6493fad :where(ul, ol):not([data-type='taskList']) {
+  .m_d08caa0 :where(ul, ol):not([data-type='taskList']) {
     margin-bottom: var(--mantine-spacing-md);
     padding-inline-start: var(--mantine-spacing-xl);
     list-style-position: outside;
   }
-  .m_d6493fad :where(table) {
+  .m_d08caa0 :where(table) {
     width: 100%;
     border-collapse: collapse;
     caption-side: bottom;
     margin-bottom: var(--mantine-spacing-md);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(table) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(table) {
       --table-border-color: var(--mantine-color-gray-3);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(table) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(table) {
       --table-border-color: var(--mantine-color-dark-4);
 }
-  .m_d6493fad :where(table) :where(caption) {
+  .m_d08caa0 :where(table) :where(caption) {
       margin-top: var(--mantine-spacing-xs);
       font-size: var(--mantine-font-size-sm);
       color: var(--mantine-color-dimmed);
     }
-  .m_d6493fad :where(table) :where(th) {
+  .m_d08caa0 :where(table) :where(th) {
       text-align: left;
       font-weight: bold;
       font-size: var(--mantine-font-size-sm);
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     }
-  .m_d6493fad :where(table) :where(thead th) {
+  .m_d08caa0 :where(table) :where(thead th) {
       border-bottom: 1px solid;
       border-color: var(--table-border-color);
     }
-  .m_d6493fad :where(table) :where(tfoot th) {
+  .m_d08caa0 :where(table) :where(tfoot th) {
       border-top: 1px solid;
       border-color: var(--table-border-color);
     }
-  .m_d6493fad :where(table) :where(td) {
+  .m_d08caa0 :where(table) :where(td) {
       padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
       border-bottom: 1px solid;
       border-color: var(--table-border-color);
       font-size: var(--mantine-font-size-sm);
     }
-  .m_d6493fad :where(table) :where(tr:last-of-type td) {
+  .m_d08caa0 :where(table) :where(tr:last-of-type td) {
       border-bottom: 0;
     }
-  .m_d6493fad :where(blockquote) {
+  .m_d08caa0 :where(blockquote) {
     font-size: var(--mantine-font-size-lg);
     line-height: var(--mantine-line-height);
     margin: var(--mantine-spacing-md) 0;
     border-radius: var(--mantine-radius-sm);
     padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
   }
-  :where([data-mantine-color-scheme='light']) .m_d6493fad :where(blockquote) {
+  :where([data-mantine-color-scheme='light']) .m_d08caa0 :where(blockquote) {
       background-color: var(--mantine-color-gray-0);
 }
-  :where([data-mantine-color-scheme='dark']) .m_d6493fad :where(blockquote) {
+  :where([data-mantine-color-scheme='dark']) .m_d08caa0 :where(blockquote) {
       background-color: var(--mantine-color-dark-8);
 }
 }

package/styles/default-css-variables.css

@@ -266,7 +266,7 @@
   --mantine-color-dimmed: var(--mantine-color-dark-2);
   --mantine-color-disabled: var(--mantine-color-dark-6);
   --mantine-color-disabled-color: var(--mantine-color-dark-3);
-  --mantine-color-disabled-border: var(--mantine-color-gray-6);
+  --mantine-color-disabled-border: var(--mantine-color-dark-4);
   --mantine-color-dark-text: var(--mantine-color-dark-4);
   --mantine-color-dark-filled: var(--mantine-color-dark-8);
   --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);

package/styles/default-css-variables.layer.css

@@ -266,7 +266,7 @@
   --mantine-color-dimmed: var(--mantine-color-dark-2);
   --mantine-color-disabled: var(--mantine-color-dark-6);
   --mantine-color-disabled-color: var(--mantine-color-dark-3);
-  --mantine-color-disabled-border: var(--mantine-color-gray-6);
+  --mantine-color-disabled-border: var(--mantine-color-dark-4);
   --mantine-color-dark-text: var(--mantine-color-dark-4);
   --mantine-color-dark-filled: var(--mantine-color-dark-8);
   --mantine-color-dark-filled-hover: var(--mantine-color-dark-9);