@mantine/charts 9.5.2 → 9.6.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 (151) hide show
  1. package/cjs/AreaChart/AreaChart.cjs +49 -11
  2. package/cjs/AreaChart/AreaChart.cjs.map +1 -1
  3. package/cjs/AreaChart/AreaGradient.cjs.map +1 -1
  4. package/cjs/AreaChart/AreaSplit.cjs.map +1 -1
  5. package/cjs/BarChart/BarChart.cjs +44 -6
  6. package/cjs/BarChart/BarChart.cjs.map +1 -1
  7. package/cjs/BarsList/BarsList.cjs.map +1 -1
  8. package/cjs/BubbleChart/BubbleChart.cjs.map +1 -1
  9. package/cjs/BulletChart/BulletChart.cjs +7 -5
  10. package/cjs/BulletChart/BulletChart.cjs.map +1 -1
  11. package/cjs/CandlestickChart/CandlestickChart.cjs +340 -0
  12. package/cjs/CandlestickChart/CandlestickChart.cjs.map +1 -0
  13. package/cjs/CandlestickChart/get-candle-geometry/get-candle-geometry.cjs +30 -0
  14. package/cjs/CandlestickChart/get-candle-geometry/get-candle-geometry.cjs.map +1 -0
  15. package/cjs/CandlestickChart/get-candlestick-domain/get-candlestick-domain.cjs +40 -0
  16. package/cjs/CandlestickChart/get-candlestick-domain/get-candlestick-domain.cjs.map +1 -0
  17. package/cjs/ChartBrush/ChartBrush.cjs.map +1 -1
  18. package/cjs/ChartLegend/ChartLegend.cjs.map +1 -1
  19. package/cjs/ChartTooltip/ChartTooltip.cjs.map +1 -1
  20. package/cjs/CompositeChart/CompositeChart.cjs +44 -6
  21. package/cjs/CompositeChart/CompositeChart.cjs.map +1 -1
  22. package/cjs/DonutChart/DonutChart.cjs.map +1 -1
  23. package/cjs/FunnelChart/FunnelChart.cjs.map +1 -1
  24. package/cjs/GaugeChart/GaugeChart.cjs +208 -0
  25. package/cjs/GaugeChart/GaugeChart.cjs.map +1 -0
  26. package/cjs/GaugeChart/GaugeChart.module.cjs +10 -0
  27. package/cjs/GaugeChart/GaugeChart.module.cjs.map +1 -0
  28. package/cjs/Heatmap/Heatmap.cjs +5 -2
  29. package/cjs/Heatmap/Heatmap.cjs.map +1 -1
  30. package/cjs/Heatmap/HeatmapSplitWeeks.cjs +2 -1
  31. package/cjs/Heatmap/HeatmapSplitWeeks.cjs.map +1 -1
  32. package/cjs/Heatmap/HeatmapWeeks.cjs.map +1 -1
  33. package/cjs/LineChart/LineChart.cjs +44 -6
  34. package/cjs/LineChart/LineChart.cjs.map +1 -1
  35. package/cjs/MatrixChart/MatrixChart.cjs +211 -0
  36. package/cjs/MatrixChart/MatrixChart.cjs.map +1 -0
  37. package/cjs/MatrixChart/MatrixChart.module.cjs +14 -0
  38. package/cjs/MatrixChart/MatrixChart.module.cjs.map +1 -0
  39. package/cjs/MatrixChart/build-cell-map/build-cell-map.cjs +17 -0
  40. package/cjs/MatrixChart/build-cell-map/build-cell-map.cjs.map +1 -0
  41. package/cjs/MatrixChart/get-domain/get-domain.cjs +28 -0
  42. package/cjs/MatrixChart/get-domain/get-domain.cjs.map +1 -0
  43. package/cjs/MatrixChart/get-legend-width/get-legend-width.cjs +15 -0
  44. package/cjs/MatrixChart/get-legend-width/get-legend-width.cjs.map +1 -0
  45. package/cjs/MatrixChart/get-unique-values/get-unique-values.cjs +19 -0
  46. package/cjs/MatrixChart/get-unique-values/get-unique-values.cjs.map +1 -0
  47. package/cjs/PieChart/PieChart.cjs +2 -1
  48. package/cjs/PieChart/PieChart.cjs.map +1 -1
  49. package/cjs/PointLabel/PointLabel.cjs.map +1 -1
  50. package/cjs/RadarChart/RadarChart.cjs.map +1 -1
  51. package/cjs/RadialBarChart/RadialBarChart.cjs.map +1 -1
  52. package/cjs/SankeyChart/SankeyChart.cjs.map +1 -1
  53. package/cjs/ScatterChart/ScatterChart.cjs +43 -7
  54. package/cjs/ScatterChart/ScatterChart.cjs.map +1 -1
  55. package/cjs/Sparkline/Sparkline.cjs.map +1 -1
  56. package/cjs/SunburstChart/SunburstChart.cjs.map +1 -1
  57. package/cjs/Treemap/Treemap.cjs.map +1 -1
  58. package/cjs/WaffleChart/WaffleChart.cjs +189 -0
  59. package/cjs/WaffleChart/WaffleChart.cjs.map +1 -0
  60. package/cjs/WaffleChart/WaffleChart.module.cjs +14 -0
  61. package/cjs/WaffleChart/WaffleChart.module.cjs.map +1 -0
  62. package/cjs/_virtual/_rolldown/runtime.cjs +1 -1
  63. package/cjs/index.cjs +8 -0
  64. package/cjs/utils/get-pie-chart-data/get-pie-chart-data.cjs.map +1 -1
  65. package/esm/AreaChart/AreaChart.mjs +50 -12
  66. package/esm/AreaChart/AreaChart.mjs.map +1 -1
  67. package/esm/AreaChart/AreaGradient.mjs.map +1 -1
  68. package/esm/AreaChart/AreaSplit.mjs.map +1 -1
  69. package/esm/BarChart/BarChart.mjs +45 -7
  70. package/esm/BarChart/BarChart.mjs.map +1 -1
  71. package/esm/BarsList/BarsList.mjs.map +1 -1
  72. package/esm/BubbleChart/BubbleChart.mjs.map +1 -1
  73. package/esm/BulletChart/BulletChart.mjs +7 -5
  74. package/esm/BulletChart/BulletChart.mjs.map +1 -1
  75. package/esm/CandlestickChart/CandlestickChart.mjs +340 -0
  76. package/esm/CandlestickChart/CandlestickChart.mjs.map +1 -0
  77. package/esm/CandlestickChart/get-candle-geometry/get-candle-geometry.mjs +30 -0
  78. package/esm/CandlestickChart/get-candle-geometry/get-candle-geometry.mjs.map +1 -0
  79. package/esm/CandlestickChart/get-candlestick-domain/get-candlestick-domain.mjs +39 -0
  80. package/esm/CandlestickChart/get-candlestick-domain/get-candlestick-domain.mjs.map +1 -0
  81. package/esm/ChartLegend/ChartLegend.mjs.map +1 -1
  82. package/esm/ChartTooltip/ChartTooltip.mjs.map +1 -1
  83. package/esm/CompositeChart/CompositeChart.mjs +45 -7
  84. package/esm/CompositeChart/CompositeChart.mjs.map +1 -1
  85. package/esm/DonutChart/DonutChart.mjs.map +1 -1
  86. package/esm/FunnelChart/FunnelChart.mjs.map +1 -1
  87. package/esm/GaugeChart/GaugeChart.mjs +208 -0
  88. package/esm/GaugeChart/GaugeChart.mjs.map +1 -0
  89. package/esm/GaugeChart/GaugeChart.module.mjs +10 -0
  90. package/esm/GaugeChart/GaugeChart.module.mjs.map +1 -0
  91. package/esm/Heatmap/Heatmap.mjs +5 -2
  92. package/esm/Heatmap/Heatmap.mjs.map +1 -1
  93. package/esm/Heatmap/HeatmapSplitWeeks.mjs +2 -1
  94. package/esm/Heatmap/HeatmapSplitWeeks.mjs.map +1 -1
  95. package/esm/Heatmap/HeatmapWeeks.mjs.map +1 -1
  96. package/esm/LineChart/LineChart.mjs +45 -7
  97. package/esm/LineChart/LineChart.mjs.map +1 -1
  98. package/esm/MatrixChart/MatrixChart.mjs +211 -0
  99. package/esm/MatrixChart/MatrixChart.mjs.map +1 -0
  100. package/esm/MatrixChart/MatrixChart.module.mjs +14 -0
  101. package/esm/MatrixChart/MatrixChart.module.mjs.map +1 -0
  102. package/esm/MatrixChart/build-cell-map/build-cell-map.mjs +16 -0
  103. package/esm/MatrixChart/build-cell-map/build-cell-map.mjs.map +1 -0
  104. package/esm/MatrixChart/get-domain/get-domain.mjs +28 -0
  105. package/esm/MatrixChart/get-domain/get-domain.mjs.map +1 -0
  106. package/esm/MatrixChart/get-legend-width/get-legend-width.mjs +15 -0
  107. package/esm/MatrixChart/get-legend-width/get-legend-width.mjs.map +1 -0
  108. package/esm/MatrixChart/get-unique-values/get-unique-values.mjs +19 -0
  109. package/esm/MatrixChart/get-unique-values/get-unique-values.mjs.map +1 -0
  110. package/esm/PieChart/PieChart.mjs +2 -1
  111. package/esm/PieChart/PieChart.mjs.map +1 -1
  112. package/esm/PointLabel/PointLabel.mjs.map +1 -1
  113. package/esm/RadarChart/RadarChart.mjs.map +1 -1
  114. package/esm/RadialBarChart/RadialBarChart.mjs.map +1 -1
  115. package/esm/SankeyChart/SankeyChart.mjs.map +1 -1
  116. package/esm/ScatterChart/ScatterChart.mjs +44 -8
  117. package/esm/ScatterChart/ScatterChart.mjs.map +1 -1
  118. package/esm/Sparkline/Sparkline.mjs.map +1 -1
  119. package/esm/SunburstChart/SunburstChart.mjs.map +1 -1
  120. package/esm/Treemap/Treemap.mjs.map +1 -1
  121. package/esm/WaffleChart/WaffleChart.mjs +189 -0
  122. package/esm/WaffleChart/WaffleChart.mjs.map +1 -0
  123. package/esm/WaffleChart/WaffleChart.module.mjs +14 -0
  124. package/esm/WaffleChart/WaffleChart.module.mjs.map +1 -0
  125. package/esm/index.mjs +5 -1
  126. package/lib/AreaChart/AreaChart.d.ts +7 -3
  127. package/lib/AreaChart/AreaGradient.d.ts +1 -1
  128. package/lib/AreaChart/AreaSplit.d.ts +1 -1
  129. package/lib/CandlestickChart/CandlestickChart.d.ts +68 -0
  130. package/lib/CandlestickChart/get-candle-geometry/get-candle-geometry.d.ts +30 -0
  131. package/lib/CandlestickChart/get-candlestick-domain/get-candlestick-domain.d.ts +21 -0
  132. package/lib/CandlestickChart/index.d.ts +3 -0
  133. package/lib/GaugeChart/GaugeChart.d.ts +57 -0
  134. package/lib/GaugeChart/index.d.ts +10 -0
  135. package/lib/Heatmap/HeatmapSplitWeeks.d.ts +1 -1
  136. package/lib/Heatmap/HeatmapWeeks.d.ts +1 -1
  137. package/lib/MatrixChart/MatrixChart.d.ts +64 -0
  138. package/lib/MatrixChart/build-cell-map/build-cell-map.d.ts +3 -0
  139. package/lib/MatrixChart/get-domain/get-domain.d.ts +10 -0
  140. package/lib/MatrixChart/get-legend-width/get-legend-width.d.ts +9 -0
  141. package/lib/MatrixChart/get-unique-values/get-unique-values.d.ts +2 -0
  142. package/lib/MatrixChart/index.d.ts +8 -0
  143. package/lib/PointLabel/PointLabel.d.ts +1 -1
  144. package/lib/WaffleChart/WaffleChart.d.ts +57 -0
  145. package/lib/WaffleChart/index.d.ts +10 -0
  146. package/lib/index.d.mts +4 -0
  147. package/lib/index.d.ts +4 -0
  148. package/lib/types.d.ts +16 -2
  149. package/package.json +5 -5
  150. package/styles.css +109 -0
  151. package/styles.layer.css +109 -0
package/styles.layer.css CHANGED
@@ -621,4 +621,113 @@
621
621
  right: 0;
622
622
  transform: translateY(50%);
623
623
  }
624
+
625
+ .m_b7f9c72a {
626
+ width: var(--gauge-size);
627
+ height: auto;
628
+ aspect-ratio: var(--gauge-aspect-ratio, 1);
629
+ }
630
+
631
+ .m_46e401ac {
632
+ display: flex;
633
+ align-items: center;
634
+ justify-content: center;
635
+ width: 100%;
636
+ height: 100%;
637
+ font-size: var(--mantine-font-size-lg);
638
+ font-weight: var(--mantine-font-weight-bold);
639
+ color: var(--mantine-color-text);
640
+ line-height: 1;
641
+ }
642
+
643
+ .m_16f4c1f4 {
644
+ display: inline-flex;
645
+ flex-direction: column;
646
+ align-items: center;
647
+ gap: var(--mantine-spacing-sm);
648
+ }
649
+
650
+ .m_16f4c1f4[data-vertical] {
651
+ flex-direction: row;
652
+ }
653
+
654
+ .m_16edca74 {
655
+ rx: var(--waffle-cell-radius);
656
+ }
657
+
658
+ .m_16edca74[data-empty] {
659
+ fill: var(--waffle-empty-color, var(--mantine-color-default-border));
660
+ }
661
+
662
+ .m_21fe489f {
663
+ display: flex;
664
+ flex-wrap: wrap;
665
+ }
666
+
667
+ [data-vertical] > .m_21fe489f {
668
+ flex-direction: column;
669
+ }
670
+
671
+ .m_f27dd052 {
672
+ display: flex;
673
+ align-items: center;
674
+ gap: calc(var(--mantine-spacing-xs) / 2);
675
+ cursor: default;
676
+ padding: calc(var(--mantine-spacing-xs) / 2) calc(var(--mantine-spacing-sm) / 2);
677
+ }
678
+
679
+ .m_5b8415bb {
680
+ display: block;
681
+ width: calc(0.75rem * var(--mantine-scale));
682
+ height: calc(0.75rem * var(--mantine-scale));
683
+ border-radius: var(--waffle-cell-radius, calc(0.125rem * var(--mantine-scale)));
684
+ flex-shrink: 0;
685
+ }
686
+
687
+ .m_5d5dd195 {
688
+ font-size: var(--mantine-font-size-sm);
689
+ color: var(--mantine-color-text);
690
+ line-height: 1;
691
+ }
692
+
693
+ .m_c56bc032 {
694
+ display: block;
695
+ width: fit-content;
696
+ }
697
+
698
+ :where([data-mantine-color-scheme='light']) .m_c56bc032 {
699
+ --matrix-level-1: rgba(81, 207, 102, 0.3);
700
+ --matrix-level-2: rgba(64, 192, 87, 0.45);
701
+ --matrix-level-3: rgba(55, 178, 77, 0.75);
702
+ --matrix-level-4: rgba(43, 138, 62, 1);
703
+ --matrix-empty-bg: var(--mantine-color-gray-2);
704
+ }
705
+
706
+ :where([data-mantine-color-scheme='dark']) .m_c56bc032 {
707
+ --matrix-level-1: rgba(43, 138, 62, 0.3);
708
+ --matrix-level-2: rgba(47, 158, 68, 0.45);
709
+ --matrix-level-3: rgba(55, 178, 77, 0.75);
710
+ --matrix-level-4: rgba(81, 207, 102, 1);
711
+ --matrix-empty-bg: var(--mantine-color-dark-5);
712
+ }
713
+
714
+ .m_c564c8b2 {
715
+ stroke-width: calc(0.0625rem * var(--mantine-scale));
716
+ }
717
+
718
+ .m_c564c8b2:where([data-empty]) {
719
+ fill: var(--matrix-empty-bg);
720
+ }
721
+
722
+ .m_21c5c4ac,
723
+ .m_237a9d4b,
724
+ .m_3135f197 {
725
+ cursor: default;
726
+ user-select: none;
727
+ fill: var(--mantine-color-dimmed);
728
+ }
729
+
730
+ .m_af0486e1:where([data-empty]) {
731
+ fill: var(--matrix-empty-bg);
732
+ }
624
733
  }