@aivenio/aquarium 1.73.0 → 1.75.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 (31) hide show
  1. package/dist/_variables.scss +86 -85
  2. package/dist/atoms.cjs +211 -165
  3. package/dist/atoms.mjs +211 -165
  4. package/dist/src/atoms/Card/Card.js +2 -2
  5. package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +1 -1
  6. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +2 -1
  7. package/dist/src/atoms/Modal/Modal.js +3 -3
  8. package/dist/src/atoms/RadioButton/RadioButton.js +2 -2
  9. package/dist/src/atoms/Select/Select.js +4 -3
  10. package/dist/src/atoms/Toast/Toast.js +4 -4
  11. package/dist/src/molecules/Accordion/Accordion.js +2 -2
  12. package/dist/src/molecules/Badge/Badge.js +3 -3
  13. package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +3 -1
  14. package/dist/src/molecules/DropdownMenu/DropdownMenu.js +1 -1
  15. package/dist/src/molecules/Input/Input.js +3 -1
  16. package/dist/src/molecules/Popover/Popover.js +6 -2
  17. package/dist/src/molecules/TagLabel/TagLabel.js +1 -1
  18. package/dist/src/molecules/Typography/Typography.d.ts +2 -1
  19. package/dist/src/molecules/Typography/Typography.js +11 -1
  20. package/dist/src/molecules/index.d.ts +1 -0
  21. package/dist/src/molecules/index.js +2 -1
  22. package/dist/src/tokens/tokens.json +180 -154
  23. package/dist/styles.css +598 -492
  24. package/dist/system.cjs +3068 -3015
  25. package/dist/system.mjs +2907 -2855
  26. package/dist/tailwind.theme.json +1 -0
  27. package/dist/tokens.json +180 -154
  28. package/dist/tsconfig.module.tsbuildinfo +1 -1
  29. package/dist/types/designTokens.d.ts +1 -1
  30. package/dist/types/tailwindGenerated.d.ts +1 -1
  31. package/package.json +3 -1
package/dist/_variables.scss CHANGED
@@ -56,91 +56,91 @@ $elevations-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 6
56
56
  $elevations-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
57
57
  $elevations-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
58
58
  $elevations-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
59
- $box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
60
- $colors-primary-100: #0e1652;
61
- $colors-primary-90: #222f95;
62
- $colors-primary-80: #3545be;
63
- $colors-primary-70: #5865cd;
64
- $colors-primary-60: #818eec;
65
- $colors-primary-50: #9daaee;
66
- $colors-primary-40: #b9c5ef;
67
- $colors-primary-30: #c7d1f4;
68
- $colors-primary-20: #d5ddfa;
69
- $colors-primary-10: #e3e9ff;
70
- $colors-primary-5: #f3f6ff;
71
- $colors-primary-0: #ffffff;
72
- $colors-secondary-100: #e11d16;
73
- $colors-secondary-90: #eb4610;
74
- $colors-secondary-80: #f3580d;
75
- $colors-secondary-70: #f96a02;
76
- $colors-secondary-60: #ff7700;
77
- $colors-secondary-50: #fc871a;
78
- $colors-secondary-40: #fb9a3e;
79
- $colors-secondary-30: #fab26e;
80
- $colors-secondary-20: #f8c99c;
81
- $colors-secondary-10: #fee8d0;
82
- $colors-secondary-5: #fff3e8;
83
- $colors-secondary-0: #fffbf8;
84
- $colors-grey-100: #19191d;
85
- $colors-grey-90: #292a31;
86
- $colors-grey-80: #3a3a44;
87
- $colors-grey-70: #4a4b57;
88
- $colors-grey-60: #5a5b6a;
89
- $colors-grey-50: #787885;
90
- $colors-grey-40: #9696a0;
91
- $colors-grey-30: #b4b4bb;
92
- $colors-grey-20: #d2d2d6;
93
- $colors-grey-10: #e1e1e3;
94
- $colors-grey-5: #ededf0;
95
- $colors-grey-0: #f7f7fa;
96
- $colors-info-100: #02569a;
97
- $colors-info-90: #0174ba;
98
- $colors-info-80: #0788d1;
99
- $colors-info-70: #0399e3;
100
- $colors-info-60: #02a8f3;
101
- $colors-info-50: #28b4f4;
102
- $colors-info-40: #4cc2f7;
103
- $colors-info-30: #7fd1f7;
104
- $colors-info-20: #b4e5fb;
105
- $colors-info-10: #e0f5fe;
106
- $colors-info-5: #effaff;
107
- $colors-info-0: #f9fdff;
108
- $colors-success-100: #006f00;
109
- $colors-success-90: #008e00;
110
- $colors-success-80: #009f00;
111
- $colors-success-70: #00b300;
112
- $colors-success-60: #00c300;
113
- $colors-success-50: #40ce37;
114
- $colors-success-40: #60db57;
115
- $colors-success-30: #89eb80;
116
- $colors-success-20: #afffa7;
117
- $colors-success-10: #cbffc9;
118
- $colors-success-5: #ecf7ed;
119
- $colors-success-0: #f5faf5;
120
- $colors-warning-100: #fe6d00;
121
- $colors-warning-90: #ff9003;
122
- $colors-warning-80: #fd9f00;
123
- $colors-warning-70: #ffb300;
124
- $colors-warning-60: #ffc107;
125
- $colors-warning-50: #fdc926;
126
- $colors-warning-40: #fdd44d;
127
- $colors-warning-30: #fddf81;
128
- $colors-warning-20: #feebb2;
129
- $colors-warning-10: #fff2cd;
130
- $colors-warning-5: #fff8ea;
131
- $colors-warning-0: #fffdf9;
132
- $colors-error-100: #aa0000;
133
- $colors-error-90: #b90000;
134
- $colors-error-80: #c50001;
135
- $colors-error-70: #d80005;
136
- $colors-error-60: #e70000;
137
- $colors-error-50: #e62728;
138
- $colors-error-40: #e0504f;
139
- $colors-error-30: #ed7975;
140
- $colors-error-20: #ffadb3;
141
- $colors-error-10: #ffcbd2;
142
- $colors-error-5: #fee8e7;
143
- $colors-error-0: #fef2f1;
59
+ $box-shadow-body-inset: inset 0 0 0 3px var(--aquarium-background-color-body);
60
+ $colors-primary-100: rgba(14,22,82,1);
61
+ $colors-primary-90: rgba(34,47,149,1);
62
+ $colors-primary-80: rgba(53,69,190,1);
63
+ $colors-primary-70: rgba(88,101,205,1);
64
+ $colors-primary-60: rgba(129,142,236,1);
65
+ $colors-primary-50: rgba(157,170,238,1);
66
+ $colors-primary-40: rgba(185,197,239,1);
67
+ $colors-primary-30: rgba(199,209,244,1);
68
+ $colors-primary-20: rgba(213,221,250,1);
69
+ $colors-primary-10: rgba(227,233,255,1);
70
+ $colors-primary-5: rgba(243,246,255,1);
71
+ $colors-primary-0: rgba(255,255,255,1);
72
+ $colors-secondary-100: rgba(225,29,22,1);
73
+ $colors-secondary-90: rgba(235,70,16,1);
74
+ $colors-secondary-80: rgba(243,88,13,1);
75
+ $colors-secondary-70: rgba(249,106,2,1);
76
+ $colors-secondary-60: rgba(255,119,0,1);
77
+ $colors-secondary-50: rgba(252,135,26,1);
78
+ $colors-secondary-40: rgba(251,154,62,1);
79
+ $colors-secondary-30: rgba(250,178,110,1);
80
+ $colors-secondary-20: rgba(248,201,156,1);
81
+ $colors-secondary-10: rgba(254,232,208,1);
82
+ $colors-secondary-5: rgba(255,243,232,1);
83
+ $colors-secondary-0: rgba(255,251,248,1);
84
+ $colors-grey-100: rgba(25,25,29,1);
85
+ $colors-grey-90: rgba(41,42,49,1);
86
+ $colors-grey-80: rgba(58,58,68,1);
87
+ $colors-grey-70: rgba(74,75,87,1);
88
+ $colors-grey-60: rgba(90,91,106,1);
89
+ $colors-grey-50: rgba(120,120,133,1);
90
+ $colors-grey-40: rgba(150,150,160,1);
91
+ $colors-grey-30: rgba(180,180,187,1);
92
+ $colors-grey-20: rgba(210,210,214,1);
93
+ $colors-grey-10: rgba(225,225,227,1);
94
+ $colors-grey-5: rgba(237,237,240,1);
95
+ $colors-grey-0: rgba(247,247,250,1);
96
+ $colors-info-100: rgba(2,86,154,1);
97
+ $colors-info-90: rgba(1,116,186,1);
98
+ $colors-info-80: rgba(7,136,209,1);
99
+ $colors-info-70: rgba(3,153,227,1);
100
+ $colors-info-60: rgba(2,168,243,1);
101
+ $colors-info-50: rgba(40,180,244,1);
102
+ $colors-info-40: rgba(76,194,247,1);
103
+ $colors-info-30: rgba(127,209,247,1);
104
+ $colors-info-20: rgba(180,229,251,1);
105
+ $colors-info-10: rgba(224,245,254,1);
106
+ $colors-info-5: rgba(239,250,255,1);
107
+ $colors-info-0: rgba(249,253,255,1);
108
+ $colors-success-100: rgba(0,111,0,1);
109
+ $colors-success-90: rgba(0,142,0,1);
110
+ $colors-success-80: rgba(0,159,0,1);
111
+ $colors-success-70: rgba(0,179,0,1);
112
+ $colors-success-60: rgba(0,195,0,1);
113
+ $colors-success-50: rgba(64,206,55,1);
114
+ $colors-success-40: rgba(96,219,87,1);
115
+ $colors-success-30: rgba(137,235,128,1);
116
+ $colors-success-20: rgba(175,255,167,1);
117
+ $colors-success-10: rgba(203,255,201,1);
118
+ $colors-success-5: rgba(236,247,237,1);
119
+ $colors-success-0: rgba(245,250,245,1);
120
+ $colors-warning-100: rgba(254,109,0,1);
121
+ $colors-warning-90: rgba(255,144,3,1);
122
+ $colors-warning-80: rgba(253,159,0,1);
123
+ $colors-warning-70: rgba(255,179,0,1);
124
+ $colors-warning-60: rgba(255,193,7,1);
125
+ $colors-warning-50: rgba(253,201,38,1);
126
+ $colors-warning-40: rgba(253,212,77,1);
127
+ $colors-warning-30: rgba(253,223,129,1);
128
+ $colors-warning-20: rgba(254,235,178,1);
129
+ $colors-warning-10: rgba(255,242,205,1);
130
+ $colors-warning-5: rgba(255,248,234,1);
131
+ $colors-warning-0: rgba(255,253,249,1);
132
+ $colors-error-100: rgba(170,0,0,1);
133
+ $colors-error-90: rgba(185,0,0,1);
134
+ $colors-error-80: rgba(197,0,1,1);
135
+ $colors-error-70: rgba(216,0,5,1);
136
+ $colors-error-60: rgba(231,0,0,1);
137
+ $colors-error-50: rgba(230,39,40,1);
138
+ $colors-error-40: rgba(224,80,79,1);
139
+ $colors-error-30: rgba(237,121,117,1);
140
+ $colors-error-20: rgba(255,173,179,1);
141
+ $colors-error-10: rgba(255,203,210,1);
142
+ $colors-error-5: rgba(254,232,231,1);
143
+ $colors-error-0: rgba(254,242,241,1);
144
144
  $colors-current: currentColor;
145
145
  $colors-transparent: transparent;
146
146
  $colors-black: black;
@@ -205,6 +205,7 @@ $text-color-primary-default: $colors-primary-70;
205
205
  $text-color-primary-muted: $colors-primary-60;
206
206
  $text-color-primary-active: $colors-primary-90;
207
207
  $text-color-primary-inactive: $colors-primary-40;
208
+ $text-color-opposite-default: $colors-white;
208
209
  $text-color-intense: $colors-grey-90;
209
210
  $text-color-default: $colors-grey-70;
210
211
  $text-color-muted: $colors-grey-50;