@mantine/core 7.13.5-alpha.0 → 7.13.5-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.13.5-alpha.0",
+  "version": "7.13.5-alpha.1",
   "description": "React components library focused on usability, accessibility and developer experience",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -43,17 +43,17 @@
     "directory": "packages/@mantine/core"
   },
   "peerDependencies": {
-    "@mantine/hooks": "7.13.5-alpha.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@mantine/hooks": "7.13.5-alpha.1",
+    "react": "^18.x || ^19.x",
+    "react-dom": "^18.x || ^19.x"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.9",
+    "@floating-ui/react": "^0.26.27",
     "clsx": "^2.1.1",
-    "react-number-format": "^5.3.1",
-    "react-remove-scroll": "^2.5.7",
-    "react-textarea-autosize": "8.5.3",
-    "type-fest": "^4.12.0"
+    "react-number-format": "^5.4.2",
+    "react-remove-scroll": "^2.6.0",
+    "react-textarea-autosize": "8.5.4",
+    "type-fest": "^4.26.1"
   },
   "devDependencies": {
     "@mantine-tests/core": "workspace:*",

package/styles/Button.css

@@ -175,7 +175,7 @@
   display: flex;
 }
 
-.m_80d6d844 :where(*):focus {
+.m_80d6d844 :where(.m_77c9d27d):focus {
       position: relative;
       z-index: 1;
     }

package/styles/Button.layer.css

@@ -175,7 +175,7 @@
   display: flex;
 }
 
-.m_80d6d844 :where(*):focus {
+.m_80d6d844 :where(.m_77c9d27d):focus {
       position: relative;
       z-index: 1;
     }

package/styles/Drawer.css

@@ -21,11 +21,6 @@
   overflow-y: auto;
 }
 
-.m_b8a05bbd[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_31cd769a {
   display: flex;
   justify-content: var(--drawer-justify, flex-start);

package/styles/Drawer.layer.css

@@ -21,11 +21,6 @@
   overflow-y: auto;
 }
 
-.m_b8a05bbd[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_31cd769a {
   display: flex;
   justify-content: var(--drawer-justify, flex-start);

package/styles/Modal.css

@@ -46,11 +46,6 @@
     border-radius: 0;
   }
 
-.m_54c44539[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_1f958f16 {
   display: flex;
   justify-content: center;

package/styles/Modal.layer.css

@@ -46,11 +46,6 @@
     border-radius: 0;
   }
 
-.m_54c44539[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_1f958f16 {
   display: flex;
   justify-content: center;

package/styles.css

@@ -1941,114 +1941,6 @@ fieldset:disabled .mantine-active:active {
     display: -webkit-box;
   }
 
-.m_48204f9b {
-  width: var(--slider-size);
-  height: var(--slider-size);
-  position: relative;
-  border-radius: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-}
-
-  .m_48204f9b:focus-within {
-    outline: 2px solid var(--mantine-primary-color-filled);
-    outline-offset: calc(0.125rem * var(--mantine-scale));
-  }
-
-  .m_48204f9b {
-
-  --slider-size: calc(3.75rem * var(--mantine-scale));
-  --thumb-size: calc(var(--slider-size) / 5);
-}
-
-  :where([data-mantine-color-scheme='light']) .m_48204f9b {
-    background-color: var(--mantine-color-gray-1);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_48204f9b {
-    background-color: var(--mantine-color-dark-5);
-}
-
-.m_bb9cdbad {
-  position: absolute;
-  inset: calc(0.0625rem * var(--mantine-scale));
-  border-radius: var(--slider-size);
-  pointer-events: none;
-}
-
-.m_481dd586 {
-  width: calc(0.125rem * var(--mantine-scale));
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: calc(50% - 1px);
-  transform: rotate(var(--angle));
-}
-
-.m_481dd586::before {
-    content: '';
-    position: absolute;
-    top: calc(var(--thumb-size) / 3);
-    left: calc(0.03125rem * var(--mantine-scale));
-    width: calc(0.0625rem * var(--mantine-scale));
-    height: calc(var(--thumb-size) / 1.5);
-    transform: translate(-50%, -50%);
-  }
-
-:where([data-mantine-color-scheme='light']) .m_481dd586::before {
-      background-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_481dd586::before {
-      background-color: var(--mantine-color-dark-3);
-}
-
-.m_481dd586[data-label]::after {
-    min-width: calc(1.125rem * var(--mantine-scale));
-    text-align: center;
-    content: attr(data-label);
-    position: absolute;
-    top: calc(-1.5rem * var(--mantine-scale));
-    left: calc(-0.4375rem * var(--mantine-scale));
-    transform: rotate(calc(360deg - var(--angle)));
-    font-size: var(--mantine-font-size-xs);
-  }
-
-.m_bc02ba3d {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: calc(50% - 1.5px);
-  height: 100%;
-  width: calc(0.1875rem * var(--mantine-scale));
-  outline: none;
-  pointer-events: none;
-}
-
-.m_bc02ba3d::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: min(var(--thumb-size), calc(var(--slider-size) / 2));
-    width: calc(0.1875rem * var(--mantine-scale));
-  }
-
-:where([data-mantine-color-scheme='light']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-gray-7);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-dark-1);
-}
-
-.m_bb8e875b {
-  font-size: var(--mantine-font-size-xs);
-}
-
 .m_89ab340[data-resizing] {
     --app-shell-transition-duration: 0ms !important;
   }
@@ -3226,7 +3118,7 @@ fieldset:disabled .m_d3ea56bb,
   display: flex;
 }
 
-.m_80d6d844 :where(*):focus {
+.m_80d6d844 :where(.m_77c9d27d):focus {
       position: relative;
       z-index: 1;
     }
@@ -3944,11 +3836,6 @@ fieldset:disabled .m_d3ea56bb,
   overflow-y: auto;
 }
 
-.m_b8a05bbd[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_31cd769a {
   display: flex;
   justify-content: var(--drawer-justify, flex-start);
@@ -4349,11 +4236,6 @@ fieldset:disabled .m_d3ea56bb,
     border-radius: 0;
   }
 
-.m_54c44539[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_1f958f16 {
   display: flex;
   justify-content: center;

package/styles.layer.css

@@ -1941,114 +1941,6 @@ fieldset:disabled .mantine-active:active {
     display: -webkit-box;
   }
 
-.m_48204f9b {
-  width: var(--slider-size);
-  height: var(--slider-size);
-  position: relative;
-  border-radius: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-}
-
-  .m_48204f9b:focus-within {
-    outline: 2px solid var(--mantine-primary-color-filled);
-    outline-offset: calc(0.125rem * var(--mantine-scale));
-  }
-
-  .m_48204f9b {
-
-  --slider-size: calc(3.75rem * var(--mantine-scale));
-  --thumb-size: calc(var(--slider-size) / 5);
-}
-
-  :where([data-mantine-color-scheme='light']) .m_48204f9b {
-    background-color: var(--mantine-color-gray-1);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_48204f9b {
-    background-color: var(--mantine-color-dark-5);
-}
-
-.m_bb9cdbad {
-  position: absolute;
-  inset: calc(0.0625rem * var(--mantine-scale));
-  border-radius: var(--slider-size);
-  pointer-events: none;
-}
-
-.m_481dd586 {
-  width: calc(0.125rem * var(--mantine-scale));
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: calc(50% - 1px);
-  transform: rotate(var(--angle));
-}
-
-.m_481dd586::before {
-    content: '';
-    position: absolute;
-    top: calc(var(--thumb-size) / 3);
-    left: calc(0.03125rem * var(--mantine-scale));
-    width: calc(0.0625rem * var(--mantine-scale));
-    height: calc(var(--thumb-size) / 1.5);
-    transform: translate(-50%, -50%);
-  }
-
-:where([data-mantine-color-scheme='light']) .m_481dd586::before {
-      background-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_481dd586::before {
-      background-color: var(--mantine-color-dark-3);
-}
-
-.m_481dd586[data-label]::after {
-    min-width: calc(1.125rem * var(--mantine-scale));
-    text-align: center;
-    content: attr(data-label);
-    position: absolute;
-    top: calc(-1.5rem * var(--mantine-scale));
-    left: calc(-0.4375rem * var(--mantine-scale));
-    transform: rotate(calc(360deg - var(--angle)));
-    font-size: var(--mantine-font-size-xs);
-  }
-
-.m_bc02ba3d {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: calc(50% - 1.5px);
-  height: 100%;
-  width: calc(0.1875rem * var(--mantine-scale));
-  outline: none;
-  pointer-events: none;
-}
-
-.m_bc02ba3d::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: min(var(--thumb-size), calc(var(--slider-size) / 2));
-    width: calc(0.1875rem * var(--mantine-scale));
-  }
-
-:where([data-mantine-color-scheme='light']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-gray-7);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-dark-1);
-}
-
-.m_bb8e875b {
-  font-size: var(--mantine-font-size-xs);
-}
-
 .m_89ab340[data-resizing] {
     --app-shell-transition-duration: 0ms !important;
   }
@@ -3226,7 +3118,7 @@ fieldset:disabled .m_d3ea56bb,
   display: flex;
 }
 
-.m_80d6d844 :where(*):focus {
+.m_80d6d844 :where(.m_77c9d27d):focus {
       position: relative;
       z-index: 1;
     }
@@ -3944,11 +3836,6 @@ fieldset:disabled .m_d3ea56bb,
   overflow-y: auto;
 }
 
-.m_b8a05bbd[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_31cd769a {
   display: flex;
   justify-content: var(--drawer-justify, flex-start);
@@ -4349,11 +4236,6 @@ fieldset:disabled .m_d3ea56bb,
     border-radius: 0;
   }
 
-.m_54c44539[data-hidden] {
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-
 .m_1f958f16 {
   display: flex;
   justify-content: center;

package/styles/AngleSlider.css

@@ -1,107 +0,0 @@
-.m_48204f9b {
-  width: var(--slider-size);
-  height: var(--slider-size);
-  position: relative;
-  border-radius: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-}
-
-  .m_48204f9b:focus-within {
-    outline: 2px solid var(--mantine-primary-color-filled);
-    outline-offset: 2px;
-  }
-
-  .m_48204f9b {
-
-  --slider-size: 60px;
-  --thumb-size: calc(var(--slider-size) / 5);
-}
-
-  :where([data-mantine-color-scheme='light']) .m_48204f9b {
-    background-color: var(--mantine-color-gray-1);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_48204f9b {
-    background-color: var(--mantine-color-dark-5);
-}
-
-.m_bb9cdbad {
-  position: absolute;
-  inset: 1px;
-  border-radius: var(--slider-size);
-  pointer-events: none;
-}
-
-.m_481dd586 {
-  width: 2px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: calc(50% - 1px);
-  transform: rotate(var(--angle));
-}
-
-.m_481dd586::before {
-    content: '';
-    position: absolute;
-    top: calc(var(--thumb-size) / 3);
-    left: 0.5px;
-    width: 1px;
-    height: calc(var(--thumb-size) / 1.5);
-    transform: translate(-50%, -50%);
-  }
-
-:where([data-mantine-color-scheme='light']) .m_481dd586::before {
-      background-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_481dd586::before {
-      background-color: var(--mantine-color-dark-3);
-}
-
-.m_481dd586[data-label]::after {
-    min-width: 18px;
-    text-align: center;
-    content: attr(data-label);
-    position: absolute;
-    top: -24px;
-    left: -7px;
-    transform: rotate(calc(360deg - var(--angle)));
-    font-size: var(--mantine-font-size-xs);
-  }
-
-.m_bc02ba3d {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: calc(50% - 1.5px);
-  height: 100%;
-  width: 3px;
-  outline: none;
-  pointer-events: none;
-}
-
-.m_bc02ba3d::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: min(var(--thumb-size), calc(var(--slider-size) / 2));
-    width: 3px;
-  }
-
-:where([data-mantine-color-scheme='light']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-gray-7);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-dark-1);
-}
-
-.m_bb8e875b {
-  font-size: var(--mantine-font-size-xs);
-}

package/styles/AngleSlider.layer.css

@@ -1,108 +0,0 @@
-@layer mantine {.m_48204f9b {
-  width: var(--slider-size);
-  height: var(--slider-size);
-  position: relative;
-  border-radius: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-}
-
-  .m_48204f9b:focus-within {
-    outline: 2px solid var(--mantine-primary-color-filled);
-    outline-offset: 2px;
-  }
-
-  .m_48204f9b {
-
-  --slider-size: 60px;
-  --thumb-size: calc(var(--slider-size) / 5);
-}
-
-  :where([data-mantine-color-scheme='light']) .m_48204f9b {
-    background-color: var(--mantine-color-gray-1);
-}
-
-  :where([data-mantine-color-scheme='dark']) .m_48204f9b {
-    background-color: var(--mantine-color-dark-5);
-}
-
-.m_bb9cdbad {
-  position: absolute;
-  inset: 1px;
-  border-radius: var(--slider-size);
-  pointer-events: none;
-}
-
-.m_481dd586 {
-  width: 2px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: calc(50% - 1px);
-  transform: rotate(var(--angle));
-}
-
-.m_481dd586::before {
-    content: '';
-    position: absolute;
-    top: calc(var(--thumb-size) / 3);
-    left: 0.5px;
-    width: 1px;
-    height: calc(var(--thumb-size) / 1.5);
-    transform: translate(-50%, -50%);
-  }
-
-:where([data-mantine-color-scheme='light']) .m_481dd586::before {
-      background-color: var(--mantine-color-gray-4);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_481dd586::before {
-      background-color: var(--mantine-color-dark-3);
-}
-
-.m_481dd586[data-label]::after {
-    min-width: 18px;
-    text-align: center;
-    content: attr(data-label);
-    position: absolute;
-    top: -24px;
-    left: -7px;
-    transform: rotate(calc(360deg - var(--angle)));
-    font-size: var(--mantine-font-size-xs);
-  }
-
-.m_bc02ba3d {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: calc(50% - 1.5px);
-  height: 100%;
-  width: 3px;
-  outline: none;
-  pointer-events: none;
-}
-
-.m_bc02ba3d::before {
-    content: '';
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: min(var(--thumb-size), calc(var(--slider-size) / 2));
-    width: 3px;
-  }
-
-:where([data-mantine-color-scheme='light']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-gray-7);
-}
-
-:where([data-mantine-color-scheme='dark']) .m_bc02ba3d::before {
-      background-color: var(--mantine-color-dark-1);
-}
-
-.m_bb8e875b {
-  font-size: var(--mantine-font-size-xs);
-}
-}