@mantine/core 7.7.0 → 7.7.1

package/styles/Badge.css

@@ -1,4 +1,4 @@
-.m-347db0ec {
+.m_347db0ec {
   --badge-height-xs: calc(1rem * var(--mantine-scale));
   --badge-height-sm: calc(1.125rem * var(--mantine-scale));
   --badge-height-md: calc(1.25rem * var(--mantine-scale));
@@ -48,33 +48,33 @@
   border: var(--badge-bd);
 }
 
-  .m-347db0ec:where([data-block]) {
+  .m_347db0ec:where([data-block]) {
     display: flex;
     width: 100%;
   }
 
-  .m-347db0ec:where([data-circle]) {
+  .m_347db0ec:where([data-circle]) {
     padding-inline: calc(0.125rem * var(--mantine-scale));
     width: var(--badge-height);
   }
 
-.m-fbd81e3d {
+.m_fbd81e3d {
   --badge-dot-size: calc(var(--badge-height) / 3.4);
 }
 
-:where([data-mantine-color-scheme='light']) .m-fbd81e3d {
+:where([data-mantine-color-scheme='light']) .m_fbd81e3d {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
     color: var(--mantine-color-black);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-fbd81e3d {
+:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
     background-color: var(--mantine-color-dark-5);
     border-color: var(--mantine-color-dark-5);
     color: var(--mantine-color-white);
 }
 
-.m-fbd81e3d::before {
+.m_fbd81e3d::before {
     content: '';
     display: block;
     width: var(--badge-dot-size);
@@ -84,13 +84,13 @@
     margin-inline-end: var(--badge-dot-size);
   }
 
-.m-5add502a {
+.m_5add502a {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.m-91fdda9b {
+.m_91fdda9b {
   --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
 
   display: inline-flex;
@@ -98,10 +98,10 @@
   align-items: center;
 }
 
-.m-91fdda9b:where([data-position='left']) {
+.m_91fdda9b:where([data-position='left']) {
     margin-inline-end: var(--badge-section-margin);
   }
 
-.m-91fdda9b:where([data-position='right']) {
+.m_91fdda9b:where([data-position='right']) {
     margin-inline-start: var(--badge-section-margin);
   }

package/styles/Badge.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-347db0ec {
+@layer mantine {.m_347db0ec {
   --badge-height-xs: calc(1rem * var(--mantine-scale));
   --badge-height-sm: calc(1.125rem * var(--mantine-scale));
   --badge-height-md: calc(1.25rem * var(--mantine-scale));
@@ -48,33 +48,33 @@
   border: var(--badge-bd);
 }
 
-  .m-347db0ec:where([data-block]) {
+  .m_347db0ec:where([data-block]) {
     display: flex;
     width: 100%;
   }
 
-  .m-347db0ec:where([data-circle]) {
+  .m_347db0ec:where([data-circle]) {
     padding-inline: calc(0.125rem * var(--mantine-scale));
     width: var(--badge-height);
   }
 
-.m-fbd81e3d {
+.m_fbd81e3d {
   --badge-dot-size: calc(var(--badge-height) / 3.4);
 }
 
-:where([data-mantine-color-scheme='light']) .m-fbd81e3d {
+:where([data-mantine-color-scheme='light']) .m_fbd81e3d {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
     color: var(--mantine-color-black);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-fbd81e3d {
+:where([data-mantine-color-scheme='dark']) .m_fbd81e3d {
     background-color: var(--mantine-color-dark-5);
     border-color: var(--mantine-color-dark-5);
     color: var(--mantine-color-white);
 }
 
-.m-fbd81e3d::before {
+.m_fbd81e3d::before {
     content: '';
     display: block;
     width: var(--badge-dot-size);
@@ -84,13 +84,13 @@
     margin-inline-end: var(--badge-dot-size);
   }
 
-.m-5add502a {
+.m_5add502a {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.m-91fdda9b {
+.m_91fdda9b {
   --badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
 
   display: inline-flex;
@@ -98,11 +98,11 @@
   align-items: center;
 }
 
-.m-91fdda9b:where([data-position='left']) {
+.m_91fdda9b:where([data-position='left']) {
     margin-inline-end: var(--badge-section-margin);
   }
 
-.m-91fdda9b:where([data-position='right']) {
+.m_91fdda9b:where([data-position='right']) {
     margin-inline-start: var(--badge-section-margin);
   }
 }

package/styles/Blockquote.css

@@ -1,4 +1,4 @@
-.m-ddec01c0 {
+.m_ddec01c0 {
   --blockquote-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
 
   position: relative;
@@ -9,15 +9,15 @@
   padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
 }
 
-  :where([data-mantine-color-scheme='light']) .m-ddec01c0 {
+  :where([data-mantine-color-scheme='light']) .m_ddec01c0 {
     background-color: var(--bq-bg-light);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-ddec01c0 {
+  :where([data-mantine-color-scheme='dark']) .m_ddec01c0 {
     background-color: var(--bq-bg-dark);
 }
 
-.m-dde7bd57 {
+.m_dde7bd57 {
   --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
 
   position: absolute;
@@ -33,7 +33,7 @@
   border-radius: var(--bq-icon-size);
 }
 
-.m-dde51a35 {
+.m_dde51a35 {
   display: block;
   margin-top: var(--mantine-spacing-md);
   opacity: 0.6;

package/styles/Blockquote.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-ddec01c0 {
+@layer mantine {.m_ddec01c0 {
   --blockquote-border: calc(0.1875rem * var(--mantine-scale)) solid var(--bq-bd);
 
   position: relative;
@@ -9,15 +9,15 @@
   padding: var(--mantine-spacing-xl) calc(2.375rem * var(--mantine-scale));
 }
 
-  :where([data-mantine-color-scheme='light']) .m-ddec01c0 {
+  :where([data-mantine-color-scheme='light']) .m_ddec01c0 {
     background-color: var(--bq-bg-light);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-ddec01c0 {
+  :where([data-mantine-color-scheme='dark']) .m_ddec01c0 {
     background-color: var(--bq-bg-dark);
 }
 
-.m-dde7bd57 {
+.m_dde7bd57 {
   --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);
 
   position: absolute;
@@ -33,7 +33,7 @@
   border-radius: var(--bq-icon-size);
 }
 
-.m-dde51a35 {
+.m_dde51a35 {
   display: block;
   margin-top: var(--mantine-spacing-md);
   opacity: 0.6;

package/styles/Breadcrumbs.css

@@ -1,15 +1,15 @@
-.m-8b3717df {
+.m_8b3717df {
   display: flex;
   align-items: center;
 }
 
-.m-f678d540 {
+.m_f678d540 {
   line-height: 1;
   white-space: nowrap;
   -webkit-tap-highlight-color: transparent;
 }
 
-.m-3b8f2208 {
+.m_3b8f2208 {
   margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
   line-height: 1;
   display: flex;
@@ -17,10 +17,10 @@
   justify-content: center;
 }
 
-:where([data-mantine-color-scheme='light']) .m-3b8f2208 {
+:where([data-mantine-color-scheme='light']) .m_3b8f2208 {
     color: var(--mantine-color-gray-7);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3b8f2208 {
+:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
     color: var(--mantine-color-dark-2);
 }

package/styles/Breadcrumbs.layer.css

@@ -1,15 +1,15 @@
-@layer mantine {.m-8b3717df {
+@layer mantine {.m_8b3717df {
   display: flex;
   align-items: center;
 }
 
-.m-f678d540 {
+.m_f678d540 {
   line-height: 1;
   white-space: nowrap;
   -webkit-tap-highlight-color: transparent;
 }
 
-.m-3b8f2208 {
+.m_3b8f2208 {
   margin-inline: var(--bc-separator-margin, var(--mantine-spacing-xs));
   line-height: 1;
   display: flex;
@@ -17,11 +17,11 @@
   justify-content: center;
 }
 
-:where([data-mantine-color-scheme='light']) .m-3b8f2208 {
+:where([data-mantine-color-scheme='light']) .m_3b8f2208 {
     color: var(--mantine-color-gray-7);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-3b8f2208 {
+:where([data-mantine-color-scheme='dark']) .m_3b8f2208 {
     color: var(--mantine-color-dark-2);
 }
 }

package/styles/Burger.css

@@ -1,4 +1,4 @@
-.m-fea6bf1a {
+.m_fea6bf1a {
   --burger-size-xs: calc(0.75rem * var(--mantine-scale));
   --burger-size-sm: calc(1.125rem * var(--mantine-scale));
   --burger-size-md: calc(1.5rem * var(--mantine-scale));
@@ -13,22 +13,22 @@
   cursor: pointer;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-fea6bf1a {
+  :where([data-mantine-color-scheme='light']) .m_fea6bf1a {
     --burger-color: var(--mantine-color-black);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-fea6bf1a {
+  :where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
     --burger-color: var(--mantine-color-white);
 }
 
-.m-d4fb9cad {
+.m_d4fb9cad {
   position: relative;
   user-select: none;
 }
 
-.m-d4fb9cad,
-  .m-d4fb9cad::before,
-  .m-d4fb9cad::after {
+.m_d4fb9cad,
+  .m_d4fb9cad::before,
+  .m_d4fb9cad::after {
     display: block;
     width: var(--burger-size);
     height: calc(var(--burger-size) / 12);
@@ -39,29 +39,29 @@
     transition-timing-function: var(--burger-transition-timing-function, ease);
   }
 
-.m-d4fb9cad::before,
-  .m-d4fb9cad::after {
+.m_d4fb9cad::before,
+  .m_d4fb9cad::after {
     position: absolute;
     content: '';
     inset-inline-start: 0;
   }
 
-.m-d4fb9cad::before {
+.m_d4fb9cad::before {
     top: calc(var(--burger-size) / -3);
   }
 
-.m-d4fb9cad::after {
+.m_d4fb9cad::after {
     top: calc(var(--burger-size) / 3);
   }
 
-.m-d4fb9cad[data-opened] {
+.m_d4fb9cad[data-opened] {
     background-color: transparent;
   }
 
-.m-d4fb9cad[data-opened]::before {
+.m_d4fb9cad[data-opened]::before {
       transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
     }
 
-.m-d4fb9cad[data-opened]::after {
+.m_d4fb9cad[data-opened]::after {
       transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
     }

package/styles/Burger.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-fea6bf1a {
+@layer mantine {.m_fea6bf1a {
   --burger-size-xs: calc(0.75rem * var(--mantine-scale));
   --burger-size-sm: calc(1.125rem * var(--mantine-scale));
   --burger-size-md: calc(1.5rem * var(--mantine-scale));
@@ -13,22 +13,22 @@
   cursor: pointer;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-fea6bf1a {
+  :where([data-mantine-color-scheme='light']) .m_fea6bf1a {
     --burger-color: var(--mantine-color-black);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-fea6bf1a {
+  :where([data-mantine-color-scheme='dark']) .m_fea6bf1a {
     --burger-color: var(--mantine-color-white);
 }
 
-.m-d4fb9cad {
+.m_d4fb9cad {
   position: relative;
   user-select: none;
 }
 
-.m-d4fb9cad,
-  .m-d4fb9cad::before,
-  .m-d4fb9cad::after {
+.m_d4fb9cad,
+  .m_d4fb9cad::before,
+  .m_d4fb9cad::after {
     display: block;
     width: var(--burger-size);
     height: calc(var(--burger-size) / 12);
@@ -39,30 +39,30 @@
     transition-timing-function: var(--burger-transition-timing-function, ease);
   }
 
-.m-d4fb9cad::before,
-  .m-d4fb9cad::after {
+.m_d4fb9cad::before,
+  .m_d4fb9cad::after {
     position: absolute;
     content: '';
     inset-inline-start: 0;
   }
 
-.m-d4fb9cad::before {
+.m_d4fb9cad::before {
     top: calc(var(--burger-size) / -3);
   }
 
-.m-d4fb9cad::after {
+.m_d4fb9cad::after {
     top: calc(var(--burger-size) / 3);
   }
 
-.m-d4fb9cad[data-opened] {
+.m_d4fb9cad[data-opened] {
     background-color: transparent;
   }
 
-.m-d4fb9cad[data-opened]::before {
+.m_d4fb9cad[data-opened]::before {
       transform: translateY(calc(var(--burger-size) / 3)) rotate(45deg);
     }
 
-.m-d4fb9cad[data-opened]::after {
+.m_d4fb9cad[data-opened]::after {
       transform: translateY(calc(var(--burger-size) / -3)) rotate(-45deg);
     }
 }

package/styles/Button.css

@@ -1,4 +1,4 @@
-.m-77c9d27d {
+.m_77c9d27d {
   --button-height-xs: calc(1.875rem * var(--mantine-scale));
   --button-height-sm: calc(2.25rem * var(--mantine-scale));
   --button-height-md: calc(2.625rem * var(--mantine-scale));
@@ -47,36 +47,36 @@
   vertical-align: middle;
 }
 
-  .m-77c9d27d:where([data-block]) {
+  .m_77c9d27d:where([data-block]) {
     display: block;
     width: 100%;
   }
 
-  .m-77c9d27d:where([data-with-left-section]) {
+  .m_77c9d27d:where([data-with-left-section]) {
     padding-inline-start: calc(var(--button-padding-x) / 1.5);
   }
 
-  .m-77c9d27d:where([data-with-right-section]) {
+  .m_77c9d27d:where([data-with-right-section]) {
     padding-inline-end: calc(var(--button-padding-x) / 1.5);
   }
 
-  .m-77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
+  .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
     cursor: not-allowed;
     border: calc(0.0625rem * var(--mantine-scale)) solid transparent;
     transform: none;
   }
 
-  :where([data-mantine-color-scheme='light']) .m-77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
+  :where([data-mantine-color-scheme='light']) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
       color: var(--mantine-color-gray-5);
       background: var(--mantine-color-gray-1);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
+  :where([data-mantine-color-scheme='dark']) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
       color: var(--mantine-color-dark-3);
       background: var(--mantine-color-dark-6);
 }
 
-  .m-77c9d27d::before {
+  .m_77c9d27d::before {
     content: '';
     pointer-events: none;
     position: absolute;
@@ -90,44 +90,44 @@
       opacity 100ms ease;
   }
 
-  :where([data-mantine-color-scheme='light']) .m-77c9d27d::before {
+  :where([data-mantine-color-scheme='light']) .m_77c9d27d::before {
       background-color: rgba(255, 255, 255, 0.15);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-77c9d27d::before {
+  :where([data-mantine-color-scheme='dark']) .m_77c9d27d::before {
       background-color: rgba(0, 0, 0, 0.15);
 }
 
-  .m-77c9d27d:where([data-loading]) {
+  .m_77c9d27d:where([data-loading]) {
     cursor: not-allowed;
     transform: none;
   }
 
-  .m-77c9d27d:where([data-loading])::before {
+  .m_77c9d27d:where([data-loading])::before {
       transform: translateY(0);
       opacity: 1;
     }
 
-  .m-77c9d27d:where([data-loading]) .m-80f1301b {
+  .m_77c9d27d:where([data-loading]) .m_80f1301b {
       opacity: 0;
       transform: translateY(100%);
     }
 
   @media (hover: hover) {
-    .m-77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
+    .m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
       background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
       color: var(--button-hover-color, var(--button-color));
     }
 }
 
   @media (hover: none) {
-    .m-77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
+    .m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
       background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
       color: var(--button-hover-color, var(--button-color));
     }
 }
 
-.m-80f1301b {
+.m_80f1301b {
   display: flex;
   align-items: center;
   justify-content: var(--button-justify, center);
@@ -138,7 +138,7 @@
     opacity 100ms ease;
 }
 
-.m-811560b9 {
+.m_811560b9 {
   white-space: nowrap;
   height: 100%;
   overflow: hidden;
@@ -147,77 +147,77 @@
   opacity: 1;
 }
 
-.m-811560b9:where([data-loading]) {
+.m_811560b9:where([data-loading]) {
     opacity: 0.2;
   }
 
-.m-a74036a {
+.m_a74036a {
   display: flex;
   align-items: center;
 }
 
-.m-a74036a:where([data-position='left']) {
+.m_a74036a:where([data-position='left']) {
     margin-inline-end: var(--mantine-spacing-xs);
   }
 
-.m-a74036a:where([data-position='right']) {
+.m_a74036a:where([data-position='right']) {
     margin-inline-start: var(--mantine-spacing-xs);
   }
 
-.m-a25b86ee {
+.m_a25b86ee {
   position: absolute;
   left: 50%;
   top: 50%;
 }
 
-.m-80d6d844 {
+.m_80d6d844 {
   --button-border-width: calc(0.0625rem * var(--mantine-scale));
   display: flex;
 }
 
-.m-80d6d844 :where(*):focus {
+.m_80d6d844 :where(*):focus {
       position: relative;
       z-index: 1;
     }
 
-.m-80d6d844[data-orientation='horizontal'] {
+.m_80d6d844[data-orientation='horizontal'] {
     flex-direction: row;
   }
 
-.m-80d6d844[data-orientation='horizontal'] .m-77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):first-child {
         border-end-end-radius: 0;
         border-start-end-radius: 0;
         border-inline-end-width: calc(var(--button-border-width) / 2);
       }
 
-.m-80d6d844[data-orientation='horizontal'] .m-77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):last-child {
         border-end-start-radius: 0;
         border-start-start-radius: 0;
         border-inline-start-width: calc(var(--button-border-width) / 2);
       }
 
-.m-80d6d844[data-orientation='horizontal'] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='horizontal'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-inline-width: calc(var(--button-border-width) / 2);
       }
 
-.m-80d6d844[data-orientation='vertical'] {
+.m_80d6d844[data-orientation='vertical'] {
     flex-direction: column;
   }
 
-.m-80d6d844[data-orientation='vertical'] .m-77c9d27d:not(:only-child):first-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):first-child {
         border-end-start-radius: 0;
         border-end-end-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
       }
 
-.m-80d6d844[data-orientation='vertical'] .m-77c9d27d:not(:only-child):last-child {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):last-child {
         border-start-start-radius: 0;
         border-start-end-radius: 0;
         border-top-width: calc(var(--button-border-width) / 2);
       }
 
-.m-80d6d844[data-orientation='vertical'] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
+.m_80d6d844[data-orientation='vertical'] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child) {
         border-radius: 0;
         border-bottom-width: calc(var(--button-border-width) / 2);
         border-top-width: calc(var(--button-border-width) / 2);