@mantine/core 7.7.0 → 7.7.2

package/styles/AspectRatio.css

@@ -1,24 +1,24 @@
-.m-71ac47fc {
+.m_71ac47fc {
   --ar-ratio: 1;
 
   position: relative;
   max-width: 100%;
 }
 
-  .m-71ac47fc::before {
+  .m_71ac47fc::before {
     content: '';
     height: 0;
     display: block;
     padding-bottom: calc((1 / var(--ar-ratio)) * 100%);
   }
 
-  .m-71ac47fc::after {
+  .m_71ac47fc::after {
     content: '';
     display: table;
     clear: both;
   }
 
-  .m-71ac47fc > :where(*:not(style)) {
+  .m_71ac47fc > :where(*:not(style)) {
     position: absolute;
     inset: 0;
     width: 100%;
@@ -28,6 +28,6 @@
     justify-content: center;
   }
 
-  .m-71ac47fc > :where(img, video) {
+  .m_71ac47fc > :where(img, video) {
     object-fit: cover;
   }

package/styles/AspectRatio.layer.css

@@ -1,24 +1,24 @@
-@layer mantine {.m-71ac47fc {
+@layer mantine {.m_71ac47fc {
   --ar-ratio: 1;
 
   position: relative;
   max-width: 100%;
 }
 
-  .m-71ac47fc::before {
+  .m_71ac47fc::before {
     content: '';
     height: 0;
     display: block;
     padding-bottom: calc((1 / var(--ar-ratio)) * 100%);
   }
 
-  .m-71ac47fc::after {
+  .m_71ac47fc::after {
     content: '';
     display: table;
     clear: both;
   }
 
-  .m-71ac47fc > :where(*:not(style)) {
+  .m_71ac47fc > :where(*:not(style)) {
     position: absolute;
     inset: 0;
     width: 100%;
@@ -28,7 +28,7 @@
     justify-content: center;
   }
 
-  .m-71ac47fc > :where(img, video) {
+  .m_71ac47fc > :where(img, video) {
     object-fit: cover;
   }
 }

package/styles/Avatar.css

@@ -1,5 +1,5 @@
 /* Avatar.Group root element */
-.m-11def92b {
+.m_11def92b {
   --ag-spacing: var(--mantine-spacing-sm);
   --ag-offset: calc(var(--ag-spacing) * -1);
 
@@ -8,7 +8,7 @@
 }
 
 /* Avatar root element */
-.m-f85678b6 {
+.m_f85678b6 {
   --avatar-size-xs: calc(1rem * var(--mantine-scale));
   --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
   --avatar-size-md: calc(2.375rem * var(--mantine-scale));
@@ -34,20 +34,20 @@
   height: var(--avatar-size);
   min-width: var(--avatar-size);
 }
-.m-f85678b6:where([data-within-group]) {
+.m_f85678b6:where([data-within-group]) {
     margin-inline-start: var(--ag-offset);
     border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
     background: var(--mantine-color-body);
   }
 
-.m-11f8ac07 {
+.m_11f8ac07 {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
 }
 
-.m-104cd71f {
+.m_104cd71f {
   font-weight: 700;
   display: flex;
   align-items: center;
@@ -62,7 +62,7 @@
   color: var(--avatar-color);
 }
 
-.m-104cd71f > [data-avatar-placeholder-icon] {
+.m_104cd71f > [data-avatar-placeholder-icon] {
     width: 70%;
     height: 70%;
   }

package/styles/Avatar.layer.css

@@ -1,5 +1,5 @@
 @layer mantine {/* Avatar.Group root element */
-.m-11def92b {
+.m_11def92b {
   --ag-spacing: var(--mantine-spacing-sm);
   --ag-offset: calc(var(--ag-spacing) * -1);
 
@@ -8,7 +8,7 @@
 }
 
 /* Avatar root element */
-.m-f85678b6 {
+.m_f85678b6 {
   --avatar-size-xs: calc(1rem * var(--mantine-scale));
   --avatar-size-sm: calc(1.625rem * var(--mantine-scale));
   --avatar-size-md: calc(2.375rem * var(--mantine-scale));
@@ -34,20 +34,20 @@
   height: var(--avatar-size);
   min-width: var(--avatar-size);
 }
-.m-f85678b6:where([data-within-group]) {
+.m_f85678b6:where([data-within-group]) {
     margin-inline-start: var(--ag-offset);
     border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
     background: var(--mantine-color-body);
   }
 
-.m-11f8ac07 {
+.m_11f8ac07 {
   object-fit: cover;
   width: 100%;
   height: 100%;
   display: block;
 }
 
-.m-104cd71f {
+.m_104cd71f {
   font-weight: 700;
   display: flex;
   align-items: center;
@@ -62,7 +62,7 @@
   color: var(--avatar-color);
 }
 
-.m-104cd71f > [data-avatar-placeholder-icon] {
+.m_104cd71f > [data-avatar-placeholder-icon] {
     width: 70%;
     height: 70%;
   }

package/styles/BackgroundImage.css

@@ -1,4 +1,4 @@
-.m-2ce0de02 {
+.m_2ce0de02 {
   background-size: cover;
   background-position: center;
   display: block;

package/styles/BackgroundImage.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-2ce0de02 {
+@layer mantine {.m_2ce0de02 {
   background-size: cover;
   background-position: center;
   display: block;

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);
     }
 }