@mantine/charts 8.3.13 → 9.0.0-alpha.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 (112) hide show
  1. package/cjs/AreaChart/AreaChart.cjs +152 -162
  2. package/cjs/AreaChart/AreaChart.cjs.map +1 -1
  3. package/cjs/BarChart/BarChart.cjs +4 -5
  4. package/cjs/BarChart/BarChart.cjs.map +1 -1
  5. package/cjs/BarsList/BarsList.cjs +121 -0
  6. package/cjs/BarsList/BarsList.cjs.map +1 -0
  7. package/cjs/BarsList/BarsList.module.css.cjs +7 -0
  8. package/cjs/BarsList/BarsList.module.css.cjs.map +1 -0
  9. package/cjs/BubbleChart/BubbleChart.cjs +3 -2
  10. package/cjs/BubbleChart/BubbleChart.cjs.map +1 -1
  11. package/cjs/ChartLegend/ChartLegend.cjs +5 -12
  12. package/cjs/ChartLegend/ChartLegend.cjs.map +1 -1
  13. package/cjs/ChartTooltip/ChartTooltip.cjs +2 -2
  14. package/cjs/ChartTooltip/ChartTooltip.cjs.map +1 -1
  15. package/cjs/CompositeChart/CompositeChart.cjs +141 -151
  16. package/cjs/CompositeChart/CompositeChart.cjs.map +1 -1
  17. package/cjs/DonutChart/DonutChart.cjs +5 -4
  18. package/cjs/DonutChart/DonutChart.cjs.map +1 -1
  19. package/cjs/FunnelChart/FunnelChart.cjs +4 -3
  20. package/cjs/FunnelChart/FunnelChart.cjs.map +1 -1
  21. package/cjs/Heatmap/Heatmap.cjs +1 -2
  22. package/cjs/Heatmap/Heatmap.cjs.map +1 -1
  23. package/cjs/LineChart/LineChart.cjs +142 -153
  24. package/cjs/LineChart/LineChart.cjs.map +1 -1
  25. package/cjs/PieChart/PieChart.cjs +10 -9
  26. package/cjs/PieChart/PieChart.cjs.map +1 -1
  27. package/cjs/RadarChart/RadarChart.cjs +3 -2
  28. package/cjs/RadarChart/RadarChart.cjs.map +1 -1
  29. package/cjs/RadialBarChart/RadialBarChart.cjs +3 -2
  30. package/cjs/RadialBarChart/RadialBarChart.cjs.map +1 -1
  31. package/cjs/ScatterChart/ScatterChart.cjs +127 -136
  32. package/cjs/ScatterChart/ScatterChart.cjs.map +1 -1
  33. package/cjs/Sparkline/Sparkline.cjs +7 -5
  34. package/cjs/Sparkline/Sparkline.cjs.map +1 -1
  35. package/cjs/Sparkline/Sparkline.module.css.cjs +7 -0
  36. package/cjs/Sparkline/Sparkline.module.css.cjs.map +1 -0
  37. package/cjs/index.cjs +2 -0
  38. package/cjs/index.cjs.map +1 -1
  39. package/esm/AreaChart/AreaChart.mjs +152 -162
  40. package/esm/AreaChart/AreaChart.mjs.map +1 -1
  41. package/esm/BarChart/BarChart.mjs +4 -5
  42. package/esm/BarChart/BarChart.mjs.map +1 -1
  43. package/esm/BarsList/BarsList.mjs +119 -0
  44. package/esm/BarsList/BarsList.mjs.map +1 -0
  45. package/esm/BarsList/BarsList.module.css.mjs +5 -0
  46. package/esm/BarsList/BarsList.module.css.mjs.map +1 -0
  47. package/esm/BubbleChart/BubbleChart.mjs +3 -2
  48. package/esm/BubbleChart/BubbleChart.mjs.map +1 -1
  49. package/esm/ChartLegend/ChartLegend.mjs +5 -12
  50. package/esm/ChartLegend/ChartLegend.mjs.map +1 -1
  51. package/esm/ChartTooltip/ChartTooltip.mjs +2 -2
  52. package/esm/ChartTooltip/ChartTooltip.mjs.map +1 -1
  53. package/esm/CompositeChart/CompositeChart.mjs +141 -151
  54. package/esm/CompositeChart/CompositeChart.mjs.map +1 -1
  55. package/esm/DonutChart/DonutChart.mjs +5 -4
  56. package/esm/DonutChart/DonutChart.mjs.map +1 -1
  57. package/esm/FunnelChart/FunnelChart.mjs +4 -3
  58. package/esm/FunnelChart/FunnelChart.mjs.map +1 -1
  59. package/esm/Heatmap/Heatmap.mjs +1 -2
  60. package/esm/Heatmap/Heatmap.mjs.map +1 -1
  61. package/esm/LineChart/LineChart.mjs +142 -153
  62. package/esm/LineChart/LineChart.mjs.map +1 -1
  63. package/esm/PieChart/PieChart.mjs +10 -9
  64. package/esm/PieChart/PieChart.mjs.map +1 -1
  65. package/esm/RadarChart/RadarChart.mjs +3 -2
  66. package/esm/RadarChart/RadarChart.mjs.map +1 -1
  67. package/esm/RadialBarChart/RadialBarChart.mjs +3 -2
  68. package/esm/RadialBarChart/RadialBarChart.mjs.map +1 -1
  69. package/esm/ScatterChart/ScatterChart.mjs +127 -136
  70. package/esm/ScatterChart/ScatterChart.mjs.map +1 -1
  71. package/esm/Sparkline/Sparkline.mjs +5 -3
  72. package/esm/Sparkline/Sparkline.mjs.map +1 -1
  73. package/esm/Sparkline/Sparkline.module.css.mjs +5 -0
  74. package/esm/Sparkline/Sparkline.module.css.mjs.map +1 -0
  75. package/esm/index.mjs +1 -0
  76. package/esm/index.mjs.map +1 -1
  77. package/lib/AreaChart/AreaChart.d.ts +10 -10
  78. package/lib/AreaChart/index.d.ts +10 -1
  79. package/lib/BarChart/BarChart.d.ts +6 -6
  80. package/lib/BarChart/index.d.ts +10 -1
  81. package/lib/BarsList/BarsList.d.ts +55 -0
  82. package/lib/BarsList/index.d.ts +9 -0
  83. package/lib/BubbleChart/BubbleChart.d.ts +3 -3
  84. package/lib/BubbleChart/index.d.ts +9 -1
  85. package/lib/ChartLegend/ChartLegend.d.ts +2 -2
  86. package/lib/ChartTooltip/ChartTooltip.d.ts +4 -4
  87. package/lib/CompositeChart/CompositeChart.d.ts +8 -8
  88. package/lib/CompositeChart/index.d.ts +10 -1
  89. package/lib/DonutChart/DonutChart.d.ts +12 -12
  90. package/lib/DonutChart/index.d.ts +9 -1
  91. package/lib/FunnelChart/FunnelChart.d.ts +9 -9
  92. package/lib/FunnelChart/index.d.ts +9 -1
  93. package/lib/Heatmap/Heatmap.d.ts +6 -6
  94. package/lib/Heatmap/HeatmapWeeks.types.d.ts +1 -1
  95. package/lib/Heatmap/index.d.ts +7 -1
  96. package/lib/LineChart/LineChart.d.ts +9 -9
  97. package/lib/LineChart/index.d.ts +10 -1
  98. package/lib/PieChart/PieChart.d.ts +13 -13
  99. package/lib/PieChart/index.d.ts +9 -1
  100. package/lib/RadarChart/RadarChart.d.ts +8 -8
  101. package/lib/RadarChart/index.d.ts +9 -1
  102. package/lib/RadialBarChart/RadialBarChart.d.ts +7 -7
  103. package/lib/RadialBarChart/index.d.ts +8 -1
  104. package/lib/ScatterChart/ScatterChart.d.ts +1 -1
  105. package/lib/ScatterChart/index.d.ts +9 -1
  106. package/lib/Sparkline/Sparkline.d.ts +6 -6
  107. package/lib/Sparkline/index.d.ts +8 -1
  108. package/lib/index.d.mts +1 -0
  109. package/lib/index.d.ts +1 -0
  110. package/package.json +6 -6
  111. package/styles.css +64 -1
  112. package/styles.layer.css +64 -1
package/styles.css CHANGED
@@ -16,7 +16,7 @@
16
16
  .m_7f4bcb19 {
17
17
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
18
18
  font-size: var(--mantine-font-size-md);
19
- font-weight: 500;
19
+ font-weight: 600;
20
20
  color: var(--mantine-color-bright);
21
21
  }
22
22
 
@@ -135,6 +135,7 @@
135
135
 
136
136
  .m_a50f3e58 svg {
137
137
  overflow: visible;
138
+ outline: 0;
138
139
  }
139
140
 
140
141
  :where([data-mantine-color-scheme='light']) .m_a50f3e58 {
@@ -185,6 +186,10 @@
185
186
  border: 1px solid var(--mantine-color-dark-4);
186
187
  }
187
188
 
189
+ .m_f9458cfe svg {
190
+ outline: 0;
191
+ }
192
+
188
193
  .m_a410e613 {
189
194
  min-height: var(--chart-size, auto);
190
195
  height: var(--chart-size, auto);
@@ -227,6 +232,10 @@
227
232
  user-select: none;
228
233
  }
229
234
 
235
+ .m_1f271cf7 :where(svg) {
236
+ outline: 0;
237
+ }
238
+
230
239
  .m_cf06f58c {
231
240
  height: 100%;
232
241
  width: 100%;
@@ -241,6 +250,10 @@
241
250
  --chart-cursor-color: var(--mantine-color-dark-4);
242
251
  }
243
252
 
253
+ .m_cd2bd9e5 :where(svg) {
254
+ outline: 0;
255
+ }
256
+
244
257
  .m_6bcc3420 {
245
258
  padding: var(--mantine-spacing-md);
246
259
  box-shadow: var(--mantine-shadow-md);
@@ -311,3 +324,53 @@
311
324
  user-select: none;
312
325
  fill: var(--mantine-color-dimmed);
313
326
  }
327
+
328
+ .m_1ea785b1 {
329
+ display: flex;
330
+ flex-direction: column;
331
+ gap: var(--bars-list-gap);
332
+ width: 100%;
333
+ }
334
+
335
+ .m_294011ec {
336
+ display: flex;
337
+ justify-content: space-between;
338
+ font-size: var(--mantine-font-size-sm);
339
+ font-weight: 600;
340
+ padding-bottom: var(--bars-list-gap);
341
+ }
342
+
343
+ .m_9de42164 {
344
+ display: flex;
345
+ align-items: center;
346
+ justify-content: space-between;
347
+ gap: var(--mantine-spacing-md);
348
+ }
349
+
350
+ .m_6f89abf0 {
351
+ display: flex;
352
+ align-items: center;
353
+ min-width: var(--bars-list-min-bar-size);
354
+ height: var(--bars-list-bar-height);
355
+ padding: 0 var(--mantine-spacing-sm);
356
+ font-size: var(--mantine-font-size-sm);
357
+ font-weight: 500;
358
+ color: var(--mantine-color-white);
359
+ border-radius: var(--mantine-radius-sm);
360
+ transition: width 300ms ease;
361
+ }
362
+
363
+ :where([data-mantine-color-scheme='light']) .m_6f89abf0 {
364
+ background-color: var(--mantine-primary-color-filled);
365
+ }
366
+
367
+ :where([data-mantine-color-scheme='dark']) .m_6f89abf0 {
368
+ background-color: var(--mantine-primary-color-filled);
369
+ }
370
+
371
+ .m_7016be6d {
372
+ font-size: var(--mantine-font-size-sm);
373
+ font-weight: 600;
374
+ white-space: nowrap;
375
+ color: var(--mantine-color-text);
376
+ }
package/styles.layer.css CHANGED
@@ -16,7 +16,7 @@
16
16
  .m_7f4bcb19 {
17
17
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
18
18
  font-size: var(--mantine-font-size-md);
19
- font-weight: 500;
19
+ font-weight: 600;
20
20
  color: var(--mantine-color-bright);
21
21
  }
22
22
 
@@ -135,6 +135,7 @@
135
135
 
136
136
  .m_a50f3e58 svg {
137
137
  overflow: visible;
138
+ outline: 0;
138
139
  }
139
140
 
140
141
  :where([data-mantine-color-scheme='light']) .m_a50f3e58 {
@@ -185,6 +186,10 @@
185
186
  border: 1px solid var(--mantine-color-dark-4);
186
187
  }
187
188
 
189
+ .m_f9458cfe svg {
190
+ outline: 0;
191
+ }
192
+
188
193
  .m_a410e613 {
189
194
  min-height: var(--chart-size, auto);
190
195
  height: var(--chart-size, auto);
@@ -227,6 +232,10 @@
227
232
  user-select: none;
228
233
  }
229
234
 
235
+ .m_1f271cf7 :where(svg) {
236
+ outline: 0;
237
+ }
238
+
230
239
  .m_cf06f58c {
231
240
  height: 100%;
232
241
  width: 100%;
@@ -241,6 +250,10 @@
241
250
  --chart-cursor-color: var(--mantine-color-dark-4);
242
251
  }
243
252
 
253
+ .m_cd2bd9e5 :where(svg) {
254
+ outline: 0;
255
+ }
256
+
244
257
  .m_6bcc3420 {
245
258
  padding: var(--mantine-spacing-md);
246
259
  box-shadow: var(--mantine-shadow-md);
@@ -311,4 +324,54 @@
311
324
  user-select: none;
312
325
  fill: var(--mantine-color-dimmed);
313
326
  }
327
+
328
+ .m_1ea785b1 {
329
+ display: flex;
330
+ flex-direction: column;
331
+ gap: var(--bars-list-gap);
332
+ width: 100%;
333
+ }
334
+
335
+ .m_294011ec {
336
+ display: flex;
337
+ justify-content: space-between;
338
+ font-size: var(--mantine-font-size-sm);
339
+ font-weight: 600;
340
+ padding-bottom: var(--bars-list-gap);
341
+ }
342
+
343
+ .m_9de42164 {
344
+ display: flex;
345
+ align-items: center;
346
+ justify-content: space-between;
347
+ gap: var(--mantine-spacing-md);
348
+ }
349
+
350
+ .m_6f89abf0 {
351
+ display: flex;
352
+ align-items: center;
353
+ min-width: var(--bars-list-min-bar-size);
354
+ height: var(--bars-list-bar-height);
355
+ padding: 0 var(--mantine-spacing-sm);
356
+ font-size: var(--mantine-font-size-sm);
357
+ font-weight: 500;
358
+ color: var(--mantine-color-white);
359
+ border-radius: var(--mantine-radius-sm);
360
+ transition: width 300ms ease;
361
+ }
362
+
363
+ :where([data-mantine-color-scheme='light']) .m_6f89abf0 {
364
+ background-color: var(--mantine-primary-color-filled);
365
+ }
366
+
367
+ :where([data-mantine-color-scheme='dark']) .m_6f89abf0 {
368
+ background-color: var(--mantine-primary-color-filled);
369
+ }
370
+
371
+ .m_7016be6d {
372
+ font-size: var(--mantine-font-size-sm);
373
+ font-weight: 600;
374
+ white-space: nowrap;
375
+ color: var(--mantine-color-text);
376
+ }
314
377
  }