@mantine/core 7.7.0 → 7.7.1

package/styles/Tabs.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-89d60db1 {
+@layer mantine {.m_89d60db1 {
   display: var(--tabs-display);
   flex-direction: var(--tabs-flex-direction);
 
@@ -20,19 +20,19 @@
   --tab-border-width: 0 0 var(--tabs-list-border-width) 0;
 }
 
-  .m-89d60db1[data-inverted] {
+  .m_89d60db1[data-inverted] {
     --tabs-list-line-bottom: unset;
     --tabs-list-line-top: 0;
     --tab-radius: 0 0 var(--tabs-radius) var(--tabs-radius);
     --tab-border-width: var(--tabs-list-border-width) 0 0 0;
   }
 
-  .m-89d60db1[data-inverted] .m-576c9d4::before {
+  .m_89d60db1[data-inverted] .m_576c9d4::before {
       top: 0;
       bottom: unset;
     }
 
-  .m-89d60db1[data-orientation='vertical'] {
+  .m_89d60db1[data-orientation='vertical'] {
     --tabs-list-line-start: unset;
     --tabs-list-line-end: 0;
     --tabs-list-line-top: 0;
@@ -45,13 +45,13 @@
     --tabs-display: flex;
   }
 
-  [dir="rtl"] .m-89d60db1[data-orientation='vertical'] {
+  [dir="rtl"] .m_89d60db1[data-orientation='vertical'] {
       --tabs-list-border-size: 0 0 0 var(--tabs-list-border-width);
       --tab-border-width: 0 0 0 var(--tabs-list-border-width);
       --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
 }
 
-  .m-89d60db1[data-orientation='vertical'][data-placement='right'] {
+  .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
       --tabs-flex-direction: row-reverse;
       --tabs-list-line-start: 0;
       --tabs-list-line-end: unset;
@@ -60,53 +60,53 @@
       --tab-radius: 0 var(--tabs-radius) var(--tabs-radius) 0;
     }
 
-  [dir="rtl"] .m-89d60db1[data-orientation='vertical'][data-placement='right'] {
+  [dir="rtl"] .m_89d60db1[data-orientation='vertical'][data-placement='right'] {
         --tabs-list-border-size: 0 var(--tabs-list-border-width) 0 0;
         --tab-border-width: 0 var(--tabs-list-border-width) 0 0;
         --tab-radius: var(--tabs-radius) 0 0 var(--tabs-radius);
 }
 
-  [data-mantine-color-scheme='light'] .m-89d60db1 {
+  [data-mantine-color-scheme='light'] .m_89d60db1 {
     --tab-border-color: var(--mantine-color-gray-3);
 }
 
-  [data-mantine-color-scheme='dark'] .m-89d60db1 {
+  [data-mantine-color-scheme='dark'] .m_89d60db1 {
     --tab-border-color: var(--mantine-color-dark-4);
 }
 
-  .m-89d60db1[data-orientation='horizontal'] {
+  .m_89d60db1[data-orientation='horizontal'] {
     --tab-justify: center;
   }
 
-  .m-89d60db1[data-variant='default'] {
+  .m_89d60db1[data-variant='default'] {
     --tabs-list-border-width: calc(0.125rem * var(--mantine-scale));
   }
 
-  [data-mantine-color-scheme='light'] .m-89d60db1[data-variant='default'] {
+  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='default'] {
       --tab-hover-color: var(--mantine-color-gray-0);
 }
 
-  [data-mantine-color-scheme='dark'] .m-89d60db1[data-variant='default'] {
+  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='default'] {
       --tab-hover-color: var(--mantine-color-dark-6);
 }
 
-  .m-89d60db1[data-variant='outline'] {
+  .m_89d60db1[data-variant='outline'] {
     --tabs-list-border-width: calc(0.0625rem * var(--mantine-scale));
   }
 
-  .m-89d60db1[data-variant='pills'] {
+  .m_89d60db1[data-variant='pills'] {
     --tabs-list-gap: calc(var(--mantine-spacing-sm) / 2);
   }
 
-  [data-mantine-color-scheme='light'] .m-89d60db1[data-variant='pills'] {
+  [data-mantine-color-scheme='light'] .m_89d60db1[data-variant='pills'] {
       --tab-hover-color: var(--mantine-color-gray-0);
 }
 
-  [data-mantine-color-scheme='dark'] .m-89d60db1[data-variant='pills'] {
+  [data-mantine-color-scheme='dark'] .m_89d60db1[data-variant='pills'] {
       --tab-hover-color: var(--mantine-color-dark-6);
 }
 
-.m-89d33d6d {
+.m_89d33d6d {
   display: flex;
   flex-wrap: wrap;
   justify-content: var(--tabs-justify, flex-start);
@@ -116,15 +116,15 @@
   --tab-grow: unset;
 }
 
-.m-89d33d6d[data-grow] {
+.m_89d33d6d[data-grow] {
     --tab-grow: 1;
   }
 
-.m-b0c91715 {
+.m_b0c91715 {
   flex-grow: var(--tabs-panel-grow);
 }
 
-.m-4ec4dce6 {
+.m_4ec4dce6 {
   position: relative;
   padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
   font-size: var(--mantine-font-size-sm);
@@ -138,17 +138,17 @@
   justify-content: var(--tab-justify);
 }
 
-.m-4ec4dce6:disabled,
-  .m-4ec4dce6[data-disabled] {
+.m_4ec4dce6:disabled,
+  .m_4ec4dce6[data-disabled] {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-.m-4ec4dce6:focus {
+.m_4ec4dce6:focus {
     z-index: 1;
   }
 
-.m-fc420b1f {
+.m_fc420b1f {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -156,29 +156,29 @@
   margin-right: var(--tab-section-margin-right, 0);
 }
 
-.m-fc420b1f[data-position='left']:not(:only-child) {
+.m_fc420b1f[data-position='left']:not(:only-child) {
       --tab-section-margin-right: var(--mantine-spacing-xs);
     }
 
-[dir="rtl"] .m-fc420b1f[data-position='left']:not(:only-child) {
+[dir="rtl"] .m_fc420b1f[data-position='left']:not(:only-child) {
         --tab-section-margin-right: 0rem;
         --tab-section-margin-left: var(--mantine-spacing-xs);
 }
 
-.m-fc420b1f[data-position='right']:not(:only-child) {
+.m_fc420b1f[data-position='right']:not(:only-child) {
       --tab-section-margin-left: var(--mantine-spacing-xs);
     }
 
-[dir="rtl"] .m-fc420b1f[data-position='right']:not(:only-child) {
+[dir="rtl"] .m_fc420b1f[data-position='right']:not(:only-child) {
         --tab-section-margin-left: 0rem;
         --tab-section-margin-right: var(--mantine-spacing-xs);
 }
 
 /*************************************** default variant ***************************************/
-.m-576c9d4 {
+.m_576c9d4 {
   position: relative;
 }
-.m-576c9d4::before {
+.m_576c9d4::before {
     content: '';
     position: absolute;
     border-color: var(--tab-border-color);
@@ -190,7 +190,7 @@
     top: var(--tabs-list-line-top);
   }
 
-.m-539e827b {
+.m_539e827b {
   border-radius: var(--tab-radius);
   border-width: var(--tab-border-width);
   border-style: solid;
@@ -200,51 +200,51 @@
   --tab-bg: transparent;
 }
 
-.m-539e827b:where([data-active]) {
+.m_539e827b:where([data-active]) {
     border-color: var(--tabs-color);
   }
 
 @media (hover: hover) {
 
-  .m-539e827b:hover {
+  .m_539e827b:hover {
     --tab-bg: var(--tab-hover-color);
   }
 
-    .m-539e827b:hover:where(:not([data-active])) {
+    .m_539e827b:hover:where(:not([data-active])) {
       border-color: var(--tab-border-color);
     }
 }
 
 @media (hover: none) {
 
-  .m-539e827b:active {
+  .m_539e827b:active {
     --tab-bg: var(--tab-hover-color);
   }
 
-    .m-539e827b:active:where(:not([data-active])) {
+    .m_539e827b:active:where(:not([data-active])) {
       border-color: var(--tab-border-color);
     }
 }
 
 @media (hover: hover) {
 
-  .m-539e827b:disabled:hover, .m-539e827b[data-disabled]:hover {
+  .m_539e827b:disabled:hover, .m_539e827b[data-disabled]:hover {
       --tab-bg: transparent;
   }
 }
 
 @media (hover: none) {
 
-  .m-539e827b:disabled:active, .m-539e827b[data-disabled]:active {
+  .m_539e827b:disabled:active, .m_539e827b[data-disabled]:active {
       --tab-bg: transparent;
   }
 }
 
 /*************************************** outline variant ***************************************/
-.m-6772fbd5 {
+.m_6772fbd5 {
   position: relative;
 }
-.m-6772fbd5::before {
+.m_6772fbd5::before {
     content: '';
     position: absolute;
     border-color: var(--tab-border-color);
@@ -256,7 +256,7 @@
     top: var(--tabs-list-line-top);
   }
 
-.m-b59ab47c {
+.m_b59ab47c {
   border-top: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   border-bottom: calc(0.0625rem * var(--mantine-scale)) solid transparent;
   border-right: calc(0.0625rem * var(--mantine-scale)) solid transparent;
@@ -272,7 +272,7 @@
   --tab-border-inline-start-color: transparent;
 }
 
-.m-b59ab47c:where([data-active])::before {
+.m_b59ab47c:where([data-active])::before {
       content: '';
       position: absolute;
       background-color: var(--tab-border-color);
@@ -284,7 +284,7 @@
       height: calc(0.0625rem * var(--mantine-scale));
     }
 
-.m-b59ab47c:where([data-active])::after {
+.m_b59ab47c:where([data-active])::after {
       content: '';
       position: absolute;
       background-color: var(--tab-border-color);
@@ -296,7 +296,7 @@
       height: calc(0.0625rem * var(--mantine-scale));
     }
 
-.m-b59ab47c:where([data-active]) {
+.m_b59ab47c:where([data-active]) {
 
     border-top-color: var(--tab-border-top-color);
     border-bottom-color: var(--tab-border-bottom-color);
@@ -309,7 +309,7 @@
     --tab-border-bottom-color: var(--mantine-color-body);
 }
 
-.m-b59ab47c:where([data-active])[data-inverted] {
+.m_b59ab47c:where([data-active])[data-inverted] {
       --tab-border-bottom-color: var(--tab-border-color);
       --tab-border-top-color: var(--mantine-color-body);
 
@@ -319,7 +319,7 @@
       --tab-after-top: calc(-0.0625rem * var(--mantine-scale));
     }
 
-.m-b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
+.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
         --tab-border-inline-end-color: var(--mantine-color-body);
         --tab-border-inline-start-color: var(--tab-border-color);
         --tab-border-bottom-color: var(--tab-border-color);
@@ -332,14 +332,14 @@
         --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
       }
 
-[dir="rtl"] .m-b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
+[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
           --tab-before-right: auto;
           --tab-before-left: calc(-0.0625rem * var(--mantine-scale));
           --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
           --tab-after-right: auto;
 }
 
-.m-b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
+.m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
         --tab-border-inline-start-color: var(--mantine-color-body);
         --tab-border-inline-end-color: var(--tab-border-color);
         --tab-border-bottom-color: var(--tab-border-color);
@@ -352,7 +352,7 @@
         --tab-after-left: calc(-0.0625rem * var(--mantine-scale));
       }
 
-[dir="rtl"] .m-b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
+[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
           --tab-before-left: auto;
           --tab-before-right: calc(-0.0625rem * var(--mantine-scale));
           --tab-after-right: calc(-0.0625rem * var(--mantine-scale));
@@ -360,7 +360,7 @@
 }
 
 /*************************************** pills variant ***************************************/
-.m-c3381914 {
+.m_c3381914 {
   border-radius: var(--tabs-radius);
   background-color: var(--tab-bg);
   color: var(--tab-color);
@@ -370,29 +370,29 @@
 }
 @media (hover: hover) {
 
-  .m-c3381914:not([data-disabled]):hover {
+  .m_c3381914:not([data-disabled]):hover {
       --tab-bg: var(--tab-hover-color);
   }
 }
 @media (hover: none) {
 
-  .m-c3381914:not([data-disabled]):active {
+  .m_c3381914:not([data-disabled]):active {
       --tab-bg: var(--tab-hover-color);
   }
 }
-.m-c3381914[data-active][data-active] {
+.m_c3381914[data-active][data-active] {
     --tab-bg: var(--tabs-color);
     --tab-color: var(--tabs-text-color, var(--mantine-color-white));
   }
 @media (hover: hover) {
 
-  .m-c3381914[data-active][data-active]:hover {
+  .m_c3381914[data-active][data-active]:hover {
       --tab-bg: var(--tabs-color);
   }
 }
 @media (hover: none) {
 
-  .m-c3381914[data-active][data-active]:active {
+  .m_c3381914[data-active][data-active]:active {
       --tab-bg: var(--tabs-color);
   }
 }

package/styles/Text.css

@@ -1,4 +1,4 @@
-.m-b6d8b162 {
+.m_b6d8b162 {
   -webkit-tap-highlight-color: transparent;
   text-decoration: none;
   font-size: var(--text-fz, var(--mantine-font-size-md));
@@ -9,30 +9,30 @@
   color: var(--text-color);
 }
 
-  .m-b6d8b162:where([data-truncate]) {
+  .m_b6d8b162:where([data-truncate]) {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-  .m-b6d8b162:where([data-truncate='start']) {
+  .m_b6d8b162:where([data-truncate='start']) {
     direction: rtl;
     text-align: right;
   }
 
-  :where([dir="rtl"]) .m-b6d8b162:where([data-truncate='start']) {
+  :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
       direction: ltr;
       text-align: left;
 }
 
-  .m-b6d8b162:where([data-variant='gradient']) {
+  .m_b6d8b162:where([data-variant='gradient']) {
     background-image: var(--text-gradient);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
 
-  .m-b6d8b162:where([data-line-clamp]) {
+  .m_b6d8b162:where([data-line-clamp]) {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
@@ -40,12 +40,12 @@
     -webkit-box-orient: vertical;
   }
 
-  .m-b6d8b162:where([data-inherit]) {
+  .m_b6d8b162:where([data-inherit]) {
     line-height: inherit;
     font-weight: inherit;
     font-size: inherit;
   }
 
-  .m-b6d8b162:where([data-inline]) {
+  .m_b6d8b162:where([data-inline]) {
     line-height: 1;
   }

package/styles/Text.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-b6d8b162 {
+@layer mantine {.m_b6d8b162 {
   -webkit-tap-highlight-color: transparent;
   text-decoration: none;
   font-size: var(--text-fz, var(--mantine-font-size-md));
@@ -9,30 +9,30 @@
   color: var(--text-color);
 }
 
-  .m-b6d8b162:where([data-truncate]) {
+  .m_b6d8b162:where([data-truncate]) {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-  .m-b6d8b162:where([data-truncate='start']) {
+  .m_b6d8b162:where([data-truncate='start']) {
     direction: rtl;
     text-align: right;
   }
 
-  :where([dir="rtl"]) .m-b6d8b162:where([data-truncate='start']) {
+  :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
       direction: ltr;
       text-align: left;
 }
 
-  .m-b6d8b162:where([data-variant='gradient']) {
+  .m_b6d8b162:where([data-variant='gradient']) {
     background-image: var(--text-gradient);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
   }
 
-  .m-b6d8b162:where([data-line-clamp]) {
+  .m_b6d8b162:where([data-line-clamp]) {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
@@ -40,13 +40,13 @@
     -webkit-box-orient: vertical;
   }
 
-  .m-b6d8b162:where([data-inherit]) {
+  .m_b6d8b162:where([data-inherit]) {
     line-height: inherit;
     font-weight: inherit;
     font-size: inherit;
   }
 
-  .m-b6d8b162:where([data-inline]) {
+  .m_b6d8b162:where([data-inline]) {
     line-height: 1;
   }
 }

package/styles/ThemeIcon.css

@@ -1,4 +1,4 @@
-.m-7341320d {
+.m_7341320d {
   --ti-size-xs: calc(1.125rem * var(--mantine-scale));
   --ti-size-sm: calc(1.375rem * var(--mantine-scale));
   --ti-size-md: calc(1.75rem * var(--mantine-scale));

package/styles/ThemeIcon.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-7341320d {
+@layer mantine {.m_7341320d {
   --ti-size-xs: calc(1.125rem * var(--mantine-scale));
   --ti-size-sm: calc(1.375rem * var(--mantine-scale));
   --ti-size-md: calc(1.75rem * var(--mantine-scale));