@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.
@@ -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": "#3a3a44",
23
+ "body-intense": "rgba(58,58,68,1)",
24
24
  "popover-content": "white",
25
- "muted": "#f7f7fa",
26
- "default": "#ededf0",
27
- "intense": "#d2d2d6",
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": "#b9c5ef",
30
- "default": "#3545be",
31
- "intense": "#222f95",
32
- "active": "#f3f6ff",
33
- "hover": "#f3f6ff"
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": "#e0f5fe",
37
- "default": "#0399e3",
38
- "intense": "#0174ba"
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": "#ecf7ed",
42
- "default": "#00b300",
43
- "intense": "#008e00"
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": "#fff8ea",
47
- "default": "#ffb300",
48
- "intense": "#ff9003"
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": "#ffcbd2",
52
- "default": "#ffadb3",
53
- "intense": "#e62728"
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": "#f3f6ff",
57
- "info": "#e0f5fe",
58
- "warning": "#fff8ea",
59
- "danger": "#fee8e7",
60
- "success": "#ecf7ed"
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": "#ededf0",
68
- "default": "#d2d2d6",
69
- "intense": "#787885",
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": "#818eec",
72
- "default": "#3545be",
73
- "intense": "#0e1652"
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": "#28b4f4",
77
- "default": "#0399e3",
78
- "intense": "#0174ba"
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": "#cbffc9",
82
- "default": "#60db57",
83
- "intense": "#00b300"
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": "#feebb2",
87
- "default": "#ffb300",
88
- "intense": "#ff9003"
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": "#ffcbd2",
92
- "default": "#e62728",
93
- "intense": "#c50001"
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": "#fef2f1",
103
- "5": "#fee8e7",
104
- "10": "#ffcbd2",
105
- "20": "#ffadb3",
106
- "30": "#ed7975",
107
- "40": "#e0504f",
108
- "50": "#e62728",
109
- "60": "#e70000",
110
- "70": "#d80005",
111
- "80": "#c50001",
112
- "90": "#b90000",
113
- "100": "#aa0000"
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": "#fffdf9",
117
- "5": "#fff8ea",
118
- "10": "#fff2cd",
119
- "20": "#feebb2",
120
- "30": "#fddf81",
121
- "40": "#fdd44d",
122
- "50": "#fdc926",
123
- "60": "#ffc107",
124
- "70": "#ffb300",
125
- "80": "#fd9f00",
126
- "90": "#ff9003",
127
- "100": "#fe6d00"
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": "#f5faf5",
131
- "5": "#ecf7ed",
132
- "10": "#cbffc9",
133
- "20": "#afffa7",
134
- "30": "#89eb80",
135
- "40": "#60db57",
136
- "50": "#40ce37",
137
- "60": "#00c300",
138
- "70": "#00b300",
139
- "80": "#009f00",
140
- "90": "#008e00",
141
- "100": "#006f00"
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": "#f9fdff",
145
- "5": "#effaff",
146
- "10": "#e0f5fe",
147
- "20": "#b4e5fb",
148
- "30": "#7fd1f7",
149
- "40": "#4cc2f7",
150
- "50": "#28b4f4",
151
- "60": "#02a8f3",
152
- "70": "#0399e3",
153
- "80": "#0788d1",
154
- "90": "#0174ba",
155
- "100": "#02569a"
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": "#f7f7fa",
159
- "5": "#ededf0",
160
- "10": "#e1e1e3",
161
- "20": "#d2d2d6",
162
- "30": "#b4b4bb",
163
- "40": "#9696a0",
164
- "50": "#787885",
165
- "60": "#5a5b6a",
166
- "70": "#4a4b57",
167
- "80": "#3a3a44",
168
- "90": "#292a31",
169
- "100": "#19191d"
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": "#fffbf8",
173
- "5": "#fff3e8",
174
- "10": "#fee8d0",
175
- "20": "#f8c99c",
176
- "30": "#fab26e",
177
- "40": "#fb9a3e",
178
- "50": "#fc871a",
179
- "60": "#ff7700",
180
- "70": "#f96a02",
181
- "80": "#f3580d",
182
- "90": "#eb4610",
183
- "100": "#e11d16"
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": "#ffffff",
187
- "5": "#f3f6ff",
188
- "10": "#e3e9ff",
189
- "20": "#d5ddfa",
190
- "30": "#c7d1f4",
191
- "40": "#b9c5ef",
192
- "50": "#9daaee",
193
- "60": "#818eec",
194
- "70": "#5865cd",
195
- "80": "#3545be",
196
- "90": "#222f95",
197
- "100": "#0e1652"
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": "#9696a0",
202
- "muted": "#787885",
203
- "default": "#4a4b57",
204
- "intense": "#292a31",
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": "#b9c5ef",
207
- "active": "#222f95",
208
- "muted": "#818eec",
209
- "default": "#5865cd",
210
- "intense": "#3545be"
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": "#b4e5fb",
214
- "muted": "#4cc2f7",
215
- "default": "#0399e3",
216
- "intense": "#0174ba"
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": "#cbffc9",
220
- "muted": "#89eb80",
221
- "default": "#00b300",
222
- "intense": "#008e00"
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": "#feebb2",
226
- "muted": "#fdd44d",
227
- "default": "#fd9f00",
228
- "intense": "#fe6d00"
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": "#ffcbd2",
232
- "muted": "#ffadb3",
233
- "default": "#e62728",
234
- "intense": "#c50001"
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
- "whiteInset": "inset 0 0 0 3px rgba(255,255,255,1)"
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"