@carbon/charts 0.45.0 → 0.46.5

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 (88) hide show
  1. package/CHANGELOG.md +68 -21
  2. package/build/demo/data/meter.d.ts +31 -0
  3. package/build/src/components/essentials/title-meter.d.ts +2 -0
  4. package/build/src/components/graphs/meter.d.ts +3 -0
  5. package/build/src/components/index.d.ts +0 -1
  6. package/build/src/configuration-non-customizable.d.ts +8 -0
  7. package/build/src/configuration.d.ts +2 -1
  8. package/build/src/interfaces/charts.d.ts +12 -0
  9. package/build/src/interfaces/events.d.ts +9 -0
  10. package/build/src/model/meter.d.ts +1 -2
  11. package/bundle.js +1 -1
  12. package/charts/histogram.js.map +1 -1
  13. package/charts/meter.js +7 -3
  14. package/charts/meter.js.map +1 -1
  15. package/components/axes/ruler-binned.js.map +1 -1
  16. package/components/essentials/title-meter.d.ts +2 -0
  17. package/components/essentials/title-meter.js +123 -24
  18. package/components/essentials/title-meter.js.map +1 -1
  19. package/components/essentials/title.js +3 -1
  20. package/components/essentials/title.js.map +1 -1
  21. package/components/graphs/bar-stacked.js +1 -1
  22. package/components/graphs/bar-stacked.js.map +1 -1
  23. package/components/graphs/histogram.js.map +1 -1
  24. package/components/graphs/meter.d.ts +3 -0
  25. package/components/graphs/meter.js +176 -21
  26. package/components/graphs/meter.js.map +1 -1
  27. package/components/graphs/radar.js +2 -1
  28. package/components/graphs/radar.js.map +1 -1
  29. package/components/index.d.ts +0 -1
  30. package/components/index.js +0 -1
  31. package/components/index.js.map +1 -1
  32. package/configuration-non-customizable.d.ts +8 -0
  33. package/configuration-non-customizable.js +8 -0
  34. package/configuration-non-customizable.js.map +1 -1
  35. package/configuration.d.ts +2 -1
  36. package/configuration.js +8 -1
  37. package/configuration.js.map +1 -1
  38. package/demo/create-codesandbox.js +6 -5
  39. package/demo/create-codesandbox.js.map +1 -1
  40. package/demo/data/bundle.js +1 -1
  41. package/demo/data/histogram.js +2 -2
  42. package/demo/data/histogram.js.map +1 -1
  43. package/demo/data/index.js +15 -0
  44. package/demo/data/index.js.map +1 -1
  45. package/demo/data/meter.d.ts +31 -0
  46. package/demo/data/meter.js +35 -0
  47. package/demo/data/meter.js.map +1 -1
  48. package/demo/styles.css +46 -0
  49. package/demo/styles.css.map +1 -1
  50. package/demo/styles.min.css +1 -1
  51. package/demo/styles.min.css.map +1 -1
  52. package/demo/tsconfig.tsbuildinfo +5 -5
  53. package/interfaces/axis-scales.js.map +1 -1
  54. package/interfaces/charts.d.ts +12 -0
  55. package/interfaces/charts.js.map +1 -1
  56. package/interfaces/events.d.ts +9 -0
  57. package/interfaces/events.js +10 -0
  58. package/interfaces/events.js.map +1 -1
  59. package/model/meter.d.ts +1 -2
  60. package/model/meter.js +4 -14
  61. package/model/meter.js.map +1 -1
  62. package/package.json +1 -1
  63. package/styles/components/_legend.scss +4 -1
  64. package/styles/components/_meter-title.scss +4 -0
  65. package/styles/graphs/_meter.scss +12 -0
  66. package/styles-g10.css +11 -0
  67. package/styles-g10.css.map +1 -1
  68. package/styles-g10.min.css +1 -1
  69. package/styles-g10.min.css.map +1 -1
  70. package/styles-g100.css +12 -0
  71. package/styles-g100.css.map +1 -1
  72. package/styles-g100.min.css +1 -1
  73. package/styles-g100.min.css.map +1 -1
  74. package/styles-g90.css +12 -0
  75. package/styles-g90.css.map +1 -1
  76. package/styles-g90.min.css +1 -1
  77. package/styles-g90.min.css.map +1 -1
  78. package/styles.css +11 -0
  79. package/styles.css.map +1 -1
  80. package/styles.min.css +1 -1
  81. package/styles.min.css.map +1 -1
  82. package/tools.js +12 -6
  83. package/tools.js.map +1 -1
  84. package/tsconfig.tsbuildinfo +28 -48
  85. package/build/src/components/essentials/tooltip-histogram.d.ts +0 -26
  86. package/components/essentials/tooltip-histogram.d.ts +0 -26
  87. package/components/essentials/tooltip-histogram.js +0 -154
  88. package/components/essentials/tooltip-histogram.js.map +0 -1
package/demo/styles.css CHANGED
@@ -10990,6 +10990,8 @@ div.container.theme--white div.bx--cc--legend {
10990
10990
  user-select: none;
10991
10991
  -webkit-flex-wrap: wrap;
10992
10992
  flex-wrap: wrap;
10993
+ }
10994
+ div.container.theme--white div.bx--cc--legend[data-name=legend-items] {
10993
10995
  margin: -5px;
10994
10996
  }
10995
10997
  div.container.theme--white div.bx--cc--legend div.legend-item {
@@ -11427,7 +11429,12 @@ div.container.theme--white .layout-child.title {
11427
11429
  height: unset !important;
11428
11430
  overflow: hidden;
11429
11431
  }
11432
+ div.container.theme--white .bx--cc--meter-title {
11433
+ overflow: visible;
11434
+ }
11430
11435
  div.container.theme--white .bx--cc--meter-title text.meter-title,
11436
+ div.container.theme--white .bx--cc--meter-title text.proportional-meter-title,
11437
+ div.container.theme--white .bx--cc--meter-title text.proportional-meter-total,
11431
11438
  div.container.theme--white .bx--cc--meter-title text.percent-value {
11432
11439
  fill: #161616;
11433
11440
  }
@@ -12673,6 +12680,10 @@ div.container.theme--white .bx--cc--scatter g.lines path.line {
12673
12680
  div.container.theme--white .bx--cc--meter rect.container {
12674
12681
  fill: #f4f4f4;
12675
12682
  }
12683
+ div.container.theme--white .bx--cc--meter line.rangeIndicator {
12684
+ stroke: #a8a8a8;
12685
+ stroke-width: 1px;
12686
+ }
12676
12687
  div.container.theme--white .bx--cc--meter rect.value.status--danger {
12677
12688
  fill: #da1e28;
12678
12689
  }
@@ -14983,6 +14994,8 @@ div.container.theme--g10 div.bx--cc--legend {
14983
14994
  user-select: none;
14984
14995
  -webkit-flex-wrap: wrap;
14985
14996
  flex-wrap: wrap;
14997
+ }
14998
+ div.container.theme--g10 div.bx--cc--legend[data-name=legend-items] {
14986
14999
  margin: -5px;
14987
15000
  }
14988
15001
  div.container.theme--g10 div.bx--cc--legend div.legend-item {
@@ -15420,7 +15433,12 @@ div.container.theme--g10 .layout-child.title {
15420
15433
  height: unset !important;
15421
15434
  overflow: hidden;
15422
15435
  }
15436
+ div.container.theme--g10 .bx--cc--meter-title {
15437
+ overflow: visible;
15438
+ }
15423
15439
  div.container.theme--g10 .bx--cc--meter-title text.meter-title,
15440
+ div.container.theme--g10 .bx--cc--meter-title text.proportional-meter-title,
15441
+ div.container.theme--g10 .bx--cc--meter-title text.proportional-meter-total,
15424
15442
  div.container.theme--g10 .bx--cc--meter-title text.percent-value {
15425
15443
  fill: #161616;
15426
15444
  }
@@ -16094,6 +16112,10 @@ div.container.theme--g10 .bx--cc--scatter g.lines path.line {
16094
16112
  div.container.theme--g10 .bx--cc--meter rect.container {
16095
16113
  fill: #ffffff;
16096
16114
  }
16115
+ div.container.theme--g10 .bx--cc--meter line.rangeIndicator {
16116
+ stroke: #a8a8a8;
16117
+ stroke-width: 1px;
16118
+ }
16097
16119
  div.container.theme--g10 .bx--cc--meter rect.value.status--danger {
16098
16120
  fill: #da1e28;
16099
16121
  }
@@ -19375,6 +19397,8 @@ div.container.theme--g90 div.bx--cc--legend {
19375
19397
  user-select: none;
19376
19398
  -webkit-flex-wrap: wrap;
19377
19399
  flex-wrap: wrap;
19400
+ }
19401
+ div.container.theme--g90 div.bx--cc--legend[data-name=legend-items] {
19378
19402
  margin: -5px;
19379
19403
  }
19380
19404
  div.container.theme--g90 div.bx--cc--legend div.legend-item {
@@ -19813,7 +19837,12 @@ div.container.theme--g90 .layout-child.title {
19813
19837
  height: unset !important;
19814
19838
  overflow: hidden;
19815
19839
  }
19840
+ div.container.theme--g90 .bx--cc--meter-title {
19841
+ overflow: visible;
19842
+ }
19816
19843
  div.container.theme--g90 .bx--cc--meter-title text.meter-title,
19844
+ div.container.theme--g90 .bx--cc--meter-title text.proportional-meter-title,
19845
+ div.container.theme--g90 .bx--cc--meter-title text.proportional-meter-total,
19817
19846
  div.container.theme--g90 .bx--cc--meter-title text.percent-value {
19818
19847
  fill: #f4f4f4;
19819
19848
  }
@@ -20487,6 +20516,11 @@ div.container.theme--g90 .bx--cc--scatter g.lines path.line {
20487
20516
  div.container.theme--g90 .bx--cc--meter rect.container {
20488
20517
  fill: #393939;
20489
20518
  }
20519
+ div.container.theme--g90 .bx--cc--meter line.rangeIndicator {
20520
+ stroke: #a8a8a8;
20521
+ stroke-width: 1px;
20522
+ stroke: #6f6f6f;
20523
+ }
20490
20524
  div.container.theme--g90 .bx--cc--meter rect.value.status--danger {
20491
20525
  fill: #ff8389;
20492
20526
  }
@@ -23784,6 +23818,8 @@ div.container.theme--g100 div.bx--cc--legend {
23784
23818
  user-select: none;
23785
23819
  -webkit-flex-wrap: wrap;
23786
23820
  flex-wrap: wrap;
23821
+ }
23822
+ div.container.theme--g100 div.bx--cc--legend[data-name=legend-items] {
23787
23823
  margin: -5px;
23788
23824
  }
23789
23825
  div.container.theme--g100 div.bx--cc--legend div.legend-item {
@@ -24222,7 +24258,12 @@ div.container.theme--g100 .layout-child.title {
24222
24258
  height: unset !important;
24223
24259
  overflow: hidden;
24224
24260
  }
24261
+ div.container.theme--g100 .bx--cc--meter-title {
24262
+ overflow: visible;
24263
+ }
24225
24264
  div.container.theme--g100 .bx--cc--meter-title text.meter-title,
24265
+ div.container.theme--g100 .bx--cc--meter-title text.proportional-meter-title,
24266
+ div.container.theme--g100 .bx--cc--meter-title text.proportional-meter-total,
24226
24267
  div.container.theme--g100 .bx--cc--meter-title text.percent-value {
24227
24268
  fill: #f4f4f4;
24228
24269
  }
@@ -24896,6 +24937,11 @@ div.container.theme--g100 .bx--cc--scatter g.lines path.line {
24896
24937
  div.container.theme--g100 .bx--cc--meter rect.container {
24897
24938
  fill: #262626;
24898
24939
  }
24940
+ div.container.theme--g100 .bx--cc--meter line.rangeIndicator {
24941
+ stroke: #a8a8a8;
24942
+ stroke-width: 1px;
24943
+ stroke: #6f6f6f;
24944
+ }
24899
24945
  div.container.theme--g100 .bx--cc--meter rect.value.status--danger {
24900
24946
  fill: #fa4d56;
24901
24947
  }