@carbon/charts 1.13.15 → 1.13.17

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 (100) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +9 -4
  3. package/dist/{_baseEach-HUN6tK0-.mjs → _baseEach-L1oeNjGL.mjs} +2 -2
  4. package/dist/{_baseEach-HUN6tK0-.mjs.map → _baseEach-L1oeNjGL.mjs.map} +1 -1
  5. package/dist/{angle-utils-32tpV6-P.mjs → angle-utils-iPPUNSDt.mjs} +4 -12
  6. package/dist/{angle-utils-32tpV6-P.mjs.map → angle-utils-iPPUNSDt.mjs.map} +1 -1
  7. package/dist/{choropleth-cqJq7eSU.mjs → choropleth-EFcahG_A.mjs} +3221 -2698
  8. package/dist/choropleth-EFcahG_A.mjs.map +1 -0
  9. package/dist/{color-scale-utils-bwaA2TiF.mjs → color-scale-utils-GLd1MML3.mjs} +2 -2
  10. package/dist/color-scale-utils-GLd1MML3.mjs.map +1 -0
  11. package/dist/components/axes/axis.d.ts +1 -1
  12. package/dist/components/axes/chart-clip.d.ts +1 -1
  13. package/dist/components/axes/grid-brush.d.ts +1 -1
  14. package/dist/components/axes/grid.d.ts +1 -1
  15. package/dist/components/axes/ruler.d.ts +1 -1
  16. package/dist/components/axes/toolbar.d.ts +1 -1
  17. package/dist/components/axes/two-dimensional-axes.d.ts +2 -2
  18. package/dist/components/axes/zero-line.d.ts +1 -1
  19. package/dist/components/axes/zoom-bar.d.ts +1 -1
  20. package/dist/components/essentials/canvas-chart-clip.d.ts +1 -1
  21. package/dist/components/essentials/geo-projection.d.ts +1 -1
  22. package/dist/components/essentials/highlights.d.ts +1 -1
  23. package/dist/components/essentials/legend.d.ts +1 -1
  24. package/dist/components/essentials/modal.d.ts +1 -1
  25. package/dist/components/essentials/threshold.d.ts +1 -1
  26. package/dist/components/essentials/title.d.ts +1 -1
  27. package/dist/components/essentials/tooltip.d.ts +1 -1
  28. package/dist/components/graphs/alluvial.d.ts +1 -1
  29. package/dist/components/graphs/area-stacked.d.ts +1 -1
  30. package/dist/components/graphs/area.d.ts +1 -1
  31. package/dist/components/graphs/bar.d.ts +1 -1
  32. package/dist/components/graphs/boxplot.d.ts +1 -1
  33. package/dist/components/graphs/bullet.d.ts +1 -1
  34. package/dist/components/graphs/choropleth.d.ts +1 -1
  35. package/dist/components/graphs/circle-pack.d.ts +1 -1
  36. package/dist/components/graphs/gauge.d.ts +1 -1
  37. package/dist/components/graphs/heatmap.d.ts +1 -1
  38. package/dist/components/graphs/histogram.d.ts +1 -1
  39. package/dist/components/graphs/line.d.ts +1 -1
  40. package/dist/components/graphs/meter.d.ts +1 -1
  41. package/dist/components/graphs/pie.d.ts +1 -1
  42. package/dist/components/graphs/radar.d.ts +1 -1
  43. package/dist/components/graphs/scatter.d.ts +1 -1
  44. package/dist/components/graphs/skeleton.d.ts +1 -1
  45. package/dist/components/graphs/tree.d.ts +1 -1
  46. package/dist/components/graphs/treemap.d.ts +1 -1
  47. package/dist/components/graphs/wordcloud.d.ts +1 -1
  48. package/dist/components/index.mjs +4 -4
  49. package/dist/components/layout/layout.d.ts +1 -1
  50. package/dist/components/layout/spacer.d.ts +1 -1
  51. package/dist/demo/index.mjs +20 -18
  52. package/dist/demo/index.mjs.map +1 -1
  53. package/dist/demo/styles.css +35 -11
  54. package/dist/demo/styles.css.map +1 -1
  55. package/dist/demo/utils/stackblitz/angular.d.ts +1 -1
  56. package/dist/demo/utils/stackblitz/react.d.ts +1 -1
  57. package/dist/demo/utils/stackblitz/svelte.d.ts +1 -1
  58. package/dist/demo/utils/stackblitz/vanilla-js.d.ts +1 -1
  59. package/dist/demo/utils/stackblitz/vue.d.ts +1 -1
  60. package/dist/demo/utils/story-widgets.d.ts +1 -1
  61. package/dist/enums-tMKLWMMm.mjs.map +1 -1
  62. package/dist/index.mjs +16 -17
  63. package/dist/index.mjs.map +1 -1
  64. package/dist/model/index.mjs +3 -3
  65. package/dist/services/essentials/dom-utils.d.ts +1 -1
  66. package/dist/services/essentials/events.d.ts +1 -1
  67. package/dist/services/essentials/files.d.ts +1 -1
  68. package/dist/services/essentials/gradient-utils.d.ts +1 -1
  69. package/dist/services/essentials/transitions.d.ts +1 -1
  70. package/dist/services/index.mjs +3 -3
  71. package/dist/styles.css +35 -11
  72. package/dist/styles.css.map +1 -1
  73. package/dist/styles.min.css +1 -1
  74. package/dist/styles.min.css.map +1 -1
  75. package/dist/umd/bundle.umd.js +85 -0
  76. package/dist/umd/bundle.umd.js.map +1 -0
  77. package/dist/utils/sanitizeHtml.d.ts +3 -0
  78. package/dist/{wordcloud-dqk1DqiP.mjs → wordcloud-XkAQGXwu.mjs} +80 -79
  79. package/dist/wordcloud-XkAQGXwu.mjs.map +1 -0
  80. package/dist/{zoom-OcSt8txb.mjs → zoom-nkwOD6_z.mjs} +6 -4
  81. package/dist/zoom-nkwOD6_z.mjs.map +1 -0
  82. package/package.json +6 -4
  83. package/scss/_chart-wrapper.scss +1 -1
  84. package/scss/_color-palette.scss +8 -8
  85. package/scss/components/_title.scss +1 -1
  86. package/scss/components/_tooltip.scss +6 -2
  87. package/scss/components/toolbar/_buttons.scss +160 -159
  88. package/scss/components/toolbar/_modal.scss +348 -315
  89. package/scss/demos.scss +3 -2
  90. package/scss/graphs/_choropleth.scss +1 -1
  91. package/scss/graphs/_tree.scss +2 -1
  92. package/scss/index.scss +1 -1
  93. package/styles.css +35 -11
  94. package/styles.min.css +1 -1
  95. package/dist/choropleth-cqJq7eSU.mjs.map +0 -1
  96. package/dist/color-scale-utils-bwaA2TiF.mjs.map +0 -1
  97. package/dist/umd/bundle.umd.cjs +0 -84
  98. package/dist/umd/bundle.umd.cjs.map +0 -1
  99. package/dist/wordcloud-dqk1DqiP.mjs.map +0 -1
  100. package/dist/zoom-OcSt8txb.mjs.map +0 -1
package/scss/demos.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use '@carbon/styles/scss/config' with (
2
- $css--font-face: false // Don't load Plex from ~@ibm/plex
2
+ $css--font-face: false // Don't load Plex from ~@ibm/plex
3
3
  );
4
4
 
5
5
  @use 'globals'; // Load Carbon Charts global variables
@@ -392,7 +392,8 @@ div.container {
392
392
  }
393
393
 
394
394
  // Disabled dark
395
- .#{globals.$prefix}--resource-card--disabled.#{globals.$prefix}--resource-card--dark .#{globals.$prefix}--tile:hover {
395
+ .#{globals.$prefix}--resource-card--disabled.#{globals.$prefix}--resource-card--dark
396
+ .#{globals.$prefix}--tile:hover {
396
397
  background: colors.$gray-90; //$background for gray 90 theme
397
398
  }
398
399
 
package/scss/graphs/_choropleth.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use "@carbon/styles/scss/theme";
1
+ @use '@carbon/styles/scss/theme';
2
2
  @use '../globals';
3
3
 
4
4
  .#{globals.$prefix}--#{globals.$charts-prefix}--choropleth {
package/scss/graphs/_tree.scss CHANGED
@@ -2,7 +2,8 @@
2
2
  @use '../globals';
3
3
  @use '../transition';
4
4
 
5
- .#{globals.$prefix}--#{globals.$charts-prefix}--chart-wrapper .#{globals.$prefix}--#{globals.$charts-prefix}--tree {
5
+ .#{globals.$prefix}--#{globals.$charts-prefix}--chart-wrapper
6
+ .#{globals.$prefix}--#{globals.$charts-prefix}--tree {
6
7
  g.links {
7
8
  fill: none;
8
9
  stroke: theme.$border-strong-01;
package/scss/index.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use 'colors';
1
+ @use 'colors';
2
2
  @use 'components';
3
3
  @use 'graphs';
4
4
  @use 'type';
package/styles.css CHANGED
@@ -4332,7 +4332,8 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
4332
4332
  padding: 0;
4333
4333
  list-style: none;
4334
4334
  }
4335
- .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu, .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger {
4335
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu,
4336
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger {
4336
4337
  width: 2rem;
4337
4338
  height: 2rem;
4338
4339
  appearance: none;
@@ -4357,24 +4358,29 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
4357
4358
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
4358
4359
  vertical-align: baseline;
4359
4360
  }
4360
- .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu:hover, .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger:hover {
4361
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu:hover,
4362
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger:hover {
4361
4363
  background-color: var(--cds-layer-hover);
4362
4364
  }
4363
- .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu:focus, .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger:focus {
4365
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu:focus,
4366
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger:focus {
4364
4367
  outline: 2px solid var(--cds-focus, #0f62fe);
4365
4368
  outline-offset: -2px;
4366
4369
  }
4367
4370
  .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu *,
4368
4371
  .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu ::before,
4369
- .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu ::after, .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger *,
4372
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu ::after,
4373
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger *,
4370
4374
  .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger ::before,
4371
4375
  .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger ::after {
4372
4376
  box-sizing: inherit;
4373
4377
  }
4374
- .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu > :first-child, .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger > :first-child {
4378
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu > :first-child,
4379
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger > :first-child {
4375
4380
  margin-block-start: 0;
4376
4381
  }
4377
- .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu .cds--overflow-menu__icon, .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger .cds--overflow-menu__icon {
4382
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu .cds--overflow-menu__icon,
4383
+ .cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger .cds--overflow-menu__icon {
4378
4384
  block-size: 1rem;
4379
4385
  fill: var(--cds-icon-primary, #161616);
4380
4386
  inline-size: 1rem;
@@ -4614,11 +4620,29 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
4614
4620
  padding-top: 0.875rem;
4615
4621
  padding-bottom: 2rem;
4616
4622
  margin: 0;
4617
- --cds-layout-size-height-local: clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));
4618
- --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
4619
- --temp-1lh: ( var(--cds-body-compact-01-line-height, 1.28572) * 1em );
4620
- --temp-expressive-1lh: ( var(--cds-body-compact-02-line-height, 1.375) * 1em );
4621
- --temp-padding-block-max: calc( (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - .0625rem );
4623
+ --cds-layout-size-height-local: clamp(
4624
+ var(--cds-layout-size-height-min),
4625
+ var(
4626
+ --cds-layout-size-height,
4627
+ var(--cds-layout-size-height-lg)
4628
+ ),
4629
+ var(--cds-layout-size-height-max)
4630
+ );
4631
+ --cds-layout-density-padding-inline-local: clamp(
4632
+ var(--cds-layout-density-padding-inline-min),
4633
+ var(
4634
+ --cds-layout-density-padding-inline,
4635
+ var(--cds-layout-density-padding-inline-normal)
4636
+ ),
4637
+ var(--cds-layout-density-padding-inline-max)
4638
+ );
4639
+ --temp-1lh: (var(--cds-body-compact-01-line-height, 1.28572) * 1em);
4640
+ --temp-expressive-1lh: (
4641
+ var(--cds-body-compact-02-line-height, 1.375) * 1em
4642
+ );
4643
+ --temp-padding-block-max: calc(
4644
+ (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem
4645
+ );
4622
4646
  box-sizing: border-box;
4623
4647
  padding: 0;
4624
4648
  border: 0;