@aivenio/aquarium 5.1.0 → 5.3.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 (36) hide show
  1. package/dist/_variables.scss +12 -0
  2. package/dist/atoms.cjs +61 -37
  3. package/dist/atoms.mjs +61 -37
  4. package/dist/charts.cjs +12 -0
  5. package/dist/charts.mjs +12 -0
  6. package/dist/src/atoms/Checkbox/Checkbox.js +1 -1
  7. package/dist/src/atoms/DatePicker/Calendar.js +3 -3
  8. package/dist/src/atoms/DatePicker/RangeCalendar.js +7 -7
  9. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +2 -2
  10. package/dist/src/atoms/Filter/Filter.js +2 -2
  11. package/dist/src/atoms/Modal/Modal.js +2 -2
  12. package/dist/src/atoms/Navigation/Navigation.js +3 -3
  13. package/dist/src/atoms/ProgressBar/ProgressBar.js +4 -4
  14. package/dist/src/atoms/RadioButton/RadioButton.js +1 -1
  15. package/dist/src/atoms/Select/Select.js +3 -3
  16. package/dist/src/atoms/Skeleton/Skeleton.js +2 -2
  17. package/dist/src/atoms/Stepper/Stepper.js +2 -2
  18. package/dist/src/atoms/Switch/Switch.js +4 -4
  19. package/dist/src/atoms/Timeline/Timeline.js +2 -2
  20. package/dist/src/atoms/Toast/Toast.js +4 -4
  21. package/dist/src/atoms/utils/index.js +2 -2
  22. package/dist/src/molecules/Badge/Badge.js +1 -1
  23. package/dist/src/molecules/Chip/Chip.js +2 -2
  24. package/dist/src/molecules/ListItem/ListItem.js +2 -2
  25. package/dist/src/molecules/MultiInput/InputChip.js +2 -2
  26. package/dist/src/molecules/NativeSelect/NativeSelect.js +2 -2
  27. package/dist/src/molecules/TagLabel/TagLabel.js +4 -4
  28. package/dist/src/tokens/tokens.json +12 -0
  29. package/dist/src/utils/constants.js +2 -2
  30. package/dist/styles.css +135 -64
  31. package/dist/system.cjs +65 -41
  32. package/dist/system.mjs +65 -41
  33. package/dist/tailwind.theme.json +12 -0
  34. package/dist/tokens.json +12 -0
  35. package/dist/tsconfig.module.tsbuildinfo +1 -1
  36. package/package.json +1 -1
package/dist/src/tokens/tokens.json CHANGED
@@ -27,11 +27,14 @@
27
27
  "popover-content": "white",
28
28
  "muted": "rgba(247,247,250,1)",
29
29
  "default": "rgba(237,237,240,1)",
30
+ "medium": "rgba(237,237,240,1)",
30
31
  "intense": "rgba(210,210,214,1)",
31
32
  "primary": {
32
33
  "muted": "rgba(185,197,239,1)",
33
34
  "default": "rgba(53,69,190,1)",
35
+ "graphic": "rgba(53,69,190,1)",
34
36
  "intense": "rgba(34,47,149,1)",
37
+ "inverse": "rgba(34,47,149,1)",
35
38
  "active": "rgba(243,246,255,1)",
36
39
  "hover": "rgba(243,246,255,1)"
37
40
  },
@@ -46,18 +49,21 @@
46
49
  "info": {
47
50
  "muted": "rgba(224,245,254,1)",
48
51
  "default": "rgba(3,153,227,1)",
52
+ "graphic": "rgba(3,153,227,1)",
49
53
  "intense": "rgba(1,116,186,1)",
50
54
  "inverse": "rgba(3,153,227,1)"
51
55
  },
52
56
  "success": {
53
57
  "muted": "rgba(236,247,237,1)",
54
58
  "default": "rgba(0,179,0,1)",
59
+ "graphic": "rgba(0,179,0,1)",
55
60
  "intense": "rgba(0,142,0,1)",
56
61
  "inverse": "rgba(0,179,0,1)"
57
62
  },
58
63
  "warning": {
59
64
  "muted": "rgba(255,248,234,1)",
60
65
  "default": "rgba(255,179,0,1)",
66
+ "graphic": "rgba(255,179,0,1)",
61
67
  "intense": "rgba(255,144,3,1)",
62
68
  "inverse": "rgba(255,179,0,1)"
63
69
  },
@@ -65,6 +71,7 @@
65
71
  "muted": "rgba(255,203,210,1)",
66
72
  "default": "rgba(255,173,179,1)",
67
73
  "intense": "rgba(230,39,40,1)",
74
+ "graphic": "rgba(230,39,40,1)",
68
75
  "inverse": "rgba(216,0,5,1)"
69
76
  },
70
77
  "status": {
@@ -288,30 +295,35 @@
288
295
  "inactive": "rgba(185,197,239,1)",
289
296
  "active": "rgba(34,47,149,1)",
290
297
  "muted": "rgba(129,142,236,1)",
298
+ "graphic": "rgba(129,142,236,1)",
291
299
  "default": "rgba(88,101,205,1)",
292
300
  "intense": "rgba(53,69,190,1)"
293
301
  },
294
302
  "info": {
295
303
  "inactive": "rgba(180,229,251,1)",
296
304
  "muted": "rgba(76,194,247,1)",
305
+ "graphic": "rgba(76,194,247,1)",
297
306
  "default": "rgba(3,153,227,1)",
298
307
  "intense": "rgba(1,116,186,1)"
299
308
  },
300
309
  "success": {
301
310
  "inactive": "rgba(203,255,201,1)",
302
311
  "muted": "rgba(137,235,128,1)",
312
+ "graphic": "rgba(137,235,128,1)",
303
313
  "default": "rgba(0,179,0,1)",
304
314
  "intense": "rgba(0,142,0,1)"
305
315
  },
306
316
  "warning": {
307
317
  "inactive": "rgba(254,235,178,1)",
308
318
  "muted": "rgba(253,212,77,1)",
319
+ "graphic": "rgba(253,212,77,1)",
309
320
  "default": "rgba(253,159,0,1)",
310
321
  "intense": "rgba(254,109,0,1)"
311
322
  },
312
323
  "danger": {
313
324
  "inactive": "rgba(255,203,210,1)",
314
325
  "muted": "rgba(255,173,179,1)",
326
+ "graphic": "rgba(255,173,179,1)",
315
327
  "default": "rgba(230,39,40,1)",
316
328
  "intense": "rgba(197,0,1,1)"
317
329
  }
package/dist/src/utils/constants.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { clsx } from 'clsx';
2
2
  import { tv } from 'tailwind-variants';
3
- export const getCommonInputStyles = ({ readOnly, valid }) => clsx('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none', {
3
+ export const getCommonInputStyles = ({ readOnly, valid }) => clsx('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-medium typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none', {
4
4
  'px-3 py-3 bg-transparent': !readOnly,
5
5
  'border-none resize-none cursor-default bg-transparent': readOnly,
6
6
  'border border-danger-default': !valid && !readOnly,
@@ -12,4 +12,4 @@ export const focusRingStyle = tv({
12
12
  export const interactiveTextStyles = tv({
13
13
  base: 'text-primary-intense active:text-primary-active focus-visible:text-primary-active hover:text-primary-active disabled:text-primary-inactive visited:text-primary-intense',
14
14
  });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBeUMsRUFBVSxFQUFFLENBQ3pHLElBQUksQ0FDRixtTUFBbU0sRUFDbk07SUFDRSwwQkFBMEIsRUFBRSxDQUFDLFFBQVE7SUFDckMsdURBQXVELEVBQUUsUUFBUTtJQUNqRSw4QkFBOEIsRUFBRSxDQUFDLEtBQUssSUFBSSxDQUFDLFFBQVE7SUFDbkQsc0VBQXNFLEVBQUUsS0FBSyxJQUFJLENBQUMsUUFBUTtDQUMzRixDQUNGLENBQUM7QUFFSixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsRUFBRSxDQUFDO0lBQy9CLElBQUksRUFBRSxtSEFBbUg7Q0FDMUgsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsRUFBRSxDQUFDO0lBQ3RDLElBQUksRUFBRSx5S0FBeUs7Q0FDaEwsQ0FBQyxDQUFDIn0=
15
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBeUMsRUFBVSxFQUFFLENBQ3pHLElBQUksQ0FDRixrTUFBa00sRUFDbE07SUFDRSwwQkFBMEIsRUFBRSxDQUFDLFFBQVE7SUFDckMsdURBQXVELEVBQUUsUUFBUTtJQUNqRSw4QkFBOEIsRUFBRSxDQUFDLEtBQUssSUFBSSxDQUFDLFFBQVE7SUFDbkQsc0VBQXNFLEVBQUUsS0FBSyxJQUFJLENBQUMsUUFBUTtDQUMzRixDQUNGLENBQUM7QUFFSixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsRUFBRSxDQUFDO0lBQy9CLElBQUksRUFBRSxtSEFBbUg7Q0FDMUgsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsRUFBRSxDQUFDO0lBQ3RDLElBQUksRUFBRSx5S0FBeUs7Q0FDaEwsQ0FBQyxDQUFDIn0=