@mantine/core 7.9.0 → 7.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.9.0",
+  "version": "7.9.2",
   "description": "React components library focused on usability, accessibility and developer experience",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "directory": "packages/@mantine/core"
   },
   "peerDependencies": {
-    "@mantine/hooks": "7.9.0",
+    "@mantine/hooks": "7.9.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -57,6 +57,6 @@
   },
   "devDependencies": {
     "@mantine-tests/core": "1.1.0",
-    "@mantine/hooks": "7.9.0"
+    "@mantine/hooks": "7.9.2"
   }
 }

package/styles/CloseButton.css

@@ -38,21 +38,21 @@
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }

package/styles/CloseButton.layer.css

@@ -38,21 +38,21 @@
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }

package/styles/Input.css

@@ -148,7 +148,7 @@
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);

package/styles/Input.layer.css

@@ -148,7 +148,7 @@
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);

package/styles/NavLink.css

@@ -35,26 +35,26 @@
     pointer-events: none;
   }
 
-  .m_f0824112:where([data-active]) {
+  .m_f0824112:where([data-active], [aria-current='page']) {
     background-color: var(--nl-bg);
     color: var(--nl-color);
   }
 
   @media (hover: hover) {
 
-  .m_f0824112:where([data-active]):hover {
+  .m_f0824112:where([data-active], [aria-current='page']):hover {
       background-color: var(--nl-hover);
   }
 }
 
   @media (hover: none) {
 
-  .m_f0824112:where([data-active]):active {
+  .m_f0824112:where([data-active], [aria-current='page']):active {
       background-color: var(--nl-hover);
   }
 }
 
-  .m_f0824112:where([data-active]) .m_57492dcc {
+  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
       --description-opacity: 0.9;
       --description-color: var(--nl-color);
     }

package/styles/NavLink.layer.css

@@ -35,26 +35,26 @@
     pointer-events: none;
   }
 
-  .m_f0824112:where([data-active]) {
+  .m_f0824112:where([data-active], [aria-current='page']) {
     background-color: var(--nl-bg);
     color: var(--nl-color);
   }
 
   @media (hover: hover) {
 
-  .m_f0824112:where([data-active]):hover {
+  .m_f0824112:where([data-active], [aria-current='page']):hover {
       background-color: var(--nl-hover);
   }
 }
 
   @media (hover: none) {
 
-  .m_f0824112:where([data-active]):active {
+  .m_f0824112:where([data-active], [aria-current='page']):active {
       background-color: var(--nl-hover);
   }
 }
 
-  .m_f0824112:where([data-active]) .m_57492dcc {
+  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
       --description-opacity: 0.9;
       --description-color: var(--nl-color);
     }

package/styles/Paper.css

@@ -12,9 +12,9 @@
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }

package/styles/Paper.layer.css

@@ -12,10 +12,10 @@
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 }

package/styles/PasswordInput.css

@@ -46,6 +46,10 @@
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);

package/styles/PasswordInput.layer.css

@@ -46,6 +46,10 @@
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);

package/styles/SegmentedControl.css

@@ -182,11 +182,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {

package/styles/SegmentedControl.layer.css

@@ -182,11 +182,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {

package/styles/Table.css

@@ -21,7 +21,7 @@
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -50,7 +50,7 @@
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -59,7 +59,7 @@
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    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) {

package/styles/Table.layer.css

@@ -21,7 +21,7 @@
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -50,7 +50,7 @@
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -59,7 +59,7 @@
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    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) {

package/styles.css

@@ -782,11 +782,11 @@ body {
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
 .m_38a85659 {
@@ -1130,21 +1130,21 @@ body {
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }
@@ -1381,7 +1381,7 @@ body {
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);
@@ -4263,26 +4263,26 @@ fieldset:disabled .m_d3ea56bb,
     pointer-events: none;
   }
 
-  .m_f0824112:where([data-active]) {
+  .m_f0824112:where([data-active], [aria-current='page']) {
     background-color: var(--nl-bg);
     color: var(--nl-color);
   }
 
   @media (hover: hover) {
 
-  .m_f0824112:where([data-active]):hover {
+  .m_f0824112:where([data-active], [aria-current='page']):hover {
       background-color: var(--nl-hover);
   }
 }
 
   @media (hover: none) {
 
-  .m_f0824112:where([data-active]):active {
+  .m_f0824112:where([data-active], [aria-current='page']):active {
       background-color: var(--nl-hover);
   }
 }
 
-  .m_f0824112:where([data-active]) .m_57492dcc {
+  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
       --description-opacity: 0.9;
       --description-color: var(--nl-color);
     }
@@ -4716,6 +4716,10 @@ fieldset:disabled .m_d3ea56bb,
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);
@@ -5284,11 +5288,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {
@@ -6067,7 +6071,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -6096,7 +6100,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -6105,7 +6109,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    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) {

package/styles.layer.css

@@ -782,11 +782,11 @@ body {
 }
 
   :where([data-mantine-color-scheme='light']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-gray-3);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
 }
 
   :where([data-mantine-color-scheme='dark']) .m_1b7284a3:where([data-with-border]) {
-      border: 1px solid var(--mantine-color-dark-4);
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
 }
 
 .m_38a85659 {
@@ -1130,21 +1130,21 @@ body {
   }
 
 @media (hover: hover) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):hover {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
       background-color: var(--mantine-color-dark-6);
   }
 }
 
 @media (hover: none) {
-    :where([data-mantine-color-scheme='light']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='light']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-gray-0);
   }
 
-    :where([data-mantine-color-scheme='dark']) .m_220c80f2:not([data-disabled], :disabled):active {
+    :where([data-mantine-color-scheme='dark']) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
       background-color: var(--mantine-color-dark-6);
   }
 }
@@ -1381,7 +1381,7 @@ body {
 
   text-align: var(--input-text-align);
   color: var(--input-color);
-  border: 1px solid var(--input-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
   background-color: var(--input-bg);
   font-family: var(--input-font-family, var(--mantine-font-family));
   height: var(--input-size);
@@ -4263,26 +4263,26 @@ fieldset:disabled .m_d3ea56bb,
     pointer-events: none;
   }
 
-  .m_f0824112:where([data-active]) {
+  .m_f0824112:where([data-active], [aria-current='page']) {
     background-color: var(--nl-bg);
     color: var(--nl-color);
   }
 
   @media (hover: hover) {
 
-  .m_f0824112:where([data-active]):hover {
+  .m_f0824112:where([data-active], [aria-current='page']):hover {
       background-color: var(--nl-hover);
   }
 }
 
   @media (hover: none) {
 
-  .m_f0824112:where([data-active]):active {
+  .m_f0824112:where([data-active], [aria-current='page']):active {
       background-color: var(--nl-hover);
   }
 }
 
-  .m_f0824112:where([data-active]) .m_57492dcc {
+  .m_f0824112:where([data-active], [aria-current='page']) .m_57492dcc {
       --description-opacity: 0.9;
       --description-color: var(--nl-color);
     }
@@ -4716,6 +4716,10 @@ fieldset:disabled .m_d3ea56bb,
     opacity: 1;
   }
 
+.m_f2d85dd2::-ms-reveal {
+    display: none;
+  }
+
 .m_b1072d44 {
   width: var(--psi-button-size);
   height: var(--psi-button-size);
@@ -5284,11 +5288,11 @@ fieldset:disabled .m_1738fcb2,
 }
 
 .m_1714d588[data-focus-ring='auto']:focus:focus-visible + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_1714d588[data-focus-ring='always']:focus + .m_1738fcb2 {
-        --segmented-control-outline: 2px solid var(--mantine-color-blue-filled);
+        --segmented-control-outline: 2px solid var(--mantine-primary-color-filled);
       }
 
 .m_69686b9b {
@@ -6067,7 +6071,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
   .m_b23fa0ef:where([data-with-table-border]) {
-    border: 1px solid var(--table-border-color);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4f3 {
@@ -6096,7 +6100,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4fd:where([data-with-row-border]) {
-    border-bottom: 1px solid var(--table-border-color);
+    border-bottom: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
 
 .m_4e7aa4ef,
@@ -6105,7 +6109,7 @@ fieldset:disabled .m_c9ade57f:where([data-inverted]),
 }
 
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
-    border-inline-end: 1px solid var(--table-border-color);
+    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) {