@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.
- package/dist/_variables.scss +86 -85
- package/dist/atoms.cjs +211 -165
- package/dist/atoms.mjs +211 -165
- package/dist/src/atoms/Card/Card.js +2 -2
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +2 -1
- package/dist/src/atoms/Modal/Modal.js +3 -3
- package/dist/src/atoms/RadioButton/RadioButton.js +2 -2
- package/dist/src/atoms/Select/Select.js +4 -3
- package/dist/src/atoms/Toast/Toast.js +4 -4
- package/dist/src/molecules/Accordion/Accordion.js +2 -2
- package/dist/src/molecules/Badge/Badge.js +3 -3
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +3 -1
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/src/molecules/Input/Input.js +3 -1
- package/dist/src/molecules/Popover/Popover.js +6 -2
- package/dist/src/molecules/TagLabel/TagLabel.js +1 -1
- package/dist/src/molecules/Typography/Typography.d.ts +2 -1
- package/dist/src/molecules/Typography/Typography.js +11 -1
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/tokens/tokens.json +180 -154
- package/dist/styles.css +598 -492
- package/dist/system.cjs +3068 -3015
- package/dist/system.mjs +2907 -2855
- package/dist/tailwind.theme.json +1 -0
- package/dist/tokens.json +180 -154
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/designTokens.d.ts +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +3 -1
package/dist/tailwind.theme.json
CHANGED
@@ -532,6 +532,7 @@
|
|
532
532
|
"muted": "var(--aquarium-text-color-muted)",
|
533
533
|
"default": "var(--aquarium-text-color-default)",
|
534
534
|
"intense": "var(--aquarium-text-color-intense)",
|
535
|
+
"opposite": {"default": "var(--aquarium-text-color-opposite-default)"},
|
535
536
|
"danger": {
|
536
537
|
"inactive": "var(--aquarium-text-color-danger-inactive)",
|
537
538
|
"muted": "var(--aquarium-text-color-danger-muted)",
|
package/dist/tokens.json
CHANGED
@@ -20,77 +20,77 @@
|
|
20
20
|
},
|
21
21
|
"backgroundColor": {
|
22
22
|
"body": "white",
|
23
|
-
"body-intense": "
|
23
|
+
"body-intense": "rgba(58,58,68,1)",
|
24
24
|
"popover-content": "white",
|
25
|
-
"muted": "
|
26
|
-
"default": "
|
27
|
-
"intense": "
|
25
|
+
"muted": "rgba(247,247,250,1)",
|
26
|
+
"default": "rgba(237,237,240,1)",
|
27
|
+
"intense": "rgba(210,210,214,1)",
|
28
28
|
"primary": {
|
29
|
-
"muted": "
|
30
|
-
"default": "
|
31
|
-
"intense": "
|
32
|
-
"active": "
|
33
|
-
"hover": "
|
29
|
+
"muted": "rgba(185,197,239,1)",
|
30
|
+
"default": "rgba(53,69,190,1)",
|
31
|
+
"intense": "rgba(34,47,149,1)",
|
32
|
+
"active": "rgba(243,246,255,1)",
|
33
|
+
"hover": "rgba(243,246,255,1)"
|
34
34
|
},
|
35
35
|
"info": {
|
36
|
-
"muted": "
|
37
|
-
"default": "
|
38
|
-
"intense": "
|
36
|
+
"muted": "rgba(224,245,254,1)",
|
37
|
+
"default": "rgba(3,153,227,1)",
|
38
|
+
"intense": "rgba(1,116,186,1)"
|
39
39
|
},
|
40
40
|
"success": {
|
41
|
-
"muted": "
|
42
|
-
"default": "
|
43
|
-
"intense": "
|
41
|
+
"muted": "rgba(236,247,237,1)",
|
42
|
+
"default": "rgba(0,179,0,1)",
|
43
|
+
"intense": "rgba(0,142,0,1)"
|
44
44
|
},
|
45
45
|
"warning": {
|
46
|
-
"muted": "
|
47
|
-
"default": "
|
48
|
-
"intense": "
|
46
|
+
"muted": "rgba(255,248,234,1)",
|
47
|
+
"default": "rgba(255,179,0,1)",
|
48
|
+
"intense": "rgba(255,144,3,1)"
|
49
49
|
},
|
50
50
|
"danger": {
|
51
|
-
"muted": "
|
52
|
-
"default": "
|
53
|
-
"intense": "
|
51
|
+
"muted": "rgba(255,203,210,1)",
|
52
|
+
"default": "rgba(255,173,179,1)",
|
53
|
+
"intense": "rgba(230,39,40,1)"
|
54
54
|
},
|
55
55
|
"status": {
|
56
|
-
"announcement": "
|
57
|
-
"info": "
|
58
|
-
"warning": "
|
59
|
-
"danger": "
|
60
|
-
"success": "
|
56
|
+
"announcement": "rgba(243,246,255,1)",
|
57
|
+
"info": "rgba(224,245,254,1)",
|
58
|
+
"warning": "rgba(255,248,234,1)",
|
59
|
+
"danger": "rgba(254,232,231,1)",
|
60
|
+
"success": "rgba(236,247,237,1)"
|
61
61
|
},
|
62
62
|
"icon-button": {
|
63
63
|
"hover": "rgba(25,25,29,.05)"
|
64
64
|
}
|
65
65
|
},
|
66
66
|
"borderColor": {
|
67
|
-
"muted": "
|
68
|
-
"default": "
|
69
|
-
"intense": "
|
67
|
+
"muted": "rgba(237,237,240,1)",
|
68
|
+
"default": "rgba(210,210,214,1)",
|
69
|
+
"intense": "rgba(120,120,133,1)",
|
70
70
|
"primary": {
|
71
|
-
"muted": "
|
72
|
-
"default": "
|
73
|
-
"intense": "
|
71
|
+
"muted": "rgba(129,142,236,1)",
|
72
|
+
"default": "rgba(53,69,190,1)",
|
73
|
+
"intense": "rgba(14,22,82,1)"
|
74
74
|
},
|
75
75
|
"info": {
|
76
|
-
"muted": "
|
77
|
-
"default": "
|
78
|
-
"intense": "
|
76
|
+
"muted": "rgba(40,180,244,1)",
|
77
|
+
"default": "rgba(3,153,227,1)",
|
78
|
+
"intense": "rgba(1,116,186,1)"
|
79
79
|
},
|
80
80
|
"success": {
|
81
|
-
"muted": "
|
82
|
-
"default": "
|
83
|
-
"intense": "
|
81
|
+
"muted": "rgba(203,255,201,1)",
|
82
|
+
"default": "rgba(96,219,87,1)",
|
83
|
+
"intense": "rgba(0,179,0,1)"
|
84
84
|
},
|
85
85
|
"warning": {
|
86
|
-
"muted": "
|
87
|
-
"default": "
|
88
|
-
"intense": "
|
86
|
+
"muted": "rgba(254,235,178,1)",
|
87
|
+
"default": "rgba(255,179,0,1)",
|
88
|
+
"intense": "rgba(255,144,3,1)"
|
89
89
|
},
|
90
90
|
"danger": {
|
91
|
-
"muted": "
|
92
|
-
"default": "
|
93
|
-
"intense": "
|
91
|
+
"muted": "rgba(255,203,210,1)",
|
92
|
+
"default": "rgba(230,39,40,1)",
|
93
|
+
"intense": "rgba(197,0,1,1)"
|
94
94
|
}
|
95
95
|
},
|
96
96
|
"colors": {
|
@@ -99,139 +99,142 @@
|
|
99
99
|
"transparent": "transparent",
|
100
100
|
"current": "currentColor",
|
101
101
|
"error": {
|
102
|
-
"0": "
|
103
|
-
"5": "
|
104
|
-
"10": "
|
105
|
-
"20": "
|
106
|
-
"30": "
|
107
|
-
"40": "
|
108
|
-
"50": "
|
109
|
-
"60": "
|
110
|
-
"70": "
|
111
|
-
"80": "
|
112
|
-
"90": "
|
113
|
-
"100": "
|
102
|
+
"0": "rgba(254,242,241,1)",
|
103
|
+
"5": "rgba(254,232,231,1)",
|
104
|
+
"10": "rgba(255,203,210,1)",
|
105
|
+
"20": "rgba(255,173,179,1)",
|
106
|
+
"30": "rgba(237,121,117,1)",
|
107
|
+
"40": "rgba(224,80,79,1)",
|
108
|
+
"50": "rgba(230,39,40,1)",
|
109
|
+
"60": "rgba(231,0,0,1)",
|
110
|
+
"70": "rgba(216,0,5,1)",
|
111
|
+
"80": "rgba(197,0,1,1)",
|
112
|
+
"90": "rgba(185,0,0,1)",
|
113
|
+
"100": "rgba(170,0,0,1)"
|
114
114
|
},
|
115
115
|
"warning": {
|
116
|
-
"0": "
|
117
|
-
"5": "
|
118
|
-
"10": "
|
119
|
-
"20": "
|
120
|
-
"30": "
|
121
|
-
"40": "
|
122
|
-
"50": "
|
123
|
-
"60": "
|
124
|
-
"70": "
|
125
|
-
"80": "
|
126
|
-
"90": "
|
127
|
-
"100": "
|
116
|
+
"0": "rgba(255,253,249,1)",
|
117
|
+
"5": "rgba(255,248,234,1)",
|
118
|
+
"10": "rgba(255,242,205,1)",
|
119
|
+
"20": "rgba(254,235,178,1)",
|
120
|
+
"30": "rgba(253,223,129,1)",
|
121
|
+
"40": "rgba(253,212,77,1)",
|
122
|
+
"50": "rgba(253,201,38,1)",
|
123
|
+
"60": "rgba(255,193,7,1)",
|
124
|
+
"70": "rgba(255,179,0,1)",
|
125
|
+
"80": "rgba(253,159,0,1)",
|
126
|
+
"90": "rgba(255,144,3,1)",
|
127
|
+
"100": "rgba(254,109,0,1)"
|
128
128
|
},
|
129
129
|
"success": {
|
130
|
-
"0": "
|
131
|
-
"5": "
|
132
|
-
"10": "
|
133
|
-
"20": "
|
134
|
-
"30": "
|
135
|
-
"40": "
|
136
|
-
"50": "
|
137
|
-
"60": "
|
138
|
-
"70": "
|
139
|
-
"80": "
|
140
|
-
"90": "
|
141
|
-
"100": "
|
130
|
+
"0": "rgba(245,250,245,1)",
|
131
|
+
"5": "rgba(236,247,237,1)",
|
132
|
+
"10": "rgba(203,255,201,1)",
|
133
|
+
"20": "rgba(175,255,167,1)",
|
134
|
+
"30": "rgba(137,235,128,1)",
|
135
|
+
"40": "rgba(96,219,87,1)",
|
136
|
+
"50": "rgba(64,206,55,1)",
|
137
|
+
"60": "rgba(0,195,0,1)",
|
138
|
+
"70": "rgba(0,179,0,1)",
|
139
|
+
"80": "rgba(0,159,0,1)",
|
140
|
+
"90": "rgba(0,142,0,1)",
|
141
|
+
"100": "rgba(0,111,0,1)"
|
142
142
|
},
|
143
143
|
"info": {
|
144
|
-
"0": "
|
145
|
-
"5": "
|
146
|
-
"10": "
|
147
|
-
"20": "
|
148
|
-
"30": "
|
149
|
-
"40": "
|
150
|
-
"50": "
|
151
|
-
"60": "
|
152
|
-
"70": "
|
153
|
-
"80": "
|
154
|
-
"90": "
|
155
|
-
"100": "
|
144
|
+
"0": "rgba(249,253,255,1)",
|
145
|
+
"5": "rgba(239,250,255,1)",
|
146
|
+
"10": "rgba(224,245,254,1)",
|
147
|
+
"20": "rgba(180,229,251,1)",
|
148
|
+
"30": "rgba(127,209,247,1)",
|
149
|
+
"40": "rgba(76,194,247,1)",
|
150
|
+
"50": "rgba(40,180,244,1)",
|
151
|
+
"60": "rgba(2,168,243,1)",
|
152
|
+
"70": "rgba(3,153,227,1)",
|
153
|
+
"80": "rgba(7,136,209,1)",
|
154
|
+
"90": "rgba(1,116,186,1)",
|
155
|
+
"100": "rgba(2,86,154,1)"
|
156
156
|
},
|
157
157
|
"grey": {
|
158
|
-
"0": "
|
159
|
-
"5": "
|
160
|
-
"10": "
|
161
|
-
"20": "
|
162
|
-
"30": "
|
163
|
-
"40": "
|
164
|
-
"50": "
|
165
|
-
"60": "
|
166
|
-
"70": "
|
167
|
-
"80": "
|
168
|
-
"90": "
|
169
|
-
"100": "
|
158
|
+
"0": "rgba(247,247,250,1)",
|
159
|
+
"5": "rgba(237,237,240,1)",
|
160
|
+
"10": "rgba(225,225,227,1)",
|
161
|
+
"20": "rgba(210,210,214,1)",
|
162
|
+
"30": "rgba(180,180,187,1)",
|
163
|
+
"40": "rgba(150,150,160,1)",
|
164
|
+
"50": "rgba(120,120,133,1)",
|
165
|
+
"60": "rgba(90,91,106,1)",
|
166
|
+
"70": "rgba(74,75,87,1)",
|
167
|
+
"80": "rgba(58,58,68,1)",
|
168
|
+
"90": "rgba(41,42,49,1)",
|
169
|
+
"100": "rgba(25,25,29,1)"
|
170
170
|
},
|
171
171
|
"secondary": {
|
172
|
-
"0": "
|
173
|
-
"5": "
|
174
|
-
"10": "
|
175
|
-
"20": "
|
176
|
-
"30": "
|
177
|
-
"40": "
|
178
|
-
"50": "
|
179
|
-
"60": "
|
180
|
-
"70": "
|
181
|
-
"80": "
|
182
|
-
"90": "
|
183
|
-
"100": "
|
172
|
+
"0": "rgba(255,251,248,1)",
|
173
|
+
"5": "rgba(255,243,232,1)",
|
174
|
+
"10": "rgba(254,232,208,1)",
|
175
|
+
"20": "rgba(248,201,156,1)",
|
176
|
+
"30": "rgba(250,178,110,1)",
|
177
|
+
"40": "rgba(251,154,62,1)",
|
178
|
+
"50": "rgba(252,135,26,1)",
|
179
|
+
"60": "rgba(255,119,0,1)",
|
180
|
+
"70": "rgba(249,106,2,1)",
|
181
|
+
"80": "rgba(243,88,13,1)",
|
182
|
+
"90": "rgba(235,70,16,1)",
|
183
|
+
"100": "rgba(225,29,22,1)"
|
184
184
|
},
|
185
185
|
"primary": {
|
186
|
-
"0": "
|
187
|
-
"5": "
|
188
|
-
"10": "
|
189
|
-
"20": "
|
190
|
-
"30": "
|
191
|
-
"40": "
|
192
|
-
"50": "
|
193
|
-
"60": "
|
194
|
-
"70": "
|
195
|
-
"80": "
|
196
|
-
"90": "
|
197
|
-
"100": "
|
186
|
+
"0": "rgba(255,255,255,1)",
|
187
|
+
"5": "rgba(243,246,255,1)",
|
188
|
+
"10": "rgba(227,233,255,1)",
|
189
|
+
"20": "rgba(213,221,250,1)",
|
190
|
+
"30": "rgba(199,209,244,1)",
|
191
|
+
"40": "rgba(185,197,239,1)",
|
192
|
+
"50": "rgba(157,170,238,1)",
|
193
|
+
"60": "rgba(129,142,236,1)",
|
194
|
+
"70": "rgba(88,101,205,1)",
|
195
|
+
"80": "rgba(53,69,190,1)",
|
196
|
+
"90": "rgba(34,47,149,1)",
|
197
|
+
"100": "rgba(14,22,82,1)"
|
198
198
|
}
|
199
199
|
},
|
200
200
|
"textColor": {
|
201
|
-
"inactive": "
|
202
|
-
"muted": "
|
203
|
-
"default": "
|
204
|
-
"intense": "
|
201
|
+
"inactive": "rgba(150,150,160,1)",
|
202
|
+
"muted": "rgba(120,120,133,1)",
|
203
|
+
"default": "rgba(74,75,87,1)",
|
204
|
+
"intense": "rgba(41,42,49,1)",
|
205
|
+
"opposite": {
|
206
|
+
"default": "white"
|
207
|
+
},
|
205
208
|
"primary": {
|
206
|
-
"inactive": "
|
207
|
-
"active": "
|
208
|
-
"muted": "
|
209
|
-
"default": "
|
210
|
-
"intense": "
|
209
|
+
"inactive": "rgba(185,197,239,1)",
|
210
|
+
"active": "rgba(34,47,149,1)",
|
211
|
+
"muted": "rgba(129,142,236,1)",
|
212
|
+
"default": "rgba(88,101,205,1)",
|
213
|
+
"intense": "rgba(53,69,190,1)"
|
211
214
|
},
|
212
215
|
"info": {
|
213
|
-
"inactive": "
|
214
|
-
"muted": "
|
215
|
-
"default": "
|
216
|
-
"intense": "
|
216
|
+
"inactive": "rgba(180,229,251,1)",
|
217
|
+
"muted": "rgba(76,194,247,1)",
|
218
|
+
"default": "rgba(3,153,227,1)",
|
219
|
+
"intense": "rgba(1,116,186,1)"
|
217
220
|
},
|
218
221
|
"success": {
|
219
|
-
"inactive": "
|
220
|
-
"muted": "
|
221
|
-
"default": "
|
222
|
-
"intense": "
|
222
|
+
"inactive": "rgba(203,255,201,1)",
|
223
|
+
"muted": "rgba(137,235,128,1)",
|
224
|
+
"default": "rgba(0,179,0,1)",
|
225
|
+
"intense": "rgba(0,142,0,1)"
|
223
226
|
},
|
224
227
|
"warning": {
|
225
|
-
"inactive": "
|
226
|
-
"muted": "
|
227
|
-
"default": "
|
228
|
-
"intense": "
|
228
|
+
"inactive": "rgba(254,235,178,1)",
|
229
|
+
"muted": "rgba(253,212,77,1)",
|
230
|
+
"default": "rgba(253,159,0,1)",
|
231
|
+
"intense": "rgba(254,109,0,1)"
|
229
232
|
},
|
230
233
|
"danger": {
|
231
|
-
"inactive": "
|
232
|
-
"muted": "
|
233
|
-
"default": "
|
234
|
-
"intense": "
|
234
|
+
"inactive": "rgba(255,203,210,1)",
|
235
|
+
"muted": "rgba(255,173,179,1)",
|
236
|
+
"default": "rgba(230,39,40,1)",
|
237
|
+
"intense": "rgba(197,0,1,1)"
|
235
238
|
}
|
236
239
|
},
|
237
240
|
"boxShadow": {
|
@@ -240,7 +243,7 @@
|
|
240
243
|
"8dp": "0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16)",
|
241
244
|
"4dp": "0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20)",
|
242
245
|
"2dp": "0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24)",
|
243
|
-
"
|
246
|
+
"bodyInset": "inset 0 0 0 3px var(--aquarium-background-color-body)"
|
244
247
|
},
|
245
248
|
"elevations": {
|
246
249
|
"24dp": "0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08)",
|
@@ -331,6 +334,9 @@
|
|
331
334
|
],
|
332
335
|
"body": [
|
333
336
|
"Inter"
|
337
|
+
],
|
338
|
+
"monospace": [
|
339
|
+
"Source Code Pro"
|
334
340
|
]
|
335
341
|
},
|
336
342
|
"typography": {
|
@@ -434,6 +440,26 @@
|
|
434
440
|
"lineHeight": 1.26,
|
435
441
|
"textTransform": "none"
|
436
442
|
},
|
443
|
+
"code": {
|
444
|
+
"fontFamily": [
|
445
|
+
"Source Code Pro"
|
446
|
+
],
|
447
|
+
"fontSize": "16px",
|
448
|
+
"fontWeight": 400,
|
449
|
+
"fontStyle": "normal",
|
450
|
+
"lineHeight": 1.5,
|
451
|
+
"textTransform": "none"
|
452
|
+
},
|
453
|
+
"code-strong": {
|
454
|
+
"fontFamily": [
|
455
|
+
"Source Code Pro"
|
456
|
+
],
|
457
|
+
"fontSize": "16px",
|
458
|
+
"fontWeight": 600,
|
459
|
+
"fontStyle": "normal",
|
460
|
+
"lineHeight": 1.5,
|
461
|
+
"textTransform": "none"
|
462
|
+
},
|
437
463
|
"caption-small": {
|
438
464
|
"fontFamily": [
|
439
465
|
"Inter"
|