@aivenio/aquarium 1.38.2 → 1.39.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.
package/dist/system.cjs CHANGED
@@ -81,566 +81,6 @@ var require_tokens = __commonJS({
81
81
  "tokens.json"(exports, module2) {
82
82
  module2.exports = {
83
83
  themes: {
84
- timescale: {
85
- colors: {
86
- "error-100": "#aa0000",
87
- "error-90": "#b90000",
88
- "error-80": "#c50001",
89
- "error-70": "#d80005",
90
- "error-60": "#e70000",
91
- "error-50": "#e62728",
92
- "error-40": "#e0504f",
93
- "error-30": "#ed7975",
94
- "error-20": "#ffadb3",
95
- "error-10": "#ffcbd2",
96
- "error-5": "#fee8e7",
97
- "error-0": "#fef2f1",
98
- "warning-100": "#fe6d00",
99
- "warning-90": "#ff9003",
100
- "warning-80": "#fd9f00",
101
- "warning-70": "#ffb300",
102
- "warning-60": "#ffc107",
103
- "warning-50": "#fdc926",
104
- "warning-40": "#fdd44d",
105
- "warning-30": "#fddf81",
106
- "warning-20": "#feebb2",
107
- "warning-10": "#fff2cd",
108
- "warning-5": "#fff8ea",
109
- "warning-0": "#fffdf9",
110
- "success-100": "#006f00",
111
- "success-90": "#008e00",
112
- "success-80": "#009f00",
113
- "success-70": "#00b300",
114
- "success-60": "#00c300",
115
- "success-50": "#40ce37",
116
- "success-40": "#60db57",
117
- "success-30": "#89eb80",
118
- "success-20": "#afffa7",
119
- "success-10": "#cbffc9",
120
- "success-5": "#ecf7ed",
121
- "success-0": "#f5faf5",
122
- "info-100": "#02569a",
123
- "info-90": "#0174ba",
124
- "info-80": "#0788d1",
125
- "info-70": "#0399e3",
126
- "info-60": "#02a8f3",
127
- "info-50": "#28b4f4",
128
- "info-40": "#4cc2f7",
129
- "info-30": "#7fd1f7",
130
- "info-20": "#b4e5fb",
131
- "info-10": "#e0f5fe",
132
- "info-5": "#effaff",
133
- "info-0": "#f9fdff",
134
- "grey-100": "#19191d",
135
- "grey-90": "#292a31",
136
- "grey-80": "#3a3a44",
137
- "grey-70": "#4a4b57",
138
- "grey-60": "#5a5b6a",
139
- "grey-50": "#787885",
140
- "grey-40": "#9696a0",
141
- "grey-30": "#b4b4bb",
142
- "grey-20": "#d2d2d6",
143
- "grey-10": "#e1e1e3",
144
- "grey-5": "#ededf0",
145
- "grey-0": "#f7f7fa",
146
- "secondary-100": "#e11d16",
147
- "secondary-90": "#eb4610",
148
- "secondary-80": "#f3580d",
149
- "secondary-70": "#f96a02",
150
- "secondary-60": "#ff7700",
151
- "secondary-50": "#fc871a",
152
- "secondary-40": "#fb9a3e",
153
- "secondary-30": "#fab26e",
154
- "secondary-20": "#f8c99c",
155
- "secondary-10": "#fee8d0",
156
- "secondary-5": "#fff3e8",
157
- "secondary-0": "#fffbf8",
158
- "primary-100": "#02569a",
159
- "primary-90": "#0174ba",
160
- "primary-80": "#0788d1",
161
- "primary-70": "#0399e3",
162
- "primary-60": "#02a8f3",
163
- "primary-50": "#28b4f4",
164
- "primary-40": "#4cc2f7",
165
- "primary-30": "#7fd1f7",
166
- "primary-20": "#b4e5fb",
167
- "primary-10": "#e0f5fe",
168
- "primary-5": "#effaff",
169
- "primary-0": "#f9fdff"
170
- },
171
- typography: {
172
- sizes: [
173
- {
174
- name: "large-heading",
175
- className: "typography-large-heading",
176
- style: {
177
- fontFamily: "Inter",
178
- fontSize: "32px",
179
- fontWeight: 700,
180
- fontStyle: "normal",
181
- lineHeight: 1.375,
182
- textTransform: "none"
183
- },
184
- fontPostScriptName: "Inter-Bold"
185
- },
186
- {
187
- name: "heading",
188
- className: "typography-heading",
189
- style: {
190
- fontFamily: "Inter",
191
- fontSize: "24px",
192
- fontWeight: 700,
193
- fontStyle: "normal",
194
- lineHeight: 1.375,
195
- textTransform: "none"
196
- },
197
- fontPostScriptName: "Inter-Bold"
198
- },
199
- {
200
- name: "subheading",
201
- className: "typography-subheading",
202
- style: {
203
- fontFamily: "Inter",
204
- fontSize: "20px",
205
- fontWeight: 600,
206
- fontStyle: "normal",
207
- lineHeight: 1.375,
208
- textTransform: "none"
209
- },
210
- fontPostScriptName: "Inter-Bold"
211
- },
212
- {
213
- name: "large-strong",
214
- className: "typography-large-strong",
215
- style: {
216
- fontFamily: "Inter",
217
- fontSize: "20px",
218
- fontWeight: 600,
219
- fontStyle: "normal",
220
- lineHeight: 1.58,
221
- textTransform: "none"
222
- },
223
- fontPostScriptName: "Inter-SemiBold"
224
- },
225
- {
226
- name: "large",
227
- className: "typography-large",
228
- style: {
229
- fontFamily: "Inter",
230
- fontSize: "20px",
231
- fontWeight: 500,
232
- fontStyle: "normal",
233
- lineHeight: 1.58,
234
- textTransform: "none"
235
- },
236
- fontPostScriptName: "Inter-SemiBold"
237
- },
238
- {
239
- name: "default-strong",
240
- className: "typography-default-strong",
241
- style: {
242
- fontFamily: "Inter",
243
- fontSize: "16px",
244
- fontWeight: 500,
245
- fontStyle: "normal",
246
- lineHeight: 1.5,
247
- textTransform: "none"
248
- },
249
- fontPostScriptName: "Inter-SemiBold"
250
- },
251
- {
252
- name: "default",
253
- className: "typography-default",
254
- style: {
255
- fontFamily: "Inter",
256
- fontSize: "16px",
257
- fontWeight: 400,
258
- fontStyle: "normal",
259
- lineHeight: 1.5,
260
- textTransform: "none"
261
- },
262
- fontPostScriptName: null
263
- },
264
- {
265
- name: "small-strong",
266
- className: "typography-small-strong",
267
- style: {
268
- fontFamily: "Inter",
269
- fontSize: "14px",
270
- fontWeight: 500,
271
- fontStyle: "normal",
272
- lineHeight: 1.42,
273
- textTransform: "none"
274
- },
275
- fontPostScriptName: "Inter-SemiBold"
276
- },
277
- {
278
- name: "small",
279
- className: "typography-small",
280
- style: {
281
- fontFamily: "Inter",
282
- fontSize: "14px",
283
- fontWeight: 400,
284
- fontStyle: "normal",
285
- lineHeight: 1.42,
286
- textTransform: "none"
287
- },
288
- fontPostScriptName: null
289
- },
290
- {
291
- name: "caption",
292
- className: "typography-caption",
293
- style: {
294
- fontFamily: "Inter",
295
- fontSize: "12px",
296
- fontWeight: 400,
297
- fontStyle: "normal",
298
- lineHeight: 1.26,
299
- textTransform: "none"
300
- },
301
- fontPostScriptName: null
302
- },
303
- {
304
- name: "caption-small",
305
- className: "typography-caption-small",
306
- style: {
307
- fontFamily: "Inter",
308
- fontSize: "10px",
309
- fontWeight: 400,
310
- fontStyle: "normal",
311
- lineHeight: 1.2,
312
- textTransform: "none"
313
- },
314
- fontPostScriptName: null
315
- },
316
- {
317
- name: "caption-default",
318
- className: "typography-caption-default",
319
- style: {
320
- fontFamily: "Inter",
321
- fontSize: "12px",
322
- fontWeight: 400,
323
- fontStyle: "normal",
324
- lineHeight: 1.26,
325
- letterSpacing: 0,
326
- textTransform: "none"
327
- },
328
- fontPostScriptName: null
329
- },
330
- {
331
- name: "overline-small",
332
- className: "typography-overline-small",
333
- style: {
334
- fontFamily: "Inter",
335
- fontSize: "10px",
336
- fontWeight: 400,
337
- fontStyle: "normal",
338
- lineHeight: 1,
339
- letterSpacing: 0,
340
- textTransform: "uppercase"
341
- },
342
- fontPostScriptName: null
343
- },
344
- {
345
- name: "overline-default",
346
- className: "typography-overline-default",
347
- style: {
348
- fontFamily: "Inter",
349
- fontSize: "12px",
350
- fontWeight: 400,
351
- fontStyle: "normal",
352
- lineHeight: 1,
353
- letterSpacing: 0,
354
- textTransform: "uppercase"
355
- },
356
- fontPostScriptName: null
357
- },
358
- {
359
- name: "button-small",
360
- className: "typography-button-small",
361
- style: {
362
- fontFamily: "Inter",
363
- fontSize: "12px",
364
- fontWeight: 500,
365
- fontStyle: "normal",
366
- lineHeight: 1,
367
- letterSpacing: 0,
368
- textTransform: "none"
369
- },
370
- fontPostScriptName: "Inter-Medium"
371
- },
372
- {
373
- name: "button-medium",
374
- className: "typography-button-medium",
375
- style: {
376
- fontFamily: "Inter",
377
- fontSize: "14px",
378
- fontWeight: 400,
379
- fontStyle: "normal",
380
- lineHeight: 1,
381
- letterSpacing: 0,
382
- textTransform: "none"
383
- },
384
- fontPostScriptName: "Inter-SemiBold"
385
- },
386
- {
387
- name: "button-large",
388
- className: "typography-button-large",
389
- style: {
390
- fontFamily: "Inter",
391
- fontSize: "16px",
392
- fontWeight: 500,
393
- fontStyle: "normal",
394
- lineHeight: 1.5,
395
- letterSpacing: 0,
396
- textTransform: "none"
397
- },
398
- fontPostScriptName: "Inter-Medium"
399
- },
400
- {
401
- name: "body-small",
402
- className: "typography-body-small",
403
- style: {
404
- fontFamily: "Inter",
405
- fontSize: "14px",
406
- fontWeight: 400,
407
- fontStyle: "normal",
408
- lineHeight: 1.43,
409
- letterSpacing: 0,
410
- textTransform: "none"
411
- },
412
- fontPostScriptName: null
413
- },
414
- {
415
- name: "body-small-medium",
416
- className: "typography-body-small-medium",
417
- style: {
418
- fontFamily: "Inter",
419
- fontSize: "14px",
420
- fontWeight: 500,
421
- fontStyle: "normal",
422
- lineHeight: 1.43,
423
- letterSpacing: 0,
424
- textTransform: "none"
425
- },
426
- fontPostScriptName: "Inter-SemiBold"
427
- },
428
- {
429
- name: "body-default",
430
- className: "typography-body-default",
431
- style: {
432
- fontFamily: "Inter",
433
- fontSize: "16px",
434
- fontWeight: 400,
435
- fontStyle: "normal",
436
- lineHeight: 1.5,
437
- letterSpacing: 0,
438
- textTransform: "none"
439
- },
440
- fontPostScriptName: null
441
- },
442
- {
443
- name: "body-default-medium",
444
- className: "typography-body-default-medium",
445
- style: {
446
- fontFamily: "Inter",
447
- fontSize: "16px",
448
- fontWeight: 500,
449
- fontStyle: "normal",
450
- lineHeight: 1.5,
451
- letterSpacing: 0,
452
- textTransform: "none"
453
- },
454
- fontPostScriptName: "Inter-SemiBold"
455
- },
456
- {
457
- name: "body-large",
458
- className: "typography-body-large",
459
- style: {
460
- fontFamily: "Inter",
461
- fontSize: "20px",
462
- fontWeight: 400,
463
- fontStyle: "normal",
464
- lineHeight: 1.58,
465
- letterSpacing: 0,
466
- textTransform: "none"
467
- },
468
- fontPostScriptName: null
469
- },
470
- {
471
- name: "body-large-medium",
472
- className: "typography-body-large-medium",
473
- style: {
474
- fontFamily: "Inter",
475
- fontSize: "20px",
476
- fontWeight: 400,
477
- fontStyle: "normal",
478
- lineHeight: 1.2,
479
- letterSpacing: 0,
480
- textTransform: "none"
481
- },
482
- fontPostScriptName: "Inter-SemiBold"
483
- },
484
- {
485
- name: "heading-large",
486
- className: "typography-heading-large",
487
- style: {
488
- fontFamily: "Inter",
489
- fontSize: "20px",
490
- fontWeight: 700,
491
- fontStyle: "normal",
492
- lineHeight: 1.5,
493
- letterSpacing: 0.15,
494
- textTransform: "none"
495
- },
496
- fontPostScriptName: "Inter-Bold"
497
- },
498
- {
499
- name: "heading-xl",
500
- className: "typography-heading-xl",
501
- style: {
502
- fontFamily: "Inter",
503
- fontSize: "24px",
504
- fontWeight: 700,
505
- fontStyle: "normal",
506
- lineHeight: 1.5,
507
- letterSpacing: 0,
508
- textTransform: "none"
509
- },
510
- fontPostScriptName: "Inter-Bold"
511
- },
512
- {
513
- name: "heading-2xl",
514
- className: "typography-heading-2xl",
515
- style: {
516
- fontFamily: "Inter",
517
- fontSize: "34px",
518
- fontWeight: 700,
519
- fontStyle: "normal",
520
- lineHeight: 1.28,
521
- letterSpacing: 0,
522
- textTransform: "none"
523
- },
524
- fontPostScriptName: "Inter-Bold"
525
- },
526
- {
527
- name: "heading-3xl",
528
- className: "typography-heading-3xl",
529
- style: {
530
- fontFamily: "Inter",
531
- fontSize: "48px",
532
- fontWeight: 700,
533
- fontStyle: "normal",
534
- lineHeight: 1.24,
535
- letterSpacing: -0.48,
536
- textTransform: "none"
537
- },
538
- fontPostScriptName: "Inter-Bold"
539
- },
540
- {
541
- name: "heading-4xl",
542
- className: "typography-heading-4xl",
543
- style: {
544
- fontFamily: "Inter",
545
- fontSize: "60px",
546
- fontWeight: 700,
547
- fontStyle: "normal",
548
- lineHeight: 1.2,
549
- letterSpacing: -1.5,
550
- textTransform: "none"
551
- },
552
- fontPostScriptName: "Inter-Bold"
553
- },
554
- {
555
- name: "heading-5xl",
556
- className: "typography-heading-5xl",
557
- style: {
558
- fontFamily: "Inter",
559
- fontSize: "76px",
560
- fontWeight: 700,
561
- fontStyle: "normal",
562
- lineHeight: 1.2,
563
- letterSpacing: -1.98,
564
- textTransform: "none"
565
- },
566
- fontPostScriptName: "Inter-Bold"
567
- }
568
- ]
569
- },
570
- elevations: {
571
- "24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
572
- "16dp": "0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12)",
573
- "8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
574
- "4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
575
- "2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)"
576
- },
577
- spacing: {
578
- layout01: {
579
- px: 16,
580
- rem: 1
581
- },
582
- layout02: {
583
- px: 24,
584
- rem: 1.5
585
- },
586
- layout03: {
587
- px: 32,
588
- rem: 2
589
- },
590
- layout04: {
591
- px: 48,
592
- rem: 3
593
- },
594
- layout05: {
595
- px: 64,
596
- rem: 4
597
- },
598
- layout06: {
599
- px: 96,
600
- rem: 6
601
- },
602
- layout07: {
603
- px: 160,
604
- rem: 10
605
- },
606
- spacing01: {
607
- px: 2,
608
- rem: 0.125
609
- },
610
- spacing02: {
611
- px: 4,
612
- rem: 0.25
613
- },
614
- spacing03: {
615
- px: 8,
616
- rem: 0.5
617
- },
618
- spacing04: {
619
- px: 12,
620
- rem: 0.75
621
- },
622
- spacing05: {
623
- px: 16,
624
- rem: 1
625
- },
626
- spacing06: {
627
- px: 24,
628
- rem: 1.5
629
- },
630
- spacing07: {
631
- px: 32,
632
- rem: 2
633
- },
634
- spacing08: {
635
- px: 40,
636
- rem: 2.5
637
- },
638
- spacing09: {
639
- px: 48,
640
- rem: 3
641
- }
642
- }
643
- },
644
84
  aiven: {
645
85
  colors: {
646
86
  "error-100": "#aa0000",
@@ -5140,7 +4580,8 @@ __export(system_exports, {
5140
4580
  useScrollTarget: () => useScrollTarget,
5141
4581
  useTableSelect: () => useTableSelect,
5142
4582
  useTableSort: () => useTableSort,
5143
- useToast: () => useToast
4583
+ useToast: () => useToast,
4584
+ useToastContext: () => useToastContext
5144
4585
  });
5145
4586
  module.exports = __toCommonJS(system_exports);
5146
4587
  var import_resolveTheme2 = __toESM(require_resolveTheme());
@@ -5263,7 +4704,8 @@ __export(molecules_exports, {
5263
4704
  useScrollTarget: () => useScrollTarget,
5264
4705
  useTableSelect: () => useTableSelect,
5265
4706
  useTableSort: () => useTableSort,
5266
- useToast: () => useToast
4707
+ useToast: () => useToast,
4708
+ useToastContext: () => useToastContext
5267
4709
  });
5268
4710
 
5269
4711
  // src/atoms/Select/Select.tsx
@@ -6619,15 +6061,25 @@ var Timer = ({ children, duration }) => {
6619
6061
 
6620
6062
  // src/molecules/Toast/Toast.tsx
6621
6063
  var ToastContext = (0, import_react12.createContext)(null);
6622
- var useToastContext = () => {
6064
+ var useToastRootContext = () => {
6623
6065
  const context2 = (0, import_react12.useContext)(ToastContext);
6624
6066
  if (context2 === null) {
6625
6067
  throw new Error("ToastContext was used outside of provider.");
6626
6068
  }
6627
6069
  return context2;
6628
6070
  };
6071
+ var useToastContext = () => {
6072
+ const [_, dispatch] = useToastRootContext();
6073
+ const toast = (toast2) => {
6074
+ dispatch({ type: 0 /* Toast */, toast: toast2 });
6075
+ };
6076
+ const dismiss = (toastId) => {
6077
+ dispatch({ type: 1 /* Dismiss */, toastId });
6078
+ };
6079
+ return [toast, dismiss];
6080
+ };
6629
6081
  var useToast = () => {
6630
- const [_, dispatch] = useToastContext();
6082
+ const [_, dispatch] = useToastRootContext();
6631
6083
  return (toast) => {
6632
6084
  dispatch({ type: 0 /* Toast */, toast });
6633
6085
  };
@@ -6643,8 +6095,13 @@ var toToast = (_a) => {
6643
6095
  };
6644
6096
  var reducer = (state, action) => {
6645
6097
  switch (action.type) {
6646
- case 0 /* Toast */:
6647
- return __spreadProps(__spreadValues({}, state), { toasts: [...state.toasts, toToast(action.toast)] });
6098
+ case 0 /* Toast */: {
6099
+ const newToast = toToast(action.toast);
6100
+ if (state.toasts.some((toast) => toast.id === newToast.id)) {
6101
+ return __spreadValues({}, state);
6102
+ }
6103
+ return __spreadProps(__spreadValues({}, state), { toasts: [...state.toasts, newToast] });
6104
+ }
6648
6105
  case 1 /* Dismiss */:
6649
6106
  return __spreadProps(__spreadValues({}, state), {
6650
6107
  toasts: state.toasts.filter((toast) => toast.id !== action.toastId)
@@ -6691,7 +6148,7 @@ var ToastComponent = ({ toast, onDismiss }) => {
6691
6148
  }, content);
6692
6149
  };
6693
6150
  var ToastConsumer = () => {
6694
- const [state, dispatch] = useToastContext();
6151
+ const [state, dispatch] = useToastRootContext();
6695
6152
  const toastsByPosition = (0, import_groupBy.default)(state.toasts, "position");
6696
6153
  const positions = Object.keys(toastsByPosition);
6697
6154
  const onDismiss = (toastId) => {
@@ -8804,6 +8261,7 @@ var GridComponent = Tailwindify(
8804
8261
  }
8805
8262
  );
8806
8263
  Grid.Item = GridItem;
8264
+ Grid.Item.displayName = "Grid.Item";
8807
8265
 
8808
8266
  // src/atoms/InputGroup/InputGroup.tsx
8809
8267
  var gridColumnStyles = {
@@ -9306,9 +8764,11 @@ var ComboboxBase = (_a) => {
9306
8764
  stateReducer: (_, actionChanges) => {
9307
8765
  const { changes, type } = actionChanges;
9308
8766
  switch (type) {
8767
+ case import_downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
9309
8768
  case import_downshift.useCombobox.stateChangeTypes.InputBlur: {
8769
+ const selectedItem2 = createOption ? createOption == null ? void 0 : createOption(changes.inputValue) : changes.selectedItem;
9310
8770
  return __spreadProps(__spreadValues({}, changes), {
9311
- selectedItem: createOption ? createOption == null ? void 0 : createOption(changes.inputValue) : changes.selectedItem
8771
+ selectedItem: selectedItem2
9312
8772
  });
9313
8773
  }
9314
8774
  }
@@ -9547,9 +9007,10 @@ var createInput = (displayName, opts = {}) => {
9547
9007
  getCommonInputStyles({ readOnly, valid }),
9548
9008
  props.className
9549
9009
  )
9550
- })), opts.canReset && (props.value || ((_a2 = inputRef.current) == null ? void 0 : _a2.value)) && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, /* @__PURE__ */ import_react54.default.createElement(ResetIcon, {
9010
+ })), opts.canReset && (props.value || ((_a2 = inputRef.current) == null ? void 0 : _a2.value)) && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, /* @__PURE__ */ import_react54.default.createElement("button", {
9011
+ "aria-label": "reset search",
9551
9012
  onClick: handleReset
9552
- })), !opts.canReset && endAdornment && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, endAdornment));
9013
+ }, /* @__PURE__ */ import_react54.default.createElement(ResetIcon, null))), !opts.canReset && endAdornment && /* @__PURE__ */ import_react54.default.createElement(InputAdornment, null, endAdornment));
9553
9014
  }
9554
9015
  );
9555
9016
  InputComponent.displayName = displayName;
@@ -14099,5 +13560,6 @@ var system_default = __spreadProps(__spreadValues({}, molecules_exports), {
14099
13560
  useScrollTarget,
14100
13561
  useTableSelect,
14101
13562
  useTableSort,
14102
- useToast
13563
+ useToast,
13564
+ useToastContext
14103
13565
  });