@mantine/core 7.7.0 → 7.7.1

package/styles/Switch.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-5f93f3bb {
+@layer mantine {.m_5f93f3bb {
   --switch-height-xs: calc(1rem * var(--mantine-scale));
   --switch-height-sm: calc(1.25rem * var(--mantine-scale));
   --switch-height-md: calc(1.5rem * var(--mantine-scale));
@@ -40,7 +40,7 @@
   position: relative;
 }
 
-.m-926b4011 {
+.m_926b4011 {
   height: 0;
   width: 0;
   opacity: 0;
@@ -51,7 +51,7 @@
   white-space: nowrap;
 }
 
-.m-9307d992 {
+.m_9307d992 {
   -webkit-tap-highlight-color: transparent;
   cursor: var(--switch-cursor, var(--mantine-cursor-type));
   overflow: hidden;
@@ -77,47 +77,47 @@
   color: var(--switch-text-color);
 }
 
-.m-926b4011:focus-visible + .m-9307d992 {
+.m_926b4011:focus-visible + .m_9307d992 {
     outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
     outline-offset: calc(0.125rem * var(--mantine-scale));
   }
 
-.m-926b4011:checked + .m-9307d992 {
+.m_926b4011:checked + .m_9307d992 {
     --switch-bg: var(--switch-color);
     --switch-bd: var(--switch-color);
     --switch-text-color: var(--mantine-color-white);
   }
 
-.m-926b4011:disabled + .m-9307d992,
-  .m-926b4011[data-disabled] + .m-9307d992 {
+.m_926b4011:disabled + .m_9307d992,
+  .m_926b4011[data-disabled] + .m_9307d992 {
     --switch-bg: var(--switch-disabled-color);
     --switch-bd: var(--switch-disabled-color);
     --switch-cursor: not-allowed;
   }
 
-[data-mantine-color-scheme='light'] .m-9307d992 {
+[data-mantine-color-scheme='light'] .m_9307d992 {
     --switch-bg: var(--mantine-color-gray-2);
     --switch-bd: var(--mantine-color-gray-3);
     --switch-text-color: var(--mantine-color-gray-6);
     --switch-disabled-color: var(--mantine-color-gray-2);
 }
 
-[data-mantine-color-scheme='dark'] .m-9307d992 {
+[data-mantine-color-scheme='dark'] .m_9307d992 {
     --switch-bg: var(--mantine-color-dark-6);
     --switch-bd: var(--mantine-color-dark-4);
     --switch-text-color: var(--mantine-color-dark-1);
     --switch-disabled-color: var(--mantine-color-dark-4);
 }
 
-.m-9307d992[data-error] {
+.m_9307d992[data-error] {
     --switch-bd: var(--mantine-color-error);
   }
 
-.m-9307d992[data-label-position='left'] {
+.m_9307d992[data-label-position='left'] {
     --switch-order: 2;
   }
 
-.m-93039a1d {
+.m_93039a1d {
   position: absolute;
   z-index: 1;
   border-radius: var(--switch-radius);
@@ -130,32 +130,32 @@
   transition: inset-inline-start 150ms ease;
 }
 
-.m-93039a1d > * {
+.m_93039a1d > * {
     margin: auto;
   }
 
-.m-926b4011:checked + * > .m-93039a1d {
+.m_926b4011:checked + * > .m_93039a1d {
     --switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding));
     --switch-thumb-bd: var(--mantine-color-white);
   }
 
-.m-926b4011:disabled + * > .m-93039a1d,
-  .m-926b4011[data-disabled] + * > .m-93039a1d {
+.m_926b4011:disabled + * > .m_93039a1d,
+  .m_926b4011[data-disabled] + * > .m_93039a1d {
     --switch-thumb-bd: var(--switch-thumb-bg-disabled);
     --switch-thumb-bg: var(--switch-thumb-bg-disabled);
   }
 
-[data-mantine-color-scheme='light'] .m-93039a1d {
+[data-mantine-color-scheme='light'] .m_93039a1d {
     --switch-thumb-bd: var(--mantine-color-gray-3);
     --switch-thumb-bg-disabled: var(--mantine-color-gray-0);
 }
 
-[data-mantine-color-scheme='dark'] .m-93039a1d {
+[data-mantine-color-scheme='dark'] .m_93039a1d {
     --switch-thumb-bd: var(--mantine-color-white);
     --switch-thumb-bg-disabled: var(--mantine-color-dark-3);
 }
 
-.m-8277e082 {
+.m_8277e082 {
   height: 100%;
   display: grid;
   place-content: center;
@@ -165,7 +165,7 @@
   transition: margin 150ms ease;
 }
 
-.m-926b4011:checked + * > .m-8277e082 {
+.m_926b4011:checked + * > .m_8277e082 {
     margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
     margin-inline-start: 0;
   }

package/styles/Table.css

@@ -1,4 +1,4 @@
-.m-b23fa0ef {
+.m_b23fa0ef {
   width: 100%;
   border-collapse: collapse;
   line-height: var(--mantine-line-height);
@@ -8,102 +8,102 @@
   border: none;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-b23fa0ef {
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
     --table-hover-color: var(--mantine-color-gray-1);
     --table-striped-color: var(--mantine-color-gray-0);
     --table-border-color: var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-b23fa0ef {
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
     --table-hover-color: var(--mantine-color-dark-5);
     --table-striped-color: var(--mantine-color-dark-6);
     --table-border-color: var(--mantine-color-dark-4);
 }
 
-  .m-b23fa0ef:where([data-with-table-border]) {
+  .m_b23fa0ef:where([data-with-table-border]) {
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
-.m-4e7aa4f3 {
+.m_4e7aa4f3 {
   text-align: left;
 }
 
-:where([dir="rtl"]) .m-4e7aa4f3 {
+:where([dir="rtl"]) .m_4e7aa4f3 {
     text-align: right;
 }
 
-.m-4e7aa4fd {
+.m_4e7aa4fd {
   border-bottom: none;
   background-color: transparent;
 }
 
 @media (hover: hover) {
-    .m-4e7aa4fd:hover:where([data-hover]) {
+    .m_4e7aa4fd:hover:where([data-hover]) {
       background-color: var(--tr-hover-bg);
     }
 }
 
 @media (hover: none) {
-    .m-4e7aa4fd:active:where([data-hover]) {
+    .m_4e7aa4fd:active:where([data-hover]) {
       background-color: var(--tr-hover-bg);
     }
 }
 
-.m-4e7aa4fd:where([data-with-row-border]) {
+.m_4e7aa4fd:where([data-with-row-border]) {
     border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
-.m-4e7aa4ef,
-.m-4e7aa4f3 {
+.m_4e7aa4ef,
+.m_4e7aa4f3 {
   padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
 }
 
-.m-4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m-4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
+.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
     border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
-.m-b2404537 :where(tr):where([data-with-row-border]:last-of-type) {
+.m_b2404537 :where(tr):where([data-with-row-border]:last-of-type) {
       border-bottom: none;
     }
 
-.m-b2404537 :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
+.m_b2404537 :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
       background-color: var(--table-striped-color);
     }
 
-.m-b2404537 :where(tr):where([data-striped='even']:nth-of-type(even)) {
+.m_b2404537 :where(tr):where([data-striped='even']:nth-of-type(even)) {
       background-color: var(--table-striped-color);
     }
 
-.m-b2404537 :where(tr)[data-hover] {
-      --tr-hover-bg: var(--table-hover-color);
+.m_b2404537 :where(tr)[data-hover] {
+      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
     }
 
-.m-b242d975 {
+.m_b242d975 {
   top: var(--table-sticky-header-offset, 0);
   z-index: 1;
 }
 
-.m-b242d975:where([data-sticky]) {
+.m_b242d975:where([data-sticky]) {
     position: sticky;
     background-color: var(--mantine-color-body);
   }
 
-.m-9e5a3ac7 {
+.m_9e5a3ac7 {
   color: var(--mantine-color-dimmed);
 }
 
-.m-9e5a3ac7:where([data-side='top']) {
+.m_9e5a3ac7:where([data-side='top']) {
     margin-bottom: var(--mantine-spacing-xs);
   }
 
-.m-9e5a3ac7:where([data-side='bottom']) {
+.m_9e5a3ac7:where([data-side='bottom']) {
     margin-top: var(--mantine-spacing-xs);
   }
 
-.m-a100c15 {
+.m_a100c15 {
   overflow-x: var(--table-overflow);
 }
 
-.m-62259741 {
+.m_62259741 {
   min-width: var(--table-min-width);
 }

package/styles/Table.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-b23fa0ef {
+@layer mantine {.m_b23fa0ef {
   width: 100%;
   border-collapse: collapse;
   line-height: var(--mantine-line-height);
@@ -8,103 +8,103 @@
   border: none;
 }
 
-  :where([data-mantine-color-scheme='light']) .m-b23fa0ef {
+  :where([data-mantine-color-scheme='light']) .m_b23fa0ef {
     --table-hover-color: var(--mantine-color-gray-1);
     --table-striped-color: var(--mantine-color-gray-0);
     --table-border-color: var(--mantine-color-gray-3);
 }
 
-  :where([data-mantine-color-scheme='dark']) .m-b23fa0ef {
+  :where([data-mantine-color-scheme='dark']) .m_b23fa0ef {
     --table-hover-color: var(--mantine-color-dark-5);
     --table-striped-color: var(--mantine-color-dark-6);
     --table-border-color: var(--mantine-color-dark-4);
 }
 
-  .m-b23fa0ef:where([data-with-table-border]) {
+  .m_b23fa0ef:where([data-with-table-border]) {
     border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
-.m-4e7aa4f3 {
+.m_4e7aa4f3 {
   text-align: left;
 }
 
-:where([dir="rtl"]) .m-4e7aa4f3 {
+:where([dir="rtl"]) .m_4e7aa4f3 {
     text-align: right;
 }
 
-.m-4e7aa4fd {
+.m_4e7aa4fd {
   border-bottom: none;
   background-color: transparent;
 }
 
 @media (hover: hover) {
-    .m-4e7aa4fd:hover:where([data-hover]) {
+    .m_4e7aa4fd:hover:where([data-hover]) {
       background-color: var(--tr-hover-bg);
     }
 }
 
 @media (hover: none) {
-    .m-4e7aa4fd:active:where([data-hover]) {
+    .m_4e7aa4fd:active:where([data-hover]) {
       background-color: var(--tr-hover-bg);
     }
 }
 
-.m-4e7aa4fd:where([data-with-row-border]) {
+.m_4e7aa4fd:where([data-with-row-border]) {
     border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
-.m-4e7aa4ef,
-.m-4e7aa4f3 {
+.m_4e7aa4ef,
+.m_4e7aa4f3 {
   padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
 }
 
-.m-4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m-4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
+.m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
     border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
-.m-b2404537 :where(tr):where([data-with-row-border]:last-of-type) {
+.m_b2404537 :where(tr):where([data-with-row-border]:last-of-type) {
       border-bottom: none;
     }
 
-.m-b2404537 :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
+.m_b2404537 :where(tr):where([data-striped='odd']:nth-of-type(odd)) {
       background-color: var(--table-striped-color);
     }
 
-.m-b2404537 :where(tr):where([data-striped='even']:nth-of-type(even)) {
+.m_b2404537 :where(tr):where([data-striped='even']:nth-of-type(even)) {
       background-color: var(--table-striped-color);
     }
 
-.m-b2404537 :where(tr)[data-hover] {
-      --tr-hover-bg: var(--table-hover-color);
+.m_b2404537 :where(tr)[data-hover] {
+      --tr-hover-bg: var(--table-highlight-on-hover-color, var(--table-hover-color));
     }
 
-.m-b242d975 {
+.m_b242d975 {
   top: var(--table-sticky-header-offset, 0);
   z-index: 1;
 }
 
-.m-b242d975:where([data-sticky]) {
+.m_b242d975:where([data-sticky]) {
     position: sticky;
     background-color: var(--mantine-color-body);
   }
 
-.m-9e5a3ac7 {
+.m_9e5a3ac7 {
   color: var(--mantine-color-dimmed);
 }
 
-.m-9e5a3ac7:where([data-side='top']) {
+.m_9e5a3ac7:where([data-side='top']) {
     margin-bottom: var(--mantine-spacing-xs);
   }
 
-.m-9e5a3ac7:where([data-side='bottom']) {
+.m_9e5a3ac7:where([data-side='bottom']) {
     margin-top: var(--mantine-spacing-xs);
   }
 
-.m-a100c15 {
+.m_a100c15 {
   overflow-x: var(--table-overflow);
 }
 
-.m-62259741 {
+.m_62259741 {
   min-width: var(--table-min-width);
 }
 }