@mantine/charts 7.13.5-alpha.2 → 7.14.0

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 (43) hide show
  1. package/cjs/BarChart/BarChart.cjs +7 -1
  2. package/cjs/BarChart/BarChart.cjs.map +1 -1
  3. package/cjs/ChartLegend/ChartLegend.cjs +1 -1
  4. package/cjs/ChartLegend/ChartLegend.cjs.map +1 -1
  5. package/cjs/ChartTooltip/ChartTooltip.cjs +9 -7
  6. package/cjs/ChartTooltip/ChartTooltip.cjs.map +1 -1
  7. package/cjs/ChartTooltip/ChartTooltip.module.css.cjs +1 -1
  8. package/cjs/FunnelChart/FunnelChart.cjs +131 -0
  9. package/cjs/FunnelChart/FunnelChart.cjs.map +1 -0
  10. package/cjs/FunnelChart/FunnelChart.module.css.cjs +7 -0
  11. package/cjs/FunnelChart/FunnelChart.module.css.cjs.map +1 -0
  12. package/cjs/RadialBarChart/RadialBarChart.cjs +149 -0
  13. package/cjs/RadialBarChart/RadialBarChart.cjs.map +1 -0
  14. package/cjs/RadialBarChart/RadialBarChart.module.css.cjs +7 -0
  15. package/cjs/RadialBarChart/RadialBarChart.module.css.cjs.map +1 -0
  16. package/cjs/index.cjs +4 -0
  17. package/cjs/index.cjs.map +1 -1
  18. package/esm/BarChart/BarChart.mjs +7 -1
  19. package/esm/BarChart/BarChart.mjs.map +1 -1
  20. package/esm/ChartLegend/ChartLegend.mjs +1 -1
  21. package/esm/ChartLegend/ChartLegend.mjs.map +1 -1
  22. package/esm/ChartTooltip/ChartTooltip.mjs +10 -8
  23. package/esm/ChartTooltip/ChartTooltip.mjs.map +1 -1
  24. package/esm/ChartTooltip/ChartTooltip.module.css.mjs +1 -1
  25. package/esm/FunnelChart/FunnelChart.mjs +129 -0
  26. package/esm/FunnelChart/FunnelChart.mjs.map +1 -0
  27. package/esm/FunnelChart/FunnelChart.module.css.mjs +5 -0
  28. package/esm/FunnelChart/FunnelChart.module.css.mjs.map +1 -0
  29. package/esm/RadialBarChart/RadialBarChart.mjs +147 -0
  30. package/esm/RadialBarChart/RadialBarChart.mjs.map +1 -0
  31. package/esm/RadialBarChart/RadialBarChart.module.css.mjs +5 -0
  32. package/esm/RadialBarChart/RadialBarChart.module.css.mjs.map +1 -0
  33. package/esm/index.mjs +2 -0
  34. package/esm/index.mjs.map +1 -1
  35. package/lib/FunnelChart/FunnelChart.d.ts +56 -0
  36. package/lib/FunnelChart/index.d.ts +2 -0
  37. package/lib/RadialBarChart/RadialBarChart.d.ts +48 -0
  38. package/lib/RadialBarChart/index.d.ts +2 -0
  39. package/lib/index.d.mts +2 -0
  40. package/lib/index.d.ts +2 -0
  41. package/package.json +3 -3
  42. package/styles.css +43 -0
  43. package/styles.layer.css +43 -0
package/styles.layer.css CHANGED
@@ -29,6 +29,11 @@
29
29
  padding-top: var(--mantine-spacing-sm);
30
30
  }
31
31
 
32
+ .m_b30369b5 {
33
+ width: calc(0.75rem * var(--mantine-scale));
34
+ height: calc(0.75rem * var(--mantine-scale));
35
+ }
36
+
32
37
  .m_3de8964e {
33
38
  font-size: var(--mantine-font-size-sm);
34
39
  display: flex;
@@ -227,4 +232,42 @@
227
232
  height: 100%;
228
233
  width: 100%;
229
234
  }
235
+
236
+ :where([data-mantine-color-scheme='light']) .m_cd2bd9e5 {
237
+ --chart-empty-background: var(--mantine-color-gray-1);
238
+ --chart-cursor-color: var(--mantine-color-gray-4);
239
+ }
240
+ :where([data-mantine-color-scheme='dark']) .m_cd2bd9e5 {
241
+ --chart-empty-background: var(--mantine-color-dark-6);
242
+ --chart-cursor-color: var(--mantine-color-dark-4);
243
+ }
244
+
245
+ .m_6bcc3420 {
246
+ padding: var(--mantine-spacing-md);
247
+ box-shadow: var(--mantine-shadow-md);
248
+ min-width: calc(12.5rem * var(--mantine-scale));
249
+ font-size: var(--mantine-font-size-sm);
250
+ display: flex;
251
+ align-items: center;
252
+ justify-content: space-between;
253
+ }
254
+
255
+ :where([data-mantine-color-scheme='light']) .m_6bcc3420 {
256
+ border: 1px solid var(--mantine-color-gray-2);
257
+ }
258
+
259
+ :where([data-mantine-color-scheme='dark']) .m_6bcc3420 {
260
+ border: 1px solid var(--mantine-color-dark-4);
261
+ }
262
+
263
+ .m_80d531e7 {
264
+ min-height: var(--chart-size, auto);
265
+ height: var(--chart-size, auto);
266
+ width: var(--chart-size, auto);
267
+ min-width: var(--chart-size, auto);
268
+ }
269
+
270
+ .m_80d531e7 :where(*) {
271
+ outline: 0;
272
+ }
230
273
  }