@mantine/core 7.7.0 → 7.7.1

package/styles/Radio.css

@@ -1,4 +1,4 @@
-.m-f3f1af94 {
+.m_f3f1af94 {
   --radio-size-xs: calc(1rem * var(--mantine-scale));
   --radio-size-sm: calc(1.25rem * var(--mantine-scale));
   --radio-size-md: calc(1.5rem * var(--mantine-scale));
@@ -15,18 +15,18 @@
   --radio-icon-color: var(--mantine-color-white);
 }
 
-.m-89c4f5e4 {
+.m_89c4f5e4 {
   position: relative;
   width: var(--radio-size);
   height: var(--radio-size);
   order: 1;
 }
 
-.m-89c4f5e4:where([data-label-position='left']) {
+.m_89c4f5e4:where([data-label-position='left']) {
     order: 2;
   }
 
-.m-f3ed6b2b {
+.m_f3ed6b2b {
   color: var(--radio-icon-color);
   opacity: var(--radio-icon-opacity, 0);
   transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
@@ -41,7 +41,7 @@
   left: calc(50% - var(--radio-icon-size) / 2);
 }
 
-.m-8a3dbb89 {
+.m_8a3dbb89 {
   border: calc(0.0625rem * var(--mantine-scale)) solid;
   position: relative;
   appearance: none;
@@ -59,62 +59,62 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-:where([data-mantine-color-scheme='light']) .m-8a3dbb89 {
+:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-8a3dbb89 {
+:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
 
-.m-8a3dbb89:checked {
+.m_8a3dbb89:checked {
     background-color: var(--radio-color, var(--mantine-primary-color-filled));
     border-color: var(--radio-color, var(--mantine-primary-color-filled));
   }
 
-.m-8a3dbb89:checked + .m-f3ed6b2b {
+.m_8a3dbb89:checked + .m_f3ed6b2b {
       --radio-icon-opacity: 1;
       --radio-icon-transform: scale(1);
     }
 
-.m-8a3dbb89:disabled {
+.m_8a3dbb89:disabled {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled {
+:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled {
       background-color: var(--mantine-color-gray-1);
       border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
         --radio-icon-color: var(--mantine-color-gray-3);
       }
 
-:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled {
+:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled {
       background-color: var(--mantine-color-dark-5);
       border-color: var(--mantine-color-dark-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
         --radio-icon-color: var(--mantine-color-dark-7);
       }
 
-.m-8a3dbb89:where([data-error]) {
+.m_8a3dbb89:where([data-error]) {
     border-color: var(--mantine-color-error);
   }
 
-.m-1bfe9d39 + .m-f3ed6b2b {
+.m_1bfe9d39 + .m_f3ed6b2b {
     --radio-icon-color: var(--radio-color);
   }
 
-.m-1bfe9d39:checked:not(:disabled) {
+.m_1bfe9d39:checked:not(:disabled) {
     background-color: transparent;
     border-color: var(--radio-color);
   }
 
-.m-1bfe9d39:checked:not(:disabled) + .m-f3ed6b2b {
+.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
       --radio-icon-color: var(--radio-color);
       --radio-icon-opacity: 1;
       --radio-icon-transform: none;

package/styles/Radio.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-f3f1af94 {
+@layer mantine {.m_f3f1af94 {
   --radio-size-xs: calc(1rem * var(--mantine-scale));
   --radio-size-sm: calc(1.25rem * var(--mantine-scale));
   --radio-size-md: calc(1.5rem * var(--mantine-scale));
@@ -15,18 +15,18 @@
   --radio-icon-color: var(--mantine-color-white);
 }
 
-.m-89c4f5e4 {
+.m_89c4f5e4 {
   position: relative;
   width: var(--radio-size);
   height: var(--radio-size);
   order: 1;
 }
 
-.m-89c4f5e4:where([data-label-position='left']) {
+.m_89c4f5e4:where([data-label-position='left']) {
     order: 2;
   }
 
-.m-f3ed6b2b {
+.m_f3ed6b2b {
   color: var(--radio-icon-color);
   opacity: var(--radio-icon-opacity, 0);
   transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
@@ -41,7 +41,7 @@
   left: calc(50% - var(--radio-icon-size) / 2);
 }
 
-.m-8a3dbb89 {
+.m_8a3dbb89 {
   border: calc(0.0625rem * var(--mantine-scale)) solid;
   position: relative;
   appearance: none;
@@ -59,62 +59,62 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-:where([data-mantine-color-scheme='light']) .m-8a3dbb89 {
+:where([data-mantine-color-scheme='light']) .m_8a3dbb89 {
     background-color: var(--mantine-color-white);
     border-color: var(--mantine-color-gray-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-8a3dbb89 {
+:where([data-mantine-color-scheme='dark']) .m_8a3dbb89 {
     background-color: var(--mantine-color-dark-6);
     border-color: var(--mantine-color-dark-4);
 }
 
-.m-8a3dbb89:checked {
+.m_8a3dbb89:checked {
     background-color: var(--radio-color, var(--mantine-primary-color-filled));
     border-color: var(--radio-color, var(--mantine-primary-color-filled));
   }
 
-.m-8a3dbb89:checked + .m-f3ed6b2b {
+.m_8a3dbb89:checked + .m_f3ed6b2b {
       --radio-icon-opacity: 1;
       --radio-icon-transform: scale(1);
     }
 
-.m-8a3dbb89:disabled {
+.m_8a3dbb89:disabled {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled {
+:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled {
       background-color: var(--mantine-color-gray-1);
       border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+:where([data-mantine-color-scheme='light']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
         --radio-icon-color: var(--mantine-color-gray-3);
       }
 
-:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled {
+:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled {
       background-color: var(--mantine-color-dark-5);
       border-color: var(--mantine-color-dark-4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+:where([data-mantine-color-scheme='dark']) .m_8a3dbb89:disabled + .m_f3ed6b2b {
         --radio-icon-color: var(--mantine-color-dark-7);
       }
 
-.m-8a3dbb89:where([data-error]) {
+.m_8a3dbb89:where([data-error]) {
     border-color: var(--mantine-color-error);
   }
 
-.m-1bfe9d39 + .m-f3ed6b2b {
+.m_1bfe9d39 + .m_f3ed6b2b {
     --radio-icon-color: var(--radio-color);
   }
 
-.m-1bfe9d39:checked:not(:disabled) {
+.m_1bfe9d39:checked:not(:disabled) {
     background-color: transparent;
     border-color: var(--radio-color);
   }
 
-.m-1bfe9d39:checked:not(:disabled) + .m-f3ed6b2b {
+.m_1bfe9d39:checked:not(:disabled) + .m_f3ed6b2b {
       --radio-icon-color: var(--radio-color);
       --radio-icon-opacity: 1;
       --radio-icon-transform: none;

package/styles/Rating.css

@@ -1,4 +1,4 @@
-.m-f8d312f2 {
+.m_f8d312f2 {
   --rating-size-xs: calc(0.875rem * var(--mantine-scale));
   --rating-size-sm: calc(1.125rem * var(--mantine-scale));
   --rating-size-md: calc(1.25rem * var(--mantine-scale));
@@ -9,42 +9,42 @@
   width: max-content;
 }
 
-  .m-f8d312f2:where(:has(input:disabled)) {
+  .m_f8d312f2:where(:has(input:disabled)) {
     pointer-events: none;
   }
 
-.m-61734bb7 {
+.m_61734bb7 {
   position: relative;
   transition: transform 100ms ease;
 }
 
-.m-61734bb7:where([data-active]) {
+.m_61734bb7:where([data-active]) {
     z-index: 1;
     transform: scale(1.1);
   }
 
-.m-5662a89a {
+.m_5662a89a {
   width: var(--rating-size);
   height: var(--rating-size);
   display: block;
 }
 
-:where([data-mantine-color-scheme='light']) .m-5662a89a {
+:where([data-mantine-color-scheme='light']) .m_5662a89a {
     fill: var(--mantine-color-gray-3);
     stroke: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-5662a89a {
+:where([data-mantine-color-scheme='dark']) .m_5662a89a {
     fill: var(--mantine-color-dark-3);
     stroke: var(--mantine-color-dark-3);
 }
 
-.m-5662a89a:where([data-filled]) {
+.m_5662a89a:where([data-filled]) {
     fill: var(--rating-color);
     stroke: var(--rating-color);
   }
 
-.m-211007ba {
+.m_211007ba {
   height: 0;
   width: 0;
   position: absolute;
@@ -54,12 +54,12 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-.m-211007ba:focus-visible + label {
+.m_211007ba:focus-visible + label {
     outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
-.m-21342ee4 {
+.m_21342ee4 {
   display: block;
   cursor: pointer;
   position: absolute;
@@ -69,14 +69,14 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-.m-21342ee4:where([data-read-only]) {
+.m_21342ee4:where([data-read-only]) {
     cursor: default;
   }
 
-.m-21342ee4:where(:last-of-type) {
+.m_21342ee4:where(:last-of-type) {
     position: relative;
   }
 
-.m-fae05d6a {
+.m_fae05d6a {
   clip-path: var(--rating-symbol-clip-path);
 }

package/styles/Rating.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-f8d312f2 {
+@layer mantine {.m_f8d312f2 {
   --rating-size-xs: calc(0.875rem * var(--mantine-scale));
   --rating-size-sm: calc(1.125rem * var(--mantine-scale));
   --rating-size-md: calc(1.25rem * var(--mantine-scale));
@@ -9,42 +9,42 @@
   width: max-content;
 }
 
-  .m-f8d312f2:where(:has(input:disabled)) {
+  .m_f8d312f2:where(:has(input:disabled)) {
     pointer-events: none;
   }
 
-.m-61734bb7 {
+.m_61734bb7 {
   position: relative;
   transition: transform 100ms ease;
 }
 
-.m-61734bb7:where([data-active]) {
+.m_61734bb7:where([data-active]) {
     z-index: 1;
     transform: scale(1.1);
   }
 
-.m-5662a89a {
+.m_5662a89a {
   width: var(--rating-size);
   height: var(--rating-size);
   display: block;
 }
 
-:where([data-mantine-color-scheme='light']) .m-5662a89a {
+:where([data-mantine-color-scheme='light']) .m_5662a89a {
     fill: var(--mantine-color-gray-3);
     stroke: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-5662a89a {
+:where([data-mantine-color-scheme='dark']) .m_5662a89a {
     fill: var(--mantine-color-dark-3);
     stroke: var(--mantine-color-dark-3);
 }
 
-.m-5662a89a:where([data-filled]) {
+.m_5662a89a:where([data-filled]) {
     fill: var(--rating-color);
     stroke: var(--rating-color);
   }
 
-.m-211007ba {
+.m_211007ba {
   height: 0;
   width: 0;
   position: absolute;
@@ -54,12 +54,12 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-.m-211007ba:focus-visible + label {
+.m_211007ba:focus-visible + label {
     outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
-.m-21342ee4 {
+.m_21342ee4 {
   display: block;
   cursor: pointer;
   position: absolute;
@@ -69,15 +69,15 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-.m-21342ee4:where([data-read-only]) {
+.m_21342ee4:where([data-read-only]) {
     cursor: default;
   }
 
-.m-21342ee4:where(:last-of-type) {
+.m_21342ee4:where(:last-of-type) {
     position: relative;
   }
 
-.m-fae05d6a {
+.m_fae05d6a {
   clip-path: var(--rating-symbol-clip-path);
 }
 }

package/styles/RingProgress.css

@@ -1,4 +1,4 @@
-.m-b32e4812 {
+.m_b32e4812 {
   position: relative;
   width: var(--rp-size);
   height: var(--rp-size);
@@ -6,7 +6,7 @@
   min-height: var(--rp-size);
 }
 
-.m-d43b5134 {
+.m_d43b5134 {
   width: var(--rp-size);
   height: var(--rp-size);
   min-width: var(--rp-size);
@@ -14,19 +14,19 @@
   transform: rotate(-90deg);
 }
 
-.m-b1ca1fbf {
+.m_b1ca1fbf {
   stroke: var(--curve-color, var(--rp-curve-root-color));
 }
 
-[data-mantine-color-scheme='light'] .m-b1ca1fbf {
+[data-mantine-color-scheme='light'] .m_b1ca1fbf {
     --rp-curve-root-color: var(--mantine-color-gray-2);
 }
 
-[data-mantine-color-scheme='dark'] .m-b1ca1fbf {
+[data-mantine-color-scheme='dark'] .m_b1ca1fbf {
     --rp-curve-root-color: var(--mantine-color-dark-4);
 }
 
-.m-b23f9dc4 {
+.m_b23f9dc4 {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);

package/styles/RingProgress.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-b32e4812 {
+@layer mantine {.m_b32e4812 {
   position: relative;
   width: var(--rp-size);
   height: var(--rp-size);
@@ -6,7 +6,7 @@
   min-height: var(--rp-size);
 }
 
-.m-d43b5134 {
+.m_d43b5134 {
   width: var(--rp-size);
   height: var(--rp-size);
   min-width: var(--rp-size);
@@ -14,19 +14,19 @@
   transform: rotate(-90deg);
 }
 
-.m-b1ca1fbf {
+.m_b1ca1fbf {
   stroke: var(--curve-color, var(--rp-curve-root-color));
 }
 
-[data-mantine-color-scheme='light'] .m-b1ca1fbf {
+[data-mantine-color-scheme='light'] .m_b1ca1fbf {
     --rp-curve-root-color: var(--mantine-color-gray-2);
 }
 
-[data-mantine-color-scheme='dark'] .m-b1ca1fbf {
+[data-mantine-color-scheme='dark'] .m_b1ca1fbf {
     --rp-curve-root-color: var(--mantine-color-dark-4);
 }
 
-.m-b23f9dc4 {
+.m_b23f9dc4 {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);

package/styles/ScrollArea.css

@@ -1,11 +1,11 @@
-.m-d57069b5 {
+.m_d57069b5 {
   --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
 
   position: relative;
   overflow: hidden;
 }
 
-.m-c0783ff9 {
+.m_c0783ff9 {
   scrollbar-width: none;
   -ms-overflow-style: none;
   -webkit-overflow-scrolling: touch;
@@ -13,25 +13,25 @@
   height: 100%;
 }
 
-.m-c0783ff9::-webkit-scrollbar {
+.m_c0783ff9::-webkit-scrollbar {
     display: none;
   }
 
-.m-c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
       padding-inline-end: var(--scrollarea-scrollbar-size);
       padding-inline-start: unset;
     }
 
-.m-c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
+.m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
       padding-bottom: var(--scrollarea-scrollbar-size);
     }
 
-.m-f8f631dd {
+.m_f8f631dd {
   min-width: 100%;
   display: table;
 }
 
-.m-c44ba933 {
+.m_c44ba933 {
   user-select: none;
   touch-action: none;
   box-sizing: border-box;
@@ -46,53 +46,53 @@
 }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m-c44ba933:hover {
+    :where([data-mantine-color-scheme='light']) .m_c44ba933:hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='light']) .m-c44ba933:hover > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='light']) .m_c44ba933:hover > .m_d8b5e363 {
         background-color: rgba(0, 0, 0, 0.5);
       }
 
-    :where([data-mantine-color-scheme='dark']) .m-c44ba933:hover {
+    :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover {
       background-color: var(--mantine-color-dark-8);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-c44ba933:hover > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='dark']) .m_c44ba933:hover > .m_d8b5e363 {
         background-color: rgba(255, 255, 255, 0.5);
       }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m-c44ba933:active {
+    :where([data-mantine-color-scheme='light']) .m_c44ba933:active {
       background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='light']) .m-c44ba933:active > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='light']) .m_c44ba933:active > .m_d8b5e363 {
         background-color: rgba(0, 0, 0, 0.5);
       }
 
-    :where([data-mantine-color-scheme='dark']) .m-c44ba933:active {
+    :where([data-mantine-color-scheme='dark']) .m_c44ba933:active {
       background-color: var(--mantine-color-dark-8);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-c44ba933:active > .m-d8b5e363 {
+      :where([data-mantine-color-scheme='dark']) .m_c44ba933:active > .m_d8b5e363 {
         background-color: rgba(255, 255, 255, 0.5);
       }
 }
 
-.m-c44ba933:where([data-hidden], [data-state='hidden']) {
+.m_c44ba933:where([data-hidden], [data-state='hidden']) {
     display: none;
   }
 
-.m-c44ba933:where([data-orientation='vertical']) {
+.m_c44ba933:where([data-orientation='vertical']) {
     width: var(--scrollarea-scrollbar-size);
     top: 0;
     bottom: var(--sa-corner-width);
     inset-inline-end: 0;
   }
 
-.m-c44ba933:where([data-orientation='horizontal']) {
+.m_c44ba933:where([data-orientation='horizontal']) {
     height: var(--scrollarea-scrollbar-size);
     flex-direction: column;
     bottom: 0;
@@ -100,7 +100,7 @@
     inset-inline-start: var(--sa-corner-height);
   }
 
-.m-d8b5e363 {
+.m_d8b5e363 {
   flex: 1;
   border-radius: var(--scrollarea-scrollbar-size);
   position: relative;
@@ -108,7 +108,7 @@
   overflow: hidden;
 }
 
-.m-d8b5e363::before {
+.m_d8b5e363::before {
     content: '""';
     position: absolute;
     top: 50%;
@@ -120,15 +120,15 @@
     min-height: calc(2.75rem * var(--mantine-scale));
   }
 
-:where([data-mantine-color-scheme='light']) .m-d8b5e363 {
+:where([data-mantine-color-scheme='light']) .m_d8b5e363 {
     background-color: rgba(0, 0, 0, 0.4);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-d8b5e363 {
+:where([data-mantine-color-scheme='dark']) .m_d8b5e363 {
     background-color: rgba(255, 255, 255, 0.4);
 }
 
-.m-21657268 {
+.m_21657268 {
   position: absolute;
   opacity: 0;
   transition: opacity 150ms ease;
@@ -137,18 +137,18 @@
   bottom: 0;
 }
 
-:where([data-mantine-color-scheme='light']) .m-21657268 {
+:where([data-mantine-color-scheme='light']) .m_21657268 {
     background-color: var(--mantine-color-gray-0);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-21657268 {
+:where([data-mantine-color-scheme='dark']) .m_21657268 {
     background-color: var(--mantine-color-dark-8);
 }
 
-.m-21657268:where([data-hovered]) {
+.m_21657268:where([data-hovered]) {
     opacity: 1;
   }
 
-.m-21657268:where([data-hidden]) {
+.m_21657268:where([data-hidden]) {
     display: none;
   }