@mantine/core 7.7.0 → 7.7.1

package/styles/Paper.css

@@ -1,4 +1,4 @@
-.m-1b7284a3 {
+.m_1b7284a3 {
   --paper-radius: var(--mantine-radius-default);
 
   outline: 0;
@@ -11,10 +11,10 @@
   background-color: var(--mantine-color-body);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-1b7284a3:where([data-with-border]) {
+  :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-1b7284a3:where([data-with-border]) {
+  :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }

package/styles/Paper.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-1b7284a3 {
+@layer mantine {.m_1b7284a3 {
   --paper-radius: var(--mantine-radius-default);
 
   outline: 0;
@@ -11,11 +11,11 @@
   background-color: var(--mantine-color-body);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-1b7284a3:where([data-with-border]) {
+  :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-1b7284a3:where([data-with-border]) {
+  :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
       border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 }

package/styles/PasswordInput.css

@@ -1,4 +1,4 @@
-.m-f61ca620 {
+.m_f61ca620 {
   --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
   --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
   --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
@@ -15,12 +15,12 @@
   --psi-icon-size: var(--psi-icon-size-sm);
 }
 
-.m-ccf8da4c {
+.m_ccf8da4c {
   position: relative;
   overflow: hidden;
 }
 
-.m-f2d85dd2 {
+.m_f2d85dd2 {
   font-family: var(--mantine-font-family);
   background-color: transparent;
   border: 0;
@@ -36,23 +36,23 @@
   color: inherit;
 }
 
-.m-ccf8da4c[data-disabled] .m-f2d85dd2,
-  .m-f2d85dd2:disabled {
+.m_ccf8da4c[data-disabled] .m_f2d85dd2,
+  .m_f2d85dd2:disabled {
     cursor: not-allowed;
   }
 
-.m-f2d85dd2::placeholder {
+.m_f2d85dd2::placeholder {
     color: var(--input-placeholder-color);
     opacity: 1;
   }
 
-.m-b1072d44 {
+.m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);
   min-width: var(--psi-button-size);
   min-height: var(--psi-button-size);
 }
 
-.m-b1072d44:disabled {
+.m_b1072d44:disabled {
     display: none;
   }

package/styles/PasswordInput.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-f61ca620 {
+@layer mantine {.m_f61ca620 {
   --psi-button-size-xs: calc(1.375rem * var(--mantine-scale));
   --psi-button-size-sm: calc(1.625rem * var(--mantine-scale));
   --psi-button-size-md: calc(1.75rem * var(--mantine-scale));
@@ -15,12 +15,12 @@
   --psi-icon-size: var(--psi-icon-size-sm);
 }
 
-.m-ccf8da4c {
+.m_ccf8da4c {
   position: relative;
   overflow: hidden;
 }
 
-.m-f2d85dd2 {
+.m_f2d85dd2 {
   font-family: var(--mantine-font-family);
   background-color: transparent;
   border: 0;
@@ -36,24 +36,24 @@
   color: inherit;
 }
 
-.m-ccf8da4c[data-disabled] .m-f2d85dd2,
-  .m-f2d85dd2:disabled {
+.m_ccf8da4c[data-disabled] .m_f2d85dd2,
+  .m_f2d85dd2:disabled {
     cursor: not-allowed;
   }
 
-.m-f2d85dd2::placeholder {
+.m_f2d85dd2::placeholder {
     color: var(--input-placeholder-color);
     opacity: 1;
   }
 
-.m-b1072d44 {
+.m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);
   min-width: var(--psi-button-size);
   min-height: var(--psi-button-size);
 }
 
-.m-b1072d44:disabled {
+.m_b1072d44:disabled {
     display: none;
   }
 }

package/styles/Pill.css

@@ -1,4 +1,4 @@
-.m-7cda1cd6 {
+.m_7cda1cd6 {
   --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
   --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
   --pill-fz-md: calc(0.875rem * var(--mantine-scale));
@@ -28,40 +28,40 @@
   max-width: 100%;
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-7cda1cd6 {
+  :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
     background-color: var(--mantine-color-dark-7);
     color: var(--mantine-color-dark-0);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-7cda1cd6 {
+  :where([data-mantine-color-scheme='light']) .m_7cda1cd6 {
     color: var(--mantine-color-black);
 }
 
-  .m-7cda1cd6:where([data-with-remove]) {
+  .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
     padding-inline-end: 0;
   }
 
-  .m-7cda1cd6:where([data-disabled], :has(button:disabled)) {
+  .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) .m-44da308b {
+:where([data-mantine-color-scheme='light']) .m_44da308b {
     background-color: var(--mantine-color-gray-1);
 }
 
-:where([data-mantine-color-scheme='light']) .m-44da308b:where([data-disabled], :has(button:disabled)) {
+:where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
       background-color: var(--mantine-color-gray-3);
     }
 
-:where([data-mantine-color-scheme='light']) .m-e3a01f8 {
+:where([data-mantine-color-scheme='light']) .m_e3a01f8 {
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='light']) .m-e3a01f8:where([data-disabled], :has(button:disabled)) {
+:where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
       background-color: var(--mantine-color-gray-3);
     }
 
-.m-1e0e6180 {
+.m_1e0e6180 {
   cursor: inherit;
   overflow: hidden;
   height: 100%;
@@ -69,7 +69,7 @@
   text-overflow: ellipsis;
 }
 
-.m-ae386778 {
+.m_ae386778 {
   color: inherit;
   font-size: inherit;
   height: 100%;
@@ -82,8 +82,9 @@
   flex: 0;
 }
 
-.m-7cda1cd6[data-disabled] > .m-ae386778,
-  .m-ae386778:disabled {
+.m_7cda1cd6[data-disabled] > .m_ae386778,
+  .m_ae386778:disabled {
+    display: none;
     background-color: transparent;
     width: 0.8em;
     min-width: 0.8em;
@@ -91,15 +92,15 @@
     cursor: not-allowed;
   }
 
-.m-7cda1cd6[data-disabled] > .m-ae386778 > svg, .m-ae386778:disabled > svg {
+.m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg {
       display: none;
     }
 
-.m-ae386778 > svg {
+.m_ae386778 > svg {
     pointer-events: none;
   }
 
-.m-1dcfd90b {
+.m_1dcfd90b {
   --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
   --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
   --pg-gap-md: calc(0.625rem * var(--mantine-scale));

package/styles/Pill.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-7cda1cd6 {
+@layer mantine {.m_7cda1cd6 {
   --pill-fz-xs: calc(0.625rem * var(--mantine-scale));
   --pill-fz-sm: calc(0.75rem * var(--mantine-scale));
   --pill-fz-md: calc(0.875rem * var(--mantine-scale));
@@ -28,40 +28,40 @@
   max-width: 100%;
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-7cda1cd6 {
+  :where([data-mantine-color-scheme='dark']) .m_7cda1cd6 {
     background-color: var(--mantine-color-dark-7);
     color: var(--mantine-color-dark-0);
 }
 
-  :where([data-mantine-color-scheme='light']) .m-7cda1cd6 {
+  :where([data-mantine-color-scheme='light']) .m_7cda1cd6 {
     color: var(--mantine-color-black);
 }
 
-  .m-7cda1cd6:where([data-with-remove]) {
+  .m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
     padding-inline-end: 0;
   }
 
-  .m-7cda1cd6:where([data-disabled], :has(button:disabled)) {
+  .m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
     cursor: not-allowed;
   }
 
-:where([data-mantine-color-scheme='light']) .m-44da308b {
+:where([data-mantine-color-scheme='light']) .m_44da308b {
     background-color: var(--mantine-color-gray-1);
 }
 
-:where([data-mantine-color-scheme='light']) .m-44da308b:where([data-disabled], :has(button:disabled)) {
+:where([data-mantine-color-scheme='light']) .m_44da308b:where([data-disabled], :has(button:disabled)) {
       background-color: var(--mantine-color-gray-3);
     }
 
-:where([data-mantine-color-scheme='light']) .m-e3a01f8 {
+:where([data-mantine-color-scheme='light']) .m_e3a01f8 {
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='light']) .m-e3a01f8:where([data-disabled], :has(button:disabled)) {
+:where([data-mantine-color-scheme='light']) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
       background-color: var(--mantine-color-gray-3);
     }
 
-.m-1e0e6180 {
+.m_1e0e6180 {
   cursor: inherit;
   overflow: hidden;
   height: 100%;
@@ -69,7 +69,7 @@
   text-overflow: ellipsis;
 }
 
-.m-ae386778 {
+.m_ae386778 {
   color: inherit;
   font-size: inherit;
   height: 100%;
@@ -82,8 +82,9 @@
   flex: 0;
 }
 
-.m-7cda1cd6[data-disabled] > .m-ae386778,
-  .m-ae386778:disabled {
+.m_7cda1cd6[data-disabled] > .m_ae386778,
+  .m_ae386778:disabled {
+    display: none;
     background-color: transparent;
     width: 0.8em;
     min-width: 0.8em;
@@ -91,15 +92,15 @@
     cursor: not-allowed;
   }
 
-.m-7cda1cd6[data-disabled] > .m-ae386778 > svg, .m-ae386778:disabled > svg {
+.m_7cda1cd6[data-disabled] > .m_ae386778 > svg, .m_ae386778:disabled > svg {
       display: none;
     }
 
-.m-ae386778 > svg {
+.m_ae386778 > svg {
     pointer-events: none;
   }
 
-.m-1dcfd90b {
+.m_1dcfd90b {
   --pg-gap-xs: calc(0.375rem * var(--mantine-scale));
   --pg-gap-sm: calc(0.5rem * var(--mantine-scale));
   --pg-gap-md: calc(0.625rem * var(--mantine-scale));

package/styles/PillsInput.css

@@ -1,4 +1,4 @@
-.m-45c4369d {
+.m_45c4369d {
   background-color: transparent;
   appearance: none;
   min-width: calc(6.25rem * var(--mantine-scale));
@@ -10,12 +10,12 @@
   padding: 0;
 }
 
-  .m-45c4369d::placeholder {
+  .m_45c4369d::placeholder {
     color: var(--input-placeholder-color);
     opacity: 1;
   }
 
-  .m-45c4369d:where([data-type='hidden'], [data-type='auto']) {
+  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
     height: calc(0.0625rem * var(--mantine-scale));
     width: calc(0.0625rem * var(--mantine-scale));
     top: 0;
@@ -25,21 +25,21 @@
     opacity: 0;
   }
 
-  .m-45c4369d:focus {
+  .m_45c4369d:focus {
     outline: none;
   }
 
-  .m-45c4369d:where([data-type='auto']:focus) {
+  .m_45c4369d:where([data-type='auto']:focus) {
     height: 1.6em;
     visibility: visible;
     opacity: 1;
     position: static;
   }
 
-  .m-45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
+  .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
     cursor: pointer;
   }
 
-  .m-45c4369d:where([data-disabled], :disabled) {
+  .m_45c4369d:where([data-disabled], :disabled) {
     cursor: not-allowed;
   }

package/styles/PillsInput.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-45c4369d {
+@layer mantine {.m_45c4369d {
   background-color: transparent;
   appearance: none;
   min-width: calc(6.25rem * var(--mantine-scale));
@@ -10,12 +10,12 @@
   padding: 0;
 }
 
-  .m-45c4369d::placeholder {
+  .m_45c4369d::placeholder {
     color: var(--input-placeholder-color);
     opacity: 1;
   }
 
-  .m-45c4369d:where([data-type='hidden'], [data-type='auto']) {
+  .m_45c4369d:where([data-type='hidden'], [data-type='auto']) {
     height: calc(0.0625rem * var(--mantine-scale));
     width: calc(0.0625rem * var(--mantine-scale));
     top: 0;
@@ -25,22 +25,22 @@
     opacity: 0;
   }
 
-  .m-45c4369d:focus {
+  .m_45c4369d:focus {
     outline: none;
   }
 
-  .m-45c4369d:where([data-type='auto']:focus) {
+  .m_45c4369d:where([data-type='auto']:focus) {
     height: 1.6em;
     visibility: visible;
     opacity: 1;
     position: static;
   }
 
-  .m-45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
+  .m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
     cursor: pointer;
   }
 
-  .m-45c4369d:where([data-disabled], :disabled) {
+  .m_45c4369d:where([data-disabled], :disabled) {
     cursor: not-allowed;
   }
 }

package/styles/PinInput.css

@@ -1,4 +1,4 @@
-.m-f1cb205a {
+.m_f1cb205a {
   --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
   --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
   --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
@@ -7,7 +7,7 @@
   --pin-input-size: var(--pin-input-size-sm);
 }
 
-.m-cb288ead {
+.m_cb288ead {
   width: var(--pin-input-size);
   height: var(--pin-input-size);
 }

package/styles/PinInput.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-f1cb205a {
+@layer mantine {.m_f1cb205a {
   --pin-input-size-xs: calc(1.875rem * var(--mantine-scale));
   --pin-input-size-sm: calc(2.25rem * var(--mantine-scale));
   --pin-input-size-md: calc(2.625rem * var(--mantine-scale));
@@ -7,7 +7,7 @@
   --pin-input-size: var(--pin-input-size-sm);
 }
 
-.m-cb288ead {
+.m_cb288ead {
   width: var(--pin-input-size);
   height: var(--pin-input-size);
 }

package/styles/Popover.css

@@ -1,4 +1,4 @@
-.m-38a85659 {
+.m_38a85659 {
   position: absolute;
   border: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color);
   padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
@@ -6,21 +6,21 @@
   border-radius: var(--popover-radius, var(--mantine-radius-default));
 }
 
-  .m-38a85659:focus {
+  .m_38a85659:focus {
     outline: none;
   }
 
-  :where([data-mantine-color-scheme='light']) .m-38a85659 {
+  :where([data-mantine-color-scheme='light']) .m_38a85659 {
     --popover-border-color: var(--mantine-color-gray-2);
     background-color: var(--mantine-color-white);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-38a85659 {
+  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
     --popover-border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
 
-.m-a31dc6c1 {
+.m_a31dc6c1 {
   background-color: inherit;
   border: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color);
   z-index: 1;

package/styles/Popover.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-38a85659 {
+@layer mantine {.m_38a85659 {
   position: absolute;
   border: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color);
   padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
@@ -6,21 +6,21 @@
   border-radius: var(--popover-radius, var(--mantine-radius-default));
 }
 
-  .m-38a85659:focus {
+  .m_38a85659:focus {
     outline: none;
   }
 
-  :where([data-mantine-color-scheme='light']) .m-38a85659 {
+  :where([data-mantine-color-scheme='light']) .m_38a85659 {
     --popover-border-color: var(--mantine-color-gray-2);
     background-color: var(--mantine-color-white);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-38a85659 {
+  :where([data-mantine-color-scheme='dark']) .m_38a85659 {
     --popover-border-color: var(--mantine-color-dark-4);
     background-color: var(--mantine-color-dark-6);
 }
 
-.m-a31dc6c1 {
+.m_a31dc6c1 {
   background-color: inherit;
   border: calc(0.0625rem * var(--mantine-scale)) solid var(--popover-border-color);
   z-index: 1;

package/styles/Progress.css

@@ -1,4 +1,4 @@
-@keyframes m-81a374bd {
+@keyframes m_81a374bd {
   0% {
     background-position: 0 0;
   }
@@ -8,7 +8,7 @@
   }
 }
 
-.m-db6d6462 {
+.m_db6d6462 {
   --progress-radius: var(--mantine-radius-default);
   --progress-size: var(--progress-size-md);
 
@@ -25,15 +25,15 @@
   display: flex;
 }
 
-:where([data-mantine-color-scheme='light']) .m-db6d6462 {
+:where([data-mantine-color-scheme='light']) .m_db6d6462 {
     background-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-db6d6462 {
+:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
     background-color: var(--mantine-color-dark-4);
 }
 
-.m-2242eb65 {
+.m_2242eb65 {
   background-color: var(--progress-section-color);
   height: 100%;
   width: var(--progress-section-width);
@@ -45,7 +45,7 @@
   transition: width var(--progress-transition-duration, 100ms) ease;
 }
 
-.m-2242eb65:where([data-striped]) {
+.m_2242eb65:where([data-striped]) {
     background-image: linear-gradient(
       45deg,
       rgba(255, 255, 255, 0.15) 25%,
@@ -58,23 +58,23 @@
     );
   }
 
-.m-2242eb65:where([data-animated]) {
-    animation: m-81a374bd 1s linear infinite;
+.m_2242eb65:where([data-animated]) {
+    animation: m_81a374bd 1s linear infinite;
   }
 
-.m-2242eb65:where(:last-of-type) {
+.m_2242eb65:where(:last-of-type) {
     border-radius: 0;
     border-start-end-radius: var(--progress-radius);
     border-end-end-radius: var(--progress-radius);
   }
 
-.m-2242eb65:where(:first-of-type) {
+.m_2242eb65:where(:first-of-type) {
     border-radius: 0;
     border-start-start-radius: var(--progress-radius);
     border-end-start-radius: var(--progress-radius);
   }
 
-.m-91e40b74 {
+.m_91e40b74 {
   color: var(--progress-label-color, var(--mantine-color-white));
   font-weight: bold;
   user-select: none;

package/styles/Progress.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {@keyframes m-81a374bd {
+@layer mantine {@keyframes m_81a374bd {
   0% {
     background-position: 0 0;
   }
@@ -8,7 +8,7 @@
   }
 }
 
-.m-db6d6462 {
+.m_db6d6462 {
   --progress-radius: var(--mantine-radius-default);
   --progress-size: var(--progress-size-md);
 
@@ -25,15 +25,15 @@
   display: flex;
 }
 
-:where([data-mantine-color-scheme='light']) .m-db6d6462 {
+:where([data-mantine-color-scheme='light']) .m_db6d6462 {
     background-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-db6d6462 {
+:where([data-mantine-color-scheme='dark']) .m_db6d6462 {
     background-color: var(--mantine-color-dark-4);
 }
 
-.m-2242eb65 {
+.m_2242eb65 {
   background-color: var(--progress-section-color);
   height: 100%;
   width: var(--progress-section-width);
@@ -45,7 +45,7 @@
   transition: width var(--progress-transition-duration, 100ms) ease;
 }
 
-.m-2242eb65:where([data-striped]) {
+.m_2242eb65:where([data-striped]) {
     background-image: linear-gradient(
       45deg,
       rgba(255, 255, 255, 0.15) 25%,
@@ -58,23 +58,23 @@
     );
   }
 
-.m-2242eb65:where([data-animated]) {
-    animation: m-81a374bd 1s linear infinite;
+.m_2242eb65:where([data-animated]) {
+    animation: m_81a374bd 1s linear infinite;
   }
 
-.m-2242eb65:where(:last-of-type) {
+.m_2242eb65:where(:last-of-type) {
     border-radius: 0;
     border-start-end-radius: var(--progress-radius);
     border-end-end-radius: var(--progress-radius);
   }
 
-.m-2242eb65:where(:first-of-type) {
+.m_2242eb65:where(:first-of-type) {
     border-radius: 0;
     border-start-start-radius: var(--progress-radius);
     border-end-start-radius: var(--progress-radius);
   }
 
-.m-91e40b74 {
+.m_91e40b74 {
   color: var(--progress-label-color, var(--mantine-color-white));
   font-weight: bold;
   user-select: none;