@mantine/core 9.2.2 → 9.3.1

package/styles/Splitter.css

@@ -0,0 +1,76 @@
+.m_19e66008 {
+  display: flex;
+}
+
+  .m_19e66008:where([data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+
+  .m_19e66008:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+
+.m_19e5428e {
+  flex-grow: 0;
+  flex-shrink: 1;
+  overflow: auto;
+}
+
+.m_27f81bce {
+  flex: 0 0 var(--splitter-line-size, calc(0.125rem * var(--mantine-scale)));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  touch-action: none;
+  outline: none;
+  background-color: var(--splitter-handle-color, var(--mantine-color-body));
+}
+
+.m_27f81bce:where([data-orientation='horizontal']) {
+    cursor: col-resize;
+  }
+
+.m_27f81bce:where([data-orientation='vertical']) {
+    cursor: row-resize;
+  }
+
+.m_22feb770 {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1000px;
+  color: var(--mantine-color-dimmed);
+  transition: color 100ms ease;
+}
+
+:where([data-mantine-color-scheme='light']) .m_22feb770 {
+    background-color: var(--mantine-color-white);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_22feb770 {
+    background-color: var(--mantine-color-dark-6);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
+}
+
+.m_22feb770:where([data-orientation='horizontal']) {
+    width: calc(0.75rem * var(--mantine-scale));
+    height: calc(3.75rem * var(--mantine-scale));
+  }
+
+.m_22feb770:where([data-orientation='vertical']) {
+    width: calc(3.75rem * var(--mantine-scale));
+    height: calc(0.75rem * var(--mantine-scale));
+  }
+
+.m_22feb770 > svg {
+    width: 100%;
+    height: 100%;
+  }
+
+.m_27f81bce:focus-visible .m_22feb770 {
+    box-shadow: 0 0 0 calc(0.125rem * var(--mantine-scale)) var(--mantine-primary-color-filled);
+  }

package/styles/Splitter.layer.css

@@ -0,0 +1,77 @@
+@layer mantine {.m_19e66008 {
+  display: flex;
+}
+
+  .m_19e66008:where([data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+
+  .m_19e66008:where([data-orientation='vertical']) {
+    flex-direction: column;
+  }
+
+.m_19e5428e {
+  flex-grow: 0;
+  flex-shrink: 1;
+  overflow: auto;
+}
+
+.m_27f81bce {
+  flex: 0 0 var(--splitter-line-size, calc(0.125rem * var(--mantine-scale)));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  touch-action: none;
+  outline: none;
+  background-color: var(--splitter-handle-color, var(--mantine-color-body));
+}
+
+.m_27f81bce:where([data-orientation='horizontal']) {
+    cursor: col-resize;
+  }
+
+.m_27f81bce:where([data-orientation='vertical']) {
+    cursor: row-resize;
+  }
+
+.m_22feb770 {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1000px;
+  color: var(--mantine-color-dimmed);
+  transition: color 100ms ease;
+}
+
+:where([data-mantine-color-scheme='light']) .m_22feb770 {
+    background-color: var(--mantine-color-white);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
+}
+
+:where([data-mantine-color-scheme='dark']) .m_22feb770 {
+    background-color: var(--mantine-color-dark-6);
+    border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
+}
+
+.m_22feb770:where([data-orientation='horizontal']) {
+    width: calc(0.75rem * var(--mantine-scale));
+    height: calc(3.75rem * var(--mantine-scale));
+  }
+
+.m_22feb770:where([data-orientation='vertical']) {
+    width: calc(3.75rem * var(--mantine-scale));
+    height: calc(0.75rem * var(--mantine-scale));
+  }
+
+.m_22feb770 > svg {
+    width: 100%;
+    height: 100%;
+  }
+
+.m_27f81bce:focus-visible .m_22feb770 {
+    box-shadow: 0 0 0 calc(0.125rem * var(--mantine-scale)) var(--mantine-primary-color-filled);
+  }
+}

package/styles/Stepper.css

@@ -185,14 +185,10 @@
   }
 
 .m_1956aa2a:where([data-icon-position='right']) {
-    text-align: right;
+    text-align: end;
     margin-inline-end: var(--mantine-spacing-sm);
   }
 
-:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
-      text-align: left;
-}
-
 .m_12051f6c {
   font-weight: var(--mantine-font-weight-medium);
   font-size: var(--stepper-fz);

package/styles/Stepper.layer.css

@@ -185,14 +185,10 @@
   }
 
 .m_1956aa2a:where([data-icon-position='right']) {
-    text-align: right;
+    text-align: end;
     margin-inline-end: var(--mantine-spacing-sm);
   }
 
-:where([dir="rtl"]) .m_1956aa2a:where([data-icon-position='right']) {
-      text-align: left;
-}
-
 .m_12051f6c {
   font-weight: var(--mantine-font-weight-medium);
   font-size: var(--stepper-fz);

package/styles/Table.css

@@ -42,11 +42,7 @@
 }
 
 .m_4e7aa4f3 {
-  text-align: left;
-}
-
-:where([dir="rtl"]) .m_4e7aa4f3 {
-    text-align: right;
+  text-align: start;
 }
 
 .m_4e7aa4fd {

package/styles/Table.layer.css

@@ -42,11 +42,7 @@
 }
 
 .m_4e7aa4f3 {
-  text-align: left;
-}
-
-:where([dir="rtl"]) .m_4e7aa4f3 {
-    text-align: right;
+  text-align: start;
 }
 
 .m_4e7aa4fd {

package/styles/Tabs.css

@@ -233,8 +233,7 @@
 .m_b59ab47c {
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
-  border-right: 1px solid transparent;
-  border-left: 1px solid transparent;
+  border-inline: 1px solid transparent;
   border-top-color: var(--tab-border-top-color);
   border-bottom-color: var(--tab-border-bottom-color);
   border-radius: var(--tab-radius);
@@ -251,8 +250,8 @@
       position: absolute;
       background-color: var(--tab-border-color);
       bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
-      left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
-      right: var(--tab-before-right, auto);
+      inset-inline-start: var(--tab-before-start, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-end: var(--tab-before-end, auto);
       top: var(--tab-before-top, auto);
       width: 1px;
       height: 1px;
@@ -263,8 +262,8 @@
       position: absolute;
       background-color: var(--tab-border-color);
       bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
-      right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
-      left: var(--tab-after-left, auto);
+      inset-inline-end: var(--tab-after-end, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-start: var(--tab-after-start, auto);
       top: var(--tab-after-top, auto);
       width: 1px;
       height: 1px;
@@ -298,41 +297,27 @@
         --tab-border-inline-start-color: var(--tab-border-color);
         --tab-border-bottom-color: var(--tab-border-color);
 
-        --tab-before-right: -1px;
-        --tab-before-left: auto;
+        --tab-before-end: -1px;
+        --tab-before-start: auto;
         --tab-before-bottom: auto;
         --tab-before-top: -1px;
-        --tab-after-left: auto;
-        --tab-after-right: -1px;
+        --tab-after-start: auto;
+        --tab-after-end: -1px;
       }
 
-[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
-          --tab-before-right: auto;
-          --tab-before-left: -1px;
-          --tab-after-left: -1px;
-          --tab-after-right: auto;
-}
-
 .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
         --tab-border-inline-start-color: var(--mantine-color-body);
         --tab-border-inline-end-color: var(--tab-border-color);
         --tab-border-bottom-color: var(--tab-border-color);
 
-        --tab-before-left: -1px;
-        --tab-before-right: auto;
+        --tab-before-start: -1px;
+        --tab-before-end: auto;
         --tab-before-bottom: auto;
         --tab-before-top: -1px;
-        --tab-after-right: auto;
-        --tab-after-left: -1px;
+        --tab-after-end: auto;
+        --tab-after-start: -1px;
       }
 
-[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
-          --tab-before-left: auto;
-          --tab-before-right: -1px;
-          --tab-after-right: -1px;
-          --tab-after-left: auto;
-}
-
 /*************************************** pills variant ***************************************/
 .m_c3381914 {
   border-radius: var(--tabs-radius);

package/styles/Tabs.layer.css

@@ -233,8 +233,7 @@
 .m_b59ab47c {
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
-  border-right: 1px solid transparent;
-  border-left: 1px solid transparent;
+  border-inline: 1px solid transparent;
   border-top-color: var(--tab-border-top-color);
   border-bottom-color: var(--tab-border-bottom-color);
   border-radius: var(--tab-radius);
@@ -251,8 +250,8 @@
       position: absolute;
       background-color: var(--tab-border-color);
       bottom: var(--tab-before-bottom, calc(-0.0625rem * var(--mantine-scale)));
-      left: var(--tab-before-left, calc(-0.0625rem * var(--mantine-scale)));
-      right: var(--tab-before-right, auto);
+      inset-inline-start: var(--tab-before-start, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-end: var(--tab-before-end, auto);
       top: var(--tab-before-top, auto);
       width: 1px;
       height: 1px;
@@ -263,8 +262,8 @@
       position: absolute;
       background-color: var(--tab-border-color);
       bottom: var(--tab-after-bottom, calc(-0.0625rem * var(--mantine-scale)));
-      right: var(--tab-after-right, calc(-0.0625rem * var(--mantine-scale)));
-      left: var(--tab-after-left, auto);
+      inset-inline-end: var(--tab-after-end, calc(-0.0625rem * var(--mantine-scale)));
+      inset-inline-start: var(--tab-after-start, auto);
       top: var(--tab-after-top, auto);
       width: 1px;
       height: 1px;
@@ -298,41 +297,27 @@
         --tab-border-inline-start-color: var(--tab-border-color);
         --tab-border-bottom-color: var(--tab-border-color);
 
-        --tab-before-right: -1px;
-        --tab-before-left: auto;
+        --tab-before-end: -1px;
+        --tab-before-start: auto;
         --tab-before-bottom: auto;
         --tab-before-top: -1px;
-        --tab-after-left: auto;
-        --tab-after-right: -1px;
+        --tab-after-start: auto;
+        --tab-after-end: -1px;
       }
 
-[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='left'] {
-          --tab-before-right: auto;
-          --tab-before-left: -1px;
-          --tab-after-left: -1px;
-          --tab-after-right: auto;
-}
-
 .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
         --tab-border-inline-start-color: var(--mantine-color-body);
         --tab-border-inline-end-color: var(--tab-border-color);
         --tab-border-bottom-color: var(--tab-border-color);
 
-        --tab-before-left: -1px;
-        --tab-before-right: auto;
+        --tab-before-start: -1px;
+        --tab-before-end: auto;
         --tab-before-bottom: auto;
         --tab-before-top: -1px;
-        --tab-after-right: auto;
-        --tab-after-left: -1px;
+        --tab-after-end: auto;
+        --tab-after-start: -1px;
       }
 
-[dir="rtl"] .m_b59ab47c:where([data-active])[data-orientation='vertical'][data-placement='right'] {
-          --tab-before-left: auto;
-          --tab-before-right: -1px;
-          --tab-after-right: -1px;
-          --tab-after-left: auto;
-}
-
 /*************************************** pills variant ***************************************/
 .m_c3381914 {
   border-radius: var(--tabs-radius);

package/styles/Text.css

@@ -4,6 +4,7 @@
   font-size: var(--text-fz, var(--mantine-font-size-md));
   line-height: var(--text-lh, var(--mantine-line-height-md));
   font-weight: var(--mantine-font-weight-regular);
+  text-wrap: var(--text-text-wrap, var(--mantine-text-wrap, wrap));
   margin: 0;
   padding: 0;
 }
@@ -16,12 +17,12 @@
 
   .m_b6d8b162:where([data-truncate='start']) {
     direction: rtl;
-    text-align: right;
+    text-align: end;
   }
 
   :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
       direction: ltr;
-      text-align: left;
+      text-align: start;
 }
 
   .m_b6d8b162:where([data-variant='gradient']) {

package/styles/Text.layer.css

@@ -4,6 +4,7 @@
   font-size: var(--text-fz, var(--mantine-font-size-md));
   line-height: var(--text-lh, var(--mantine-line-height-md));
   font-weight: var(--mantine-font-weight-regular);
+  text-wrap: var(--text-text-wrap, var(--mantine-text-wrap, wrap));
   margin: 0;
   padding: 0;
 }
@@ -16,12 +17,12 @@
 
   .m_b6d8b162:where([data-truncate='start']) {
     direction: rtl;
-    text-align: right;
+    text-align: end;
   }
 
   :where([dir="rtl"]) .m_b6d8b162:where([data-truncate='start']) {
       direction: ltr;
-      text-align: left;
+      text-align: start;
 }
 
   .m_b6d8b162:where([data-variant='gradient']) {

package/styles/Timeline.css

@@ -32,41 +32,31 @@
     pointer-events: none;
     position: absolute;
     top: 0;
-    left: var(--timeline-line-left, 0);
-    right: var(--timeline-line-right, 0);
+    inset-inline-start: var(--timeline-line-start, 0);
+    inset-inline-end: var(--timeline-line-end, 0);
     bottom: calc(var(--mantine-spacing-xl) * -1);
     border-inline-start: var(--item-border);
     display: var(--timeline-line-display, none);
   }
 
 .m_43657ece[data-align='left'] .m_436178ff::before {
-      --timeline-line-left: calc(var(--tl-line-width) * -1);
-      --timeline-line-right: auto;
+      --timeline-line-start: calc(var(--tl-line-width) * -1);
+      --timeline-line-end: auto;
     }
 
-[dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before {
-        --timeline-line-left: auto;
-        --timeline-line-right: calc(var(--tl-line-width) * -1);
-}
-
 .m_43657ece[data-align='right'] .m_436178ff::before {
-      --timeline-line-left: auto;
-      --timeline-line-right: calc(var(--tl-line-width) * -1);
+      --timeline-line-start: auto;
+      --timeline-line-end: calc(var(--tl-line-width) * -1);
     }
 
-[dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before {
-        --timeline-line-left: calc(var(--tl-line-width) * -1);
-        --timeline-line-right: auto;
-}
-
 .m_43657ece:where([data-align='left']) .m_436178ff {
     padding-inline-start: var(--offset);
-    text-align: left;
+    text-align: start;
   }
 
 .m_43657ece:where([data-align='right']) .m_436178ff {
     padding-inline-end: var(--offset);
-    text-align: right;
+    text-align: end;
   }
 
 :where([data-mantine-color-scheme='light']) .m_436178ff {
@@ -112,25 +102,15 @@
 }
 
 .m_43657ece:where([data-align='left']) .m_8affcee1 {
-    left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
-    right: auto;
+    inset-inline-start: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+    inset-inline-end: auto;
   }
 
-:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 {
-      left: auto;
-      right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
-}
-
 .m_43657ece:where([data-align='right']) .m_8affcee1 {
-    left: auto;
-    right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+    inset-inline-start: auto;
+    inset-inline-end: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
   }
 
-:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 {
-      left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
-      right: auto;
-}
-
 .m_8affcee1:where([data-with-child]) {
     border-width: var(--tl-line-width);
   }
@@ -156,18 +136,10 @@
 
 .m_43657ece:where([data-align='left']) .m_540e8f41 {
     padding-inline-start: var(--offset);
-    text-align: left;
+    text-align: start;
   }
 
-:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 {
-      text-align: right;
-}
-
 .m_43657ece:where([data-align='right']) .m_540e8f41 {
     padding-inline-end: var(--offset);
-    text-align: right;
+    text-align: end;
   }
-
-:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 {
-      text-align: left;
-}

package/styles/Timeline.layer.css

@@ -32,41 +32,31 @@
     pointer-events: none;
     position: absolute;
     top: 0;
-    left: var(--timeline-line-left, 0);
-    right: var(--timeline-line-right, 0);
+    inset-inline-start: var(--timeline-line-start, 0);
+    inset-inline-end: var(--timeline-line-end, 0);
     bottom: calc(var(--mantine-spacing-xl) * -1);
     border-inline-start: var(--item-border);
     display: var(--timeline-line-display, none);
   }
 
 .m_43657ece[data-align='left'] .m_436178ff::before {
-      --timeline-line-left: calc(var(--tl-line-width) * -1);
-      --timeline-line-right: auto;
+      --timeline-line-start: calc(var(--tl-line-width) * -1);
+      --timeline-line-end: auto;
     }
 
-[dir="rtl"] .m_43657ece[data-align='left'] .m_436178ff::before {
-        --timeline-line-left: auto;
-        --timeline-line-right: calc(var(--tl-line-width) * -1);
-}
-
 .m_43657ece[data-align='right'] .m_436178ff::before {
-      --timeline-line-left: auto;
-      --timeline-line-right: calc(var(--tl-line-width) * -1);
+      --timeline-line-start: auto;
+      --timeline-line-end: calc(var(--tl-line-width) * -1);
     }
 
-[dir="rtl"] .m_43657ece[data-align='right'] .m_436178ff::before {
-        --timeline-line-left: calc(var(--tl-line-width) * -1);
-        --timeline-line-right: auto;
-}
-
 .m_43657ece:where([data-align='left']) .m_436178ff {
     padding-inline-start: var(--offset);
-    text-align: left;
+    text-align: start;
   }
 
 .m_43657ece:where([data-align='right']) .m_436178ff {
     padding-inline-end: var(--offset);
-    text-align: right;
+    text-align: end;
   }
 
 :where([data-mantine-color-scheme='light']) .m_436178ff {
@@ -112,25 +102,15 @@
 }
 
 .m_43657ece:where([data-align='left']) .m_8affcee1 {
-    left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
-    right: auto;
+    inset-inline-start: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+    inset-inline-end: auto;
   }
 
-:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_8affcee1 {
-      left: auto;
-      right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
-}
-
 .m_43657ece:where([data-align='right']) .m_8affcee1 {
-    left: auto;
-    right: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
+    inset-inline-start: auto;
+    inset-inline-end: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
   }
 
-:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_8affcee1 {
-      left: calc((var(--tl-bullet-size) / 2 + var(--tl-line-width) / 2) * -1);
-      right: auto;
-}
-
 .m_8affcee1:where([data-with-child]) {
     border-width: var(--tl-line-width);
   }
@@ -156,19 +136,11 @@
 
 .m_43657ece:where([data-align='left']) .m_540e8f41 {
     padding-inline-start: var(--offset);
-    text-align: left;
+    text-align: start;
   }
 
-:where([dir="rtl"]) .m_43657ece:where([data-align='left']) .m_540e8f41 {
-      text-align: right;
-}
-
 .m_43657ece:where([data-align='right']) .m_540e8f41 {
     padding-inline-end: var(--offset);
-    text-align: right;
+    text-align: end;
   }
-
-:where([dir="rtl"]) .m_43657ece:where([data-align='right']) .m_540e8f41 {
-      text-align: left;
-}
 }