@carbon/charts 1.13.24 → 1.13.26

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 (32) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +9 -0
  3. package/dist/{_baseEach-hCF4b-EZ.mjs → _baseEach-70Y6bksF.mjs} +2 -2
  4. package/dist/{_baseEach-hCF4b-EZ.mjs.map → _baseEach-70Y6bksF.mjs.map} +1 -1
  5. package/dist/{angle-utils-to7NH0_1.mjs → angle-utils-dwZwPD9W.mjs} +2 -2
  6. package/dist/{angle-utils-to7NH0_1.mjs.map → angle-utils-dwZwPD9W.mjs.map} +1 -1
  7. package/dist/{choropleth-a9b8bAaz.mjs → choropleth-GJJ8-QuT.mjs} +4 -4
  8. package/dist/{choropleth-a9b8bAaz.mjs.map → choropleth-GJJ8-QuT.mjs.map} +1 -1
  9. package/dist/{color-scale-utils-W9pcGG6t.mjs → color-scale-utils-05Wy3zGY.mjs} +395 -395
  10. package/dist/{color-scale-utils-W9pcGG6t.mjs.map → color-scale-utils-05Wy3zGY.mjs.map} +1 -1
  11. package/dist/components/index.mjs +4 -4
  12. package/dist/demo/index.mjs +40 -37
  13. package/dist/demo/index.mjs.map +1 -1
  14. package/dist/demo/styles.css +148 -73
  15. package/dist/demo/styles.css.map +1 -1
  16. package/dist/index.mjs +9 -9
  17. package/dist/model/index.mjs +3 -3
  18. package/dist/services/index.mjs +3 -3
  19. package/dist/styles.css +30 -14
  20. package/dist/styles.css.map +1 -1
  21. package/dist/styles.min.css +1 -1
  22. package/dist/styles.min.css.map +1 -1
  23. package/dist/umd/bundle.umd.js +1 -1
  24. package/dist/umd/bundle.umd.js.map +1 -1
  25. package/dist/{wordcloud-y7csbPwp.mjs → wordcloud-7JPbYYMG.mjs} +3 -3
  26. package/dist/{wordcloud-y7csbPwp.mjs.map → wordcloud-7JPbYYMG.mjs.map} +1 -1
  27. package/dist/{zoom-z1-4lR5l.mjs → zoom-wI-Jcyj4.mjs} +3 -3
  28. package/dist/{zoom-z1-4lR5l.mjs.map → zoom-wI-Jcyj4.mjs.map} +1 -1
  29. package/package.json +13 -12
  30. package/styles.css +30 -14
  31. package/styles.min.css +1 -1
  32. package/telemetry.yml +7 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carbon/charts",
3
- "version": "1.13.24",
3
+ "version": "1.13.26",
4
4
  "description": "Carbon Charts component library",
5
5
  "type": "module",
6
6
  "module": "./dist/index.mjs",
@@ -50,10 +50,11 @@
50
50
  "scss",
51
51
  "styles.css",
52
52
  "styles.min.css",
53
- "CHANGELOG.md"
53
+ "CHANGELOG.md",
54
+ "telemetry.yml"
54
55
  ],
55
56
  "scripts": {
56
- "postinstall": "carbon-telemetry collect --install",
57
+ "postinstall": "ibmtelemetry --config=telemetry.yml",
57
58
  "file:css:charts": "sass scss/index.scss dist/styles.css --load-path=./node_modules --load-path=../../node_modules",
58
59
  "file:css:min:charts": "sass scss/index.scss dist/styles.min.css --style=compressed --load-path=./node_modules --load-path=../../node_modules",
59
60
  "file:css:demo": "sass scss/demos.scss dist/demo/styles.css --load-path=./node_modules --load-path=../../node_modules",
@@ -80,13 +81,13 @@
80
81
  },
81
82
  "dependencies": {
82
83
  "@carbon/colors": "^11.20.1",
83
- "@carbon/telemetry": "~0.1.0",
84
84
  "@carbon/utils-position": "^1.1.4",
85
+ "@ibm/telemetry-js": "1.2.0",
85
86
  "carbon-components": "^10.58.13",
86
87
  "d3": "^7.8.5",
87
88
  "d3-cloud": "^1.2.7",
88
89
  "d3-sankey": "^0.12.3",
89
- "date-fns": "^3.3.0",
90
+ "date-fns": "^3.3.1",
90
91
  "dompurify": "^3.0.8",
91
92
  "html-to-image": "^1.11.11",
92
93
  "lodash-es": "^4.17.21",
@@ -109,8 +110,8 @@
109
110
  "devDependencies": {
110
111
  "@carbon/import-once": "^10.7.0",
111
112
  "@carbon/layout": "^11.20.1",
112
- "@carbon/styles": "1.48.0",
113
- "@carbon/themes": "^11.29.0",
113
+ "@carbon/styles": "1.48.1",
114
+ "@carbon/themes": "^11.29.1",
114
115
  "@rollup/plugin-replace": "^5.0.5",
115
116
  "@stackblitz/sdk": "^1.9.0",
116
117
  "@types/d3": "^7.4.3",
@@ -121,15 +122,15 @@
121
122
  "@types/topojson": "^3.2.6",
122
123
  "concurrently": "^8.2.2",
123
124
  "downlevel-dts": "^0.11.0",
124
- "jsdom": "^23.2.0",
125
+ "jsdom": "^24.0.0",
125
126
  "resize-observer-polyfill": "^1.5.1",
126
127
  "sass": "^1.70.0",
127
- "storybook": "~7.6.10",
128
+ "storybook": "~7.6.12",
128
129
  "typedoc": "^0.25.7",
129
130
  "typescript": "^5.3.3",
130
131
  "vite": "^5.0.12",
131
- "vite-plugin-dts": "^3.7.1",
132
- "vitest": "^1.2.1"
132
+ "vite-plugin-dts": "^3.7.2",
133
+ "vitest": "^1.2.2"
133
134
  },
134
135
  "publishConfig": {
135
136
  "access": "public"
@@ -178,5 +179,5 @@
178
179
  "url": "https://github.com/theiliad"
179
180
  }
180
181
  ],
181
- "gitHead": "de1a4ca6bc427d7196f3d91f72106bb08c5b0204"
182
+ "gitHead": "746fb9fdbd162da162208d4f1e7ae1c894a0d5d9"
182
183
  }
package/styles.css CHANGED
@@ -5163,9 +5163,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5163
5163
  }
5164
5164
 
5165
5165
  .cds--chart-holder {
5166
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
5167
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5168
+ --cds-ai-border-end: #d0e2ff;
5169
+ --cds-ai-border-start: #78a9ff;
5170
+ --cds-ai-border-strong: #4589ff;
5171
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
5166
5172
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5167
5173
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5168
5174
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5175
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
5169
5176
  --cds-background: #ffffff;
5170
5177
  --cds-background-active: rgba(141, 141, 141, 0.5);
5171
5178
  --cds-background-brand: #0f62fe;
@@ -5255,8 +5262,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5255
5262
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5256
5263
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5257
5264
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5258
- --cds-slug-callout-border-01: #78a9ff;
5259
- --cds-slug-callout-border-02: #d0e2ff;
5260
5265
  --cds-slug-callout-caret-bottom: #d0e2ff;
5261
5266
  --cds-slug-callout-caret-bottom-background: #d5e5ff;
5262
5267
  --cds-slug-callout-caret-bottom-background-actions: #dae5f8;
@@ -5267,7 +5272,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5267
5272
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5268
5273
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5269
5274
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5270
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
5271
5275
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5272
5276
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5273
5277
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
@@ -5580,9 +5584,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5580
5584
  }
5581
5585
 
5582
5586
  .cds--chart-holder[data-carbon-theme=g10] {
5587
+ --cds-ai-aura-end: rgba(255, 255, 255, 0);
5588
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
5589
+ --cds-ai-border-end: #d0e2ff;
5590
+ --cds-ai-border-start: #78a9ff;
5591
+ --cds-ai-border-strong: #4589ff;
5592
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
5583
5593
  --cds-ai-gradient-end: rgba(255, 255, 255, 0);
5584
5594
  --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
5585
5595
  --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
5596
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
5586
5597
  --cds-background: #f4f4f4;
5587
5598
  --cds-background-active: rgba(141, 141, 141, 0.5);
5588
5599
  --cds-background-brand: #0f62fe;
@@ -5672,8 +5683,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5672
5683
  --cds-slug-callout-aura-start-hover-01: rgba(255, 255, 255, 0.5);
5673
5684
  --cds-slug-callout-aura-start-hover-02: rgba(208, 226, 255, 0.5);
5674
5685
  --cds-slug-callout-aura-start-selected: rgba(237, 245, 255, 0.6);
5675
- --cds-slug-callout-border-01: #78a9ff;
5676
- --cds-slug-callout-border-02: #d0e2ff;
5677
5686
  --cds-slug-callout-caret-bottom: #d0e2ff;
5678
5687
  --cds-slug-callout-caret-bottom-background: #ccdbf8;
5679
5688
  --cds-slug-callout-caret-bottom-background-actions: #d2dcee;
@@ -5684,7 +5693,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5684
5693
  --cds-slug-callout-gradient-top: rgba(244, 244, 244, 0.85);
5685
5694
  --cds-slug-callout-gradient-top-hover: rgba(224, 224, 224, 0.55);
5686
5695
  --cds-slug-callout-gradient-top-selected: rgba(224, 224, 224, 0.85);
5687
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
5688
5696
  --cds-slug-callout-shadow-outer-01: rgba(0, 67, 206, 0.25);
5689
5697
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.1);
5690
5698
  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
@@ -5997,9 +6005,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
5997
6005
  }
5998
6006
 
5999
6007
  .cds--chart-holder[data-carbon-theme=g90] {
6008
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
6009
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6010
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6011
+ --cds-ai-border-start: #4589ff;
6012
+ --cds-ai-border-strong: #78a9ff;
6013
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
6000
6014
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
6001
6015
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
6002
6016
  --cds-ai-gradient-start-02: transparent;
6017
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
6003
6018
  --cds-background: #262626;
6004
6019
  --cds-background-active: rgba(141, 141, 141, 0.4);
6005
6020
  --cds-background-brand: #0f62fe;
@@ -6081,7 +6096,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6081
6096
  --cds-skeleton-element: #525252;
6082
6097
  --cds-slug-background: #c6c6c6;
6083
6098
  --cds-slug-background-hover: #e0e0e0;
6084
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
6099
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
6085
6100
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6086
6101
  --cds-slug-callout-aura-end-hover-02: transparent;
6087
6102
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
@@ -6089,8 +6104,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6089
6104
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6090
6105
  --cds-slug-callout-aura-start-hover-02: transparent;
6091
6106
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6092
- --cds-slug-callout-border-01: #4589ff;
6093
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
6094
6107
  --cds-slug-callout-caret-bottom: #465060;
6095
6108
  --cds-slug-callout-caret-bottom-background: #2d3f5c;
6096
6109
  --cds-slug-callout-caret-bottom-background-actions: #253042;
@@ -6101,7 +6114,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6101
6114
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6102
6115
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6103
6116
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6104
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
6105
6117
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6106
6118
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6107
6119
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
@@ -6414,9 +6426,16 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6414
6426
  }
6415
6427
 
6416
6428
  .cds--chart-holder[data-carbon-theme=g100] {
6429
+ --cds-ai-aura-end: rgba(0, 0, 0, 0);
6430
+ --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
6431
+ --cds-ai-border-end: rgba(166, 200, 255, 0.24);
6432
+ --cds-ai-border-start: #4589ff;
6433
+ --cds-ai-border-strong: #78a9ff;
6434
+ --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
6417
6435
  --cds-ai-gradient-end: rgba(38, 38, 38, 0);
6418
6436
  --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
6419
6437
  --cds-ai-gradient-start-02: transparent;
6438
+ --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
6420
6439
  --cds-background: #161616;
6421
6440
  --cds-background-active: rgba(141, 141, 141, 0.4);
6422
6441
  --cds-background-brand: #0f62fe;
@@ -6498,7 +6517,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6498
6517
  --cds-skeleton-element: #393939;
6499
6518
  --cds-slug-background: #c6c6c6;
6500
6519
  --cds-slug-background-hover: #e0e0e0;
6501
- --cds-slug-callout-aura-end: rgba(255, 255, 255, 0);
6520
+ --cds-slug-callout-aura-end: rgba(0, 0, 0, 0);
6502
6521
  --cds-slug-callout-aura-end-hover-01: rgba(22, 22, 22, 0);
6503
6522
  --cds-slug-callout-aura-end-hover-02: transparent;
6504
6523
  --cds-slug-callout-aura-end-selected: rgba(22, 22, 22, 0);
@@ -6506,8 +6525,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6506
6525
  --cds-slug-callout-aura-start-hover-01: rgba(184, 211, 255, 0.3);
6507
6526
  --cds-slug-callout-aura-start-hover-02: transparent;
6508
6527
  --cds-slug-callout-aura-start-selected: rgba(208, 226, 255, 0.2);
6509
- --cds-slug-callout-border-01: #4589ff;
6510
- --cds-slug-callout-border-02: rgba(166, 200, 255, 0.25);
6511
6528
  --cds-slug-callout-caret-bottom: #3d4655;
6512
6529
  --cds-slug-callout-caret-bottom-background: #213250;
6513
6530
  --cds-slug-callout-caret-bottom-background-actions: #192436;
@@ -6518,7 +6535,6 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
6518
6535
  --cds-slug-callout-gradient-top: rgba(22, 22, 22, 0.85);
6519
6536
  --cds-slug-callout-gradient-top-hover: rgba(57, 57, 57, 0.55);
6520
6537
  --cds-slug-callout-gradient-top-selected: rgba(57, 57, 57, 0.85);
6521
- --cds-slug-callout-shadow-inner: rgba(69, 137, 255, 0.2);
6522
6538
  --cds-slug-callout-shadow-outer-01: rgba(0, 45, 156, 0.25);
6523
6539
  --cds-slug-callout-shadow-outer-02: rgba(0, 0, 0, 0.65);
6524
6540
  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);