@mantine/core 7.7.0 → 7.7.1

package/styles/ColorPicker.css

@@ -1,4 +1,4 @@
-.m-fee9c77 {
+.m_fee9c77 {
   --cp-width-xs: calc(11.25rem * var(--mantine-scale));
   --cp-width-sm: calc(12.5rem * var(--mantine-scale));
   --cp-width-md: calc(15rem * var(--mantine-scale));
@@ -33,29 +33,29 @@
   padding: calc(0.0625rem * var(--mantine-scale));
 }
 
-  .m-fee9c77:where([data-full-width]) {
+  .m_fee9c77:where([data-full-width]) {
     width: 100%;
   }
 
-.m-9dddfbac {
+.m_9dddfbac {
   width: var(--cp-preview-size);
   height: var(--cp-preview-size);
 }
 
-.m-bffecc3e {
+.m_bffecc3e {
   display: flex;
   padding-top: calc(var(--cp-body-spacing) / 2);
 }
 
-.m-3283bb96 {
+.m_3283bb96 {
   flex: 1;
 }
 
-.m-3283bb96:not(:only-child) {
+.m_3283bb96:not(:only-child) {
     margin-inline-end: var(--mantine-spacing-xs);
   }
 
-.m-40d572ba {
+.m_40d572ba {
   overflow: hidden;
   position: absolute;
   box-shadow: 0 0 calc(0.0625rem * var(--mantine-scale)) rgba(0, 0, 0, 0.6);
@@ -67,7 +67,7 @@
   top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
 }
 
-.m-d8ee6fd8 {
+.m_d8ee6fd8 {
   height: unset !important;
   width: unset !important;
   min-width: 0 !important;
@@ -78,14 +78,14 @@
   flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
 }
 
-.m-5711e686 {
+.m_5711e686 {
   margin-top: calc(0.3125rem * var(--mantine-scale));
   margin-inline: calc(-0.125rem * var(--mantine-scale));
   display: flex;
   flex-wrap: wrap;
 }
 
-.m-202a296e {
+.m_202a296e {
   --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
   --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
   --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
@@ -99,21 +99,21 @@
   margin: calc(var(--cp-thumb-size) / 2);
 }
 
-.m-202a296e:where([data-focus-ring='auto']):focus:focus-visible .m-40d572ba {
+.m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-202a296e:where([data-focus-ring='always']):focus .m-40d572ba {
+.m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-11b3db02 {
+.m_11b3db02 {
   position: absolute;
   border-radius: var(--mantine-radius-sm);
   inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
 }
 
-.m-d856d47d {
+.m_d856d47d {
   --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
   --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
   --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
@@ -127,27 +127,27 @@
   outline: none;
 }
 
-.m-d856d47d + .m-d856d47d {
+.m_d856d47d + .m_d856d47d {
     margin-top: calc(0.375rem * var(--mantine-scale));
   }
 
-.m-d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m-40d572ba {
+.m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-d856d47d:where([data-focus-ring='always']):focus .m-40d572ba {
+.m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-:where([data-mantine-color-scheme='light']) .m-d856d47d {
+:where([data-mantine-color-scheme='light']) .m_d856d47d {
     --slider-checkers: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-d856d47d {
+:where([data-mantine-color-scheme='dark']) .m_d856d47d {
     --slider-checkers: var(--mantine-color-dark-4);
 }
 
-.m-8f327113 {
+.m_8f327113 {
   position: absolute;
   top: 0;
   bottom: 0;

package/styles/ColorPicker.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-fee9c77 {
+@layer mantine {.m_fee9c77 {
   --cp-width-xs: calc(11.25rem * var(--mantine-scale));
   --cp-width-sm: calc(12.5rem * var(--mantine-scale));
   --cp-width-md: calc(15rem * var(--mantine-scale));
@@ -33,29 +33,29 @@
   padding: calc(0.0625rem * var(--mantine-scale));
 }
 
-  .m-fee9c77:where([data-full-width]) {
+  .m_fee9c77:where([data-full-width]) {
     width: 100%;
   }
 
-.m-9dddfbac {
+.m_9dddfbac {
   width: var(--cp-preview-size);
   height: var(--cp-preview-size);
 }
 
-.m-bffecc3e {
+.m_bffecc3e {
   display: flex;
   padding-top: calc(var(--cp-body-spacing) / 2);
 }
 
-.m-3283bb96 {
+.m_3283bb96 {
   flex: 1;
 }
 
-.m-3283bb96:not(:only-child) {
+.m_3283bb96:not(:only-child) {
     margin-inline-end: var(--mantine-spacing-xs);
   }
 
-.m-40d572ba {
+.m_40d572ba {
   overflow: hidden;
   position: absolute;
   box-shadow: 0 0 calc(0.0625rem * var(--mantine-scale)) rgba(0, 0, 0, 0.6);
@@ -67,7 +67,7 @@
   top: calc(var(--thumb-y-offset) - var(--cp-thumb-size) / 2);
 }
 
-.m-d8ee6fd8 {
+.m_d8ee6fd8 {
   height: unset !important;
   width: unset !important;
   min-width: 0 !important;
@@ -78,14 +78,14 @@
   flex: 0 0 calc(var(--cp-swatch-size) - calc(0.25rem * var(--mantine-scale)));
 }
 
-.m-5711e686 {
+.m_5711e686 {
   margin-top: calc(0.3125rem * var(--mantine-scale));
   margin-inline: calc(-0.125rem * var(--mantine-scale));
   display: flex;
   flex-wrap: wrap;
 }
 
-.m-202a296e {
+.m_202a296e {
   --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
   --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
   --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
@@ -99,21 +99,21 @@
   margin: calc(var(--cp-thumb-size) / 2);
 }
 
-.m-202a296e:where([data-focus-ring='auto']):focus:focus-visible .m-40d572ba {
+.m_202a296e:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-202a296e:where([data-focus-ring='always']):focus .m-40d572ba {
+.m_202a296e:where([data-focus-ring='always']):focus .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-11b3db02 {
+.m_11b3db02 {
   position: absolute;
   border-radius: var(--mantine-radius-sm);
   inset: calc(var(--cp-thumb-size) * -1 / 2 - calc(0.0625rem * var(--mantine-scale)));
 }
 
-.m-d856d47d {
+.m_d856d47d {
   --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
   --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
   --cp-thumb-size-md: calc(1rem * var(--mantine-scale));
@@ -127,27 +127,27 @@
   outline: none;
 }
 
-.m-d856d47d + .m-d856d47d {
+.m_d856d47d + .m_d856d47d {
     margin-top: calc(0.375rem * var(--mantine-scale));
   }
 
-.m-d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m-40d572ba {
+.m_d856d47d:where([data-focus-ring='auto']):focus:focus-visible .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-.m-d856d47d:where([data-focus-ring='always']):focus .m-40d572ba {
+.m_d856d47d:where([data-focus-ring='always']):focus .m_40d572ba {
         outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-color-blue-filled);
       }
 
-:where([data-mantine-color-scheme='light']) .m-d856d47d {
+:where([data-mantine-color-scheme='light']) .m_d856d47d {
     --slider-checkers: var(--mantine-color-gray-3);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-d856d47d {
+:where([data-mantine-color-scheme='dark']) .m_d856d47d {
     --slider-checkers: var(--mantine-color-dark-4);
 }
 
-.m-8f327113 {
+.m_8f327113 {
   position: absolute;
   top: 0;
   bottom: 0;

package/styles/ColorSwatch.css

@@ -1,4 +1,4 @@
-.m-de3d2490 {
+.m_de3d2490 {
   --cs-size: calc(1.75rem * var(--mantine-scale));
   --cs-radius: calc(62.5rem * var(--mantine-scale));
 
@@ -17,23 +17,23 @@
   text-decoration: none;
 }
 
-  [data-mantine-color-scheme='light'] .m-de3d2490 {
+  [data-mantine-color-scheme='light'] .m_de3d2490 {
     --alpha-overlay-color: var(--mantine-color-gray-3);
     --alpha-overlay-bg: var(--mantine-color-white);
 }
 
-  [data-mantine-color-scheme='dark'] .m-de3d2490 {
+  [data-mantine-color-scheme='dark'] .m_de3d2490 {
     --alpha-overlay-color: var(--mantine-color-dark-4);
     --alpha-overlay-bg: var(--mantine-color-dark-7);
 }
 
-.m-862f3d1b {
+.m_862f3d1b {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);
 }
 
-.m-98ae7f22 {
+.m_98ae7f22 {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);
@@ -43,7 +43,7 @@
     rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
 }
 
-.m-95709ac0 {
+.m_95709ac0 {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);
@@ -59,7 +59,7 @@
     linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
 }
 
-.m-93e74e3 {
+.m_93e74e3 {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);

package/styles/ColorSwatch.layer.css

@@ -1,4 +1,4 @@
-@layer mantine {.m-de3d2490 {
+@layer mantine {.m_de3d2490 {
   --cs-size: calc(1.75rem * var(--mantine-scale));
   --cs-radius: calc(62.5rem * var(--mantine-scale));
 
@@ -17,23 +17,23 @@
   text-decoration: none;
 }
 
-  [data-mantine-color-scheme='light'] .m-de3d2490 {
+  [data-mantine-color-scheme='light'] .m_de3d2490 {
     --alpha-overlay-color: var(--mantine-color-gray-3);
     --alpha-overlay-bg: var(--mantine-color-white);
 }
 
-  [data-mantine-color-scheme='dark'] .m-de3d2490 {
+  [data-mantine-color-scheme='dark'] .m_de3d2490 {
     --alpha-overlay-color: var(--mantine-color-dark-4);
     --alpha-overlay-bg: var(--mantine-color-dark-7);
 }
 
-.m-862f3d1b {
+.m_862f3d1b {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);
 }
 
-.m-98ae7f22 {
+.m_98ae7f22 {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);
@@ -43,7 +43,7 @@
     rgb(0, 0, 0, 0.15) 0 0 calc(0.25rem * var(--mantine-scale)) inset;
 }
 
-.m-95709ac0 {
+.m_95709ac0 {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);
@@ -59,7 +59,7 @@
     linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
 }
 
-.m-93e74e3 {
+.m_93e74e3 {
   position: absolute;
   inset: 0;
   border-radius: var(--cs-radius);

package/styles/Combobox.css

@@ -1,15 +1,15 @@
-.m-88b62a41 {
+.m_88b62a41 {
   --combobox-padding: calc(0.25rem * var(--mantine-scale));
   padding: var(--combobox-padding);
 }
 
-  .m-88b62a41[data-hidden] {
+  .m_88b62a41[data-hidden] {
     display: none;
   }
 
 /* Variables must be both on dropdown and options to support usage of Combobox.Options without Combobox.Dropdown */
-.m-88b62a41,
-.m-b2821a6e {
+.m_88b62a41,
+.m_b2821a6e {
   --combobox-option-padding-xs: calc(0.25rem * var(--mantine-scale)) calc(0.5rem * var(--mantine-scale));
   --combobox-option-padding-sm: calc(0.375rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));
   --combobox-option-padding-md: calc(0.5rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
@@ -18,7 +18,7 @@
   --combobox-option-padding: var(--combobox-option-padding-sm);
 }
 
-.m-92253aa5 {
+.m_92253aa5 {
   padding: var(--combobox-option-padding);
   font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   border-radius: var(--mantine-radius-default);
@@ -28,37 +28,37 @@
   word-break: break-word;
 }
 
-.m-92253aa5:where([data-combobox-selected]) {
+.m_92253aa5:where([data-combobox-selected]) {
     background-color: var(--mantine-primary-color-filled);
     color: var(--mantine-color-white);
   }
 
-.m-92253aa5:where([data-combobox-disabled]) {
+.m_92253aa5:where([data-combobox-disabled]) {
     cursor: not-allowed;
     opacity: 0.35;
   }
 
 @media (hover: hover) {
-      :where([data-mantine-color-scheme='light']) .m-92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-dark-7);
   }
 }
 
 @media (hover: none) {
-      :where([data-mantine-color-scheme='light']) .m-92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='light']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-gray-0);
   }
 
-      :where([data-mantine-color-scheme='dark']) .m-92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
+      :where([data-mantine-color-scheme='dark']) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
         background-color: var(--mantine-color-dark-7);
   }
 }
 
-.m-985517d8 {
+.m_985517d8 {
   margin-inline: calc(var(--combobox-padding) * -1);
   margin-top: calc(var(--combobox-padding) * -1);
   width: calc(100% + var(--combobox-padding) * 2);
@@ -70,62 +70,62 @@
   position: relative;
 }
 
-:where([data-mantine-color-scheme='light']) .m-985517d8, :where([data-mantine-color-scheme='light']) .m-985517d8:focus {
+:where([data-mantine-color-scheme='light']) .m_985517d8, :where([data-mantine-color-scheme='light']) .m_985517d8:focus {
       border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-985517d8, :where([data-mantine-color-scheme='dark']) .m-985517d8:focus {
+:where([data-mantine-color-scheme='dark']) .m_985517d8, :where([data-mantine-color-scheme='dark']) .m_985517d8:focus {
       border-color: var(--mantine-color-dark-4);
 }
 
-:where([data-mantine-color-scheme='light']) .m-985517d8 {
+:where([data-mantine-color-scheme='light']) .m_985517d8 {
     background-color: var(--mantine-color-white);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-985517d8 {
+:where([data-mantine-color-scheme='dark']) .m_985517d8 {
     background-color: var(--mantine-color-dark-7);
 }
 
-.m-2530cd1d {
+.m_2530cd1d {
   font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   text-align: center;
   padding: var(--combobox-option-padding);
   color: var(--mantine-color-dimmed);
 }
 
-.m-858f94bd,
-.m-82b967cb {
+.m_858f94bd,
+.m_82b967cb {
   font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
   border: 0 solid transparent;
   margin-inline: calc(var(--combobox-padding) * -1);
   padding: var(--combobox-option-padding);
 }
 
-:where([data-mantine-color-scheme='light']) .m-858f94bd, :where([data-mantine-color-scheme='light']) .m-82b967cb {
+:where([data-mantine-color-scheme='light']) .m_858f94bd, :where([data-mantine-color-scheme='light']) .m_82b967cb {
     border-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-858f94bd, :where([data-mantine-color-scheme='dark']) .m-82b967cb {
+:where([data-mantine-color-scheme='dark']) .m_858f94bd, :where([data-mantine-color-scheme='dark']) .m_82b967cb {
     border-color: var(--mantine-color-dark-4);
 }
 
-.m-82b967cb {
+.m_82b967cb {
   border-top-width: calc(0.0625rem * var(--mantine-scale));
   margin-top: var(--combobox-padding);
   margin-bottom: calc(var(--combobox-padding) * -1);
 }
 
-.m-858f94bd {
+.m_858f94bd {
   border-bottom-width: calc(0.0625rem * var(--mantine-scale));
   margin-bottom: var(--combobox-padding);
   margin-top: calc(var(--combobox-padding) * -1);
 }
 
-.m-254f3e4f:has(.m-2bb2e9e5:only-child) {
+.m_254f3e4f:has(.m_2bb2e9e5:only-child) {
     display: none;
   }
 
-.m-2bb2e9e5 {
+.m_2bb2e9e5 {
   color: var(--mantine-color-dimmed);
   font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * 0.85);
   padding: var(--combobox-option-padding);
@@ -135,7 +135,7 @@
   align-items: center;
 }
 
-.m-2bb2e9e5::after {
+.m_2bb2e9e5::after {
     content: '';
     flex: 1;
     inset-inline: 0;
@@ -143,20 +143,20 @@
     margin-inline-start: var(--mantine-spacing-xs);
   }
 
-:where([data-mantine-color-scheme='light']) .m-2bb2e9e5::after {
+:where([data-mantine-color-scheme='light']) .m_2bb2e9e5::after {
       background-color: var(--mantine-color-gray-2);
 }
 
-:where([data-mantine-color-scheme='dark']) .m-2bb2e9e5::after {
+:where([data-mantine-color-scheme='dark']) .m_2bb2e9e5::after {
       background-color: var(--mantine-color-dark-4);
 }
 
-.m-2bb2e9e5:only-child {
+.m_2bb2e9e5:only-child {
     display: none;
   }
 
 /* ------- Combobox.Chevron ------- */
-.m-2943220b {
+.m_2943220b {
   --combobox-chevron-size-xs: calc(0.875rem * var(--mantine-scale));
   --combobox-chevron-size-sm: calc(1.125rem * var(--mantine-scale));
   --combobox-chevron-size-md: calc(1.25rem * var(--mantine-scale));
@@ -167,33 +167,33 @@
   width: var(--combobox-chevron-size);
   height: var(--combobox-chevron-size);
 }
-:where([data-mantine-color-scheme='light']) .m-2943220b {
+:where([data-mantine-color-scheme='light']) .m_2943220b {
     color: var(--mantine-color-gray-6);
 }
-:where([data-mantine-color-scheme='dark']) .m-2943220b {
+:where([data-mantine-color-scheme='dark']) .m_2943220b {
     color: var(--mantine-color-dark-3);
 }
-.m-2943220b:where([data-error]) {
+.m_2943220b:where([data-error]) {
     color: var(--mantine-color-error);
   }
 
 /* ------- OptionsDropdown ------- */
-.m-390b5f4 {
+.m_390b5f4 {
   display: flex;
   align-items: center;
   gap: calc(0.5rem * var(--mantine-scale));
 }
-.m-390b5f4:where([data-reverse]) {
+.m_390b5f4:where([data-reverse]) {
     justify-content: space-between;
   }
 
-.m-8ee53fc2 {
+.m_8ee53fc2 {
   opacity: 0.4;
   width: 0.8em;
   min-width: 0.8em;
   height: 0.8em;
 }
 
-:where([data-combobox-selected]) .m-8ee53fc2 {
+:where([data-combobox-selected]) .m_8ee53fc2 {
     opacity: 1;
   }