@mantine/core 7.7.0 → 7.7.1

package/styles/Grid.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-410352e9 {
+@layer mantine {.m_410352e9 {
   --grid-overflow: visible;
   --grid-margin: calc(var(--grid-gutter) / -2);
   --grid-col-padding: calc(var(--grid-gutter) / 2);
@@ -6,7 +6,7 @@
   overflow: var(--grid-overflow);
 }
 
-.m-dee7bd2f {
+.m_dee7bd2f {
   width: calc(100% + var(--grid-gutter));
   display: flex;
   flex-wrap: wrap;
@@ -15,7 +15,7 @@
   margin: var(--grid-margin);
 }
 
-.m-96bdd299 {
+.m_96bdd299 {
   --col-flex-grow: 0;
   --col-offset: 0rem;
 

package/styles/Group.css

@@ -1,4 +1,4 @@
-.m-4081bf90 {
+.m_4081bf90 {
   display: flex;
   flex-direction: row;
   flex-wrap: var(--group-wrap, wrap);
@@ -7,7 +7,7 @@
   gap: var(--group-gap, var(--mantine-spacing-md));
 }
 
-  .m-4081bf90:where([data-grow]) > * {
+  .m_4081bf90:where([data-grow]) > * {
       flex-grow: 1;
       max-width: var(--group-child-width);
     }

package/styles/Group.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-4081bf90 {
+@layer mantine {.m_4081bf90 {
   display: flex;
   flex-direction: row;
   flex-wrap: var(--group-wrap, wrap);
@@ -7,7 +7,7 @@
   gap: var(--group-gap, var(--mantine-spacing-md));
 }
 
-  .m-4081bf90:where([data-grow]) > * {
+  .m_4081bf90:where([data-grow]) > * {
       flex-grow: 1;
       max-width: var(--group-child-width);
     }

package/styles/Image.css

@@ -1,4 +1,4 @@
-.m-9e117634 {
+.m_9e117634 {
   display: block;
   flex: 0;
   object-fit: var(--image-object-fit, cover);

package/styles/Image.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-9e117634 {
+@layer mantine {.m_9e117634 {
   display: block;
   flex: 0;
   object-fit: var(--image-object-fit, cover);

package/styles/Indicator.css

@@ -1,4 +1,4 @@
-@keyframes m-885901b1 {
+@keyframes m_885901b1 {
   0% {
     opacity: 0.6;
     transform: scale(0);
@@ -10,7 +10,7 @@
   }
 }
 
-.m-e5262200 {
+.m_e5262200 {
   --indicator-size: calc(0.625rem * var(--mantine-scale));
   --indicator-color: var(--mantine-primary-color-filled);
 
@@ -18,11 +18,11 @@
   display: block;
 }
 
-.m-e5262200:where([data-inline]) {
+.m_e5262200:where([data-inline]) {
     display: inline-block;
   }
 
-.m-760d1fb1 {
+.m_760d1fb1 {
   position: absolute;
   top: var(--indicator-top);
   left: var(--indicator-left);
@@ -42,7 +42,7 @@
   white-space: nowrap;
 }
 
-.m-760d1fb1::before {
+.m_760d1fb1::before {
     content: '';
     position: absolute;
     inset: 0;
@@ -51,14 +51,14 @@
     z-index: -1;
   }
 
-.m-760d1fb1:where([data-with-label]) {
+.m_760d1fb1:where([data-with-label]) {
     padding-inline: calc(var(--mantine-spacing-xs) / 2);
   }
 
-.m-760d1fb1:where([data-with-border]) {
+.m_760d1fb1:where([data-with-border]) {
     border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
   }
 
-.m-760d1fb1[data-processing]::before {
-      animation: m-885901b1 1000ms linear infinite;
+.m_760d1fb1[data-processing]::before {
+      animation: m_885901b1 1000ms linear infinite;
     }

package/styles/Indicator.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {@keyframes m-885901b1 {
+@layer mantine {@keyframes m_885901b1 {
   0% {
     opacity: 0.6;
     transform: scale(0);
@@ -10,7 +10,7 @@
   }
 }
 
-.m-e5262200 {
+.m_e5262200 {
   --indicator-size: calc(0.625rem * var(--mantine-scale));
   --indicator-color: var(--mantine-primary-color-filled);
 
@@ -18,11 +18,11 @@
   display: block;
 }
 
-.m-e5262200:where([data-inline]) {
+.m_e5262200:where([data-inline]) {
     display: inline-block;
   }
 
-.m-760d1fb1 {
+.m_760d1fb1 {
   position: absolute;
   top: var(--indicator-top);
   left: var(--indicator-left);
@@ -42,7 +42,7 @@
   white-space: nowrap;
 }
 
-.m-760d1fb1::before {
+.m_760d1fb1::before {
     content: '';
     position: absolute;
     inset: 0;
@@ -51,15 +51,15 @@
     z-index: -1;
   }
 
-.m-760d1fb1:where([data-with-label]) {
+.m_760d1fb1:where([data-with-label]) {
     padding-inline: calc(var(--mantine-spacing-xs) / 2);
   }
 
-.m-760d1fb1:where([data-with-border]) {
+.m_760d1fb1:where([data-with-border]) {
     border: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-body);
   }
 
-.m-760d1fb1[data-processing]::before {
-      animation: m-885901b1 1000ms linear infinite;
+.m_760d1fb1[data-processing]::before {
+      animation: m_885901b1 1000ms linear infinite;
     }
 }

package/styles/InlineInput.css

@@ -1,4 +1,4 @@
-.m-5f75b09e {
+.m_5f75b09e {
   --label-lh-xs: calc(1rem * var(--mantine-scale));
   --label-lh-sm: calc(1.25rem * var(--mantine-scale));
   --label-lh-md: calc(1.5rem * var(--mantine-scale));
@@ -7,23 +7,23 @@
   --label-lh: var(--label-lh-sm);
 }
 
-  .m-5f75b09e[data-label-position='left'] {
+  .m_5f75b09e[data-label-position='left'] {
     --label-order: 1;
     --label-offset-end: var(--mantine-spacing-sm);
     --label-offset-start: 0;
   }
 
-  .m-5f75b09e[data-label-position='right'] {
+  .m_5f75b09e[data-label-position='right'] {
     --label-order: 2;
     --label-offset-end: 0;
     --label-offset-start: var(--mantine-spacing-sm);
   }
 
-.m-5f6e695e {
+.m_5f6e695e {
   display: flex;
 }
 
-.m-d3ea56bb {
+.m_d3ea56bb {
   --label-cursor: var(--mantine-cursor-type);
 
   -webkit-tap-highlight-color: transparent;
@@ -35,33 +35,33 @@
   order: var(--label-order);
 }
 
-fieldset:disabled .m-d3ea56bb,
-  .m-d3ea56bb[data-disabled] {
+fieldset:disabled .m_d3ea56bb,
+  .m_d3ea56bb[data-disabled] {
     --label-cursor: not-allowed;
   }
 
-.m-8ee546b8 {
+.m_8ee546b8 {
   cursor: var(--label-cursor);
   color: inherit;
   padding-inline-start: var(--label-offset-start);
   padding-inline-end: var(--label-offset-end);
 }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m-8ee546b8, :where([data-mantine-color-scheme='light']) .m-8ee546b8:where([data-disabled]) {
+:where([data-mantine-color-scheme='light']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='light']) .m_8ee546b8:where([data-disabled]) {
       color: var(--mantine-color-gray-5);
 }
 
-:where([data-mantine-color-scheme='dark']) fieldset:disabled .m-8ee546b8, :where([data-mantine-color-scheme='dark']) .m-8ee546b8:where([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='dark']) .m_8ee546b8:where([data-disabled]) {
       color: var(--mantine-color-dark-3);
 }
 
-.m-328f68c0 {
+.m_328f68c0 {
   margin-top: calc(var(--mantine-spacing-xs) / 2);
   padding-inline-start: var(--label-offset-start);
   padding-inline-end: var(--label-offset-end);
 }
 
-.m-8e8a99cc {
+.m_8e8a99cc {
   margin-top: calc(var(--mantine-spacing-xs) / 2);
   padding-inline-start: var(--label-offset-start);
   padding-inline-end: var(--label-offset-end);

package/styles/InlineInput.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-5f75b09e {
+@layer mantine {.m_5f75b09e {
   --label-lh-xs: calc(1rem * var(--mantine-scale));
   --label-lh-sm: calc(1.25rem * var(--mantine-scale));
   --label-lh-md: calc(1.5rem * var(--mantine-scale));
@@ -7,23 +7,23 @@
   --label-lh: var(--label-lh-sm);
 }
 
-  .m-5f75b09e[data-label-position='left'] {
+  .m_5f75b09e[data-label-position='left'] {
     --label-order: 1;
     --label-offset-end: var(--mantine-spacing-sm);
     --label-offset-start: 0;
   }
 
-  .m-5f75b09e[data-label-position='right'] {
+  .m_5f75b09e[data-label-position='right'] {
     --label-order: 2;
     --label-offset-end: 0;
     --label-offset-start: var(--mantine-spacing-sm);
   }
 
-.m-5f6e695e {
+.m_5f6e695e {
   display: flex;
 }
 
-.m-d3ea56bb {
+.m_d3ea56bb {
   --label-cursor: var(--mantine-cursor-type);
 
   -webkit-tap-highlight-color: transparent;
@@ -35,33 +35,33 @@
   order: var(--label-order);
 }
 
-fieldset:disabled .m-d3ea56bb,
-  .m-d3ea56bb[data-disabled] {
+fieldset:disabled .m_d3ea56bb,
+  .m_d3ea56bb[data-disabled] {
     --label-cursor: not-allowed;
   }
 
-.m-8ee546b8 {
+.m_8ee546b8 {
   cursor: var(--label-cursor);
   color: inherit;
   padding-inline-start: var(--label-offset-start);
   padding-inline-end: var(--label-offset-end);
 }
 
-:where([data-mantine-color-scheme='light']) fieldset:disabled .m-8ee546b8, :where([data-mantine-color-scheme='light']) .m-8ee546b8:where([data-disabled]) {
+:where([data-mantine-color-scheme='light']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='light']) .m_8ee546b8:where([data-disabled]) {
       color: var(--mantine-color-gray-5);
 }
 
-:where([data-mantine-color-scheme='dark']) fieldset:disabled .m-8ee546b8, :where([data-mantine-color-scheme='dark']) .m-8ee546b8:where([data-disabled]) {
+:where([data-mantine-color-scheme='dark']) fieldset:disabled .m_8ee546b8, :where([data-mantine-color-scheme='dark']) .m_8ee546b8:where([data-disabled]) {
       color: var(--mantine-color-dark-3);
 }
 
-.m-328f68c0 {
+.m_328f68c0 {
   margin-top: calc(var(--mantine-spacing-xs) / 2);
   padding-inline-start: var(--label-offset-start);
   padding-inline-end: var(--label-offset-end);
 }
 
-.m-8e8a99cc {
+.m_8e8a99cc {
   margin-top: calc(var(--mantine-spacing-xs) / 2);
   padding-inline-start: var(--label-offset-start);
   padding-inline-end: var(--label-offset-end);

package/styles/Input.css

@@ -1,4 +1,4 @@
-.m-6c018570 {
+.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))));
 }