@aivenio/aquarium 2.3.1 → 2.4.0

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 (47) hide show
  1. package/dist/_variables.scss +49 -0
  2. package/dist/atoms.cjs +55 -0
  3. package/dist/atoms.mjs +55 -0
  4. package/dist/charts.cjs +1165 -324
  5. package/dist/charts.mjs +1166 -327
  6. package/dist/src/charts/AreaChart/AreaChart.d.ts +2 -1
  7. package/dist/src/charts/AreaChart/AreaChart.js +14 -30
  8. package/dist/src/charts/BarChart/BarChart.d.ts +2 -1
  9. package/dist/src/charts/BarChart/BarChart.js +17 -21
  10. package/dist/src/charts/DefaultPalette/DefaultPalette.d.ts +15 -0
  11. package/dist/src/charts/DefaultPalette/DefaultPalette.js +23 -0
  12. package/dist/src/charts/Legend/Legend.d.ts +4 -1
  13. package/dist/src/charts/Legend/Legend.js +25 -3
  14. package/dist/src/charts/LineChart/LineChart.d.ts +2 -1
  15. package/dist/src/charts/LineChart/LineChart.js +17 -32
  16. package/dist/src/charts/PieChart/DoughnutChart.d.ts +2 -1
  17. package/dist/src/charts/PieChart/DoughnutChart.js +16 -4
  18. package/dist/src/charts/PieChart/PieChart.d.ts +3 -2
  19. package/dist/src/charts/PieChart/PieChart.js +17 -2
  20. package/dist/src/charts/PieChart/renderPieChildren.d.ts +5 -1
  21. package/dist/src/charts/PieChart/renderPieChildren.js +7 -4
  22. package/dist/src/charts/{PieChart → Tooltip}/TooltipContentWrapper.d.ts +2 -1
  23. package/dist/src/charts/Tooltip/TooltipContentWrapper.js +37 -0
  24. package/dist/src/charts/hooks/index.d.ts +1 -0
  25. package/dist/src/charts/hooks/index.js +2 -0
  26. package/dist/src/charts/hooks/useDefaultColor.d.ts +1 -0
  27. package/dist/src/charts/hooks/useDefaultColor.js +7 -0
  28. package/dist/src/charts/hooks/useDefaultColor.spec.d.ts +1 -0
  29. package/dist/src/charts/hooks/useDefaultColor.spec.js +28 -0
  30. package/dist/src/charts/index.d.ts +2 -0
  31. package/dist/src/charts/index.js +3 -1
  32. package/dist/src/charts/lib/utils.d.ts +5 -1
  33. package/dist/src/charts/lib/utils.js +27 -1
  34. package/dist/src/molecules/DatePicker/DatePicker.d.ts +3 -2
  35. package/dist/src/molecules/DatePicker/DatePicker.js +12 -8
  36. package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +3 -2
  37. package/dist/src/molecules/DatePicker/DateRangePicker.js +12 -8
  38. package/dist/src/molecules/PageHeader/PageHeader.d.ts +1 -1
  39. package/dist/src/molecules/PageHeader/PageHeader.js +1 -1
  40. package/dist/src/tokens/tokens.json +55 -0
  41. package/dist/styles.css +57 -6
  42. package/dist/system.cjs +92 -13
  43. package/dist/system.mjs +96 -15
  44. package/dist/tokens.json +55 -0
  45. package/dist/tsconfig.module.tsbuildinfo +1 -1
  46. package/package.json +1 -1
  47. package/dist/src/charts/PieChart/TooltipContentWrapper.js +0 -31
package/dist/_variables.scss CHANGED
@@ -145,6 +145,55 @@ $colors-current: currentColor;
145
145
  $colors-transparent: transparent;
146
146
  $colors-black: black;
147
147
  $colors-white: white;
148
+ $chart-colors-secondary-categorical-41: rgba(255, 173, 179, 1);
149
+ $chart-colors-secondary-categorical-40: rgba(180, 229, 251, 1);
150
+ $chart-colors-secondary-categorical-39: rgba(250, 178, 110, 1);
151
+ $chart-colors-secondary-categorical-38: rgba(137, 235, 128, 1);
152
+ $chart-colors-secondary-categorical-37: rgba(255, 169, 201, 1);
153
+ $chart-colors-secondary-categorical-36: rgba(253, 212, 77, 1);
154
+ $chart-colors-secondary-categorical-35: rgba(185, 197, 239, 1);
155
+ $chart-colors-secondary-categorical-34: rgba(224, 80, 79, 1);
156
+ $chart-colors-secondary-categorical-33: rgba(127, 209, 247, 1);
157
+ $chart-colors-secondary-categorical-32: rgba(252, 135, 26, 1);
158
+ $chart-colors-secondary-categorical-31: rgba(96, 219, 87, 1);
159
+ $chart-colors-secondary-categorical-30: rgba(255, 111, 148, 1);
160
+ $chart-colors-secondary-categorical-29: rgba(255, 193, 7, 1);
161
+ $chart-colors-secondary-categorical-28: rgba(129, 142, 236, 1);
162
+ $chart-colors-secondary-categorical-27: rgba(230, 39, 40, 1);
163
+ $chart-colors-secondary-categorical-26: rgba(40, 180, 244, 1);
164
+ $chart-colors-secondary-categorical-25: rgba(249, 106, 2, 1);
165
+ $chart-colors-secondary-categorical-24: rgba(0, 195, 0, 1);
166
+ $chart-colors-secondary-categorical-23: rgba(255, 82, 117, 1);
167
+ $chart-colors-secondary-categorical-22: rgba(255, 179, 0, 1);
168
+ $chart-colors-secondary-categorical-21: rgba(88, 101, 205, 1);
169
+ $chart-colors-secondary-categorical-20: rgba(14, 22, 82, 1);
170
+ $chart-colors-secondary-categorical-19: rgba(254, 109, 0, 1);
171
+ $chart-colors-secondary-categorical-18: rgba(0, 111, 0, 1);
172
+ $chart-colors-secondary-categorical-17: rgba(167, 0, 69, 1);
173
+ $chart-colors-secondary-categorical-16: rgba(2, 86, 154, 1);
174
+ $chart-colors-secondary-categorical-15: rgba(170, 0, 0, 1);
175
+ $chart-colors-secondary-categorical-14: rgba(225, 29, 22, 1);
176
+ $chart-colors-secondary-categorical-13: rgba(197, 0, 1, 1);
177
+ $chart-colors-secondary-categorical-12: rgba(1, 116, 186, 1);
178
+ $chart-colors-secondary-categorical-11: rgba(235, 70, 16, 1);
179
+ $chart-colors-secondary-categorical-10: rgba(0, 159, 0, 1);
180
+ $chart-colors-secondary-categorical-9: rgba(228, 26, 74, 1);
181
+ $chart-colors-secondary-categorical-8: rgba(255, 144, 3, 1);
182
+ $chart-colors-secondary-categorical-7: rgba(34, 47, 149, 1);
183
+ $chart-colors-secondary-categorical-6: rgba(231, 0, 0, 1);
184
+ $chart-colors-secondary-categorical-5: rgba(3, 153, 227, 1);
185
+ $chart-colors-secondary-categorical-4: rgba(243, 88, 13, 1);
186
+ $chart-colors-secondary-categorical-3: rgba(0, 179, 0, 1);
187
+ $chart-colors-secondary-categorical-2: rgba(255, 53, 84, 1);
188
+ $chart-colors-secondary-categorical-1: rgba(253, 159, 0, 1);
189
+ $chart-colors-secondary-categorical-0: rgba(53, 69, 190, 1);
190
+ $chart-colors-primary-categorical-5: rgba(255, 193, 7, 1);
191
+ $chart-colors-primary-categorical-4: rgba(0, 179, 0, 1);
192
+ $chart-colors-primary-categorical-3: rgba(249, 106, 2, 1);
193
+ $chart-colors-primary-categorical-2: rgba(40, 180, 244, 1);
194
+ $chart-colors-primary-categorical-1: rgba(255, 53, 84, 1);
195
+ $chart-colors-primary-categorical-0: rgba(88, 101, 205, 1);
196
+ $chart-colors-default: rgba(180, 180, 187, 1);
148
197
  $background-color-icon-button-hover: rgba(25,25,29,.05);
149
198
  $border-width-default: 1px;
150
199
  $border-width-8: 8px;
package/dist/atoms.cjs CHANGED
@@ -5274,6 +5274,61 @@ var tokens_default = {
5274
5274
  intense: "rgba(197,0,1,1)"
5275
5275
  }
5276
5276
  },
5277
+ chartColors: {
5278
+ default: "rgba(180, 180, 187, 1)",
5279
+ primaryCategorical: {
5280
+ "0": "rgba(88, 101, 205, 1)",
5281
+ "1": "rgba(255, 53, 84, 1)",
5282
+ "2": "rgba(40, 180, 244, 1)",
5283
+ "3": "rgba(249, 106, 2, 1)",
5284
+ "4": "rgba(0, 179, 0, 1)",
5285
+ "5": "rgba(255, 193, 7, 1)"
5286
+ },
5287
+ secondaryCategorical: {
5288
+ "0": "rgba(53, 69, 190, 1)",
5289
+ "1": "rgba(253, 159, 0, 1)",
5290
+ "2": "rgba(255, 53, 84, 1)",
5291
+ "3": "rgba(0, 179, 0, 1)",
5292
+ "4": "rgba(243, 88, 13, 1)",
5293
+ "5": "rgba(3, 153, 227, 1)",
5294
+ "6": "rgba(231, 0, 0, 1)",
5295
+ "7": "rgba(34, 47, 149, 1)",
5296
+ "8": "rgba(255, 144, 3, 1)",
5297
+ "9": "rgba(228, 26, 74, 1)",
5298
+ "10": "rgba(0, 159, 0, 1)",
5299
+ "11": "rgba(235, 70, 16, 1)",
5300
+ "12": "rgba(1, 116, 186, 1)",
5301
+ "13": "rgba(197, 0, 1, 1)",
5302
+ "14": "rgba(225, 29, 22, 1)",
5303
+ "15": "rgba(170, 0, 0, 1)",
5304
+ "16": "rgba(2, 86, 154, 1)",
5305
+ "17": "rgba(167, 0, 69, 1)",
5306
+ "18": "rgba(0, 111, 0, 1)",
5307
+ "19": "rgba(254, 109, 0, 1)",
5308
+ "20": "rgba(14, 22, 82, 1)",
5309
+ "21": "rgba(88, 101, 205, 1)",
5310
+ "22": "rgba(255, 179, 0, 1)",
5311
+ "23": "rgba(255, 82, 117, 1)",
5312
+ "24": "rgba(0, 195, 0, 1)",
5313
+ "25": "rgba(249, 106, 2, 1)",
5314
+ "26": "rgba(40, 180, 244, 1)",
5315
+ "27": "rgba(230, 39, 40, 1)",
5316
+ "28": "rgba(129, 142, 236, 1)",
5317
+ "29": "rgba(255, 193, 7, 1)",
5318
+ "30": "rgba(255, 111, 148, 1)",
5319
+ "31": "rgba(96, 219, 87, 1)",
5320
+ "32": "rgba(252, 135, 26, 1)",
5321
+ "33": "rgba(127, 209, 247, 1)",
5322
+ "34": "rgba(224, 80, 79, 1)",
5323
+ "35": "rgba(185, 197, 239, 1)",
5324
+ "36": "rgba(253, 212, 77, 1)",
5325
+ "37": "rgba(255, 169, 201, 1)",
5326
+ "38": "rgba(137, 235, 128, 1)",
5327
+ "39": "rgba(250, 178, 110, 1)",
5328
+ "40": "rgba(180, 229, 251, 1)",
5329
+ "41": "rgba(255, 173, 179, 1)"
5330
+ }
5331
+ },
5277
5332
  colors: {
5278
5333
  white: "white",
5279
5334
  black: "black",
package/dist/atoms.mjs CHANGED
@@ -5223,6 +5223,61 @@ var tokens_default = {
5223
5223
  intense: "rgba(197,0,1,1)"
5224
5224
  }
5225
5225
  },
5226
+ chartColors: {
5227
+ default: "rgba(180, 180, 187, 1)",
5228
+ primaryCategorical: {
5229
+ "0": "rgba(88, 101, 205, 1)",
5230
+ "1": "rgba(255, 53, 84, 1)",
5231
+ "2": "rgba(40, 180, 244, 1)",
5232
+ "3": "rgba(249, 106, 2, 1)",
5233
+ "4": "rgba(0, 179, 0, 1)",
5234
+ "5": "rgba(255, 193, 7, 1)"
5235
+ },
5236
+ secondaryCategorical: {
5237
+ "0": "rgba(53, 69, 190, 1)",
5238
+ "1": "rgba(253, 159, 0, 1)",
5239
+ "2": "rgba(255, 53, 84, 1)",
5240
+ "3": "rgba(0, 179, 0, 1)",
5241
+ "4": "rgba(243, 88, 13, 1)",
5242
+ "5": "rgba(3, 153, 227, 1)",
5243
+ "6": "rgba(231, 0, 0, 1)",
5244
+ "7": "rgba(34, 47, 149, 1)",
5245
+ "8": "rgba(255, 144, 3, 1)",
5246
+ "9": "rgba(228, 26, 74, 1)",
5247
+ "10": "rgba(0, 159, 0, 1)",
5248
+ "11": "rgba(235, 70, 16, 1)",
5249
+ "12": "rgba(1, 116, 186, 1)",
5250
+ "13": "rgba(197, 0, 1, 1)",
5251
+ "14": "rgba(225, 29, 22, 1)",
5252
+ "15": "rgba(170, 0, 0, 1)",
5253
+ "16": "rgba(2, 86, 154, 1)",
5254
+ "17": "rgba(167, 0, 69, 1)",
5255
+ "18": "rgba(0, 111, 0, 1)",
5256
+ "19": "rgba(254, 109, 0, 1)",
5257
+ "20": "rgba(14, 22, 82, 1)",
5258
+ "21": "rgba(88, 101, 205, 1)",
5259
+ "22": "rgba(255, 179, 0, 1)",
5260
+ "23": "rgba(255, 82, 117, 1)",
5261
+ "24": "rgba(0, 195, 0, 1)",
5262
+ "25": "rgba(249, 106, 2, 1)",
5263
+ "26": "rgba(40, 180, 244, 1)",
5264
+ "27": "rgba(230, 39, 40, 1)",
5265
+ "28": "rgba(129, 142, 236, 1)",
5266
+ "29": "rgba(255, 193, 7, 1)",
5267
+ "30": "rgba(255, 111, 148, 1)",
5268
+ "31": "rgba(96, 219, 87, 1)",
5269
+ "32": "rgba(252, 135, 26, 1)",
5270
+ "33": "rgba(127, 209, 247, 1)",
5271
+ "34": "rgba(224, 80, 79, 1)",
5272
+ "35": "rgba(185, 197, 239, 1)",
5273
+ "36": "rgba(253, 212, 77, 1)",
5274
+ "37": "rgba(255, 169, 201, 1)",
5275
+ "38": "rgba(137, 235, 128, 1)",
5276
+ "39": "rgba(250, 178, 110, 1)",
5277
+ "40": "rgba(180, 229, 251, 1)",
5278
+ "41": "rgba(255, 173, 179, 1)"
5279
+ }
5280
+ },
5226
5281
  colors: {
5227
5282
  white: "white",
5228
5283
  black: "black",