@mantine/core 7.7.0 → 7.7.1

package/styles/Stepper.css

@@ -1,4 +1,4 @@
-.m-cbb4ea7e {
+.m_cbb4ea7e {
   --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
   --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
   --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
@@ -13,99 +13,99 @@
   --stepper-fz: var(--mantine-font-size-md);
 }
 
-.m-aaf89d0b {
+.m_aaf89d0b {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
 }
 
-.m-aaf89d0b:where([data-wrap]) {
+.m_aaf89d0b:where([data-wrap]) {
     flex-wrap: wrap;
     gap: var(--mantine-spacing-md) 0;
   }
 
-.m-aaf89d0b:where([data-orientation='vertical']) {
+.m_aaf89d0b:where([data-orientation='vertical']) {
     flex-direction: column;
   }
 
-.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
+.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
       align-items: flex-start;
     }
 
-.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
+.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
       align-items: flex-end;
     }
 
-.m-aaf89d0b:where([data-orientation='horizontal']) {
+.m_aaf89d0b:where([data-orientation='horizontal']) {
     flex-direction: row;
   }
 
-.m-2a371ac9 {
+.m_2a371ac9 {
   --separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
 
   transition: background-color 150ms ease;
   flex: 1;
 }
 
-:where([data-mantine-color-scheme='light']) .m-2a371ac9 {
+:where([data-mantine-color-scheme='light']) .m_2a371ac9 {
     background-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-2a371ac9 {
+:where([data-mantine-color-scheme='dark']) .m_2a371ac9 {
     background-color: var(--mantine-color-dark-2);
 }
 
-.m-2a371ac9:where([data-active]) {
+.m_2a371ac9:where([data-active]) {
     background-color: var(--stepper-color);
   }
 
-.m-2a371ac9:where([data-orientation='horizontal']) {
+.m_2a371ac9:where([data-orientation='horizontal']) {
     height: calc(0.125rem * var(--mantine-scale));
     margin-inline: var(--mantine-spacing-md);
   }
 
-.m-2a371ac9:where([data-orientation='vertical']) {
+.m_2a371ac9:where([data-orientation='vertical']) {
     width: calc(0.125rem * var(--mantine-scale));
     margin-top: calc(var(--mantine-spacing-xs) / 2);
     margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
   }
 
-.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
+.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
       margin-inline-start: var(--separator-offset);
     }
 
-.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
+.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
       margin-inline-end: var(--separator-offset);
     }
 
-.m-78da155d {
+.m_78da155d {
   padding-top: var(--stepper-content-padding);
 }
 
-.m-cbb57068 {
+.m_cbb57068 {
   --step-color: var(--stepper-color);
 
   display: flex;
   cursor: default;
 }
 
-.m-cbb57068:where([data-allow-click]) {
+.m_cbb57068:where([data-allow-click]) {
     cursor: pointer;
   }
 
-.m-cbb57068:where([data-icon-position='left']) {
+.m_cbb57068:where([data-icon-position='left']) {
     flex-direction: row;
   }
 
-.m-cbb57068:where([data-icon-position='right']) {
+.m_cbb57068:where([data-icon-position='right']) {
     flex-direction: row-reverse;
   }
 
-.m-f56b1e2c {
+.m_f56b1e2c {
   align-items: center;
 }
 
-.m-833edb7e {
+.m_833edb7e {
   --separator-spacing: calc(var(--mantine-spacing-xs) / 2);
 
   justify-content: flex-start;
@@ -114,19 +114,19 @@
   overflow: hidden;
 }
 
-.m-833edb7e:where(:first-of-type) {
+.m_833edb7e:where(:first-of-type) {
     margin-top: 0;
   }
 
-.m-833edb7e:where(:last-of-type) .m-6496b3f3 {
+.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
     display: none;
   }
 
-.m-818e70b {
+.m_818e70b {
   position: relative;
 }
 
-.m-6496b3f3 {
+.m_6496b3f3 {
   top: calc(var(--stepper-icon-size) + var(--separator-spacing));
   inset-inline-start: calc(var(--stepper-icon-size) / 2);
   height: 100vh;
@@ -134,19 +134,19 @@
   border-inline-start: calc(0.125rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-6496b3f3 {
+:where([data-mantine-color-scheme='light']) .m_6496b3f3 {
     border-color: var(--mantine-color-gray-1);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-6496b3f3 {
+:where([data-mantine-color-scheme='dark']) .m_6496b3f3 {
     border-color: var(--mantine-color-dark-5);
 }
 
-.m-6496b3f3:where([data-active]) {
+.m_6496b3f3:where([data-active]) {
     border-color: var(--stepper-color);
   }
 
-.m-1959ad01 {
+.m_1959ad01 {
   height: var(--stepper-icon-size);
   width: var(--stepper-icon-size);
   min-height: var(--stepper-icon-size);
@@ -164,29 +164,29 @@
   border: calc(0.125rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-1959ad01 {
+:where([data-mantine-color-scheme='light']) .m_1959ad01 {
     background-color: var(--mantine-color-gray-1);
     border-color: var(--mantine-color-gray-1);
     color: var(--mantine-color-gray-7);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1959ad01 {
+:where([data-mantine-color-scheme='dark']) .m_1959ad01 {
     background-color: var(--mantine-color-dark-5);
     border-color: var(--mantine-color-dark-5);
     color: var(--mantine-color-dark-1);
 }
 
-.m-1959ad01:where([data-progress]) {
+.m_1959ad01:where([data-progress]) {
     border-color: var(--step-color);
   }
 
-.m-1959ad01:where([data-completed]) {
+.m_1959ad01:where([data-completed]) {
     color: var(--stepper-icon-color, var(--mantine-color-white));
     background-color: var(--step-color);
     border-color: var(--step-color);
   }
 
-.m-a79331dc {
+.m_a79331dc {
   position: absolute;
   inset: 0;
   display: flex;
@@ -195,31 +195,31 @@
   color: var(--stepper-icon-color, var(--mantine-color-white));
 }
 
-.m-1956aa2a {
+.m_1956aa2a {
   display: flex;
   flex-direction: column;
 }
 
-.m-1956aa2a:where([data-icon-position='left']) {
+.m_1956aa2a:where([data-icon-position='left']) {
     margin-inline-start: var(--mantine-spacing-sm);
   }
 
-.m-1956aa2a:where([data-icon-position='right']) {
+.m_1956aa2a:where([data-icon-position='right']) {
     text-align: right;
     margin-inline-end: var(--mantine-spacing-sm);
   }
 
-:where([dir="rtl"]) .m-1956aa2a:where([data-icon-position='right']) {
+:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
       text-align: left;
 }
 
-.m-12051f6c {
+.m_12051f6c {
   font-weight: 500;
   font-size: var(--stepper-fz);
   line-height: 1;
 }
 
-.m-164eea74 {
+.m_164eea74 {
   margin-top: calc(var(--stepper-spacing) / 3);
   margin-bottom: calc(var(--stepper-spacing) / 3);
   font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));

package/styles/Stepper.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-cbb4ea7e {
+@layer mantine {.m_cbb4ea7e {
   --stepper-icon-size-xs: calc(2.125rem * var(--mantine-scale));
   --stepper-icon-size-sm: calc(2.25rem * var(--mantine-scale));
   --stepper-icon-size-md: calc(2.625rem * var(--mantine-scale));
@@ -13,99 +13,99 @@
   --stepper-fz: var(--mantine-font-size-md);
 }
 
-.m-aaf89d0b {
+.m_aaf89d0b {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
 }
 
-.m-aaf89d0b:where([data-wrap]) {
+.m_aaf89d0b:where([data-wrap]) {
     flex-wrap: wrap;
     gap: var(--mantine-spacing-md) 0;
   }
 
-.m-aaf89d0b:where([data-orientation='vertical']) {
+.m_aaf89d0b:where([data-orientation='vertical']) {
     flex-direction: column;
   }
 
-.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
+.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='left']) {
       align-items: flex-start;
     }
 
-.m-aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
+.m_aaf89d0b:where([data-orientation='vertical']):where([data-icon-position='right']) {
       align-items: flex-end;
     }
 
-.m-aaf89d0b:where([data-orientation='horizontal']) {
+.m_aaf89d0b:where([data-orientation='horizontal']) {
     flex-direction: row;
   }
 
-.m-2a371ac9 {
+.m_2a371ac9 {
   --separator-offset: calc(var(--stepper-icon-size) / 2 - calc(0.0625rem * var(--mantine-scale)));
 
   transition: background-color 150ms ease;
   flex: 1;
 }
 
-:where([data-mantine-color-scheme='light']) .m-2a371ac9 {
+:where([data-mantine-color-scheme='light']) .m_2a371ac9 {
     background-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-2a371ac9 {
+:where([data-mantine-color-scheme='dark']) .m_2a371ac9 {
     background-color: var(--mantine-color-dark-2);
 }
 
-.m-2a371ac9:where([data-active]) {
+.m_2a371ac9:where([data-active]) {
     background-color: var(--stepper-color);
   }
 
-.m-2a371ac9:where([data-orientation='horizontal']) {
+.m_2a371ac9:where([data-orientation='horizontal']) {
     height: calc(0.125rem * var(--mantine-scale));
     margin-inline: var(--mantine-spacing-md);
   }
 
-.m-2a371ac9:where([data-orientation='vertical']) {
+.m_2a371ac9:where([data-orientation='vertical']) {
     width: calc(0.125rem * var(--mantine-scale));
     margin-top: calc(var(--mantine-spacing-xs) / 2);
     margin-bottom: calc(var(--mantine-spacing-xs) - calc(0.125rem * var(--mantine-scale)));
   }
 
-.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
+.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='left']) {
       margin-inline-start: var(--separator-offset);
     }
 
-.m-2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
+.m_2a371ac9:where([data-orientation='vertical']):where([data-icon-position='right']) {
       margin-inline-end: var(--separator-offset);
     }
 
-.m-78da155d {
+.m_78da155d {
   padding-top: var(--stepper-content-padding);
 }
 
-.m-cbb57068 {
+.m_cbb57068 {
   --step-color: var(--stepper-color);
 
   display: flex;
   cursor: default;
 }
 
-.m-cbb57068:where([data-allow-click]) {
+.m_cbb57068:where([data-allow-click]) {
     cursor: pointer;
   }
 
-.m-cbb57068:where([data-icon-position='left']) {
+.m_cbb57068:where([data-icon-position='left']) {
     flex-direction: row;
   }
 
-.m-cbb57068:where([data-icon-position='right']) {
+.m_cbb57068:where([data-icon-position='right']) {
     flex-direction: row-reverse;
   }
 
-.m-f56b1e2c {
+.m_f56b1e2c {
   align-items: center;
 }
 
-.m-833edb7e {
+.m_833edb7e {
   --separator-spacing: calc(var(--mantine-spacing-xs) / 2);
 
   justify-content: flex-start;
@@ -114,19 +114,19 @@
   overflow: hidden;
 }
 
-.m-833edb7e:where(:first-of-type) {
+.m_833edb7e:where(:first-of-type) {
     margin-top: 0;
   }
 
-.m-833edb7e:where(:last-of-type) .m-6496b3f3 {
+.m_833edb7e:where(:last-of-type) .m_6496b3f3 {
     display: none;
   }
 
-.m-818e70b {
+.m_818e70b {
   position: relative;
 }
 
-.m-6496b3f3 {
+.m_6496b3f3 {
   top: calc(var(--stepper-icon-size) + var(--separator-spacing));
   inset-inline-start: calc(var(--stepper-icon-size) / 2);
   height: 100vh;
@@ -134,19 +134,19 @@
   border-inline-start: calc(0.125rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-6496b3f3 {
+:where([data-mantine-color-scheme='light']) .m_6496b3f3 {
     border-color: var(--mantine-color-gray-1);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-6496b3f3 {
+:where([data-mantine-color-scheme='dark']) .m_6496b3f3 {
     border-color: var(--mantine-color-dark-5);
 }
 
-.m-6496b3f3:where([data-active]) {
+.m_6496b3f3:where([data-active]) {
     border-color: var(--stepper-color);
   }
 
-.m-1959ad01 {
+.m_1959ad01 {
   height: var(--stepper-icon-size);
   width: var(--stepper-icon-size);
   min-height: var(--stepper-icon-size);
@@ -164,29 +164,29 @@
   border: calc(0.125rem * var(--mantine-scale)) solid;
 }
 
-:where([data-mantine-color-scheme='light']) .m-1959ad01 {
+:where([data-mantine-color-scheme='light']) .m_1959ad01 {
     background-color: var(--mantine-color-gray-1);
     border-color: var(--mantine-color-gray-1);
     color: var(--mantine-color-gray-7);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-1959ad01 {
+:where([data-mantine-color-scheme='dark']) .m_1959ad01 {
     background-color: var(--mantine-color-dark-5);
     border-color: var(--mantine-color-dark-5);
     color: var(--mantine-color-dark-1);
 }
 
-.m-1959ad01:where([data-progress]) {
+.m_1959ad01:where([data-progress]) {
     border-color: var(--step-color);
   }
 
-.m-1959ad01:where([data-completed]) {
+.m_1959ad01:where([data-completed]) {
     color: var(--stepper-icon-color, var(--mantine-color-white));
     background-color: var(--step-color);
     border-color: var(--step-color);
   }
 
-.m-a79331dc {
+.m_a79331dc {
   position: absolute;
   inset: 0;
   display: flex;
@@ -195,31 +195,31 @@
   color: var(--stepper-icon-color, var(--mantine-color-white));
 }
 
-.m-1956aa2a {
+.m_1956aa2a {
   display: flex;
   flex-direction: column;
 }
 
-.m-1956aa2a:where([data-icon-position='left']) {
+.m_1956aa2a:where([data-icon-position='left']) {
     margin-inline-start: var(--mantine-spacing-sm);
   }
 
-.m-1956aa2a:where([data-icon-position='right']) {
+.m_1956aa2a:where([data-icon-position='right']) {
     text-align: right;
     margin-inline-end: var(--mantine-spacing-sm);
   }
 
-:where([dir="rtl"]) .m-1956aa2a:where([data-icon-position='right']) {
+:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
       text-align: left;
 }
 
-.m-12051f6c {
+.m_12051f6c {
   font-weight: 500;
   font-size: var(--stepper-fz);
   line-height: 1;
 }
 
-.m-164eea74 {
+.m_164eea74 {
   margin-top: calc(var(--stepper-spacing) / 3);
   margin-bottom: calc(var(--stepper-spacing) / 3);
   font-size: calc(var(--stepper-fz) - calc(0.125rem * var(--mantine-scale)));

package/styles/Switch.css

@@ -1,4 +1,4 @@
-.m-5f93f3bb {
+.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;
   }