@mantine/core 8.2.2 → 8.2.4

package/styles/Table.css

@@ -75,6 +75,10 @@
   padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
 }
 
+.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
+    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
     border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
@@ -110,8 +114,27 @@
       background-color: var(--mantine-color-body);
     }
 
-:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
-  top: initial;
+:where([data-with-table-border]) .m_b242d975[data-sticky] {
+  position: sticky;
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 4;
+  border-top: none;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -0.5px;
+  width: 100%;
+  height: 1px;
+  background-color: var(--table-border-color);
+  z-index: 5;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
+  border-top: none;
 }
 
 .m_9e5a3ac7 {

package/styles/Table.layer.css

@@ -75,6 +75,10 @@
   padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
 }
 
+.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
+    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
     border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
@@ -110,8 +114,27 @@
       background-color: var(--mantine-color-body);
     }
 
-:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
-  top: initial;
+:where([data-with-table-border]) .m_b242d975[data-sticky] {
+  position: sticky;
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 4;
+  border-top: none;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: -0.5px;
+  width: 100%;
+  height: 1px;
+  background-color: var(--table-border-color);
+  z-index: 5;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
+  border-top: none;
 }
 
 .m_9e5a3ac7 {

package/styles/default-css-variables.css

@@ -1,4 +1,3 @@
-/* stylelint-disable */
 /* This file is automatically generated, do not modify it directly. */
 :root {
   --mantine-z-index-app: 100;
@@ -6,7 +5,6 @@
   --mantine-z-index-popover: 300;
   --mantine-z-index-overlay: 400;
   --mantine-z-index-max: 9999;
-
   --mantine-scale: 1;
   --mantine-cursor-type: default;
   --mantine-webkit-font-smoothing: antialiased;
@@ -250,6 +248,7 @@
   --mantine-h6-line-height: 1.5;
   --mantine-h6-font-weight: 700;
 }
+
 :root[data-mantine-color-scheme='dark'] {
   --mantine-color-scheme: dark;
   --mantine-primary-color-contrast: var(--mantine-color-white);

package/styles/default-css-variables.layer.css

@@ -1,12 +1,10 @@
-@layer mantine {/* stylelint-disable */
-/* This file is automatically generated, do not modify it directly. */
+@layer mantine {/* This file is automatically generated, do not modify it directly. */
 :root {
   --mantine-z-index-app: 100;
   --mantine-z-index-modal: 200;
   --mantine-z-index-popover: 300;
   --mantine-z-index-overlay: 400;
   --mantine-z-index-max: 9999;
-
   --mantine-scale: 1;
   --mantine-cursor-type: default;
   --mantine-webkit-font-smoothing: antialiased;
@@ -250,6 +248,7 @@
   --mantine-h6-line-height: 1.5;
   --mantine-h6-font-weight: 700;
 }
+
 :root[data-mantine-color-scheme='dark'] {
   --mantine-color-scheme: dark;
   --mantine-primary-color-contrast: var(--mantine-color-white);

package/styles.css

@@ -80,7 +80,6 @@ fieldset:disabled .mantine-active:active {
     transform: rotate(180deg);
 }
 
-/* stylelint-disable */
 /* This file is automatically generated, do not modify it directly. */
 :root {
   --mantine-z-index-app: 100;
@@ -88,7 +87,6 @@ fieldset:disabled .mantine-active:active {
   --mantine-z-index-popover: 300;
   --mantine-z-index-overlay: 400;
   --mantine-z-index-max: 9999;
-
   --mantine-scale: 1;
   --mantine-cursor-type: default;
   --mantine-webkit-font-smoothing: antialiased;
@@ -332,6 +330,7 @@ fieldset:disabled .mantine-active:active {
   --mantine-h6-line-height: 1.5;
   --mantine-h6-font-weight: 700;
 }
+
 :root[data-mantine-color-scheme='dark'] {
   --mantine-color-scheme: dark;
   --mantine-primary-color-contrast: var(--mantine-color-white);
@@ -1394,7 +1393,6 @@ fieldset:disabled .mantine-active:active {
 
     --input-size: auto;
     --input-line-height: var(--mantine-line-height);
-    --input-padding-y: var(--input-padding-y-sm);
   }
 
   .m_6c018570[data-with-left-section] {
@@ -1542,7 +1540,7 @@ fieldset:disabled .mantine-active:active {
     color: var(--input-disabled-color);
   }
 
-.m_8fb7ebe7:read-only {
+.m_8fb7ebe7[readonly] {
     caret-color: transparent;
   }
 
@@ -2508,6 +2506,7 @@ fieldset:disabled .mantine-active:active {
   }
 
 .m_5f6e695e {
+  -webkit-tap-highlight-color: transparent;
   display: flex;
 }
 
@@ -6664,6 +6663,10 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
 }
 
+.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
+    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
     border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
@@ -6699,8 +6702,27 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
       background-color: var(--mantine-color-body);
     }
 
-:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
-  top: initial;
+:where([data-with-table-border]) .m_b242d975[data-sticky] {
+  position: sticky;
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 4;
+  border-top: none;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: calc(-0.03125rem * var(--mantine-scale));
+  width: 100%;
+  height: calc(0.0625rem * var(--mantine-scale));
+  background-color: var(--table-border-color);
+  z-index: 5;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
+  border-top: none;
 }
 
 .m_9e5a3ac7 {

package/styles.layer.css

@@ -80,7 +80,6 @@ fieldset:disabled .mantine-active:active {
     transform: rotate(180deg);
 }
 
-/* stylelint-disable */
 /* This file is automatically generated, do not modify it directly. */
 :root {
   --mantine-z-index-app: 100;
@@ -88,7 +87,6 @@ fieldset:disabled .mantine-active:active {
   --mantine-z-index-popover: 300;
   --mantine-z-index-overlay: 400;
   --mantine-z-index-max: 9999;
-
   --mantine-scale: 1;
   --mantine-cursor-type: default;
   --mantine-webkit-font-smoothing: antialiased;
@@ -332,6 +330,7 @@ fieldset:disabled .mantine-active:active {
   --mantine-h6-line-height: 1.5;
   --mantine-h6-font-weight: 700;
 }
+
 :root[data-mantine-color-scheme='dark'] {
   --mantine-color-scheme: dark;
   --mantine-primary-color-contrast: var(--mantine-color-white);
@@ -1394,7 +1393,6 @@ fieldset:disabled .mantine-active:active {
 
     --input-size: auto;
     --input-line-height: var(--mantine-line-height);
-    --input-padding-y: var(--input-padding-y-sm);
   }
 
   .m_6c018570[data-with-left-section] {
@@ -1542,7 +1540,7 @@ fieldset:disabled .mantine-active:active {
     color: var(--input-disabled-color);
   }
 
-.m_8fb7ebe7:read-only {
+.m_8fb7ebe7[readonly] {
     caret-color: transparent;
   }
 
@@ -2508,6 +2506,7 @@ fieldset:disabled .mantine-active:active {
   }
 
 .m_5f6e695e {
+  -webkit-tap-highlight-color: transparent;
   display: flex;
 }
 
@@ -6664,6 +6663,10 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
   padding: var(--table-vertical-spacing) var(--table-horizontal-spacing, var(--mantine-spacing-xs));
 }
 
+.m_4e7aa4ef:where([data-with-column-border]:not(:first-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:first-child)) {
+    border-inline-start: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
+  }
+
 .m_4e7aa4ef:where([data-with-column-border]:not(:last-child)), .m_4e7aa4f3:where([data-with-column-border]:not(:last-child)) {
     border-inline-end: calc(0.0625rem * var(--mantine-scale)) solid var(--table-border-color);
   }
@@ -6699,8 +6702,27 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
       background-color: var(--mantine-color-body);
     }
 
-:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
-  top: initial;
+:where([data-with-table-border]) .m_b242d975[data-sticky] {
+  position: sticky;
+  top: var(--table-sticky-header-offset, 0);
+  z-index: 4;
+  border-top: none;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: calc(-0.03125rem * var(--mantine-scale));
+  width: 100%;
+  height: calc(0.0625rem * var(--mantine-scale));
+  background-color: var(--table-border-color);
+  z-index: 5;
+}
+
+:where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
+  border-top: none;
 }
 
 .m_9e5a3ac7 {