@carbon/charts 1.9.0-next.0 → 1.9.0-next.2

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 (86) hide show
  1. package/README.md +2 -7
  2. package/dist/_baseEach-603421de.mjs.map +1 -1
  3. package/dist/_baseEach-cdac417f.js.map +1 -1
  4. package/dist/angle-utils-6f166b40.js.map +1 -1
  5. package/dist/angle-utils-8b6ce998.mjs.map +1 -1
  6. package/dist/choropleth-4ac6ac20.js.map +1 -1
  7. package/dist/choropleth-f473ea0d.mjs.map +1 -1
  8. package/dist/color-scale-utils-5eb3eeaa.mjs.map +1 -1
  9. package/dist/color-scale-utils-7d463811.js.map +1 -1
  10. package/dist/demo/charts/index.d.ts +0 -7
  11. package/dist/demo/index.js +153 -166
  12. package/dist/demo/index.js.map +1 -1
  13. package/dist/demo/index.mjs +1624 -1828
  14. package/dist/demo/index.mjs.map +1 -1
  15. package/dist/demo/styles.css +20 -27
  16. package/dist/demo/styles.css.map +1 -1
  17. package/dist/demo/utils/index.d.ts +1 -1
  18. package/dist/demo/utils/sandbox.d.ts +10 -11
  19. package/dist/index-a266373c.mjs.map +1 -1
  20. package/dist/index-becfb567.mjs.map +1 -1
  21. package/dist/index-d865d500.js.map +1 -1
  22. package/dist/index-f23685eb.js.map +1 -1
  23. package/dist/index.js.map +1 -1
  24. package/dist/index.mjs.map +1 -1
  25. package/dist/model/index.js.map +1 -1
  26. package/dist/model/index.mjs.map +1 -1
  27. package/dist/styles.css +0 -22118
  28. package/dist/styles.css.map +1 -1
  29. package/dist/styles.min.css +1 -1
  30. package/dist/styles.min.css.map +1 -1
  31. package/package.json +23 -23
  32. package/{dist/styles/colors.scss → scss/_colors.scss} +1 -1
  33. package/{dist/styles/tokens.scss → scss/_tokens.scss} +6 -15
  34. package/scss/demos.scss +427 -0
  35. package/scss/index.scss +31 -0
  36. package/dist/styles/styles.scss +0 -40
  37. /package/{dist/styles → scss}/_chart-holder.scss +0 -0
  38. /package/{dist/styles/color-palatte.scss → scss/_color-palette.scss} +0 -0
  39. /package/{dist/styles → scss}/_type.scss +0 -0
  40. /package/{dist/styles → scss}/components/_axis.scss +0 -0
  41. /package/{dist/styles → scss}/components/_callouts.scss +0 -0
  42. /package/{dist/styles → scss}/components/_color-legend.scss +0 -0
  43. /package/{dist/styles → scss}/components/_edge.scss +0 -0
  44. /package/{dist/styles → scss}/components/_grid-brush.scss +0 -0
  45. /package/{dist/styles → scss}/components/_grid.scss +0 -0
  46. /package/{dist/styles → scss}/components/_highlights.scss +0 -0
  47. /package/{dist/styles → scss}/components/_layout.scss +0 -0
  48. /package/{dist/styles → scss}/components/_legend.scss +0 -0
  49. /package/{dist/styles → scss}/components/_marker.scss +0 -0
  50. /package/{dist/styles → scss}/components/_meter-title.scss +0 -0
  51. /package/{dist/styles → scss}/components/_modal.scss +0 -0
  52. /package/{dist/styles → scss}/components/_ruler.scss +0 -0
  53. /package/{dist/styles → scss}/components/_skeleton-lines.scss +0 -0
  54. /package/{dist/styles → scss}/components/_skeleton.scss +0 -0
  55. /package/{dist/styles → scss}/components/_threshold.scss +0 -0
  56. /package/{dist/styles → scss}/components/_title.scss +0 -0
  57. /package/{dist/styles → scss}/components/_toolbar.scss +0 -0
  58. /package/{dist/styles → scss}/components/_tooltip.scss +0 -0
  59. /package/{dist/styles → scss}/components/_zero-line.scss +0 -0
  60. /package/{dist/styles → scss}/components/_zoom-bar.scss +0 -0
  61. /package/{dist/styles → scss}/components/diagrams/_card-node.scss +0 -0
  62. /package/{dist/styles → scss}/components/diagrams/_edge.scss +0 -0
  63. /package/{dist/styles → scss}/components/diagrams/_marker.scss +0 -0
  64. /package/{dist/styles → scss}/components/diagrams/_shape-node.scss +0 -0
  65. /package/{dist/styles → scss}/components/diagrams/index.scss +0 -0
  66. /package/{dist/styles → scss}/components/index.scss +0 -0
  67. /package/{dist/styles → scss}/graphs/_alluvial.scss +0 -0
  68. /package/{dist/styles → scss}/graphs/_area.scss +0 -0
  69. /package/{dist/styles → scss}/graphs/_bubble.scss +0 -0
  70. /package/{dist/styles → scss}/graphs/_bullet.scss +0 -0
  71. /package/{dist/styles → scss}/graphs/_choropleth.scss +0 -0
  72. /package/{dist/styles → scss}/graphs/_circle-pack.scss +0 -0
  73. /package/{dist/styles → scss}/graphs/_donut.scss +0 -0
  74. /package/{dist/styles → scss}/graphs/_gauge.scss +0 -0
  75. /package/{dist/styles → scss}/graphs/_heatmap.scss +0 -0
  76. /package/{dist/styles → scss}/graphs/_line.scss +0 -0
  77. /package/{dist/styles → scss}/graphs/_lollipop.scss +0 -0
  78. /package/{dist/styles → scss}/graphs/_meter.scss +0 -0
  79. /package/{dist/styles → scss}/graphs/_pie.scss +0 -0
  80. /package/{dist/styles → scss}/graphs/_radar.scss +0 -0
  81. /package/{dist/styles → scss}/graphs/_scatter-stacked.scss +0 -0
  82. /package/{dist/styles → scss}/graphs/_scatter.scss +0 -0
  83. /package/{dist/styles → scss}/graphs/_tree.scss +0 -0
  84. /package/{dist/styles → scss}/graphs/_treemap.scss +0 -0
  85. /package/{dist/styles → scss}/graphs/_wordcloud.scss +0 -0
  86. /package/{dist/styles → scss}/graphs/index.scss +0 -0
@@ -3333,9 +3333,12 @@ li.cds--accordion__item--disabled:last-of-type {
3333
3333
  .cds--btn {
3334
3334
  --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));
3335
3335
  --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));
3336
- --temp-1lh: (var(--cds-body-compact-01-line-height) * 1em);
3336
+ --temp-1lh: (
3337
+ var(--cds-body-compact-01-line-height, 1.28572) * 1em
3338
+ );
3337
3339
  --temp-padding-block-max: calc(
3338
- (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem
3340
+ (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
3341
+ 0.0625rem
3339
3342
  );
3340
3343
  box-sizing: border-box;
3341
3344
  padding: 0;
@@ -6859,6 +6862,11 @@ fieldset[disabled] .cds--form__helper-text {
6859
6862
  --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));
6860
6863
  }
6861
6864
 
6865
+ .cds--contained-list > ul {
6866
+ padding: 0;
6867
+ margin: 0;
6868
+ }
6869
+
6862
6870
  .cds--contained-list__header {
6863
6871
  position: sticky;
6864
6872
  z-index: 1;
@@ -6949,12 +6957,17 @@ fieldset[disabled] .cds--form__helper-text {
6949
6957
 
6950
6958
  .cds--contained-list-item {
6951
6959
  position: relative;
6960
+ list-style: none;
6952
6961
  }
6953
6962
 
6954
6963
  .cds--contained-list-item:not(:first-of-type) {
6955
6964
  margin-top: -1px;
6956
6965
  }
6957
6966
 
6967
+ .cds--contained-list-item__content {
6968
+ box-sizing: border-box;
6969
+ }
6970
+
6958
6971
  .cds--contained-list-item--clickable .cds--contained-list-item__content {
6959
6972
  box-sizing: border-box;
6960
6973
  padding: 0;
@@ -6985,7 +6998,9 @@ fieldset[disabled] .cds--form__helper-text {
6985
6998
 
6986
6999
  .cds--contained-list-item__content,
6987
7000
  .cds--contained-list-item--clickable .cds--contained-list-item__content {
6988
- --temp-1lh: (var(--cds-body-01-line-height) * 1em);
7001
+ --temp-1lh: (
7002
+ var(--cds-body-01-line-height, 1.42857) * 1em
7003
+ );
6989
7004
  font-size: var(--cds-body-01-font-size, 0.875rem);
6990
7005
  font-weight: var(--cds-body-01-font-weight, 400);
6991
7006
  line-height: var(--cds-body-01-line-height, 1.42857);
@@ -15492,7 +15507,8 @@ optgroup.cds--select-optgroup:disabled,
15492
15507
 
15493
15508
  /* Tertiary action button when not inline (toast) */
15494
15509
  .cds--actionable-notification__action-button.cds--btn--tertiary {
15495
- padding: 0 1rem;
15510
+ padding-right: 1rem;
15511
+ padding-left: 1rem;
15496
15512
  margin-bottom: 1rem;
15497
15513
  margin-left: calc(2rem + 1.25rem - 0.125rem);
15498
15514
  }
@@ -21884,18 +21900,6 @@ a.cds--side-nav__link--current::before {
21884
21900
  color: var(--cds-text-primary, #161616);
21885
21901
  }
21886
21902
 
21887
- /*
21888
- *
21889
- * DARK/LIGHT THEME
21890
- */
21891
- /*
21892
- *
21893
- * ELEMENTS
21894
- */
21895
- /*
21896
- *
21897
- * GRID
21898
- */
21899
21903
  .cds--chart-holder {
21900
21904
  --cds-charts-1-1-1: #6929c4;
21901
21905
  --cds-charts-1-1-1-hovered: #5923a6;
@@ -30230,17 +30234,6 @@ div.container {
30230
30234
  font-family: "IBM Plex Sans", Arial, sans-serif;
30231
30235
  padding: 30px;
30232
30236
  }
30233
- div.container div.v10-banner {
30234
- padding: 1rem 30px;
30235
- margin: -30px -30px 30px -30px;
30236
- background-color: var(--cds-field, #f4f4f4);
30237
- color: var(--cds-text-primary, #161616);
30238
- font-size: 0.95rem;
30239
- line-height: 1.5;
30240
- }
30241
- div.container div.v10-banner b {
30242
- font-weight: 600;
30243
- }
30244
30237
  div.container div#color-palette-picker,
30245
30238
  div.container div#projection-picker {
30246
30239
  max-width: 18rem;