@carbon/charts 0.46.3 → 0.48.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 (98) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/axis-chart.js +2 -1
  3. package/axis-chart.js.map +1 -1
  4. package/build/demo/data/CHART_TYPES.d.ts +5 -0
  5. package/build/demo/data/area.d.ts +33 -0
  6. package/build/demo/data/tree.d.ts +30 -0
  7. package/build/src/chart.d.ts +2 -2
  8. package/build/src/charts/index.d.ts +1 -0
  9. package/build/src/charts/tree.d.ts +6 -0
  10. package/build/src/components/axes/zoom-bar.d.ts +1 -0
  11. package/build/src/components/essentials/highlights.d.ts +13 -0
  12. package/build/src/components/graphs/tree.d.ts +9 -0
  13. package/build/src/components/index.d.ts +2 -0
  14. package/build/src/configuration.d.ts +2 -1
  15. package/build/src/interfaces/charts.d.ts +7 -1
  16. package/build/src/interfaces/enums.d.ts +7 -0
  17. package/build/src/interfaces/events.d.ts +8 -0
  18. package/build/stories/utils.d.ts +1 -1
  19. package/bundle.js +1 -1
  20. package/chart.d.ts +2 -2
  21. package/chart.js +4 -4
  22. package/chart.js.map +1 -1
  23. package/charts/index.d.ts +1 -0
  24. package/charts/index.js +1 -0
  25. package/charts/index.js.map +1 -1
  26. package/charts/meter.js +3 -1
  27. package/charts/meter.js.map +1 -1
  28. package/charts/tree.d.ts +6 -0
  29. package/charts/tree.js +45 -0
  30. package/charts/tree.js.map +1 -0
  31. package/components/axes/zoom-bar.d.ts +1 -0
  32. package/components/axes/zoom-bar.js +26 -0
  33. package/components/axes/zoom-bar.js.map +1 -1
  34. package/components/essentials/highlights.d.ts +13 -0
  35. package/components/essentials/highlights.js +196 -0
  36. package/components/essentials/highlights.js.map +1 -0
  37. package/components/graphs/pie.js.map +1 -1
  38. package/components/graphs/radar.js +2 -1
  39. package/components/graphs/radar.js.map +1 -1
  40. package/components/graphs/tree.d.ts +9 -0
  41. package/components/graphs/tree.js +262 -0
  42. package/components/graphs/tree.js.map +1 -0
  43. package/components/index.d.ts +2 -0
  44. package/components/index.js +2 -0
  45. package/components/index.js.map +1 -1
  46. package/configuration.d.ts +2 -1
  47. package/configuration.js +10 -1
  48. package/configuration.js.map +1 -1
  49. package/demo/data/CHART_TYPES.d.ts +5 -0
  50. package/demo/data/CHART_TYPES.js +5 -0
  51. package/demo/data/CHART_TYPES.js.map +1 -1
  52. package/demo/data/area.d.ts +33 -0
  53. package/demo/data/area.js +41 -0
  54. package/demo/data/area.js.map +1 -1
  55. package/demo/data/bundle.js +1 -1
  56. package/demo/data/index.js +35 -0
  57. package/demo/data/index.js.map +1 -1
  58. package/demo/data/tree.d.ts +30 -0
  59. package/demo/data/tree.js +209 -0
  60. package/demo/data/tree.js.map +1 -0
  61. package/demo/styles.css +148 -0
  62. package/demo/styles.css.map +1 -1
  63. package/demo/styles.min.css +1 -1
  64. package/demo/styles.min.css.map +1 -1
  65. package/demo/tsconfig.tsbuildinfo +82 -68
  66. package/interfaces/charts.d.ts +7 -1
  67. package/interfaces/charts.js.map +1 -1
  68. package/interfaces/enums.d.ts +7 -0
  69. package/interfaces/enums.js +8 -0
  70. package/interfaces/enums.js.map +1 -1
  71. package/interfaces/events.d.ts +8 -0
  72. package/interfaces/events.js +9 -0
  73. package/interfaces/events.js.map +1 -1
  74. package/package.json +1 -1
  75. package/styles/components/_highlights.scss +6 -0
  76. package/styles/components/_zoom-bar.scss +5 -0
  77. package/styles/components/index.scss +1 -0
  78. package/styles/graphs/_tree.scss +43 -0
  79. package/styles/graphs/index.scss +1 -0
  80. package/styles-g10.css +39 -0
  81. package/styles-g10.css.map +1 -1
  82. package/styles-g10.min.css +1 -1
  83. package/styles-g10.min.css.map +1 -1
  84. package/styles-g100.css +39 -0
  85. package/styles-g100.css.map +1 -1
  86. package/styles-g100.min.css +1 -1
  87. package/styles-g100.min.css.map +1 -1
  88. package/styles-g90.css +39 -0
  89. package/styles-g90.css.map +1 -1
  90. package/styles-g90.min.css +1 -1
  91. package/styles-g90.min.css.map +1 -1
  92. package/styles.css +39 -0
  93. package/styles.css.map +1 -1
  94. package/styles.min.css +1 -1
  95. package/styles.min.css.map +1 -1
  96. package/tools.js +12 -6
  97. package/tools.js.map +1 -1
  98. package/tsconfig.tsbuildinfo +95 -22
package/demo/styles.css CHANGED
@@ -12381,6 +12381,14 @@ div.container.theme--white .bx--cc--zoom-bar g.zoom-bar-brush rect.selection {
12381
12381
  fill: none;
12382
12382
  stroke: none;
12383
12383
  }
12384
+ div.container.theme--white .bx--cc--zoom-bar rect[class^=highlight-] {
12385
+ fill: #ee5396;
12386
+ stroke: #ee5396;
12387
+ }
12388
+ div.container.theme--white .bx--cc--highlight rect.highlight-bar {
12389
+ fill: #ee5396;
12390
+ stroke: #ee5396;
12391
+ }
12384
12392
  div.container.theme--white .bx--cc--card-node {
12385
12393
  display: flex;
12386
12394
  position: relative;
@@ -12717,6 +12725,35 @@ div.container.theme--white .bx--cc--radar .x-axes line {
12717
12725
  div.container.theme--white .bx--cc--radar .x-axes line.hovered {
12718
12726
  stroke: #000000;
12719
12727
  }
12728
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree g.links {
12729
+ fill: none;
12730
+ stroke: #8d8d8d;
12731
+ stroke-opacity: 0.4;
12732
+ stroke-width: 1.5;
12733
+ }
12734
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree g.clickable {
12735
+ cursor: pointer;
12736
+ }
12737
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover text {
12738
+ font-weight: 600;
12739
+ }
12740
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover circle {
12741
+ fill: #161616;
12742
+ transition: all 0.1s ease-out;
12743
+ }
12744
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree circle.parent {
12745
+ fill: #525252;
12746
+ }
12747
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree circle.child {
12748
+ fill: #8d8d8d;
12749
+ }
12750
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree text {
12751
+ fill: #161616;
12752
+ }
12753
+ div.container.theme--white .bx--cc--chart-wrapper .bx--cc--tree text.text-stroke {
12754
+ stroke: #ffffff;
12755
+ stroke-width: 2px;
12756
+ }
12720
12757
  div.container.theme--white .bx--cc--treemap text {
12721
12758
  pointer-events: none;
12722
12759
  }
@@ -16032,6 +16069,14 @@ div.container.theme--g10 .bx--cc--zoom-bar g.zoom-bar-brush rect.selection {
16032
16069
  fill: none;
16033
16070
  stroke: none;
16034
16071
  }
16072
+ div.container.theme--g10 .bx--cc--zoom-bar rect[class^=highlight-] {
16073
+ fill: #ee5396;
16074
+ stroke: #ee5396;
16075
+ }
16076
+ div.container.theme--g10 .bx--cc--highlight rect.highlight-bar {
16077
+ fill: #ee5396;
16078
+ stroke: #ee5396;
16079
+ }
16035
16080
  div.container.theme--g10 .bx--cc--area path.area,
16036
16081
  div.container.theme--g10 .bx--cc--area-stacked path.area {
16037
16082
  pointer-events: none;
@@ -16149,6 +16194,35 @@ div.container.theme--g10 .bx--cc--radar .x-axes line {
16149
16194
  div.container.theme--g10 .bx--cc--radar .x-axes line.hovered {
16150
16195
  stroke: #000000;
16151
16196
  }
16197
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree g.links {
16198
+ fill: none;
16199
+ stroke: #8d8d8d;
16200
+ stroke-opacity: 0.4;
16201
+ stroke-width: 1.5;
16202
+ }
16203
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree g.clickable {
16204
+ cursor: pointer;
16205
+ }
16206
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover text {
16207
+ font-weight: 600;
16208
+ }
16209
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover circle {
16210
+ fill: #161616;
16211
+ transition: all 0.1s ease-out;
16212
+ }
16213
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree circle.parent {
16214
+ fill: #525252;
16215
+ }
16216
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree circle.child {
16217
+ fill: #8d8d8d;
16218
+ }
16219
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree text {
16220
+ fill: #161616;
16221
+ }
16222
+ div.container.theme--g10 .bx--cc--chart-wrapper .bx--cc--tree text.text-stroke {
16223
+ stroke: #ffffff;
16224
+ stroke-width: 2px;
16225
+ }
16152
16226
  div.container.theme--g10 .bx--cc--treemap text {
16153
16227
  pointer-events: none;
16154
16228
  }
@@ -20436,6 +20510,14 @@ div.container.theme--g90 .bx--cc--zoom-bar g.zoom-bar-brush rect.selection {
20436
20510
  fill: none;
20437
20511
  stroke: none;
20438
20512
  }
20513
+ div.container.theme--g90 .bx--cc--zoom-bar rect[class^=highlight-] {
20514
+ fill: #ee5396;
20515
+ stroke: #ee5396;
20516
+ }
20517
+ div.container.theme--g90 .bx--cc--highlight rect.highlight-bar {
20518
+ fill: #ee5396;
20519
+ stroke: #ee5396;
20520
+ }
20439
20521
  div.container.theme--g90 .bx--cc--area path.area,
20440
20522
  div.container.theme--g90 .bx--cc--area-stacked path.area {
20441
20523
  pointer-events: none;
@@ -20555,6 +20637,35 @@ div.container.theme--g90 .bx--cc--radar .x-axes line {
20555
20637
  div.container.theme--g90 .bx--cc--radar .x-axes line.hovered {
20556
20638
  stroke: #ffffff;
20557
20639
  }
20640
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree g.links {
20641
+ fill: none;
20642
+ stroke: #8d8d8d;
20643
+ stroke-opacity: 0.4;
20644
+ stroke-width: 1.5;
20645
+ }
20646
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree g.clickable {
20647
+ cursor: pointer;
20648
+ }
20649
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover text {
20650
+ font-weight: 600;
20651
+ }
20652
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover circle {
20653
+ fill: #f4f4f4;
20654
+ transition: all 0.1s ease-out;
20655
+ }
20656
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree circle.parent {
20657
+ fill: #c6c6c6;
20658
+ }
20659
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree circle.child {
20660
+ fill: #8d8d8d;
20661
+ }
20662
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree text {
20663
+ fill: #f4f4f4;
20664
+ }
20665
+ div.container.theme--g90 .bx--cc--chart-wrapper .bx--cc--tree text.text-stroke {
20666
+ stroke: #161616;
20667
+ stroke-width: 2px;
20668
+ }
20558
20669
  div.container.theme--g90 .bx--cc--treemap text {
20559
20670
  pointer-events: none;
20560
20671
  }
@@ -24857,6 +24968,14 @@ div.container.theme--g100 .bx--cc--zoom-bar g.zoom-bar-brush rect.selection {
24857
24968
  fill: none;
24858
24969
  stroke: none;
24859
24970
  }
24971
+ div.container.theme--g100 .bx--cc--zoom-bar rect[class^=highlight-] {
24972
+ fill: #ee5396;
24973
+ stroke: #ee5396;
24974
+ }
24975
+ div.container.theme--g100 .bx--cc--highlight rect.highlight-bar {
24976
+ fill: #ee5396;
24977
+ stroke: #ee5396;
24978
+ }
24860
24979
  div.container.theme--g100 .bx--cc--area path.area,
24861
24980
  div.container.theme--g100 .bx--cc--area-stacked path.area {
24862
24981
  pointer-events: none;
@@ -24976,6 +25095,35 @@ div.container.theme--g100 .bx--cc--radar .x-axes line {
24976
25095
  div.container.theme--g100 .bx--cc--radar .x-axes line.hovered {
24977
25096
  stroke: #ffffff;
24978
25097
  }
25098
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree g.links {
25099
+ fill: none;
25100
+ stroke: #6f6f6f;
25101
+ stroke-opacity: 0.4;
25102
+ stroke-width: 1.5;
25103
+ }
25104
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree g.clickable {
25105
+ cursor: pointer;
25106
+ }
25107
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover text {
25108
+ font-weight: 600;
25109
+ }
25110
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree g.clickable:hover circle {
25111
+ fill: #f4f4f4;
25112
+ transition: all 0.1s ease-out;
25113
+ }
25114
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree circle.parent {
25115
+ fill: #c6c6c6;
25116
+ }
25117
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree circle.child {
25118
+ fill: #6f6f6f;
25119
+ }
25120
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree text {
25121
+ fill: #f4f4f4;
25122
+ }
25123
+ div.container.theme--g100 .bx--cc--chart-wrapper .bx--cc--tree text.text-stroke {
25124
+ stroke: #161616;
25125
+ stroke-width: 2px;
25126
+ }
24979
25127
  div.container.theme--g100 .bx--cc--treemap text {
24980
25128
  pointer-events: none;
24981
25129
  }