@carbon/charts 0.41.61 → 0.41.65

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 (118) hide show
  1. package/CHANGELOG.md +26 -7
  2. package/build/demo/data/CHART_TYPES.d.ts +5 -0
  3. package/build/demo/data/circle-pack.d.ts +82 -0
  4. package/build/demo/data/index.d.ts +1 -0
  5. package/build/src/charts/circle-pack.d.ts +8 -0
  6. package/build/src/charts/index.d.ts +1 -0
  7. package/build/src/components/essentials/canvas-chart-clip.d.ts +6 -0
  8. package/build/src/components/graphs/circle-pack.d.ts +17 -0
  9. package/build/src/components/index.d.ts +2 -0
  10. package/build/src/configuration-non-customizable.d.ts +35 -10
  11. package/build/src/configuration.d.ts +2 -1
  12. package/build/src/interfaces/charts.d.ts +12 -0
  13. package/build/src/interfaces/enums.d.ts +2 -1
  14. package/build/src/interfaces/events.d.ts +16 -0
  15. package/build/src/model-circle-pack.d.ts +26 -0
  16. package/build/src/services/canvas-zoom.d.ts +11 -0
  17. package/build/src/services/index.d.ts +1 -0
  18. package/bundle.js +1 -1
  19. package/chart.js +8 -2
  20. package/chart.js.map +1 -1
  21. package/charts/circle-pack.d.ts +8 -0
  22. package/charts/circle-pack.js +45 -0
  23. package/charts/circle-pack.js.map +1 -0
  24. package/charts/index.d.ts +1 -0
  25. package/charts/index.js +1 -0
  26. package/charts/index.js.map +1 -1
  27. package/components/axes/axis.js +3 -3
  28. package/components/axes/axis.js.map +1 -1
  29. package/components/essentials/canvas-chart-clip.d.ts +6 -0
  30. package/components/essentials/canvas-chart-clip.js +46 -0
  31. package/components/essentials/canvas-chart-clip.js.map +1 -0
  32. package/components/essentials/legend.js +39 -1
  33. package/components/essentials/legend.js.map +1 -1
  34. package/components/essentials/tooltip-axis.js +1 -1
  35. package/components/essentials/tooltip-axis.js.map +1 -1
  36. package/components/essentials/tooltip.js +6 -3
  37. package/components/essentials/tooltip.js.map +1 -1
  38. package/components/graphs/area-stacked.js +9 -6
  39. package/components/graphs/area-stacked.js.map +1 -1
  40. package/components/graphs/area.js +3 -1
  41. package/components/graphs/area.js.map +1 -1
  42. package/components/graphs/bar-simple.js +17 -3
  43. package/components/graphs/bar-simple.js.map +1 -1
  44. package/components/graphs/bar-stacked.js +1 -1
  45. package/components/graphs/bar-stacked.js.map +1 -1
  46. package/components/graphs/circle-pack.d.ts +17 -0
  47. package/components/graphs/circle-pack.js +349 -0
  48. package/components/graphs/circle-pack.js.map +1 -0
  49. package/components/graphs/line.js +1 -1
  50. package/components/graphs/line.js.map +1 -1
  51. package/components/graphs/scatter-stacked.js +1 -1
  52. package/components/graphs/scatter-stacked.js.map +1 -1
  53. package/components/index.d.ts +2 -0
  54. package/components/index.js +2 -0
  55. package/components/index.js.map +1 -1
  56. package/configuration-non-customizable.d.ts +35 -10
  57. package/configuration-non-customizable.js +31 -11
  58. package/configuration-non-customizable.js.map +1 -1
  59. package/configuration.d.ts +2 -1
  60. package/configuration.js +10 -0
  61. package/configuration.js.map +1 -1
  62. package/demo/data/CHART_TYPES.d.ts +5 -0
  63. package/demo/data/CHART_TYPES.js +5 -0
  64. package/demo/data/CHART_TYPES.js.map +1 -1
  65. package/demo/data/bundle.js +1 -1
  66. package/demo/data/circle-pack.d.ts +82 -0
  67. package/demo/data/circle-pack.js +215 -0
  68. package/demo/data/circle-pack.js.map +1 -0
  69. package/demo/data/index.d.ts +1 -0
  70. package/demo/data/index.js +33 -0
  71. package/demo/data/index.js.map +1 -1
  72. package/demo/styles.css +220 -32
  73. package/demo/styles.css.map +1 -1
  74. package/demo/styles.min.css +1 -1
  75. package/demo/styles.min.css.map +1 -1
  76. package/demo/tsconfig.tsbuildinfo +18 -4
  77. package/interfaces/charts.d.ts +12 -0
  78. package/interfaces/charts.js.map +1 -1
  79. package/interfaces/enums.d.ts +2 -1
  80. package/interfaces/enums.js +1 -0
  81. package/interfaces/enums.js.map +1 -1
  82. package/interfaces/events.d.ts +16 -0
  83. package/interfaces/events.js +18 -0
  84. package/interfaces/events.js.map +1 -1
  85. package/model-circle-pack.d.ts +26 -0
  86. package/model-circle-pack.js +137 -0
  87. package/model-circle-pack.js.map +1 -0
  88. package/package.json +1 -1
  89. package/services/canvas-zoom.d.ts +11 -0
  90. package/services/canvas-zoom.js +72 -0
  91. package/services/canvas-zoom.js.map +1 -0
  92. package/services/index.d.ts +1 -0
  93. package/services/index.js +1 -0
  94. package/services/index.js.map +1 -1
  95. package/services/scales-cartesian.js +1 -1
  96. package/services/scales-cartesian.js.map +1 -1
  97. package/styles/components/_axis.scss +3 -1
  98. package/styles/components/_legend.scss +6 -0
  99. package/styles/components/_tooltip.scss +33 -10
  100. package/styles/graphs/_circle-pack.scss +38 -0
  101. package/styles/graphs/index.scss +1 -0
  102. package/styles-g10.css +58 -8
  103. package/styles-g10.css.map +1 -1
  104. package/styles-g10.min.css +1 -1
  105. package/styles-g10.min.css.map +1 -1
  106. package/styles-g100.css +58 -8
  107. package/styles-g100.css.map +1 -1
  108. package/styles-g100.min.css +1 -1
  109. package/styles-g100.min.css.map +1 -1
  110. package/styles-g90.css +58 -8
  111. package/styles-g90.css.map +1 -1
  112. package/styles-g90.min.css +1 -1
  113. package/styles-g90.min.css.map +1 -1
  114. package/styles.css +58 -8
  115. package/styles.css.map +1 -1
  116. package/styles.min.css +1 -1
  117. package/styles.min.css.map +1 -1
  118. package/tsconfig.tsbuildinfo +160 -47
package/demo/styles.css CHANGED
@@ -893,6 +893,11 @@ div.container.theme--white .bx--cc--axes g.axis g.tick line {
893
893
  div.container.theme--white .bx--cc--axes g.axis path.domain {
894
894
  stroke: #8d8d8d;
895
895
  }
896
+ div.container.theme--white .bx--cc--axes g.axis .axis-title {
897
+ font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
898
+ font-weight: 600;
899
+ fill: #161616;
900
+ }
896
901
  div.container.theme--white .bx--cc--chart-svg g.callouts {
897
902
  stroke: #525252;
898
903
  }
@@ -1017,6 +1022,9 @@ div.container.theme--white g.bx--cc--legend g.legend-item text {
1017
1022
  font-size: 12px;
1018
1023
  fill: #525252;
1019
1024
  }
1025
+ div.container.theme--white g.bx--cc--legend g.additional-item .zoom {
1026
+ fill: #525252;
1027
+ }
1020
1028
  div.container.theme--white g.bx--cc--legend.clickable g.legend-item:hover {
1021
1029
  cursor: pointer;
1022
1030
  }
@@ -1697,6 +1705,25 @@ div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip {
1697
1705
  justify-content: flex-start;
1698
1706
  align-items: center;
1699
1707
  }
1708
+ div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip div.label {
1709
+ display: flex;
1710
+ flex: 1;
1711
+ }
1712
+ div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip div.label p {
1713
+ flex: 1;
1714
+ padding-right: 8px;
1715
+ }
1716
+ div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip div.label span.label-icon svg {
1717
+ height: 12px;
1718
+ padding-top: 3px;
1719
+ vertical-align: top;
1720
+ padding-left: 4px;
1721
+ width: auto;
1722
+ fill: black;
1723
+ }
1724
+ div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
1725
+ font-weight: 600;
1726
+ }
1700
1727
  div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip p {
1701
1728
  white-space: nowrap;
1702
1729
  overflow: hidden;
@@ -1708,15 +1735,9 @@ div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip p {
1708
1735
  padding: 0;
1709
1736
  border: 0;
1710
1737
  }
1711
- div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip p.label {
1712
- flex: 1;
1713
- margin-right: 8px;
1714
- }
1715
1738
  div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip p.value {
1716
1739
  width: auto;
1717
- }
1718
- div.container.theme--white .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
1719
- font-weight: 600;
1740
+ margin-left: 6px;
1720
1741
  }
1721
1742
  div.container.theme--white .bx--cc--tooltip .content-box ul.multi-tooltip {
1722
1743
  margin: 0;
@@ -1736,7 +1757,7 @@ div.container.theme--white .bx--cc--tooltip .tooltip-color {
1736
1757
  width: 4px;
1737
1758
  height: 100%;
1738
1759
  }
1739
- div.container.theme--white .bx--cc--tooltip .tooltip-color + p.label {
1760
+ div.container.theme--white .bx--cc--tooltip .tooltip-color + div.label p {
1740
1761
  margin-left: 4px;
1741
1762
  }
1742
1763
  div.container.theme--white .bx--cc--threshold line.threshold-line {
@@ -1953,6 +1974,32 @@ div.container.theme--white .bx--cc--lollipop line.line {
1953
1974
  div.container.theme--white .bx--cc--lollipop circle.dot {
1954
1975
  stroke-width: 1.5;
1955
1976
  }
1977
+ div.container.theme--white .bx--cc--circle-pack circle.node {
1978
+ stroke-width: 1.5px;
1979
+ }
1980
+ div.container.theme--white .bx--cc--circle-pack circle.node.hovered {
1981
+ fill-opacity: 1;
1982
+ }
1983
+ div.container.theme--white .bx--cc--circle-pack circle.node.hovered-child {
1984
+ stroke: #ffffff;
1985
+ }
1986
+ div.container.theme--white .bx--cc--circle-pack circle.node.non-focal {
1987
+ fill: #c6c6c6;
1988
+ fill-opacity: 30%;
1989
+ stroke: #c6c6c6;
1990
+ }
1991
+ div.container.theme--white .bx--cc--circle-pack circle.node.clickable {
1992
+ cursor: zoom-in;
1993
+ }
1994
+ div.container.theme--white .bx--cc--chart-svg.zoomed-in {
1995
+ cursor: zoom-out;
1996
+ }
1997
+ div.container.theme--white .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.hovered-child {
1998
+ stroke: 1.5px solid initial;
1999
+ }
2000
+ div.container.theme--white .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.clickable {
2001
+ cursor: zoom-out;
2002
+ }
1956
2003
  div.container.theme--white .bx--cc--wordcloud text.word.light {
1957
2004
  font-weight: 300;
1958
2005
  }
@@ -3503,6 +3550,11 @@ div.container.theme--g10 .bx--cc--axes g.axis g.tick line {
3503
3550
  div.container.theme--g10 .bx--cc--axes g.axis path.domain {
3504
3551
  stroke: #8d8d8d;
3505
3552
  }
3553
+ div.container.theme--g10 .bx--cc--axes g.axis .axis-title {
3554
+ font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
3555
+ font-weight: 600;
3556
+ fill: #161616;
3557
+ }
3506
3558
  div.container.theme--g10 .bx--cc--chart-svg g.callouts {
3507
3559
  stroke: #525252;
3508
3560
  }
@@ -3627,6 +3679,9 @@ div.container.theme--g10 g.bx--cc--legend g.legend-item text {
3627
3679
  font-size: 12px;
3628
3680
  fill: #525252;
3629
3681
  }
3682
+ div.container.theme--g10 g.bx--cc--legend g.additional-item .zoom {
3683
+ fill: #525252;
3684
+ }
3630
3685
  div.container.theme--g10 g.bx--cc--legend.clickable g.legend-item:hover {
3631
3686
  cursor: pointer;
3632
3687
  }
@@ -4058,6 +4113,25 @@ div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip {
4058
4113
  justify-content: flex-start;
4059
4114
  align-items: center;
4060
4115
  }
4116
+ div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip div.label {
4117
+ display: flex;
4118
+ flex: 1;
4119
+ }
4120
+ div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip div.label p {
4121
+ flex: 1;
4122
+ padding-right: 8px;
4123
+ }
4124
+ div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip div.label span.label-icon svg {
4125
+ height: 12px;
4126
+ padding-top: 3px;
4127
+ vertical-align: top;
4128
+ padding-left: 4px;
4129
+ width: auto;
4130
+ fill: black;
4131
+ }
4132
+ div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
4133
+ font-weight: 600;
4134
+ }
4061
4135
  div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip p {
4062
4136
  white-space: nowrap;
4063
4137
  overflow: hidden;
@@ -4069,15 +4143,9 @@ div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip p {
4069
4143
  padding: 0;
4070
4144
  border: 0;
4071
4145
  }
4072
- div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip p.label {
4073
- flex: 1;
4074
- margin-right: 8px;
4075
- }
4076
4146
  div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip p.value {
4077
4147
  width: auto;
4078
- }
4079
- div.container.theme--g10 .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
4080
- font-weight: 600;
4148
+ margin-left: 6px;
4081
4149
  }
4082
4150
  div.container.theme--g10 .bx--cc--tooltip .content-box ul.multi-tooltip {
4083
4151
  margin: 0;
@@ -4097,7 +4165,7 @@ div.container.theme--g10 .bx--cc--tooltip .tooltip-color {
4097
4165
  width: 4px;
4098
4166
  height: 100%;
4099
4167
  }
4100
- div.container.theme--g10 .bx--cc--tooltip .tooltip-color + p.label {
4168
+ div.container.theme--g10 .bx--cc--tooltip .tooltip-color + div.label p {
4101
4169
  margin-left: 4px;
4102
4170
  }
4103
4171
  div.container.theme--g10 .bx--cc--threshold line.threshold-line {
@@ -4314,6 +4382,32 @@ div.container.theme--g10 .bx--cc--lollipop line.line {
4314
4382
  div.container.theme--g10 .bx--cc--lollipop circle.dot {
4315
4383
  stroke-width: 1.5;
4316
4384
  }
4385
+ div.container.theme--g10 .bx--cc--circle-pack circle.node {
4386
+ stroke-width: 1.5px;
4387
+ }
4388
+ div.container.theme--g10 .bx--cc--circle-pack circle.node.hovered {
4389
+ fill-opacity: 1;
4390
+ }
4391
+ div.container.theme--g10 .bx--cc--circle-pack circle.node.hovered-child {
4392
+ stroke: #ffffff;
4393
+ }
4394
+ div.container.theme--g10 .bx--cc--circle-pack circle.node.non-focal {
4395
+ fill: #c6c6c6;
4396
+ fill-opacity: 30%;
4397
+ stroke: #c6c6c6;
4398
+ }
4399
+ div.container.theme--g10 .bx--cc--circle-pack circle.node.clickable {
4400
+ cursor: zoom-in;
4401
+ }
4402
+ div.container.theme--g10 .bx--cc--chart-svg.zoomed-in {
4403
+ cursor: zoom-out;
4404
+ }
4405
+ div.container.theme--g10 .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.hovered-child {
4406
+ stroke: 1.5px solid initial;
4407
+ }
4408
+ div.container.theme--g10 .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.clickable {
4409
+ cursor: zoom-out;
4410
+ }
4317
4411
  div.container.theme--g10 .bx--cc--wordcloud text.word.light {
4318
4412
  font-weight: 300;
4319
4413
  }
@@ -5864,6 +5958,11 @@ div.container.theme--g90 .bx--cc--axes g.axis g.tick line {
5864
5958
  div.container.theme--g90 .bx--cc--axes g.axis path.domain {
5865
5959
  stroke: #8d8d8d;
5866
5960
  }
5961
+ div.container.theme--g90 .bx--cc--axes g.axis .axis-title {
5962
+ font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
5963
+ font-weight: 600;
5964
+ fill: #f4f4f4;
5965
+ }
5867
5966
  div.container.theme--g90 .bx--cc--chart-svg g.callouts {
5868
5967
  stroke: #c6c6c6;
5869
5968
  }
@@ -5988,6 +6087,9 @@ div.container.theme--g90 g.bx--cc--legend g.legend-item text {
5988
6087
  font-size: 12px;
5989
6088
  fill: #c6c6c6;
5990
6089
  }
6090
+ div.container.theme--g90 g.bx--cc--legend g.additional-item .zoom {
6091
+ fill: #c6c6c6;
6092
+ }
5991
6093
  div.container.theme--g90 g.bx--cc--legend.clickable g.legend-item:hover {
5992
6094
  cursor: pointer;
5993
6095
  }
@@ -6354,6 +6456,25 @@ div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip {
6354
6456
  justify-content: flex-start;
6355
6457
  align-items: center;
6356
6458
  }
6459
+ div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip div.label {
6460
+ display: flex;
6461
+ flex: 1;
6462
+ }
6463
+ div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip div.label p {
6464
+ flex: 1;
6465
+ padding-right: 8px;
6466
+ }
6467
+ div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip div.label span.label-icon svg {
6468
+ height: 12px;
6469
+ padding-top: 3px;
6470
+ vertical-align: top;
6471
+ padding-left: 4px;
6472
+ width: auto;
6473
+ fill: white;
6474
+ }
6475
+ div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
6476
+ font-weight: 600;
6477
+ }
6357
6478
  div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip p {
6358
6479
  white-space: nowrap;
6359
6480
  overflow: hidden;
@@ -6365,15 +6486,9 @@ div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip p {
6365
6486
  padding: 0;
6366
6487
  border: 0;
6367
6488
  }
6368
- div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip p.label {
6369
- flex: 1;
6370
- margin-right: 8px;
6371
- }
6372
6489
  div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip p.value {
6373
6490
  width: auto;
6374
- }
6375
- div.container.theme--g90 .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
6376
- font-weight: 600;
6491
+ margin-left: 6px;
6377
6492
  }
6378
6493
  div.container.theme--g90 .bx--cc--tooltip .content-box ul.multi-tooltip {
6379
6494
  margin: 0;
@@ -6393,7 +6508,7 @@ div.container.theme--g90 .bx--cc--tooltip .tooltip-color {
6393
6508
  width: 4px;
6394
6509
  height: 100%;
6395
6510
  }
6396
- div.container.theme--g90 .bx--cc--tooltip .tooltip-color + p.label {
6511
+ div.container.theme--g90 .bx--cc--tooltip .tooltip-color + div.label p {
6397
6512
  margin-left: 4px;
6398
6513
  }
6399
6514
  div.container.theme--g90 .bx--cc--threshold line.threshold-line {
@@ -6611,6 +6726,32 @@ div.container.theme--g90 .bx--cc--lollipop line.line {
6611
6726
  div.container.theme--g90 .bx--cc--lollipop circle.dot {
6612
6727
  stroke-width: 1.5;
6613
6728
  }
6729
+ div.container.theme--g90 .bx--cc--circle-pack circle.node {
6730
+ stroke-width: 1.5px;
6731
+ }
6732
+ div.container.theme--g90 .bx--cc--circle-pack circle.node.hovered {
6733
+ fill-opacity: 1;
6734
+ }
6735
+ div.container.theme--g90 .bx--cc--circle-pack circle.node.hovered-child {
6736
+ stroke: #ffffff;
6737
+ }
6738
+ div.container.theme--g90 .bx--cc--circle-pack circle.node.non-focal {
6739
+ fill: #6f6f6f;
6740
+ fill-opacity: 30%;
6741
+ stroke: #6f6f6f;
6742
+ }
6743
+ div.container.theme--g90 .bx--cc--circle-pack circle.node.clickable {
6744
+ cursor: zoom-in;
6745
+ }
6746
+ div.container.theme--g90 .bx--cc--chart-svg.zoomed-in {
6747
+ cursor: zoom-out;
6748
+ }
6749
+ div.container.theme--g90 .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.hovered-child {
6750
+ stroke: 1.5px solid initial;
6751
+ }
6752
+ div.container.theme--g90 .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.clickable {
6753
+ cursor: zoom-out;
6754
+ }
6614
6755
  div.container.theme--g90 .bx--cc--wordcloud text.word.light {
6615
6756
  font-weight: 300;
6616
6757
  }
@@ -8176,6 +8317,11 @@ div.container.theme--g100 .bx--cc--axes g.axis g.tick line {
8176
8317
  div.container.theme--g100 .bx--cc--axes g.axis path.domain {
8177
8318
  stroke: #6f6f6f;
8178
8319
  }
8320
+ div.container.theme--g100 .bx--cc--axes g.axis .axis-title {
8321
+ font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
8322
+ font-weight: 600;
8323
+ fill: #f4f4f4;
8324
+ }
8179
8325
  div.container.theme--g100 .bx--cc--chart-svg g.callouts {
8180
8326
  stroke: #c6c6c6;
8181
8327
  }
@@ -8300,6 +8446,9 @@ div.container.theme--g100 g.bx--cc--legend g.legend-item text {
8300
8446
  font-size: 12px;
8301
8447
  fill: #c6c6c6;
8302
8448
  }
8449
+ div.container.theme--g100 g.bx--cc--legend g.additional-item .zoom {
8450
+ fill: #c6c6c6;
8451
+ }
8303
8452
  div.container.theme--g100 g.bx--cc--legend.clickable g.legend-item:hover {
8304
8453
  cursor: pointer;
8305
8454
  }
@@ -8666,6 +8815,25 @@ div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip {
8666
8815
  justify-content: flex-start;
8667
8816
  align-items: center;
8668
8817
  }
8818
+ div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip div.label {
8819
+ display: flex;
8820
+ flex: 1;
8821
+ }
8822
+ div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip div.label p {
8823
+ flex: 1;
8824
+ padding-right: 8px;
8825
+ }
8826
+ div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip div.label span.label-icon svg {
8827
+ height: 12px;
8828
+ padding-top: 3px;
8829
+ vertical-align: top;
8830
+ padding-left: 4px;
8831
+ width: auto;
8832
+ fill: white;
8833
+ }
8834
+ div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
8835
+ font-weight: 600;
8836
+ }
8669
8837
  div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip p {
8670
8838
  white-space: nowrap;
8671
8839
  overflow: hidden;
@@ -8677,15 +8845,9 @@ div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip p {
8677
8845
  padding: 0;
8678
8846
  border: 0;
8679
8847
  }
8680
- div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip p.label {
8681
- flex: 1;
8682
- margin-right: 8px;
8683
- }
8684
8848
  div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip p.value {
8685
8849
  width: auto;
8686
- }
8687
- div.container.theme--g100 .bx--cc--tooltip .content-box .datapoint-tooltip.bold {
8688
- font-weight: 600;
8850
+ margin-left: 6px;
8689
8851
  }
8690
8852
  div.container.theme--g100 .bx--cc--tooltip .content-box ul.multi-tooltip {
8691
8853
  margin: 0;
@@ -8705,7 +8867,7 @@ div.container.theme--g100 .bx--cc--tooltip .tooltip-color {
8705
8867
  width: 4px;
8706
8868
  height: 100%;
8707
8869
  }
8708
- div.container.theme--g100 .bx--cc--tooltip .tooltip-color + p.label {
8870
+ div.container.theme--g100 .bx--cc--tooltip .tooltip-color + div.label p {
8709
8871
  margin-left: 4px;
8710
8872
  }
8711
8873
  div.container.theme--g100 .bx--cc--threshold line.threshold-line {
@@ -8923,6 +9085,32 @@ div.container.theme--g100 .bx--cc--lollipop line.line {
8923
9085
  div.container.theme--g100 .bx--cc--lollipop circle.dot {
8924
9086
  stroke-width: 1.5;
8925
9087
  }
9088
+ div.container.theme--g100 .bx--cc--circle-pack circle.node {
9089
+ stroke-width: 1.5px;
9090
+ }
9091
+ div.container.theme--g100 .bx--cc--circle-pack circle.node.hovered {
9092
+ fill-opacity: 1;
9093
+ }
9094
+ div.container.theme--g100 .bx--cc--circle-pack circle.node.hovered-child {
9095
+ stroke: #ffffff;
9096
+ }
9097
+ div.container.theme--g100 .bx--cc--circle-pack circle.node.non-focal {
9098
+ fill: #525252;
9099
+ fill-opacity: 30%;
9100
+ stroke: #525252;
9101
+ }
9102
+ div.container.theme--g100 .bx--cc--circle-pack circle.node.clickable {
9103
+ cursor: zoom-in;
9104
+ }
9105
+ div.container.theme--g100 .bx--cc--chart-svg.zoomed-in {
9106
+ cursor: zoom-out;
9107
+ }
9108
+ div.container.theme--g100 .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.hovered-child {
9109
+ stroke: 1.5px solid initial;
9110
+ }
9111
+ div.container.theme--g100 .bx--cc--chart-svg.zoomed-in .bx--cc--circle-pack circle.node.clickable {
9112
+ cursor: zoom-out;
9113
+ }
8926
9114
  div.container.theme--g100 .bx--cc--wordcloud text.word.light {
8927
9115
  font-weight: 300;
8928
9116
  }