@mantine/core 7.7.0 → 7.7.1

package/styles/SimpleGrid.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-2415a157 {
+@layer mantine {.m_2415a157 {
   display: grid;
   grid-template-columns: repeat(var(--sg-cols), minmax(0, 1fr));
   gap: var(--sg-spacing-y) var(--sg-spacing-x);

package/styles/Skeleton.css

@@ -1,4 +1,4 @@
-@keyframes m-299c329c {
+@keyframes m_299c329c {
   0%,
   100% {
     opacity: 0.4;
@@ -9,7 +9,7 @@
   }
 }
 
-.m-18320242 {
+.m_18320242 {
   height: var(--skeleton-height, auto);
   width: var(--skeleton-width, 100%);
   border-radius: var(--skeleton-radius, var(--mantine-radius-default));
@@ -18,15 +18,15 @@
   -webkit-transform: translateZ(0);
 }
 
-.m-18320242:where([data-animate])::after {
-    animation: m-299c329c 1500ms linear infinite;
+.m_18320242:where([data-animate])::after {
+    animation: m_299c329c 1500ms linear infinite;
   }
 
-.m-18320242:where([data-visible]) {
+.m_18320242:where([data-visible]) {
     overflow: hidden;
   }
 
-.m-18320242:where([data-visible])::before {
+.m_18320242:where([data-visible])::before {
       position: absolute;
       content: '';
       inset: 0;
@@ -34,17 +34,17 @@
       background-color: var(--mantine-color-body);
     }
 
-.m-18320242:where([data-visible])::after {
+.m_18320242:where([data-visible])::after {
       position: absolute;
       content: '';
       inset: 0;
       z-index: 11;
     }
 
-:where([data-mantine-color-scheme='light']) .m-18320242:where([data-visible])::after {
+:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
         background-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-18320242:where([data-visible])::after {
+:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
         background-color: var(--mantine-color-dark-4);
 }

package/styles/Skeleton.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {@keyframes m-299c329c {
+@layer mantine {@keyframes m_299c329c {
   0%,
   100% {
     opacity: 0.4;
@@ -9,7 +9,7 @@
   }
 }
 
-.m-18320242 {
+.m_18320242 {
   height: var(--skeleton-height, auto);
   width: var(--skeleton-width, 100%);
   border-radius: var(--skeleton-radius, var(--mantine-radius-default));
@@ -18,15 +18,15 @@
   -webkit-transform: translateZ(0);
 }
 
-.m-18320242:where([data-animate])::after {
-    animation: m-299c329c 1500ms linear infinite;
+.m_18320242:where([data-animate])::after {
+    animation: m_299c329c 1500ms linear infinite;
   }
 
-.m-18320242:where([data-visible]) {
+.m_18320242:where([data-visible]) {
     overflow: hidden;
   }
 
-.m-18320242:where([data-visible])::before {
+.m_18320242:where([data-visible])::before {
       position: absolute;
       content: '';
       inset: 0;
@@ -34,18 +34,18 @@
       background-color: var(--mantine-color-body);
     }
 
-.m-18320242:where([data-visible])::after {
+.m_18320242:where([data-visible])::after {
       position: absolute;
       content: '';
       inset: 0;
       z-index: 11;
     }
 
-:where([data-mantine-color-scheme='light']) .m-18320242:where([data-visible])::after {
+:where([data-mantine-color-scheme='light']) .m_18320242:where([data-visible])::after {
         background-color: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-18320242:where([data-visible])::after {
+:where([data-mantine-color-scheme='dark']) .m_18320242:where([data-visible])::after {
         background-color: var(--mantine-color-dark-4);
 }
 }

package/styles/Slider.css

@@ -1,4 +1,4 @@
-.m-dd36362e {
+.m_dd36362e {
   --slider-size-xs: calc(0.25rem * var(--mantine-scale));
   --slider-size-sm: calc(0.375rem * var(--mantine-scale));
   --slider-size-md: calc(0.5rem * var(--mantine-scale));
@@ -20,17 +20,17 @@
   position: relative;
 }
 
-  [data-mantine-color-scheme='light'] .m-dd36362e {
+  [data-mantine-color-scheme='light'] .m_dd36362e {
     --slider-track-bg: var(--mantine-color-gray-2);
     --slider-track-disabled-bg: var(--mantine-color-gray-4);
 }
 
-  [data-mantine-color-scheme='dark'] .m-dd36362e {
+  [data-mantine-color-scheme='dark'] .m_dd36362e {
     --slider-track-bg: var(--mantine-color-dark-4);
     --slider-track-disabled-bg: var(--mantine-color-dark-3);
 }
 
-.m-c9357328 {
+.m_c9357328 {
   position: absolute;
   top: calc(-2.25rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-xs);
@@ -43,15 +43,15 @@
   touch-action: none;
 }
 
-:where([data-mantine-color-scheme='light']) .m-c9357328 {
+:where([data-mantine-color-scheme='light']) .m_c9357328 {
     background-color: var(--mantine-color-gray-9);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-c9357328 {
+:where([data-mantine-color-scheme='dark']) .m_c9357328 {
     background-color: var(--mantine-color-dark-4);
 }
 
-.m-c9a9a60a {
+.m_c9a9a60a {
   position: absolute;
   display: flex;
   height: var(--slider-thumb-size);
@@ -74,32 +74,32 @@
   left: var(--slider-thumb-offset);
 }
 
-:where([dir="rtl"]) .m-c9a9a60a {
+:where([dir="rtl"]) .m_c9a9a60a {
     left: auto;
     right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
 }
 
-fieldset:disabled .m-c9a9a60a,
-  .m-c9a9a60a:where([data-disabled]) {
+fieldset:disabled .m_c9a9a60a,
+  .m_c9a9a60a:where([data-disabled]) {
     display: none;
   }
 
-.m-c9a9a60a:where([data-dragging]) {
+.m_c9a9a60a:where([data-dragging]) {
     transform: translate(-50%, -50%) scale(1.05);
     box-shadow: var(--mantine-shadow-sm);
   }
 
-:where([data-mantine-color-scheme='light']) .m-c9a9a60a {
+:where([data-mantine-color-scheme='light']) .m_c9a9a60a {
     border-color: var(--slider-color);
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-c9a9a60a {
+:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
     border-color: var(--mantine-color-white);
     background-color: var(--slider-color);
 }
 
-.m-a8645c2 {
+.m_a8645c2 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -107,27 +107,27 @@ fieldset:disabled .m-c9a9a60a,
   cursor: pointer;
 }
 
-fieldset:disabled .m-a8645c2,
-  .m-a8645c2:where([data-disabled]) {
+fieldset:disabled .m_a8645c2,
+  .m_a8645c2:where([data-disabled]) {
     cursor: not-allowed;
   }
 
-.m-c9ade57f {
+.m_c9ade57f {
   position: relative;
   width: 100%;
   height: var(--slider-size);
 }
 
-.m-c9ade57f:where([data-inverted]:not([data-disabled])) {
+.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
     --track-bg: var(--slider-color);
   }
 
-fieldset:disabled .m-c9ade57f:where([data-inverted]),
-  .m-c9ade57f:where([data-inverted][data-disabled]) {
+fieldset:disabled .m_c9ade57f:where([data-inverted]),
+  .m_c9ade57f:where([data-inverted][data-disabled]) {
     --track-bg: var(--slider-track-disabled-bg);
   }
 
-.m-c9ade57f::before {
+.m_c9ade57f::before {
     content: '';
     position: absolute;
     top: 0;
@@ -138,7 +138,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-.m-38aeed47 {
+.m_38aeed47 {
   position: absolute;
   z-index: 1;
   top: 0;
@@ -149,19 +149,19 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   inset-inline-start: var(--slider-bar-offset);
 }
 
-.m-38aeed47:where([data-inverted]) {
+.m_38aeed47:where([data-inverted]) {
     background-color: var(--slider-track-bg);
   }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m-38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='light']) .m-38aeed47:where([data-disabled]:not([data-inverted])) {
+:where([data-mantine-color-scheme='light']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='light']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
       background-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) fieldset:disabled .m-38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='dark']) .m-38aeed47:where([data-disabled]:not([data-inverted])) {
+:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='dark']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
       background-color: var(--mantine-color-dark-3);
 }
 
-.m-b7b0423a {
+.m_b7b0423a {
   position: absolute;
   inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
   top: 0;
@@ -170,7 +170,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   pointer-events: none;
 }
 
-.m-dd33bc19 {
+.m_dd33bc19 {
   border: calc(0.125rem * var(--mantine-scale)) solid;
   height: var(--slider-size);
   width: var(--slider-size);
@@ -180,27 +180,27 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   pointer-events: none;
 }
 
-:where([data-mantine-color-scheme='light']) .m-dd33bc19 {
+:where([data-mantine-color-scheme='light']) .m_dd33bc19 {
     border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-dd33bc19 {
+:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
     border-color: var(--mantine-color-dark-4);
 }
 
-.m-dd33bc19:where([data-filled]) {
+.m_dd33bc19:where([data-filled]) {
     border-color: var(--slider-color);
   }
 
-:where([data-mantine-color-scheme='light']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-dark-3);
 }
 
-.m-68c77a5b {
+.m_68c77a5b {
   transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
   font-size: var(--mantine-font-size-sm);
   white-space: nowrap;
@@ -208,10 +208,10 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   user-select: none;
 }
 
-:where([data-mantine-color-scheme='light']) .m-68c77a5b {
+:where([data-mantine-color-scheme='light']) .m_68c77a5b {
     color: var(--mantine-color-gray-6);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-68c77a5b {
+:where([data-mantine-color-scheme='dark']) .m_68c77a5b {
     color: var(--mantine-color-dark-2);
 }

package/styles/Slider.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-dd36362e {
+@layer mantine {.m_dd36362e {
   --slider-size-xs: calc(0.25rem * var(--mantine-scale));
   --slider-size-sm: calc(0.375rem * var(--mantine-scale));
   --slider-size-md: calc(0.5rem * var(--mantine-scale));
@@ -20,17 +20,17 @@
   position: relative;
 }
 
-  [data-mantine-color-scheme='light'] .m-dd36362e {
+  [data-mantine-color-scheme='light'] .m_dd36362e {
     --slider-track-bg: var(--mantine-color-gray-2);
     --slider-track-disabled-bg: var(--mantine-color-gray-4);
 }
 
-  [data-mantine-color-scheme='dark'] .m-dd36362e {
+  [data-mantine-color-scheme='dark'] .m_dd36362e {
     --slider-track-bg: var(--mantine-color-dark-4);
     --slider-track-disabled-bg: var(--mantine-color-dark-3);
 }
 
-.m-c9357328 {
+.m_c9357328 {
   position: absolute;
   top: calc(-2.25rem * var(--mantine-scale));
   font-size: var(--mantine-font-size-xs);
@@ -43,15 +43,15 @@
   touch-action: none;
 }
 
-:where([data-mantine-color-scheme='light']) .m-c9357328 {
+:where([data-mantine-color-scheme='light']) .m_c9357328 {
     background-color: var(--mantine-color-gray-9);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-c9357328 {
+:where([data-mantine-color-scheme='dark']) .m_c9357328 {
     background-color: var(--mantine-color-dark-4);
 }
 
-.m-c9a9a60a {
+.m_c9a9a60a {
   position: absolute;
   display: flex;
   height: var(--slider-thumb-size);
@@ -74,32 +74,32 @@
   left: var(--slider-thumb-offset);
 }
 
-:where([dir="rtl"]) .m-c9a9a60a {
+:where([dir="rtl"]) .m_c9a9a60a {
     left: auto;
     right: calc(var(--slider-thumb-offset) - var(--slider-thumb-size));
 }
 
-fieldset:disabled .m-c9a9a60a,
-  .m-c9a9a60a:where([data-disabled]) {
+fieldset:disabled .m_c9a9a60a,
+  .m_c9a9a60a:where([data-disabled]) {
     display: none;
   }
 
-.m-c9a9a60a:where([data-dragging]) {
+.m_c9a9a60a:where([data-dragging]) {
     transform: translate(-50%, -50%) scale(1.05);
     box-shadow: var(--mantine-shadow-sm);
   }
 
-:where([data-mantine-color-scheme='light']) .m-c9a9a60a {
+:where([data-mantine-color-scheme='light']) .m_c9a9a60a {
     border-color: var(--slider-color);
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-c9a9a60a {
+:where([data-mantine-color-scheme='dark']) .m_c9a9a60a {
     border-color: var(--mantine-color-white);
     background-color: var(--slider-color);
 }
 
-.m-a8645c2 {
+.m_a8645c2 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -107,27 +107,27 @@ fieldset:disabled .m-c9a9a60a,
   cursor: pointer;
 }
 
-fieldset:disabled .m-a8645c2,
-  .m-a8645c2:where([data-disabled]) {
+fieldset:disabled .m_a8645c2,
+  .m_a8645c2:where([data-disabled]) {
     cursor: not-allowed;
   }
 
-.m-c9ade57f {
+.m_c9ade57f {
   position: relative;
   width: 100%;
   height: var(--slider-size);
 }
 
-.m-c9ade57f:where([data-inverted]:not([data-disabled])) {
+.m_c9ade57f:where([data-inverted]:not([data-disabled])) {
     --track-bg: var(--slider-color);
   }
 
-fieldset:disabled .m-c9ade57f:where([data-inverted]),
-  .m-c9ade57f:where([data-inverted][data-disabled]) {
+fieldset:disabled .m_c9ade57f:where([data-inverted]),
+  .m_c9ade57f:where([data-inverted][data-disabled]) {
     --track-bg: var(--slider-track-disabled-bg);
   }
 
-.m-c9ade57f::before {
+.m_c9ade57f::before {
     content: '';
     position: absolute;
     top: 0;
@@ -138,7 +138,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
     z-index: 0;
   }
 
-.m-38aeed47 {
+.m_38aeed47 {
   position: absolute;
   z-index: 1;
   top: 0;
@@ -149,19 +149,19 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   inset-inline-start: var(--slider-bar-offset);
 }
 
-.m-38aeed47:where([data-inverted]) {
+.m_38aeed47:where([data-inverted]) {
     background-color: var(--slider-track-bg);
   }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m-38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='light']) .m-38aeed47:where([data-disabled]:not([data-inverted])) {
+:where([data-mantine-color-scheme='light']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='light']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
       background-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) fieldset:disabled .m-38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='dark']) .m-38aeed47:where([data-disabled]:not([data-inverted])) {
+:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_38aeed47:where(:not([data-inverted])), :where([data-mantine-color-scheme='dark']) .m_38aeed47:where([data-disabled]:not([data-inverted])) {
       background-color: var(--mantine-color-dark-3);
 }
 
-.m-b7b0423a {
+.m_b7b0423a {
   position: absolute;
   inset-inline-start: calc(var(--mark-offset) - var(--slider-size) / 2);
   top: 0;
@@ -170,7 +170,7 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   pointer-events: none;
 }
 
-.m-dd33bc19 {
+.m_dd33bc19 {
   border: calc(0.125rem * var(--mantine-scale)) solid;
   height: var(--slider-size);
   width: var(--slider-size);
@@ -180,27 +180,27 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   pointer-events: none;
 }
 
-:where([data-mantine-color-scheme='light']) .m-dd33bc19 {
+:where([data-mantine-color-scheme='light']) .m_dd33bc19 {
     border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-dd33bc19 {
+:where([data-mantine-color-scheme='dark']) .m_dd33bc19 {
     border-color: var(--mantine-color-dark-4);
 }
 
-.m-dd33bc19:where([data-filled]) {
+.m_dd33bc19:where([data-filled]) {
     border-color: var(--slider-color);
   }
 
-:where([data-mantine-color-scheme='light']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
+:where([data-mantine-color-scheme='light']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-dd33bc19:where([data-filled]):where([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) .m_dd33bc19:where([data-filled]):where([data-disabled]) {
         border-color: var(--mantine-color-dark-3);
 }
 
-.m-68c77a5b {
+.m_68c77a5b {
   transform: translate(calc(-50% + var(--slider-size) / 2), calc(var(--mantine-spacing-xs) / 2));
   font-size: var(--mantine-font-size-sm);
   white-space: nowrap;
@@ -208,11 +208,11 @@ fieldset:disabled .m-c9ade57f:where([data-inverted]),
   user-select: none;
 }
 
-:where([data-mantine-color-scheme='light']) .m-68c77a5b {
+:where([data-mantine-color-scheme='light']) .m_68c77a5b {
     color: var(--mantine-color-gray-6);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-68c77a5b {
+:where([data-mantine-color-scheme='dark']) .m_68c77a5b {
     color: var(--mantine-color-dark-2);
 }
 }

package/styles/Spoiler.css

@@ -1,19 +1,19 @@
-.m-559cce2d {
+.m_559cce2d {
   position: relative;
 }
 
-  .m-559cce2d:where([data-has-spoiler]) {
+  .m_559cce2d:where([data-has-spoiler]) {
     margin-bottom: calc(1.5rem * var(--mantine-scale));
   }
 
-.m-b912df4e {
+.m_b912df4e {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   transition: max-height var(--spoiler-transition-duration, 200ms) ease;
 }
 
-.m-b9131032 {
+.m_b9131032 {
   position: absolute;
   inset-inline-start: 0;
   top: 100%;

package/styles/Spoiler.layer.css

@@ -1,19 +1,19 @@
-@layer mantine {.m-559cce2d {
+@layer mantine {.m_559cce2d {
   position: relative;
 }
 
-  .m-559cce2d:where([data-has-spoiler]) {
+  .m_559cce2d:where([data-has-spoiler]) {
     margin-bottom: calc(1.5rem * var(--mantine-scale));
   }
 
-.m-b912df4e {
+.m_b912df4e {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   transition: max-height var(--spoiler-transition-duration, 200ms) ease;
 }
 
-.m-b9131032 {
+.m_b9131032 {
   position: absolute;
   inset-inline-start: 0;
   top: 100%;

package/styles/Stack.css

@@ -1,4 +1,4 @@
-.m-6d731127 {
+.m_6d731127 {
   display: flex;
   flex-direction: column;
   align-items: var(--stack-align, stretch);

package/styles/Stack.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-6d731127 {
+@layer mantine {.m_6d731127 {
   display: flex;
   flex-direction: column;
   align-items: var(--stack-align, stretch);