@mantine/core 7.7.0 → 7.7.1

package/styles/Input.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-6c018570 {
+@layer mantine {.m_6c018570 {
   position: relative;
   margin-top: var(--input-margin-top, 0rem);
   margin-bottom: var(--input-margin-bottom, 0rem);
@@ -44,18 +44,18 @@
   --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
 }
 
-  .m-6c018570[data-variant='unstyled'] {
+  .m_6c018570[data-variant='unstyled'] {
     --input-padding: 0;
     --input-padding-y: 0;
     --input-padding-inline-start: 0;
     --input-padding-inline-end: 0;
   }
 
-  .m-6c018570[data-pointer] {
+  .m_6c018570[data-pointer] {
     --input-cursor: pointer;
   }
 
-  .m-6c018570[data-multiline] {
+  .m_6c018570[data-multiline] {
     --input-padding-y-xs: calc(0.28125rem * var(--mantine-scale));
     --input-padding-y-sm: calc(0.34375rem * var(--mantine-scale));
     --input-padding-y-md: calc(0.4375rem * var(--mantine-scale));
@@ -67,78 +67,78 @@
     --input-padding-y: var(--input-padding-y-sm);
   }
 
-  .m-6c018570[data-with-left-section] {
+  .m_6c018570[data-with-left-section] {
     --input-padding-inline-start: var(--input-left-section-size);
   }
 
-  .m-6c018570[data-with-right-section] {
+  .m_6c018570[data-with-right-section] {
     --input-padding-inline-end: var(--input-right-section-size);
   }
 
-  [data-mantine-color-scheme='light'] .m-6c018570 {
+  [data-mantine-color-scheme='light'] .m_6c018570 {
     --input-disabled-bg: var(--mantine-color-gray-1);
     --input-disabled-color: var(--mantine-color-gray-6);
 }
 
-  [data-mantine-color-scheme='light'] .m-6c018570[data-variant='default'] {
+  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
       --input-bd: var(--mantine-color-gray-4);
       --input-bg: var(--mantine-color-white);
       --input-bd-focus: var(--mantine-primary-color-filled);
     }
 
-  [data-mantine-color-scheme='light'] .m-6c018570[data-variant='filled'] {
+  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='filled'] {
       --input-bd: transparent;
       --input-bg: var(--mantine-color-gray-1);
       --input-bd-focus: var(--mantine-primary-color-filled);
     }
 
-  [data-mantine-color-scheme='light'] .m-6c018570[data-variant='unstyled'] {
+  [data-mantine-color-scheme='light'] .m_6c018570[data-variant='unstyled'] {
       --input-bd: transparent;
       --input-bg: transparent;
       --input-bd-focus: transparent;
     }
 
-  [data-mantine-color-scheme='dark'] .m-6c018570 {
+  [data-mantine-color-scheme='dark'] .m_6c018570 {
     --input-disabled-bg: var(--mantine-color-dark-6);
     --input-disabled-color: var(--mantine-color-dark-2);
 }
 
-  [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='default'] {
+  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='default'] {
       --input-bd: var(--mantine-color-dark-4);
       --input-bg: var(--mantine-color-dark-6);
       --input-bd-focus: var(--mantine-primary-color-filled);
     }
 
-  [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='filled'] {
+  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='filled'] {
       --input-bd: transparent;
       --input-bg: var(--mantine-color-dark-5);
       --input-bd-focus: var(--mantine-primary-color-filled);
     }
 
-  [data-mantine-color-scheme='dark'] .m-6c018570[data-variant='unstyled'] {
+  [data-mantine-color-scheme='dark'] .m_6c018570[data-variant='unstyled'] {
       --input-bd: transparent;
       --input-bg: transparent;
       --input-bd-focus: transparent;
     }
 
-  [data-mantine-color-scheme] .m-6c018570[data-error]:not([data-variant='unstyled']) {
+  [data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant='unstyled']) {
       --input-bd: var(--mantine-color-error);
     }
 
-  [data-mantine-color-scheme] .m-6c018570[data-error] {
+  [data-mantine-color-scheme] .m_6c018570[data-error] {
 
     --input-color: var(--mantine-color-error);
     --input-placeholder-color: var(--mantine-color-error);
     --input-section-color: var(--mantine-color-error);
 }
 
-  :where([dir="rtl"]) .m-6c018570 {
+  :where([dir="rtl"]) .m_6c018570 {
     --input-text-align: right;
     --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
     --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
 }
 
-.m-8fb7ebe7 {
+.m_8fb7ebe7 {
   -webkit-tap-highlight-color: transparent;
   appearance: none;
   resize: var(--input-resize, none);
@@ -166,47 +166,47 @@
 
 /* Used as data attribute in Textarea component, does not have associated prop on the Input component */
 
-.m-8fb7ebe7[data-no-overflow] {
+.m_8fb7ebe7[data-no-overflow] {
     --input-overflow: hidden;
   }
 
 /* Used as data attribute in JsonInput component, does not have associated prop on the Input component */
 
-.m-8fb7ebe7[data-monospace] {
+.m_8fb7ebe7[data-monospace] {
     --input-font-family: var(--mantine-font-family-monospace);
     --input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(0.125rem * var(--mantine-scale)));
   }
 
-.m-8fb7ebe7:focus,
-  .m-8fb7ebe7:focus-within {
+.m_8fb7ebe7:focus,
+  .m_8fb7ebe7:focus-within {
     outline: none;
     --input-bd: var(--input-bd-focus);
   }
 
-[data-error] .m-8fb7ebe7:focus, [data-error] .m-8fb7ebe7:focus-within {
+[data-error] .m_8fb7ebe7:focus, [data-error] .m_8fb7ebe7:focus-within {
       --input-bd: var(--mantine-color-error);
     }
 
-.m-8fb7ebe7::placeholder {
+.m_8fb7ebe7::placeholder {
     color: var(--input-placeholder-color);
     opacity: 1;
   }
 
-.m-8fb7ebe7::-webkit-inner-spin-button,
-  .m-8fb7ebe7::-webkit-outer-spin-button,
-  .m-8fb7ebe7::-webkit-search-decoration,
-  .m-8fb7ebe7::-webkit-search-cancel-button,
-  .m-8fb7ebe7::-webkit-search-results-button,
-  .m-8fb7ebe7::-webkit-search-results-decoration {
+.m_8fb7ebe7::-webkit-inner-spin-button,
+  .m_8fb7ebe7::-webkit-outer-spin-button,
+  .m_8fb7ebe7::-webkit-search-decoration,
+  .m_8fb7ebe7::-webkit-search-cancel-button,
+  .m_8fb7ebe7::-webkit-search-results-button,
+  .m_8fb7ebe7::-webkit-search-results-decoration {
     appearance: none;
   }
 
-.m-8fb7ebe7[type='number'] {
+.m_8fb7ebe7[type='number'] {
     -moz-appearance: textfield;
   }
 
-.m-8fb7ebe7:disabled,
-  .m-8fb7ebe7[data-disabled] {
+.m_8fb7ebe7:disabled,
+  .m_8fb7ebe7[data-disabled] {
     cursor: not-allowed;
     opacity: 0.6;
     background-color: var(--input-disabled-bg);
@@ -215,14 +215,14 @@
 
 /* Required to be a separate selector to work in Firefox, can be merged with &:disabled once :has is supported */
 
-.m-8fb7ebe7:has(input:disabled) {
+.m_8fb7ebe7:has(input:disabled) {
     cursor: not-allowed;
     opacity: 0.6;
     background-color: var(--input-disabled-bg);
     color: var(--input-disabled-color);
   }
 
-.m-82577fc2 {
+.m_82577fc2 {
   pointer-events: var(--section-pointer-events);
   position: absolute;
   z-index: 1;
@@ -238,14 +238,14 @@
   color: var(--input-section-color, var(--mantine-color-dimmed));
 }
 
-.m-82577fc2[data-position='right'] {
+.m_82577fc2[data-position='right'] {
     --section-pointer-events: var(--input-right-section-pointer-events);
     --section-end: var(--right-section-end);
     --section-size: var(--input-right-section-size);
     --section-border-radius: var(--right-section-border-radius);
   }
 
-.m-82577fc2[data-position='left'] {
+.m_82577fc2[data-position='left'] {
     --section-pointer-events: var(--input-left-section-pointer-events);
     --section-start: var(--left-section-start);
     --section-size: var(--input-left-section-size);
@@ -253,19 +253,19 @@
   }
 
 /* ----- Input.Placeholder ----- */
-.m-88bacfd0 {
+.m_88bacfd0 {
   color: var(--input-placeholder-color, var(--mantine-color-placeholder));
 }
-[data-error] .m-88bacfd0 {
+[data-error] .m_88bacfd0 {
     --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
   }
 
 /* ----- Input.Wrapper ----- */
-.m-46b77525 {
+.m_46b77525 {
   line-height: var(--mantine-line-height);
 }
 
-.m-8fdc1311 {
+.m_8fdc1311 {
   display: inline-block;
   font-weight: 500;
   word-break: break-word;
@@ -274,12 +274,12 @@
   font-size: var(--input-label-size, var(--mantine-font-size-sm));
 }
 
-.m-78a94662 {
+.m_78a94662 {
   color: var(--input-asterisk-color, var(--mantine-color-error));
 }
 
-.m-8f816625,
-.m-fe47ce59 {
+.m_8f816625,
+.m_fe47ce59 {
   word-wrap: break-word;
   line-height: 1.2;
   display: block;
@@ -287,12 +287,12 @@
   padding: 0;
 }
 
-.m-8f816625 {
+.m_8f816625 {
   color: var(--mantine-color-error);
   font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
 }
 
-.m-fe47ce59 {
+.m_fe47ce59 {
   color: var(--mantine-color-dimmed);
   font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
 }

package/styles/Kbd.css

@@ -1,4 +1,4 @@
-.m-dc6f14e2 {
+.m_dc6f14e2 {
   --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
   --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
   --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
@@ -24,13 +24,13 @@
   unicode-bidi: embed;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-dc6f14e2 {
+  :where([data-mantine-color-scheme='light']) .m_dc6f14e2 {
     border-color: var(--mantine-color-gray-3);
     color: var(--mantine-color-gray-7);
     background-color: var(--mantine-color-gray-0);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-dc6f14e2 {
+  :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
     border-color: var(--mantine-color-dark-4);
     color: var(--mantine-color-dark-0);
     background-color: var(--mantine-color-dark-6);

package/styles/Kbd.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-dc6f14e2 {
+@layer mantine {.m_dc6f14e2 {
   --kbd-fz-xs: calc(0.625rem * var(--mantine-scale));
   --kbd-fz-sm: calc(0.75rem * var(--mantine-scale));
   --kbd-fz-md: calc(0.875rem * var(--mantine-scale));
@@ -24,13 +24,13 @@
   unicode-bidi: embed;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-dc6f14e2 {
+  :where([data-mantine-color-scheme='light']) .m_dc6f14e2 {
     border-color: var(--mantine-color-gray-3);
     color: var(--mantine-color-gray-7);
     background-color: var(--mantine-color-gray-0);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-dc6f14e2 {
+  :where([data-mantine-color-scheme='dark']) .m_dc6f14e2 {
     border-color: var(--mantine-color-dark-4);
     color: var(--mantine-color-dark-0);
     background-color: var(--mantine-color-dark-6);

package/styles/List.css

@@ -1,4 +1,4 @@
-.m-abbac491 {
+.m_abbac491 {
   --list-fz: var(--mantine-font-size-md);
   --list-lh: var(--mantine-line-height-md);
 
@@ -9,40 +9,40 @@
   padding: 0;
 }
 
-  .m-abbac491:where([data-with-padding]) {
+  .m_abbac491:where([data-with-padding]) {
     padding-inline-start: var(--mantine-spacing-md);
   }
 
-.m-abb6bec2 {
+.m_abb6bec2 {
   white-space: nowrap;
   line-height: var(--list-lh);
 }
 
-.m-abb6bec2:where([data-with-icon]) {
+.m_abb6bec2:where([data-with-icon]) {
     list-style: none;
   }
 
-.m-abb6bec2:where([data-with-icon]) .m-75cd9f71 {
+.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
       --li-direction: row;
       --li-align: center;
     }
 
-.m-abb6bec2:where(:not(:first-of-type)) {
+.m_abb6bec2:where(:not(:first-of-type)) {
     margin-top: var(--list-spacing, 0);
   }
 
-.m-abb6bec2:where([data-centered]) {
+.m_abb6bec2:where([data-centered]) {
     line-height: 1;
   }
 
-.m-75cd9f71 {
+.m_75cd9f71 {
   display: inline-flex;
   flex-direction: var(--li-direction, column);
   align-items: var(--li-align, flex-start);
   white-space: normal;
 }
 
-.m-60f83e5b {
+.m_60f83e5b {
   display: inline-block;
   vertical-align: middle;
   margin-inline-end: var(--mantine-spacing-sm);

package/styles/List.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-abbac491 {
+@layer mantine {.m_abbac491 {
   --list-fz: var(--mantine-font-size-md);
   --list-lh: var(--mantine-line-height-md);
 
@@ -9,40 +9,40 @@
   padding: 0;
 }
 
-  .m-abbac491:where([data-with-padding]) {
+  .m_abbac491:where([data-with-padding]) {
     padding-inline-start: var(--mantine-spacing-md);
   }
 
-.m-abb6bec2 {
+.m_abb6bec2 {
   white-space: nowrap;
   line-height: var(--list-lh);
 }
 
-.m-abb6bec2:where([data-with-icon]) {
+.m_abb6bec2:where([data-with-icon]) {
     list-style: none;
   }
 
-.m-abb6bec2:where([data-with-icon]) .m-75cd9f71 {
+.m_abb6bec2:where([data-with-icon]) .m_75cd9f71 {
       --li-direction: row;
       --li-align: center;
     }
 
-.m-abb6bec2:where(:not(:first-of-type)) {
+.m_abb6bec2:where(:not(:first-of-type)) {
     margin-top: var(--list-spacing, 0);
   }
 
-.m-abb6bec2:where([data-centered]) {
+.m_abb6bec2:where([data-centered]) {
     line-height: 1;
   }
 
-.m-75cd9f71 {
+.m_75cd9f71 {
   display: inline-flex;
   flex-direction: var(--li-direction, column);
   align-items: var(--li-align, flex-start);
   white-space: normal;
 }
 
-.m-60f83e5b {
+.m_60f83e5b {
   display: inline-block;
   vertical-align: middle;
   margin-inline-end: var(--mantine-spacing-sm);

package/styles/Loader.css

@@ -1,4 +1,4 @@
-.m-5ae2e3c {
+.m_5ae2e3c {
   --loader-size-xs: calc(1.125rem * var(--mantine-scale));
   --loader-size-sm: calc(1.375rem * var(--mantine-scale));
   --loader-size-md: calc(2.25rem * var(--mantine-scale));
@@ -9,7 +9,7 @@
 }
 
 /* ----- Bars loader ----- */
-@keyframes m-5d2b3b9d {
+@keyframes m_5d2b3b9d {
   0% {
     transform: scale(0.6);
     opacity: 0;
@@ -21,7 +21,7 @@
   }
 }
 
-.m-7a2bd4cd {
+.m_7a2bd4cd {
   position: relative;
   width: var(--loader-size);
   height: var(--loader-size);
@@ -29,27 +29,27 @@
   gap: calc(var(--loader-size) / 5);
 }
 
-.m-870bb79 {
+.m_870bb79 {
   flex: 1;
   background: var(--loader-color);
-  animation: m-5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
+  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
   border-radius: calc(0.125rem * var(--mantine-scale));
 }
 
-.m-870bb79:nth-of-type(1) {
+.m_870bb79:nth-of-type(1) {
     animation-delay: -240ms;
   }
 
-.m-870bb79:nth-of-type(2) {
+.m_870bb79:nth-of-type(2) {
     animation-delay: -120ms;
   }
 
-.m-870bb79:nth-of-type(3) {
+.m_870bb79:nth-of-type(3) {
     animation-delay: 0;
   }
 
 /* ----- Dots loader ----- */
-@keyframes m-aac34a1 {
+@keyframes m_aac34a1 {
   0%,
   100% {
     transform: scale(1);
@@ -62,7 +62,7 @@
   }
 }
 
-.m-4e3f22d7 {
+.m_4e3f22d7 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -72,20 +72,20 @@
   height: var(--loader-size);
 }
 
-.m-870c4af {
+.m_870c4af {
   width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
   height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
   border-radius: 50%;
   background: var(--loader-color);
-  animation: m-aac34a1 0.8s infinite linear;
+  animation: m_aac34a1 0.8s infinite linear;
 }
 
-.m-870c4af:nth-child(2) {
+.m_870c4af:nth-child(2) {
     animation-delay: 0.4s;
   }
 
 /* ----- Oval loader ----- */
-@keyframes m-f8e89c4b {
+@keyframes m_f8e89c4b {
   0% {
     transform: rotate(0deg);
   }
@@ -95,13 +95,13 @@
   }
 }
 
-.m-b34414df {
+.m_b34414df {
   display: inline-block;
   width: var(--loader-size);
   height: var(--loader-size);
 }
 
-.m-b34414df::after {
+.m_b34414df::after {
     content: '';
     display: block;
     width: var(--loader-size);
@@ -110,5 +110,5 @@
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
     border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
-    animation: m-f8e89c4b 1.2s linear infinite;
+    animation: m_f8e89c4b 1.2s linear infinite;
   }

package/styles/Loader.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-5ae2e3c {
+@layer mantine {.m_5ae2e3c {
   --loader-size-xs: calc(1.125rem * var(--mantine-scale));
   --loader-size-sm: calc(1.375rem * var(--mantine-scale));
   --loader-size-md: calc(2.25rem * var(--mantine-scale));
@@ -9,7 +9,7 @@
 }
 
 /* ----- Bars loader ----- */
-@keyframes m-5d2b3b9d {
+@keyframes m_5d2b3b9d {
   0% {
     transform: scale(0.6);
     opacity: 0;
@@ -21,7 +21,7 @@
   }
 }
 
-.m-7a2bd4cd {
+.m_7a2bd4cd {
   position: relative;
   width: var(--loader-size);
   height: var(--loader-size);
@@ -29,27 +29,27 @@
   gap: calc(var(--loader-size) / 5);
 }
 
-.m-870bb79 {
+.m_870bb79 {
   flex: 1;
   background: var(--loader-color);
-  animation: m-5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
+  animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
   border-radius: calc(0.125rem * var(--mantine-scale));
 }
 
-.m-870bb79:nth-of-type(1) {
+.m_870bb79:nth-of-type(1) {
     animation-delay: -240ms;
   }
 
-.m-870bb79:nth-of-type(2) {
+.m_870bb79:nth-of-type(2) {
     animation-delay: -120ms;
   }
 
-.m-870bb79:nth-of-type(3) {
+.m_870bb79:nth-of-type(3) {
     animation-delay: 0;
   }
 
 /* ----- Dots loader ----- */
-@keyframes m-aac34a1 {
+@keyframes m_aac34a1 {
   0%,
   100% {
     transform: scale(1);
@@ -62,7 +62,7 @@
   }
 }
 
-.m-4e3f22d7 {
+.m_4e3f22d7 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -72,20 +72,20 @@
   height: var(--loader-size);
 }
 
-.m-870c4af {
+.m_870c4af {
   width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
   height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
   border-radius: 50%;
   background: var(--loader-color);
-  animation: m-aac34a1 0.8s infinite linear;
+  animation: m_aac34a1 0.8s infinite linear;
 }
 
-.m-870c4af:nth-child(2) {
+.m_870c4af:nth-child(2) {
     animation-delay: 0.4s;
   }
 
 /* ----- Oval loader ----- */
-@keyframes m-f8e89c4b {
+@keyframes m_f8e89c4b {
   0% {
     transform: rotate(0deg);
   }
@@ -95,13 +95,13 @@
   }
 }
 
-.m-b34414df {
+.m_b34414df {
   display: inline-block;
   width: var(--loader-size);
   height: var(--loader-size);
 }
 
-.m-b34414df::after {
+.m_b34414df::after {
     content: '';
     display: block;
     width: var(--loader-size);
@@ -110,6 +110,6 @@
     border-width: calc(var(--loader-size) / 8);
     border-style: solid;
     border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
-    animation: m-f8e89c4b 1.2s linear infinite;
+    animation: m_f8e89c4b 1.2s linear infinite;
   }
 }

package/styles/LoadingOverlay.css

@@ -1,4 +1,4 @@
-.m-6e45937b {
+.m_6e45937b {
   position: absolute;
   inset: 0;
   display: flex;
@@ -8,11 +8,11 @@
   z-index: var(--lo-z-index);
 }
 
-.m-e8eb006c {
+.m_e8eb006c {
   position: relative;
   z-index: calc(var(--lo-z-index) + 1);
 }
 
-.m-df587f17 {
+.m_df587f17 {
   z-index: var(--lo-z-index);
 }

package/styles/LoadingOverlay.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-6e45937b {
+@layer mantine {.m_6e45937b {
   position: absolute;
   inset: 0;
   display: flex;
@@ -8,12 +8,12 @@
   z-index: var(--lo-z-index);
 }
 
-.m-e8eb006c {
+.m_e8eb006c {
   position: relative;
   z-index: calc(var(--lo-z-index) + 1);
 }
 
-.m-df587f17 {
+.m_df587f17 {
   z-index: var(--lo-z-index);
 }
 }