@mantine/core 7.13.5-alpha.2 → 7.14.0

package/styles.css

@@ -1941,6 +1941,114 @@ 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;
   }
@@ -3836,6 +3944,11 @@ 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);
@@ -4236,6 +4349,11 @@ 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,6 +1941,114 @@ 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;
   }
@@ -3836,6 +3944,11 @@ 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);
@@ -4236,6 +4349,11 @@ fieldset:disabled .m_d3ea56bb,
     border-radius: 0;
   }
 
+.m_54c44539[data-hidden] {
+    opacity: 0 !important;
+    pointer-events: none;
+  }
+
 .m_1f958f16 {
   display: flex;
   justify-content: center;