@mantine/core 8.2.3 → 8.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/cjs/components/MultiSelect/MultiSelect.cjs +2 -1
  2. package/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -1
  3. package/cjs/components/NumberInput/NumberInput.cjs +1 -1
  4. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  5. package/cjs/components/TagsInput/TagsInput.cjs +2 -1
  6. package/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
  7. package/esm/components/MultiSelect/MultiSelect.mjs +2 -1
  8. package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
  9. package/esm/components/NumberInput/NumberInput.mjs +1 -1
  10. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  11. package/esm/components/TagsInput/TagsInput.mjs +2 -1
  12. package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
  13. package/package.json +2 -2
  14. package/styles/Input.css +1 -1
  15. package/styles/Input.layer.css +1 -1
  16. package/styles/Table.css +21 -2
  17. package/styles/Table.layer.css +21 -2
  18. package/styles.css +22 -3
  19. package/styles.layer.css +22 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/core",
3
- "version": "8.2.3",
3
+ "version": "8.2.4",
4
4
  "description": "React components library focused on usability, accessibility and developer experience",
5
5
  "homepage": "https://mantine.dev/",
6
6
  "license": "MIT",
@@ -43,7 +43,7 @@
43
43
  "directory": "packages/@mantine/core"
44
44
  },
45
45
  "peerDependencies": {
46
- "@mantine/hooks": "8.2.3",
46
+ "@mantine/hooks": "8.2.4",
47
47
  "react": "^18.x || ^19.x",
48
48
  "react-dom": "^18.x || ^19.x"
49
49
  },
package/styles/Input.css CHANGED
@@ -213,7 +213,7 @@
213
213
  color: var(--input-disabled-color);
214
214
  }
215
215
 
216
- .m_8fb7ebe7:read-only {
216
+ .m_8fb7ebe7[readonly] {
217
217
  caret-color: transparent;
218
218
  }
219
219
 
package/styles/Input.layer.css CHANGED
@@ -213,7 +213,7 @@
213
213
  color: var(--input-disabled-color);
214
214
  }
215
215
 
216
- .m_8fb7ebe7:read-only {
216
+ .m_8fb7ebe7[readonly] {
217
217
  caret-color: transparent;
218
218
  }
219
219
 
package/styles/Table.css CHANGED
@@ -114,8 +114,27 @@
114
114
  background-color: var(--mantine-color-body);
115
115
  }
116
116
 
117
- :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
118
- top: initial;
117
+ :where([data-with-table-border]) .m_b242d975[data-sticky] {
118
+ position: sticky;
119
+ top: var(--table-sticky-header-offset, 0);
120
+ z-index: 4;
121
+ border-top: none;
122
+ }
123
+
124
+ :where([data-with-table-border]) .m_b242d975[data-sticky]::before {
125
+ content: '';
126
+ display: block;
127
+ position: absolute;
128
+ left: 0;
129
+ top: -0.5px;
130
+ width: 100%;
131
+ height: 1px;
132
+ background-color: var(--table-border-color);
133
+ z-index: 5;
134
+ }
135
+
136
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
137
+ border-top: none;
119
138
  }
120
139
 
121
140
  .m_9e5a3ac7 {
package/styles/Table.layer.css CHANGED
@@ -114,8 +114,27 @@
114
114
  background-color: var(--mantine-color-body);
115
115
  }
116
116
 
117
- :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
118
- top: initial;
117
+ :where([data-with-table-border]) .m_b242d975[data-sticky] {
118
+ position: sticky;
119
+ top: var(--table-sticky-header-offset, 0);
120
+ z-index: 4;
121
+ border-top: none;
122
+ }
123
+
124
+ :where([data-with-table-border]) .m_b242d975[data-sticky]::before {
125
+ content: '';
126
+ display: block;
127
+ position: absolute;
128
+ left: 0;
129
+ top: -0.5px;
130
+ width: 100%;
131
+ height: 1px;
132
+ background-color: var(--table-border-color);
133
+ z-index: 5;
134
+ }
135
+
136
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
137
+ border-top: none;
119
138
  }
120
139
 
121
140
  .m_9e5a3ac7 {
package/styles.css CHANGED
@@ -1540,7 +1540,7 @@ fieldset:disabled .mantine-active:active {
1540
1540
  color: var(--input-disabled-color);
1541
1541
  }
1542
1542
 
1543
- .m_8fb7ebe7:read-only {
1543
+ .m_8fb7ebe7[readonly] {
1544
1544
  caret-color: transparent;
1545
1545
  }
1546
1546
 
@@ -6702,8 +6702,27 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
6702
6702
  background-color: var(--mantine-color-body);
6703
6703
  }
6704
6704
 
6705
- :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
6706
- top: initial;
6705
+ :where([data-with-table-border]) .m_b242d975[data-sticky] {
6706
+ position: sticky;
6707
+ top: var(--table-sticky-header-offset, 0);
6708
+ z-index: 4;
6709
+ border-top: none;
6710
+ }
6711
+
6712
+ :where([data-with-table-border]) .m_b242d975[data-sticky]::before {
6713
+ content: '';
6714
+ display: block;
6715
+ position: absolute;
6716
+ left: 0;
6717
+ top: calc(-0.03125rem * var(--mantine-scale));
6718
+ width: 100%;
6719
+ height: calc(0.0625rem * var(--mantine-scale));
6720
+ background-color: var(--table-border-color);
6721
+ z-index: 5;
6722
+ }
6723
+
6724
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
6725
+ border-top: none;
6707
6726
  }
6708
6727
 
6709
6728
  .m_9e5a3ac7 {
package/styles.layer.css CHANGED
@@ -1540,7 +1540,7 @@ fieldset:disabled .mantine-active:active {
1540
1540
  color: var(--input-disabled-color);
1541
1541
  }
1542
1542
 
1543
- .m_8fb7ebe7:read-only {
1543
+ .m_8fb7ebe7[readonly] {
1544
1544
  caret-color: transparent;
1545
1545
  }
1546
1546
 
@@ -6702,8 +6702,27 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
6702
6702
  background-color: var(--mantine-color-body);
6703
6703
  }
6704
6704
 
6705
- :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3 {
6706
- top: initial;
6705
+ :where([data-with-table-border]) .m_b242d975[data-sticky] {
6706
+ position: sticky;
6707
+ top: var(--table-sticky-header-offset, 0);
6708
+ z-index: 4;
6709
+ border-top: none;
6710
+ }
6711
+
6712
+ :where([data-with-table-border]) .m_b242d975[data-sticky]::before {
6713
+ content: '';
6714
+ display: block;
6715
+ position: absolute;
6716
+ left: 0;
6717
+ top: calc(-0.03125rem * var(--mantine-scale));
6718
+ width: 100%;
6719
+ height: calc(0.0625rem * var(--mantine-scale));
6720
+ background-color: var(--table-border-color);
6721
+ z-index: 5;
6722
+ }
6723
+
6724
+ :where([data-with-table-border]) .m_b242d975[data-sticky] .m_4e7aa4f3:first-child {
6725
+ border-top: none;
6707
6726
  }
6708
6727
 
6709
6728
  .m_9e5a3ac7 {