@aivenio/aquarium 1.66.0 → 1.67.0-rc1

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 (70) hide show
  1. package/README.md +11 -3
  2. package/dist/_variables.scss +27 -15
  3. package/dist/atoms.cjs +73 -65
  4. package/dist/atoms.mjs +73 -65
  5. package/dist/src/atoms/Alert/Alert.js +10 -10
  6. package/dist/src/atoms/Card/Card.js +3 -3
  7. package/dist/src/atoms/Checkbox/Checkbox.d.ts +1 -1
  8. package/dist/src/atoms/Checkbox/Checkbox.js +3 -3
  9. package/dist/src/atoms/DataList/DataList.js +2 -2
  10. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +3 -5
  11. package/dist/src/atoms/Navigation/Navigation.js +1 -1
  12. package/dist/src/atoms/RadioButton/RadioButton.d.ts +1 -1
  13. package/dist/src/atoms/RadioButton/RadioButton.js +4 -4
  14. package/dist/src/atoms/Select/Select.js +9 -12
  15. package/dist/src/atoms/Stepper/Stepper.js +5 -4
  16. package/dist/src/atoms/Switch/Switch.d.ts +1 -1
  17. package/dist/src/atoms/Switch/Switch.js +1 -1
  18. package/dist/src/atoms/Table/Table.js +1 -1
  19. package/dist/src/atoms/Toast/Toast.js +2 -2
  20. package/dist/src/molecules/Badge/Badge.d.ts +10 -4
  21. package/dist/src/molecules/Badge/Badge.js +5 -4
  22. package/dist/src/molecules/Banner/Banner.d.ts +1 -1
  23. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +1 -1
  24. package/dist/src/molecules/Button/Button.d.ts +9 -9
  25. package/dist/src/molecules/Button/Button.js +4 -4
  26. package/dist/src/molecules/Chip/Chip.js +8 -8
  27. package/dist/src/molecules/ControlLabel/ControlLabel.js +1 -1
  28. package/dist/src/molecules/Drawer/Drawer.js +7 -9
  29. package/dist/src/molecules/Dropdown/Dropdown.js +1 -1
  30. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +10 -2
  31. package/dist/src/molecules/Input/Input.d.ts +4 -3
  32. package/dist/src/molecules/Input/Input.js +10 -4
  33. package/dist/src/molecules/MultiInput/InputChip.js +6 -7
  34. package/dist/src/molecules/NativeSelect/NativeSelect.js +3 -3
  35. package/dist/src/molecules/SegmentedControl/SegmentedControl.js +1 -1
  36. package/dist/src/molecules/TagLabel/TagLabel.js +2 -2
  37. package/dist/src/molecules/Tooltip/Tooltip.js +3 -3
  38. package/dist/src/utils/constants.js +3 -3
  39. package/dist/src/utils/form/InputAdornment/InputAdornment.js +3 -3
  40. package/dist/src/utils/form/Label/Label.js +2 -2
  41. package/dist/styles.css +116 -95
  42. package/dist/system.cjs +122 -102
  43. package/dist/system.mjs +128 -108
  44. package/dist/tailwind/tailwind.backgroundColor.d.ts +43 -0
  45. package/dist/tailwind/tailwind.backgroundColor.js +44 -0
  46. package/dist/tailwind/tailwind.borderColor.d.ts +44 -0
  47. package/dist/tailwind/tailwind.borderColor.js +32 -0
  48. package/dist/tailwind/tailwind.borderRadius.d.ts +1 -0
  49. package/dist/tailwind/tailwind.borderRadius.js +5 -0
  50. package/dist/tailwind/tailwind.colors.d.ts +102 -0
  51. package/dist/tailwind/tailwind.colors.js +106 -0
  52. package/dist/tailwind/tailwind.elevations.d.ts +8 -0
  53. package/dist/tailwind/tailwind.elevations.js +9 -0
  54. package/dist/tailwind/tailwind.margin.d.ts +22 -0
  55. package/dist/tailwind/tailwind.margin.js +23 -0
  56. package/dist/tailwind/tailwind.spacing.d.ts +21 -0
  57. package/dist/tailwind/tailwind.spacing.js +22 -0
  58. package/dist/tailwind/tailwind.textColor.d.ts +56 -0
  59. package/dist/tailwind/tailwind.textColor.js +39 -0
  60. package/dist/tailwind/tailwind.typography.d.ts +14 -0
  61. package/dist/tailwind/tailwind.typography.js +15 -0
  62. package/dist/tailwind/textColor.d.ts +219 -0
  63. package/dist/tailwind/textColor.js +651 -0
  64. package/dist/tailwind/typography.d.ts +219 -0
  65. package/dist/tailwind/typography.js +651 -0
  66. package/dist/tailwind.config.js +25 -13
  67. package/dist/tailwind.theme.json +26 -14
  68. package/dist/tsconfig.module.tsbuildinfo +1 -1
  69. package/dist/types/tailwindGenerated.d.ts +1 -1
  70. package/package.json +2 -2
package/dist/tailwind.config.js CHANGED
@@ -22,66 +22,78 @@ const originalTheme = {
22
22
  modal: '100',
23
23
  },
24
24
  borderColor: {
25
- 'muted-2x': 'var(--aquarium-colors-grey-0)',
26
25
  'muted': 'var(--aquarium-colors-grey-5)',
27
26
  'default': 'var(--aquarium-colors-grey-20)',
28
27
  'intense': 'var(--aquarium-colors-grey-50)',
29
- 'primary-muted-3x': 'var(--aquarium-colors-primary-10)',
30
- 'primary-muted-2x': 'var(--aquarium-colors-primary-40)',
31
28
  'primary-muted': 'var(--aquarium-colors-primary-60)',
32
29
  'primary-default': 'var(--aquarium-colors-primary-80)',
30
+ 'primary-intense': 'var(--aquarium-colors-primary-100)',
31
+ 'info-muted': 'var(--aquarium-colors-info-50)',
33
32
  'info-default': 'var(--aquarium-colors-info-70)',
33
+ 'info-intense': 'var(--aquarium-colors-info-90)',
34
34
  'success-muted': 'var(--aquarium-colors-success-10)',
35
35
  'success-default': 'var(--aquarium-colors-success-40)',
36
36
  'success-intense': 'var(--aquarium-colors-success-70)',
37
37
  'warning-muted': 'var(--aquarium-colors-warning-20)',
38
+ 'warning-default': 'var(--aquarium-colors-warning-70)',
39
+ 'warning-intense': 'var(--aquarium-colors-warning-90)',
38
40
  'danger-muted': 'var(--aquarium-colors-error-10)',
39
41
  'danger-default': 'var(--aquarium-colors-error-50)',
40
42
  'danger-intense': 'var(--aquarium-colors-error-80)',
41
43
  },
42
44
  backgroundColor: {
43
45
  'body': 'var(--aquarium-colors-white)',
46
+ 'body-intense': 'var(--aquarium-colors-grey-80)',
44
47
  'popover-content': 'var(--aquarium-colors-white)',
45
48
  'muted': 'var(--aquarium-colors-grey-0)',
46
49
  'default': 'var(--aquarium-colors-grey-5)',
47
50
  'intense': 'var(--aquarium-colors-grey-20)',
48
- 'intense-2x': 'var(--aquarium-colors-grey-80)',
49
- 'primary-muted-3x': 'var(--aquarium-colors-primary-5)',
50
- 'primary-muted-2x': 'var(--aquarium-colors-primary-10)',
51
51
  'primary-muted': 'var(--aquarium-colors-primary-40)',
52
52
  'primary-default': 'var(--aquarium-colors-primary-80)',
53
53
  'primary-intense': 'var(--aquarium-colors-primary-90)',
54
- 'secondary-default': 'var(--aquarium-colors-secondary-90)',
54
+ 'primary-active': 'var(--aquarium-colors-primary-5)',
55
+ 'primary-hover': 'var(--aquarium-colors-primary-5)',
55
56
  'info-muted': 'var(--aquarium-colors-info-10)',
56
57
  'info-default': 'var(--aquarium-colors-info-70)',
58
+ 'info-intense': 'var(--aquarium-colors-info-90)',
57
59
  'success-muted': 'var(--aquarium-colors-success-5)',
58
60
  'success-default': 'var(--aquarium-colors-success-70)',
59
61
  'success-intense': 'var(--aquarium-colors-success-90)',
60
62
  'warning-muted': 'var(--aquarium-colors-warning-5)',
61
63
  'warning-default': 'var(--aquarium-colors-warning-70)',
62
- 'danger-muted-2x': 'var(--aquarium-colors-error-5)',
64
+ 'warning-intense': 'var(--aquarium-colors-warning-90)',
63
65
  'danger-muted': 'var(--aquarium-colors-error-10)',
64
66
  'danger-default': 'var(--aquarium-colors-error-20)',
65
67
  'danger-intense': 'var(--aquarium-colors-error-50)',
68
+ 'status-announcement': 'var(--aquarium-colors-primary-5)',
69
+ 'status-info': 'var(--aquarium-colors-info-10)',
70
+ 'status-warning': 'var(--aquarium-colors-warning-5)',
71
+ 'status-danger': 'var(--aquarium-colors-error-5)',
72
+ 'status-success': 'var(--aquarium-colors-success-5)',
66
73
  },
67
74
  textColor: {
68
- 'muted-3x': 'var(--aquarium-colors-grey-30)',
69
- 'muted-2x': 'var(--aquarium-colors-grey-40)',
75
+ 'inactive': 'var(--aquarium-colors-grey-40)',
70
76
  'muted': 'var(--aquarium-colors-grey-50)',
71
77
  'default': 'var(--aquarium-colors-grey-70)',
72
78
  'intense': 'var(--aquarium-colors-grey-90)',
73
- 'primary-muted-3x': 'var(--aquarium-colors-primary-10)',
74
- 'primary-muted-2x': 'var(--aquarium-colors-primary-40)',
79
+ 'primary-inactive': 'var(--aquarium-colors-primary-40)',
80
+ 'primary-active': 'var(--aquarium-colors-primary-90)',
75
81
  'primary-muted': 'var(--aquarium-colors-primary-60)',
76
82
  'primary-default': 'var(--aquarium-colors-primary-70)',
77
83
  'primary-intense': 'var(--aquarium-colors-primary-80)',
78
- 'primary-intense-2x': 'var(--aquarium-colors-primary-90)',
84
+ 'info-inactive': 'var(--aquarium-colors-info-20)',
85
+ 'info-muted': 'var(--aquarium-colors-info-40)',
79
86
  'info-default': 'var(--aquarium-colors-info-70)',
80
87
  'info-intense': 'var(--aquarium-colors-info-90)',
88
+ 'success-inactive': 'var(--aquarium-colors-success-10)',
89
+ 'success-muted': 'var(--aquarium-colors-success-30)',
81
90
  'success-default': 'var(--aquarium-colors-success-70)',
82
91
  'success-intense': 'var(--aquarium-colors-success-90)',
92
+ 'warning-inactive': 'var(--aquarium-colors-warning-20)',
93
+ 'warning-muted': 'var(--aquarium-colors-warning-40)',
83
94
  'warning-default': 'var(--aquarium-colors-warning-80)',
84
95
  'warning-intense': 'var(--aquarium-colors-warning-100)',
96
+ 'danger-inactive': 'var(--aquarium-colors-error-10)',
85
97
  'danger-muted': 'var(--aquarium-colors-error-20)',
86
98
  'danger-default': 'var(--aquarium-colors-error-50)',
87
99
  'danger-intense': 'var(--aquarium-colors-error-80)',
package/dist/tailwind.theme.json CHANGED
@@ -359,28 +359,33 @@
359
359
  "white": "var(--aquarium-colors-white, white)",
360
360
  "black": "var(--aquarium-colors-black, black)",
361
361
  "body": "var(--aquarium-background-color-body)",
362
+ "body-intense": "var(--aquarium-background-color-body-intense)",
362
363
  "popover-content": "var(--aquarium-background-color-popover-content)",
363
364
  "muted": "var(--aquarium-background-color-muted)",
364
365
  "default": "var(--aquarium-background-color-default)",
365
366
  "intense": "var(--aquarium-background-color-intense)",
366
- "intense-2x": "var(--aquarium-background-color-intense-2x)",
367
- "primary-muted-3x": "var(--aquarium-background-color-primary-muted-3x)",
368
- "primary-muted-2x": "var(--aquarium-background-color-primary-muted-2x)",
369
367
  "primary-muted": "var(--aquarium-background-color-primary-muted)",
370
368
  "primary-default": "var(--aquarium-background-color-primary-default)",
371
369
  "primary-intense": "var(--aquarium-background-color-primary-intense)",
372
- "secondary-default": "var(--aquarium-background-color-secondary-default)",
370
+ "primary-active": "var(--aquarium-background-color-primary-active)",
371
+ "primary-hover": "var(--aquarium-background-color-primary-hover)",
373
372
  "info-muted": "var(--aquarium-background-color-info-muted)",
374
373
  "info-default": "var(--aquarium-background-color-info-default)",
374
+ "info-intense": "var(--aquarium-background-color-info-intense)",
375
375
  "success-muted": "var(--aquarium-background-color-success-muted)",
376
376
  "success-default": "var(--aquarium-background-color-success-default)",
377
377
  "success-intense": "var(--aquarium-background-color-success-intense)",
378
378
  "warning-muted": "var(--aquarium-background-color-warning-muted)",
379
379
  "warning-default": "var(--aquarium-background-color-warning-default)",
380
- "danger-muted-2x": "var(--aquarium-background-color-danger-muted-2x)",
380
+ "warning-intense": "var(--aquarium-background-color-warning-intense)",
381
381
  "danger-muted": "var(--aquarium-background-color-danger-muted)",
382
382
  "danger-default": "var(--aquarium-background-color-danger-default)",
383
- "danger-intense": "var(--aquarium-background-color-danger-intense)"
383
+ "danger-intense": "var(--aquarium-background-color-danger-intense)",
384
+ "status-announcement": "var(--aquarium-background-color-status-announcement)",
385
+ "status-info": "var(--aquarium-background-color-status-info)",
386
+ "status-warning": "var(--aquarium-background-color-status-warning)",
387
+ "status-danger": "var(--aquarium-background-color-status-danger)",
388
+ "status-success": "var(--aquarium-background-color-status-success)"
384
389
  },
385
390
  "textColor": {
386
391
  "error-100": "var(--aquarium-colors-error-100, #aa0000)",
@@ -471,23 +476,28 @@
471
476
  "current": "var(--aquarium-colors-current, currentColor)",
472
477
  "white": "var(--aquarium-colors-white, white)",
473
478
  "black": "var(--aquarium-colors-black, black)",
474
- "muted-3x": "var(--aquarium-text-color-muted-3x)",
475
- "muted-2x": "var(--aquarium-text-color-muted-2x)",
479
+ "inactive": "var(--aquarium-text-color-inactive)",
476
480
  "muted": "var(--aquarium-text-color-muted)",
477
481
  "default": "var(--aquarium-text-color-default)",
478
482
  "intense": "var(--aquarium-text-color-intense)",
479
- "primary-muted-3x": "var(--aquarium-text-color-primary-muted-3x)",
480
- "primary-muted-2x": "var(--aquarium-text-color-primary-muted-2x)",
483
+ "primary-inactive": "var(--aquarium-text-color-primary-inactive)",
484
+ "primary-active": "var(--aquarium-text-color-primary-active)",
481
485
  "primary-muted": "var(--aquarium-text-color-primary-muted)",
482
486
  "primary-default": "var(--aquarium-text-color-primary-default)",
483
487
  "primary-intense": "var(--aquarium-text-color-primary-intense)",
484
- "primary-intense-2x": "var(--aquarium-text-color-primary-intense-2x)",
488
+ "info-inactive": "var(--aquarium-text-color-info-inactive)",
489
+ "info-muted": "var(--aquarium-text-color-info-muted)",
485
490
  "info-default": "var(--aquarium-text-color-info-default)",
486
491
  "info-intense": "var(--aquarium-text-color-info-intense)",
492
+ "success-inactive": "var(--aquarium-text-color-success-inactive)",
493
+ "success-muted": "var(--aquarium-text-color-success-muted)",
487
494
  "success-default": "var(--aquarium-text-color-success-default)",
488
495
  "success-intense": "var(--aquarium-text-color-success-intense)",
496
+ "warning-inactive": "var(--aquarium-text-color-warning-inactive)",
497
+ "warning-muted": "var(--aquarium-text-color-warning-muted)",
489
498
  "warning-default": "var(--aquarium-text-color-warning-default)",
490
499
  "warning-intense": "var(--aquarium-text-color-warning-intense)",
500
+ "danger-inactive": "var(--aquarium-text-color-danger-inactive)",
491
501
  "danger-muted": "var(--aquarium-text-color-danger-muted)",
492
502
  "danger-default": "var(--aquarium-text-color-danger-default)",
493
503
  "danger-intense": "var(--aquarium-text-color-danger-intense)"
@@ -582,19 +592,21 @@
582
592
  "white": "var(--aquarium-colors-white, white)",
583
593
  "black": "var(--aquarium-colors-black, black)",
584
594
  "DEFAULT": "currentColor",
585
- "muted-2x": "var(--aquarium-border-color-muted-2x)",
586
595
  "muted": "var(--aquarium-border-color-muted)",
587
596
  "default": "var(--aquarium-border-color-default)",
588
597
  "intense": "var(--aquarium-border-color-intense)",
589
- "primary-muted-3x": "var(--aquarium-border-color-primary-muted-3x)",
590
- "primary-muted-2x": "var(--aquarium-border-color-primary-muted-2x)",
591
598
  "primary-muted": "var(--aquarium-border-color-primary-muted)",
592
599
  "primary-default": "var(--aquarium-border-color-primary-default)",
600
+ "primary-intense": "var(--aquarium-border-color-primary-intense)",
601
+ "info-muted": "var(--aquarium-border-color-info-muted)",
593
602
  "info-default": "var(--aquarium-border-color-info-default)",
603
+ "info-intense": "var(--aquarium-border-color-info-intense)",
594
604
  "success-muted": "var(--aquarium-border-color-success-muted)",
595
605
  "success-default": "var(--aquarium-border-color-success-default)",
596
606
  "success-intense": "var(--aquarium-border-color-success-intense)",
597
607
  "warning-muted": "var(--aquarium-border-color-warning-muted)",
608
+ "warning-default": "var(--aquarium-border-color-warning-default)",
609
+ "warning-intense": "var(--aquarium-border-color-warning-intense)",
598
610
  "danger-muted": "var(--aquarium-border-color-danger-muted)",
599
611
  "danger-default": "var(--aquarium-border-color-danger-default)",
600
612
  "danger-intense": "var(--aquarium-border-color-danger-intense)"