@mantine/core 9.0.0-alpha.3 → 9.0.0-alpha.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 (33) hide show
  1. package/cjs/components/NumberInput/NumberInput.cjs +31 -0
  2. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  3. package/cjs/components/ScrollArea/ScrollArea.cjs +12 -1
  4. package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
  5. package/cjs/components/Tooltip/Tooltip.cjs +3 -1
  6. package/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
  7. package/cjs/index.cjs +2 -4
  8. package/cjs/index.cjs.map +1 -1
  9. package/esm/components/NumberInput/NumberInput.mjs +31 -0
  10. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  11. package/esm/components/ScrollArea/ScrollArea.mjs +12 -1
  12. package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
  13. package/esm/components/Tooltip/Tooltip.mjs +3 -1
  14. package/esm/components/Tooltip/Tooltip.mjs.map +1 -1
  15. package/esm/index.mjs +1 -2
  16. package/esm/index.mjs.map +1 -1
  17. package/lib/components/Input/use-input-props.d.ts +1 -1
  18. package/lib/components/Popover/use-popover.d.ts +1 -1
  19. package/lib/components/ScrollArea/ScrollArea.d.ts +5 -0
  20. package/lib/core/MantineProvider/MantineCssVariables/index.d.ts +1 -0
  21. package/lib/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.d.ts +2 -0
  22. package/lib/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.d.ts +2 -2
  23. package/lib/core/MantineProvider/color-functions/index.d.ts +0 -1
  24. package/package.json +2 -2
  25. package/styles/AppShell.css +11 -1
  26. package/styles/AppShell.layer.css +11 -1
  27. package/styles.css +11 -1
  28. package/styles.layer.css +11 -1
  29. package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.cjs +0 -9
  30. package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.cjs.map +0 -1
  31. package/esm/components/Slider/utils/get-floating-value/get-gloating-value.mjs +0 -7
  32. package/esm/components/Slider/utils/get-floating-value/get-gloating-value.mjs.map +0 -1
  33. package/lib/components/Slider/utils/get-floating-value/get-gloating-value.d.ts +0 -1
package/lib/core/MantineProvider/color-functions/index.d.ts CHANGED
@@ -2,7 +2,6 @@ export { getPrimaryShade } from './get-primary-shade/get-primary-shade';
2
2
  export { parseThemeColor } from './parse-theme-color/parse-theme-color';
3
3
  export { getThemeColor } from './get-theme-color/get-theme-color';
4
4
  export { defaultVariantColorsResolver } from './default-variant-colors-resolver/default-variant-colors-resolver';
5
- export { v8defaultVariantColorsResolver } from './default-variant-colors-resolver/v8-default-variant-colors-resolver';
6
5
  export { getGradient } from './get-gradient/get-gradient';
7
6
  export { toRgba } from './to-rgba/to-rgba';
8
7
  export { rgba, alpha } from './rgba/rgba';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/core",
3
- "version": "9.0.0-alpha.3",
3
+ "version": "9.0.0-alpha.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": "9.0.0-alpha.3",
46
+ "@mantine/hooks": "9.0.0-alpha.4",
47
47
  "react": "^18.x || ^19.x",
48
48
  "react-dom": "^18.x || ^19.x"
49
49
  },
package/styles/AppShell.css CHANGED
@@ -56,7 +56,8 @@
56
56
  }
57
57
 
58
58
  :where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
59
- grid-row: var(--app-shell-navbar-grid-row-alt, var(--app-shell-navbar-grid-row, auto));
59
+ grid-row: 1 / -1;
60
+ height: 100%;
60
61
  }
61
62
 
62
63
  .m_45252eee {
@@ -102,6 +103,10 @@
102
103
  border-inline-start: 1px solid var(--app-shell-border-color);
103
104
  }
104
105
 
106
+ :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
107
+ grid-row: 1 / -1;
108
+ }
109
+
105
110
  :where([data-scroll-locked]) .m_9cdde9a {
106
111
  visibility: var(--app-shell-aside-scroll-locked-visibility);
107
112
  }
@@ -144,6 +149,7 @@
144
149
  }
145
150
 
146
151
  :where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
152
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
147
153
  margin-inline-start: 0rem;
148
154
  margin-inline-end: 0rem;
149
155
  }
@@ -178,6 +184,10 @@
178
184
  grid-row: var(--app-shell-footer-grid-row, auto);
179
185
  }
180
186
 
187
+ :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
188
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
189
+ }
190
+
181
191
  .m_3840c879:where([data-with-border]) {
182
192
  border-top: 1px solid var(--app-shell-border-color);
183
193
  }
package/styles/AppShell.layer.css CHANGED
@@ -56,7 +56,8 @@
56
56
  }
57
57
 
58
58
  :where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
59
- grid-row: var(--app-shell-navbar-grid-row-alt, var(--app-shell-navbar-grid-row, auto));
59
+ grid-row: 1 / -1;
60
+ height: 100%;
60
61
  }
61
62
 
62
63
  .m_45252eee {
@@ -102,6 +103,10 @@
102
103
  border-inline-start: 1px solid var(--app-shell-border-color);
103
104
  }
104
105
 
106
+ :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
107
+ grid-row: 1 / -1;
108
+ }
109
+
105
110
  :where([data-scroll-locked]) .m_9cdde9a {
106
111
  visibility: var(--app-shell-aside-scroll-locked-visibility);
107
112
  }
@@ -144,6 +149,7 @@
144
149
  }
145
150
 
146
151
  :where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
152
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
147
153
  margin-inline-start: 0rem;
148
154
  margin-inline-end: 0rem;
149
155
  }
@@ -178,6 +184,10 @@
178
184
  grid-row: var(--app-shell-footer-grid-row, auto);
179
185
  }
180
186
 
187
+ :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
188
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
189
+ }
190
+
181
191
  .m_3840c879:where([data-with-border]) {
182
192
  border-top: 1px solid var(--app-shell-border-color);
183
193
  }
package/styles.css CHANGED
@@ -2252,7 +2252,8 @@ fieldset:disabled .mantine-active:active {
2252
2252
  }
2253
2253
 
2254
2254
  :where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
2255
- grid-row: var(--app-shell-navbar-grid-row-alt, var(--app-shell-navbar-grid-row, auto));
2255
+ grid-row: 1 / -1;
2256
+ height: 100%;
2256
2257
  }
2257
2258
 
2258
2259
  .m_45252eee {
@@ -2298,6 +2299,10 @@ fieldset:disabled .mantine-active:active {
2298
2299
  border-inline-start: 1px solid var(--app-shell-border-color);
2299
2300
  }
2300
2301
 
2302
+ :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
2303
+ grid-row: 1 / -1;
2304
+ }
2305
+
2301
2306
  :where([data-scroll-locked]) .m_9cdde9a {
2302
2307
  visibility: var(--app-shell-aside-scroll-locked-visibility);
2303
2308
  }
@@ -2340,6 +2345,7 @@ fieldset:disabled .mantine-active:active {
2340
2345
  }
2341
2346
 
2342
2347
  :where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
2348
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
2343
2349
  margin-inline-start: 0rem;
2344
2350
  margin-inline-end: 0rem;
2345
2351
  }
@@ -2374,6 +2380,10 @@ fieldset:disabled .mantine-active:active {
2374
2380
  grid-row: var(--app-shell-footer-grid-row, auto);
2375
2381
  }
2376
2382
 
2383
+ :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
2384
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
2385
+ }
2386
+
2377
2387
  .m_3840c879:where([data-with-border]) {
2378
2388
  border-top: 1px solid var(--app-shell-border-color);
2379
2389
  }
package/styles.layer.css CHANGED
@@ -2252,7 +2252,8 @@ fieldset:disabled .mantine-active:active {
2252
2252
  }
2253
2253
 
2254
2254
  :where([data-mode='static'][data-layout='alt']) .m_45252eee, :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
2255
- grid-row: var(--app-shell-navbar-grid-row-alt, var(--app-shell-navbar-grid-row, auto));
2255
+ grid-row: 1 / -1;
2256
+ height: 100%;
2256
2257
  }
2257
2258
 
2258
2259
  .m_45252eee {
@@ -2298,6 +2299,10 @@ fieldset:disabled .mantine-active:active {
2298
2299
  border-inline-start: 1px solid var(--app-shell-border-color);
2299
2300
  }
2300
2301
 
2302
+ :where([data-mode='static'][data-layout='alt']) .m_9cdde9a {
2303
+ grid-row: 1 / -1;
2304
+ }
2305
+
2301
2306
  :where([data-scroll-locked]) .m_9cdde9a {
2302
2307
  visibility: var(--app-shell-aside-scroll-locked-visibility);
2303
2308
  }
@@ -2340,6 +2345,7 @@ fieldset:disabled .mantine-active:active {
2340
2345
  }
2341
2346
 
2342
2347
  :where([data-mode='static'][data-layout='alt']) .m_3b16f56b, :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
2348
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
2343
2349
  margin-inline-start: 0rem;
2344
2350
  margin-inline-end: 0rem;
2345
2351
  }
@@ -2374,6 +2380,10 @@ fieldset:disabled .mantine-active:active {
2374
2380
  grid-row: var(--app-shell-footer-grid-row, auto);
2375
2381
  }
2376
2382
 
2383
+ :where([data-mode='static'][data-layout='alt']) .m_3840c879 {
2384
+ grid-column: var(--app-shell-main-column-start, 1) / var(--app-shell-main-column-end, -1);
2385
+ }
2386
+
2377
2387
  .m_3840c879:where([data-with-border]) {
2378
2388
  border-top: 1px solid var(--app-shell-border-color);
2379
2389
  }
package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.cjs DELETED
@@ -1,9 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- function getFloatingValue(value, precision) {
5
- return parseFloat(value.toFixed(precision));
6
- }
7
-
8
- exports.getFloatingValue = getFloatingValue;
9
- //# sourceMappingURL=get-gloating-value.cjs.map
package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.cjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-gloating-value.cjs","sources":["../../../../../src/components/Slider/utils/get-floating-value/get-gloating-value.ts"],"sourcesContent":["export function getFloatingValue(value: number, precision: number) {\n return parseFloat(value.toFixed(precision));\n}\n"],"names":[],"mappings":";;;AAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,GAAe,SAAA,CAAA,CAAmB,CAAA;AACjE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,UAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA;AAC5C,CAAA;;"}
package/esm/components/Slider/utils/get-floating-value/get-gloating-value.mjs DELETED
@@ -1,7 +0,0 @@
1
- 'use client';
2
- function getFloatingValue(value, precision) {
3
- return parseFloat(value.toFixed(precision));
4
- }
5
-
6
- export { getFloatingValue };
7
- //# sourceMappingURL=get-gloating-value.mjs.map
package/esm/components/Slider/utils/get-floating-value/get-gloating-value.mjs.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-gloating-value.mjs","sources":["../../../../../src/components/Slider/utils/get-floating-value/get-gloating-value.ts"],"sourcesContent":["export function getFloatingValue(value: number, precision: number) {\n return parseFloat(value.toFixed(precision));\n}\n"],"names":[],"mappings":";AAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,GAAe,SAAA,CAAA,CAAmB,CAAA;AACjE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,UAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA;AAC5C,CAAA;;"}
package/lib/components/Slider/utils/get-floating-value/get-gloating-value.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare function getFloatingValue(value: number, precision: number): number;