@aivenio/aquarium 1.20.0 → 1.21.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 +104 -104
- package/dist/_variables_timescale.scss +104 -104
- package/dist/atoms.cjs +153 -0
- package/dist/atoms.mjs +153 -0
- package/dist/src/atoms/Alert/Alert.js +1 -1
- package/dist/src/atoms/Banner/Banner.js +1 -1
- package/dist/src/atoms/InputGroup/InputGroup.js +1 -1
- package/dist/src/atoms/Table/Table.js +1 -1
- package/dist/src/charts/Axis/Axis.js +1 -1
- package/dist/src/charts/BarChart/BarChart.d.ts +1 -1
- package/dist/src/charts/BarChart/BarChart.js +1 -1
- package/dist/src/charts/Container/Container.js +1 -1
- package/dist/src/charts/Grid/Grid.d.ts +1 -1
- package/dist/src/charts/Grid/Grid.js +1 -1
- package/dist/src/icons/index.d.ts +9 -0
- package/dist/src/icons/index.js +10 -1
- package/dist/src/icons/indexes.d.ts +9 -0
- package/dist/src/icons/indexes.js +11 -0
- package/dist/src/icons/integrations.d.ts +9 -0
- package/dist/src/icons/integrations.js +11 -0
- package/dist/src/icons/jobsAndData.d.ts +9 -0
- package/dist/src/icons/jobsAndData.js +11 -0
- package/dist/src/icons/kafkaTopic.d.ts +9 -0
- package/dist/src/icons/kafkaTopic.js +11 -0
- package/dist/src/icons/namespaces.d.ts +9 -0
- package/dist/src/icons/namespaces.js +11 -0
- package/dist/src/icons/networkPrivateLink.d.ts +9 -0
- package/dist/src/icons/networkPrivateLink.js +11 -0
- package/dist/src/icons/pools.d.ts +9 -0
- package/dist/src/icons/pools.js +11 -0
- package/dist/src/icons/queries.d.ts +9 -0
- package/dist/src/icons/queries.js +11 -0
- package/dist/src/icons/replicationFlow.d.ts +9 -0
- package/dist/src/icons/replicationFlow.js +11 -0
- package/dist/src/molecules/Alert/Alert.js +1 -1
- package/dist/src/molecules/Banner/Banner.js +1 -1
- package/dist/src/molecules/Box/Box.d.ts +1 -1
- package/dist/src/molecules/Box/Box.js +1 -1
- package/dist/src/molecules/Card/Card.js +1 -1
- package/dist/src/molecules/Card/Compact.js +1 -1
- package/dist/src/molecules/Checkbox/Checkbox.js +1 -1
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/src/molecules/Combobox/Combobox.js +1 -1
- package/dist/src/molecules/DataList/DataList.js +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +1 -1
- package/dist/src/molecules/Dialog/Dialog.js +1 -1
- package/dist/src/molecules/Dropdown/Dropdown.js +1 -1
- package/dist/src/molecules/Icon/Icon.js +1 -1
- package/dist/src/molecules/Input/Input.js +1 -1
- package/dist/src/molecules/LineClamp/LineClamp.js +1 -1
- package/dist/src/molecules/Link/Link.js +1 -1
- package/dist/src/molecules/Modal/Modal.js +1 -1
- package/dist/src/molecules/MultiInput/MultiInput.js +1 -1
- package/dist/src/molecules/MultiSelect/MultiSelect.js +1 -1
- package/dist/src/molecules/NativeSelect/NativeSelect.js +1 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +1 -1
- package/dist/src/molecules/Popover/Popover.js +1 -1
- package/dist/src/molecules/PopoverDialog/PopoverDialog.d.ts +1 -1
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +1 -1
- package/dist/src/molecules/RadioButton/RadioButton.js +1 -1
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/dist/src/molecules/Select/Select.js +1 -1
- package/dist/src/molecules/Spacing/Spacing.js +1 -1
- package/dist/src/molecules/Switch/Switch.js +1 -1
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +1 -1
- package/dist/src/molecules/Table/Table.d.ts +1 -1
- package/dist/src/molecules/Table/Table.js +1 -1
- package/dist/src/molecules/Textarea/Textarea.js +1 -1
- package/dist/src/molecules/Toast/Toast.js +1 -1
- package/dist/src/molecules/Typography/Typography.js +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +1 -1
- package/dist/src/utils/form/Label/Label.js +1 -1
- package/dist/src/utils/table/utils.js +1 -1
- package/dist/styles.css +263 -5
- package/dist/styles_timescaledb.css +287 -29
- package/dist/system.cjs +153 -0
- package/dist/system.mjs +153 -0
- package/dist/tailwind.config.js +6 -3
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/utils.js +1 -1
- package/package.json +19 -24
@@ -1,19 +1,21 @@
|
|
1
|
-
/* https://tailwindcss.com/docs/using-with-preprocessors */
|
2
|
-
/* @import statement must come first and tailwind base must be the first one imported*/
|
3
|
-
/* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
|
4
1
|
/*
|
2
|
+
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
|
3
|
+
*//*
|
5
4
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
6
5
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
7
6
|
*/
|
7
|
+
|
8
8
|
*,::before,::after {
|
9
9
|
box-sizing: border-box; /* 1 */
|
10
10
|
border-width: 0; /* 2 */
|
11
11
|
border-style: solid; /* 2 */
|
12
12
|
border-color: currentColor; /* 2 */
|
13
13
|
}
|
14
|
+
|
14
15
|
::before,::after {
|
15
16
|
--tw-content: '';
|
16
17
|
}
|
18
|
+
|
17
19
|
/*
|
18
20
|
1. Use a consistent sensible line-height in all browsers.
|
19
21
|
2. Prevent adjustments of font size after orientation changes in iOS.
|
@@ -21,6 +23,7 @@
|
|
21
23
|
4. Use the user's configured `sans` font-family by default.
|
22
24
|
5. Use the user's configured `sans` font-feature-settings by default.
|
23
25
|
*/
|
26
|
+
|
24
27
|
html {
|
25
28
|
line-height: 1.5; /* 1 */
|
26
29
|
-webkit-text-size-adjust: 100%; /* 2 */
|
@@ -30,95 +33,119 @@ html {
|
|
30
33
|
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
|
31
34
|
font-feature-settings: normal; /* 5 */
|
32
35
|
}
|
36
|
+
|
33
37
|
/*
|
34
38
|
1. Remove the margin in all browsers.
|
35
39
|
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
36
40
|
*/
|
41
|
+
|
37
42
|
body {
|
38
43
|
margin: 0; /* 1 */
|
39
44
|
line-height: inherit; /* 2 */
|
40
45
|
}
|
46
|
+
|
41
47
|
/*
|
42
48
|
1. Add the correct height in Firefox.
|
43
49
|
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
44
50
|
3. Ensure horizontal rules are visible by default.
|
45
51
|
*/
|
52
|
+
|
46
53
|
hr {
|
47
54
|
height: 0; /* 1 */
|
48
55
|
color: inherit; /* 2 */
|
49
56
|
border-top-width: 1px; /* 3 */
|
50
57
|
}
|
58
|
+
|
51
59
|
/*
|
52
60
|
Add the correct text decoration in Chrome, Edge, and Safari.
|
53
61
|
*/
|
62
|
+
|
54
63
|
abbr:where([title]) {
|
55
64
|
-webkit-text-decoration: underline dotted;
|
56
65
|
text-decoration: underline dotted;
|
57
66
|
}
|
67
|
+
|
58
68
|
/*
|
59
69
|
Remove the default font size and weight for headings.
|
60
70
|
*/
|
71
|
+
|
61
72
|
h1,h2,h3,h4,h5,h6 {
|
62
73
|
font-size: inherit;
|
63
74
|
font-weight: inherit;
|
64
75
|
}
|
76
|
+
|
65
77
|
/*
|
66
78
|
Reset links to optimize for opt-in styling instead of opt-out.
|
67
79
|
*/
|
80
|
+
|
68
81
|
a {
|
69
82
|
color: inherit;
|
70
83
|
text-decoration: inherit;
|
71
84
|
}
|
85
|
+
|
72
86
|
/*
|
73
87
|
Add the correct font weight in Edge and Safari.
|
74
88
|
*/
|
89
|
+
|
75
90
|
b,strong {
|
76
91
|
font-weight: bolder;
|
77
92
|
}
|
93
|
+
|
78
94
|
/*
|
79
95
|
1. Use the user's configured `mono` font family by default.
|
80
96
|
2. Correct the odd `em` font sizing in all browsers.
|
81
97
|
*/
|
98
|
+
|
82
99
|
code,kbd,samp,pre {
|
83
100
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
84
101
|
font-size: 1em; /* 2 */
|
85
102
|
}
|
103
|
+
|
86
104
|
/*
|
87
105
|
Add the correct font size in all browsers.
|
88
106
|
*/
|
107
|
+
|
89
108
|
small {
|
90
109
|
font-size: 80%;
|
91
110
|
}
|
111
|
+
|
92
112
|
/*
|
93
113
|
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
94
114
|
*/
|
115
|
+
|
95
116
|
sub,sup {
|
96
117
|
font-size: 75%;
|
97
118
|
line-height: 0;
|
98
119
|
position: relative;
|
99
120
|
vertical-align: baseline;
|
100
121
|
}
|
122
|
+
|
101
123
|
sub {
|
102
124
|
bottom: -0.25em;
|
103
125
|
}
|
126
|
+
|
104
127
|
sup {
|
105
128
|
top: -0.5em;
|
106
129
|
}
|
130
|
+
|
107
131
|
/*
|
108
132
|
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
109
133
|
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
110
134
|
3. Remove gaps between table borders by default.
|
111
135
|
*/
|
136
|
+
|
112
137
|
table {
|
113
138
|
text-indent: 0; /* 1 */
|
114
139
|
border-color: inherit; /* 2 */
|
115
140
|
border-collapse: collapse; /* 3 */
|
116
141
|
}
|
142
|
+
|
117
143
|
/*
|
118
144
|
1. Change the font styles in all browsers.
|
119
145
|
2. Remove the margin in Firefox and Safari.
|
120
146
|
3. Remove default padding in all browsers.
|
121
147
|
*/
|
148
|
+
|
122
149
|
button,input,optgroup,select,textarea {
|
123
150
|
font-family: inherit; /* 1 */
|
124
151
|
font-size: 100%; /* 1 */
|
@@ -128,141 +155,180 @@ button,input,optgroup,select,textarea {
|
|
128
155
|
margin: 0; /* 2 */
|
129
156
|
padding: 0; /* 3 */
|
130
157
|
}
|
158
|
+
|
131
159
|
/*
|
132
160
|
Remove the inheritance of text transform in Edge and Firefox.
|
133
161
|
*/
|
162
|
+
|
134
163
|
button,select {
|
135
164
|
text-transform: none;
|
136
165
|
}
|
166
|
+
|
137
167
|
/*
|
138
168
|
1. Correct the inability to style clickable types in iOS and Safari.
|
139
169
|
2. Remove default button styles.
|
140
170
|
*/
|
171
|
+
|
141
172
|
button,[type='button'],[type='reset'],[type='submit'] {
|
142
173
|
-webkit-appearance: button; /* 1 */
|
143
174
|
background-color: transparent; /* 2 */
|
144
175
|
background-image: none; /* 2 */
|
145
176
|
}
|
177
|
+
|
146
178
|
/*
|
147
179
|
Use the modern Firefox focus style for all focusable elements.
|
148
180
|
*/
|
181
|
+
|
149
182
|
:-moz-focusring {
|
150
183
|
outline: auto;
|
151
184
|
}
|
185
|
+
|
152
186
|
/*
|
153
187
|
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
154
188
|
*/
|
189
|
+
|
155
190
|
:-moz-ui-invalid {
|
156
191
|
box-shadow: none;
|
157
192
|
}
|
193
|
+
|
158
194
|
/*
|
159
195
|
Add the correct vertical alignment in Chrome and Firefox.
|
160
196
|
*/
|
197
|
+
|
161
198
|
progress {
|
162
199
|
vertical-align: baseline;
|
163
200
|
}
|
201
|
+
|
164
202
|
/*
|
165
203
|
Correct the cursor style of increment and decrement buttons in Safari.
|
166
204
|
*/
|
205
|
+
|
167
206
|
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
|
168
207
|
height: auto;
|
169
208
|
}
|
209
|
+
|
170
210
|
/*
|
171
211
|
1. Correct the odd appearance in Chrome and Safari.
|
172
212
|
2. Correct the outline style in Safari.
|
173
213
|
*/
|
214
|
+
|
174
215
|
[type='search'] {
|
175
216
|
-webkit-appearance: textfield; /* 1 */
|
176
217
|
outline-offset: -2px; /* 2 */
|
177
218
|
}
|
219
|
+
|
178
220
|
/*
|
179
221
|
Remove the inner padding in Chrome and Safari on macOS.
|
180
222
|
*/
|
223
|
+
|
181
224
|
::-webkit-search-decoration {
|
182
225
|
-webkit-appearance: none;
|
183
226
|
}
|
227
|
+
|
184
228
|
/*
|
185
229
|
1. Correct the inability to style clickable types in iOS and Safari.
|
186
230
|
2. Change font properties to `inherit` in Safari.
|
187
231
|
*/
|
232
|
+
|
188
233
|
::-webkit-file-upload-button {
|
189
234
|
-webkit-appearance: button; /* 1 */
|
190
235
|
font: inherit; /* 2 */
|
191
236
|
}
|
237
|
+
|
192
238
|
/*
|
193
239
|
Add the correct display in Chrome and Safari.
|
194
240
|
*/
|
241
|
+
|
195
242
|
summary {
|
196
243
|
display: list-item;
|
197
244
|
}
|
245
|
+
|
198
246
|
/*
|
199
247
|
Removes the default spacing and border for appropriate elements.
|
200
248
|
*/
|
249
|
+
|
201
250
|
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
|
202
251
|
margin: 0;
|
203
252
|
}
|
253
|
+
|
204
254
|
fieldset {
|
205
255
|
margin: 0;
|
206
256
|
padding: 0;
|
207
257
|
}
|
258
|
+
|
208
259
|
legend {
|
209
260
|
padding: 0;
|
210
261
|
}
|
262
|
+
|
211
263
|
ol,ul,menu {
|
212
264
|
list-style: none;
|
213
265
|
margin: 0;
|
214
266
|
padding: 0;
|
215
267
|
}
|
268
|
+
|
216
269
|
/*
|
217
270
|
Prevent resizing textareas horizontally by default.
|
218
271
|
*/
|
272
|
+
|
219
273
|
textarea {
|
220
274
|
resize: vertical;
|
221
275
|
}
|
276
|
+
|
222
277
|
/*
|
223
278
|
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
224
279
|
2. Set the default placeholder color to the user's configured gray 400 color.
|
225
280
|
*/
|
281
|
+
|
226
282
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
227
283
|
opacity: 1; /* 1 */
|
228
284
|
color: #9ca3af; /* 2 */
|
229
285
|
}
|
286
|
+
|
230
287
|
input::placeholder,textarea::placeholder {
|
231
288
|
opacity: 1; /* 1 */
|
232
289
|
color: #9ca3af; /* 2 */
|
233
290
|
}
|
291
|
+
|
234
292
|
/*
|
235
293
|
Set the default cursor for buttons.
|
236
294
|
*/
|
295
|
+
|
237
296
|
button,[role="button"] {
|
238
297
|
cursor: pointer;
|
239
298
|
}
|
299
|
+
|
240
300
|
/*
|
241
301
|
Make sure disabled buttons don't get the pointer cursor.
|
242
302
|
*/
|
243
303
|
:disabled {
|
244
304
|
cursor: default;
|
245
305
|
}
|
306
|
+
|
246
307
|
/*
|
247
308
|
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
248
309
|
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
249
310
|
This can trigger a poorly considered lint error in some tools but is included by design.
|
250
311
|
*/
|
312
|
+
|
251
313
|
img,svg,video,canvas,audio,iframe,embed,object {
|
252
314
|
display: block; /* 1 */
|
253
315
|
vertical-align: middle; /* 2 */
|
254
316
|
}
|
317
|
+
|
255
318
|
/*
|
256
319
|
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
257
320
|
*/
|
321
|
+
|
258
322
|
img,video {
|
259
323
|
max-width: 100%;
|
260
324
|
height: auto;
|
261
325
|
}
|
326
|
+
|
262
327
|
/* Make elements with the HTML hidden attribute stay hidden by default */
|
263
328
|
[hidden] {
|
264
329
|
display: none;
|
265
330
|
}
|
331
|
+
|
266
332
|
*,::before,::after {
|
267
333
|
--tw-border-spacing-x: 0;
|
268
334
|
--tw-border-spacing-y: 0;
|
@@ -309,6 +375,7 @@ img,video {
|
|
309
375
|
--tw-backdrop-saturate: ;
|
310
376
|
--tw-backdrop-sepia: ;
|
311
377
|
}
|
378
|
+
|
312
379
|
::backdrop {
|
313
380
|
--tw-border-spacing-x: 0;
|
314
381
|
--tw-border-spacing-y: 0;
|
@@ -355,6 +422,182 @@ img,video {
|
|
355
422
|
--tw-backdrop-saturate: ;
|
356
423
|
--tw-backdrop-sepia: ;
|
357
424
|
}
|
425
|
+
/**
|
426
|
+
* This file is autogenerated. Do not edit directly.
|
427
|
+
*/
|
428
|
+
:root {
|
429
|
+
--aquarium-border-radius-none: 0px;
|
430
|
+
--aquarium-border-radius-sm: 0.125rem;
|
431
|
+
--aquarium-border-radius-default: 4px;
|
432
|
+
--aquarium-border-radius-md: 0.375rem;
|
433
|
+
--aquarium-border-radius-lg: 0.5rem;
|
434
|
+
--aquarium-border-radius-xl: 0.75rem;
|
435
|
+
--aquarium-border-radius-2xl: 1rem;
|
436
|
+
--aquarium-border-radius-3xl: 1.5rem;
|
437
|
+
--aquarium-border-radius-full: 9999px;
|
438
|
+
--aquarium-colors-error-100: #aa0000;
|
439
|
+
--aquarium-colors-error-90: #b90000;
|
440
|
+
--aquarium-colors-error-80: #c50001;
|
441
|
+
--aquarium-colors-error-70: #d80005;
|
442
|
+
--aquarium-colors-error-60: #e70000;
|
443
|
+
--aquarium-colors-error-50: #e62728;
|
444
|
+
--aquarium-colors-error-40: #e0504f;
|
445
|
+
--aquarium-colors-error-30: #ed7975;
|
446
|
+
--aquarium-colors-error-20: #ffadb3;
|
447
|
+
--aquarium-colors-error-10: #ffcbd2;
|
448
|
+
--aquarium-colors-error-5: #fee8e7;
|
449
|
+
--aquarium-colors-error-0: #fef2f1;
|
450
|
+
--aquarium-colors-warning-100: #fe6d00;
|
451
|
+
--aquarium-colors-warning-90: #ff9003;
|
452
|
+
--aquarium-colors-warning-80: #fd9f00;
|
453
|
+
--aquarium-colors-warning-70: #ffb300;
|
454
|
+
--aquarium-colors-warning-60: #ffc107;
|
455
|
+
--aquarium-colors-warning-50: #fdc926;
|
456
|
+
--aquarium-colors-warning-40: #fdd44d;
|
457
|
+
--aquarium-colors-warning-30: #fddf81;
|
458
|
+
--aquarium-colors-warning-20: #feebb2;
|
459
|
+
--aquarium-colors-warning-10: #fff2cd;
|
460
|
+
--aquarium-colors-warning-5: #fff8ea;
|
461
|
+
--aquarium-colors-warning-0: #fffdf9;
|
462
|
+
--aquarium-colors-success-100: #006f00;
|
463
|
+
--aquarium-colors-success-90: #008e00;
|
464
|
+
--aquarium-colors-success-80: #009f00;
|
465
|
+
--aquarium-colors-success-70: #00b300;
|
466
|
+
--aquarium-colors-success-60: #00c300;
|
467
|
+
--aquarium-colors-success-50: #40ce37;
|
468
|
+
--aquarium-colors-success-40: #60db57;
|
469
|
+
--aquarium-colors-success-30: #89eb80;
|
470
|
+
--aquarium-colors-success-20: #afffa7;
|
471
|
+
--aquarium-colors-success-10: #cbffc9;
|
472
|
+
--aquarium-colors-success-5: #ecf7ed;
|
473
|
+
--aquarium-colors-success-0: #f5faf5;
|
474
|
+
--aquarium-colors-info-100: #02569a;
|
475
|
+
--aquarium-colors-info-90: #0174ba;
|
476
|
+
--aquarium-colors-info-80: #0788d1;
|
477
|
+
--aquarium-colors-info-70: #0399e3;
|
478
|
+
--aquarium-colors-info-60: #02a8f3;
|
479
|
+
--aquarium-colors-info-50: #28b4f4;
|
480
|
+
--aquarium-colors-info-40: #4cc2f7;
|
481
|
+
--aquarium-colors-info-30: #7fd1f7;
|
482
|
+
--aquarium-colors-info-20: #b4e5fb;
|
483
|
+
--aquarium-colors-info-10: #e0f5fe;
|
484
|
+
--aquarium-colors-info-5: #effaff;
|
485
|
+
--aquarium-colors-info-0: #f9fdff;
|
486
|
+
--aquarium-colors-grey-100: #19191d;
|
487
|
+
--aquarium-colors-grey-90: #292a31;
|
488
|
+
--aquarium-colors-grey-80: #3a3a44;
|
489
|
+
--aquarium-colors-grey-70: #4a4b57;
|
490
|
+
--aquarium-colors-grey-60: #5a5b6a;
|
491
|
+
--aquarium-colors-grey-50: #787885;
|
492
|
+
--aquarium-colors-grey-40: #9696a0;
|
493
|
+
--aquarium-colors-grey-30: #b4b4bb;
|
494
|
+
--aquarium-colors-grey-10: #e1e1e3;
|
495
|
+
--aquarium-colors-grey-5: #ededf0;
|
496
|
+
--aquarium-colors-grey-0: #f7f7fa;
|
497
|
+
--aquarium-colors-secondary-100: #e11d16;
|
498
|
+
--aquarium-colors-secondary-90: #eb4610;
|
499
|
+
--aquarium-colors-secondary-80: #f3580d;
|
500
|
+
--aquarium-colors-secondary-70: #f96a02;
|
501
|
+
--aquarium-colors-secondary-60: #ff7700;
|
502
|
+
--aquarium-colors-secondary-50: #fc871a;
|
503
|
+
--aquarium-colors-secondary-40: #fb9a3e;
|
504
|
+
--aquarium-colors-secondary-30: #fab26e;
|
505
|
+
--aquarium-colors-secondary-20: #f8c99c;
|
506
|
+
--aquarium-colors-secondary-10: #fee8d0;
|
507
|
+
--aquarium-colors-secondary-5: #fff3e8;
|
508
|
+
--aquarium-colors-secondary-0: #fffbf8;
|
509
|
+
--aquarium-colors-primary-100: #a70045;
|
510
|
+
--aquarium-colors-primary-90: #c60443;
|
511
|
+
--aquarium-colors-primary-80: #e41a4a;
|
512
|
+
--aquarium-colors-primary-70: #ff3554;
|
513
|
+
--aquarium-colors-primary-60: #ff5275;
|
514
|
+
--aquarium-colors-primary-50: #ff6f94;
|
515
|
+
--aquarium-colors-primary-40: #ff8db0;
|
516
|
+
--aquarium-colors-primary-30: #ffa9c9;
|
517
|
+
--aquarium-colors-primary-20: #ffc4de;
|
518
|
+
--aquarium-colors-primary-10: #ffdeef;
|
519
|
+
--aquarium-colors-primary-5: #ffe8f4;
|
520
|
+
--aquarium-colors-primary-0: #fff9fc;
|
521
|
+
--aquarium-colors-grey-20: #d2d2d6;
|
522
|
+
--aquarium-colors-transparent: transparent;
|
523
|
+
--aquarium-colors-white: white;
|
524
|
+
--aquarium-colors-black: black;
|
525
|
+
--aquarium-colors-current: currentColor;
|
526
|
+
--aquarium-colors-navy-blue-100: #30375E;
|
527
|
+
--aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
|
528
|
+
--aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
|
529
|
+
--aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
|
530
|
+
--aquarium-box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
|
531
|
+
--aquarium-box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
|
532
|
+
--aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
|
533
|
+
--aquarium-screens-default: 0px;
|
534
|
+
--aquarium-screens-xs: 320px;
|
535
|
+
--aquarium-screens-sm: 672px;
|
536
|
+
--aquarium-screens-md: 1056px;
|
537
|
+
--aquarium-screens-lg: 1312px;
|
538
|
+
--aquarium-screens-xl: 1536px;
|
539
|
+
--aquarium-border-width-0: 0px;
|
540
|
+
--aquarium-border-width-2: 2px;
|
541
|
+
--aquarium-border-width-4: 4px;
|
542
|
+
--aquarium-border-width-8: 8px;
|
543
|
+
--aquarium-border-width-default: 1px;
|
544
|
+
--aquarium-font-family-sans: ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
545
|
+
--aquarium-font-family-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
|
546
|
+
--aquarium-font-family-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
|
547
|
+
--aquarium-font-size-xs: 0.75rem;
|
548
|
+
--aquarium-font-size-xs-line-height: 1rem;
|
549
|
+
--aquarium-font-size-sm: 0.875rem;
|
550
|
+
--aquarium-font-size-sm-line-height: 1.25rem;
|
551
|
+
--aquarium-font-size-base: 1rem;
|
552
|
+
--aquarium-font-size-base-line-height: 1.5rem;
|
553
|
+
--aquarium-font-size-lg: 1.125rem;
|
554
|
+
--aquarium-font-size-lg-line-height: 1.75rem;
|
555
|
+
--aquarium-font-size-xl: 1.25rem;
|
556
|
+
--aquarium-font-size-xl-line-height: 1.75rem;
|
557
|
+
--aquarium-font-size-2xl: 1.5rem;
|
558
|
+
--aquarium-font-size-2xl-line-height: 2rem;
|
559
|
+
--aquarium-font-size-3xl: 1.875rem;
|
560
|
+
--aquarium-font-size-3xl-line-height: 2.25rem;
|
561
|
+
--aquarium-font-size-4xl: 2.25rem;
|
562
|
+
--aquarium-font-size-4xl-line-height: 2.5rem;
|
563
|
+
--aquarium-font-size-5xl: 3rem;
|
564
|
+
--aquarium-font-size-5xl-line-height: 1;
|
565
|
+
--aquarium-font-size-6xl: 3.75rem;
|
566
|
+
--aquarium-font-size-6xl-line-height: 1;
|
567
|
+
--aquarium-font-size-7xl: 4.5rem;
|
568
|
+
--aquarium-font-size-7xl-line-height: 1;
|
569
|
+
--aquarium-font-size-8xl: 6rem;
|
570
|
+
--aquarium-font-size-8xl-line-height: 1;
|
571
|
+
--aquarium-font-size-9xl: 8rem;
|
572
|
+
--aquarium-font-size-9xl-line-height: 1;
|
573
|
+
--aquarium-font-weight-thin: 100;
|
574
|
+
--aquarium-font-weight-extralight: 200;
|
575
|
+
--aquarium-font-weight-light: 300;
|
576
|
+
--aquarium-font-weight-normal: 400;
|
577
|
+
--aquarium-font-weight-medium: 500;
|
578
|
+
--aquarium-font-weight-semibold: 600;
|
579
|
+
--aquarium-font-weight-bold: 700;
|
580
|
+
--aquarium-font-weight-extrabold: 800;
|
581
|
+
--aquarium-font-weight-black: 900;
|
582
|
+
--aquarium-spacing-0: 0;
|
583
|
+
--aquarium-spacing-1: 2px;
|
584
|
+
--aquarium-spacing-2: 4px;
|
585
|
+
--aquarium-spacing-3: 8px;
|
586
|
+
--aquarium-spacing-4: 12px;
|
587
|
+
--aquarium-spacing-5: 16px;
|
588
|
+
--aquarium-spacing-6: 24px;
|
589
|
+
--aquarium-spacing-7: 32px;
|
590
|
+
--aquarium-spacing-8: 40px;
|
591
|
+
--aquarium-spacing-9: 48px;
|
592
|
+
--aquarium-spacing-1px: 1px;
|
593
|
+
--aquarium-spacing-l1: 16px;
|
594
|
+
--aquarium-spacing-l2: 24px;
|
595
|
+
--aquarium-spacing-l3: 32px;
|
596
|
+
--aquarium-spacing-l4: 48px;
|
597
|
+
--aquarium-spacing-l5: 64px;
|
598
|
+
--aquarium-spacing-l6: 96px;
|
599
|
+
--aquarium-spacing-l7: 160px;
|
600
|
+
}
|
358
601
|
input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
|
359
602
|
-webkit-appearance: none;
|
360
603
|
margin: 0;
|
@@ -420,6 +663,8 @@ input[type='number'].no-arrows {
|
|
420
663
|
.icon-stroke-2 svg path {
|
421
664
|
stroke-width: 2;
|
422
665
|
}
|
666
|
+
/* https://tailwindcss.com/docs/using-with-preprocessors */
|
667
|
+
/* @import statements must come first*/
|
423
668
|
.container {
|
424
669
|
width: 100%;
|
425
670
|
}
|
@@ -427,49 +672,61 @@ input[type='number'].no-arrows {
|
|
427
672
|
width: 100% !important;
|
428
673
|
}
|
429
674
|
@media (min-width: 0px) {
|
675
|
+
|
430
676
|
.container {
|
431
677
|
max-width: 0px;
|
432
678
|
}
|
679
|
+
|
433
680
|
.\!container {
|
434
681
|
max-width: 0px !important;
|
435
682
|
}
|
436
683
|
}
|
437
684
|
@media (min-width: 320px) {
|
685
|
+
|
438
686
|
.container {
|
439
687
|
max-width: 320px;
|
440
688
|
}
|
689
|
+
|
441
690
|
.\!container {
|
442
691
|
max-width: 320px !important;
|
443
692
|
}
|
444
693
|
}
|
445
694
|
@media (min-width: 672px) {
|
695
|
+
|
446
696
|
.container {
|
447
697
|
max-width: 672px;
|
448
698
|
}
|
699
|
+
|
449
700
|
.\!container {
|
450
701
|
max-width: 672px !important;
|
451
702
|
}
|
452
703
|
}
|
453
704
|
@media (min-width: 1056px) {
|
705
|
+
|
454
706
|
.container {
|
455
707
|
max-width: 1056px;
|
456
708
|
}
|
709
|
+
|
457
710
|
.\!container {
|
458
711
|
max-width: 1056px !important;
|
459
712
|
}
|
460
713
|
}
|
461
714
|
@media (min-width: 1312px) {
|
715
|
+
|
462
716
|
.container {
|
463
717
|
max-width: 1312px;
|
464
718
|
}
|
719
|
+
|
465
720
|
.\!container {
|
466
721
|
max-width: 1312px !important;
|
467
722
|
}
|
468
723
|
}
|
469
724
|
@media (min-width: 1536px) {
|
725
|
+
|
470
726
|
.container {
|
471
727
|
max-width: 1536px;
|
472
728
|
}
|
729
|
+
|
473
730
|
.\!container {
|
474
731
|
max-width: 1536px !important;
|
475
732
|
}
|
@@ -1153,6 +1410,7 @@ input[type='number'].no-arrows {
|
|
1153
1410
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
1154
1411
|
}
|
1155
1412
|
@keyframes pulse {
|
1413
|
+
|
1156
1414
|
50% {
|
1157
1415
|
opacity: .5;
|
1158
1416
|
}
|
@@ -1350,7 +1608,7 @@ input[type='number'].no-arrows {
|
|
1350
1608
|
}
|
1351
1609
|
.rounded {
|
1352
1610
|
border-radius: 4px;
|
1353
|
-
border-radius: var(--aquarium-border-radius-
|
1611
|
+
border-radius: var(--aquarium-border-radius-default, 4px);
|
1354
1612
|
}
|
1355
1613
|
.rounded-\[2px\] {
|
1356
1614
|
border-radius: 2px;
|
@@ -1441,7 +1699,7 @@ input[type='number'].no-arrows {
|
|
1441
1699
|
border-color: var(--aquarium-colors-grey-100, #19191d);
|
1442
1700
|
}
|
1443
1701
|
.border-primary-80 {
|
1444
|
-
border-color: #
|
1702
|
+
border-color: #e41a4a;
|
1445
1703
|
border-color: var(--aquarium-colors-primary-80, #0788d1);
|
1446
1704
|
}
|
1447
1705
|
.bg-grey-10 {
|
@@ -1517,7 +1775,7 @@ input[type='number'].no-arrows {
|
|
1517
1775
|
background-color: var(--aquarium-colors-current, currentColor);
|
1518
1776
|
}
|
1519
1777
|
.bg-primary-80 {
|
1520
|
-
background-color: #
|
1778
|
+
background-color: #e41a4a;
|
1521
1779
|
background-color: var(--aquarium-colors-primary-80, #0788d1);
|
1522
1780
|
}
|
1523
1781
|
.bg-transparent {
|
@@ -1537,7 +1795,7 @@ input[type='number'].no-arrows {
|
|
1537
1795
|
background-color: var(--aquarium-colors-error-20, #ffadb3);
|
1538
1796
|
}
|
1539
1797
|
.bg-primary-70 {
|
1540
|
-
background-color: #
|
1798
|
+
background-color: #ff3554;
|
1541
1799
|
background-color: var(--aquarium-colors-primary-70, #0399e3);
|
1542
1800
|
}
|
1543
1801
|
.bg-opacity-40 {
|
@@ -2023,51 +2281,51 @@ input[type='number'].no-arrows {
|
|
2023
2281
|
color: var(--aquarium-colors-secondary-0, #fffbf8);
|
2024
2282
|
}
|
2025
2283
|
.text-primary-100 {
|
2026
|
-
color: #
|
2284
|
+
color: #a70045;
|
2027
2285
|
color: var(--aquarium-colors-primary-100, #02569a);
|
2028
2286
|
}
|
2029
2287
|
.text-primary-90 {
|
2030
|
-
color: #
|
2288
|
+
color: #c60443;
|
2031
2289
|
color: var(--aquarium-colors-primary-90, #0174ba);
|
2032
2290
|
}
|
2033
2291
|
.text-primary-80 {
|
2034
|
-
color: #
|
2292
|
+
color: #e41a4a;
|
2035
2293
|
color: var(--aquarium-colors-primary-80, #0788d1);
|
2036
2294
|
}
|
2037
2295
|
.text-primary-70 {
|
2038
|
-
color: #
|
2296
|
+
color: #ff3554;
|
2039
2297
|
color: var(--aquarium-colors-primary-70, #0399e3);
|
2040
2298
|
}
|
2041
2299
|
.text-primary-60 {
|
2042
|
-
color: #
|
2300
|
+
color: #ff5275;
|
2043
2301
|
color: var(--aquarium-colors-primary-60, #02a8f3);
|
2044
2302
|
}
|
2045
2303
|
.text-primary-50 {
|
2046
|
-
color: #
|
2304
|
+
color: #ff6f94;
|
2047
2305
|
color: var(--aquarium-colors-primary-50, #28b4f4);
|
2048
2306
|
}
|
2049
2307
|
.text-primary-40 {
|
2050
|
-
color: #
|
2308
|
+
color: #ff8db0;
|
2051
2309
|
color: var(--aquarium-colors-primary-40, #4cc2f7);
|
2052
2310
|
}
|
2053
2311
|
.text-primary-30 {
|
2054
|
-
color: #
|
2312
|
+
color: #ffa9c9;
|
2055
2313
|
color: var(--aquarium-colors-primary-30, #7fd1f7);
|
2056
2314
|
}
|
2057
2315
|
.text-primary-20 {
|
2058
|
-
color: #
|
2316
|
+
color: #ffc4de;
|
2059
2317
|
color: var(--aquarium-colors-primary-20, #b4e5fb);
|
2060
2318
|
}
|
2061
2319
|
.text-primary-10 {
|
2062
|
-
color: #
|
2320
|
+
color: #ffdeef;
|
2063
2321
|
color: var(--aquarium-colors-primary-10, #e0f5fe);
|
2064
2322
|
}
|
2065
2323
|
.text-primary-5 {
|
2066
|
-
color: #
|
2324
|
+
color: #ffe8f4;
|
2067
2325
|
color: var(--aquarium-colors-primary-5, #effaff);
|
2068
2326
|
}
|
2069
2327
|
.text-primary-0 {
|
2070
|
-
color: #
|
2328
|
+
color: #fff9fc;
|
2071
2329
|
color: var(--aquarium-colors-primary-0, #f9fdff);
|
2072
2330
|
}
|
2073
2331
|
.text-transparent {
|
@@ -2224,7 +2482,7 @@ input[type='number'].no-arrows {
|
|
2224
2482
|
margin-top: 0;
|
2225
2483
|
}
|
2226
2484
|
.visited\:text-primary-80:visited {
|
2227
|
-
color: #
|
2485
|
+
color: #e41a4a;
|
2228
2486
|
color: var(--aquarium-colors-primary-80, #0788d1);
|
2229
2487
|
}
|
2230
2488
|
.checked\:border-navyBlue-100:checked {
|
@@ -2242,7 +2500,7 @@ input[type='number'].no-arrows {
|
|
2242
2500
|
opacity: 0.4;
|
2243
2501
|
}
|
2244
2502
|
.checked\:shadow-whiteInset:checked {
|
2245
|
-
--tw-shadow: var(--aquarium-box-shadow-
|
2503
|
+
--tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
|
2246
2504
|
--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);
|
2247
2505
|
box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
|
2248
2506
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
|
@@ -2271,7 +2529,7 @@ input[type='number'].no-arrows {
|
|
2271
2529
|
background-color: var(--aquarium-colors-grey-30, #b4b4bb);
|
2272
2530
|
}
|
2273
2531
|
.hover\:bg-primary-70:hover {
|
2274
|
-
background-color: #
|
2532
|
+
background-color: #ff3554;
|
2275
2533
|
background-color: var(--aquarium-colors-primary-70, #0399e3);
|
2276
2534
|
}
|
2277
2535
|
.hover\:bg-error-10:hover {
|
@@ -2283,7 +2541,7 @@ input[type='number'].no-arrows {
|
|
2283
2541
|
background-color: var(--aquarium-colors-grey-10, #e1e1e3);
|
2284
2542
|
}
|
2285
2543
|
.hover\:text-primary-70:hover {
|
2286
|
-
color: #
|
2544
|
+
color: #ff3554;
|
2287
2545
|
color: var(--aquarium-colors-primary-70, #0399e3);
|
2288
2546
|
}
|
2289
2547
|
.hover\:text-grey-80:hover {
|
@@ -2295,7 +2553,7 @@ input[type='number'].no-arrows {
|
|
2295
2553
|
color: var(--aquarium-colors-grey-90, #292a31);
|
2296
2554
|
}
|
2297
2555
|
.hover\:text-primary-80:hover {
|
2298
|
-
color: #
|
2556
|
+
color: #e41a4a;
|
2299
2557
|
color: var(--aquarium-colors-primary-80, #0788d1);
|
2300
2558
|
}
|
2301
2559
|
.hover\:ring-grey-50:hover {
|
@@ -2325,7 +2583,7 @@ input[type='number'].no-arrows {
|
|
2325
2583
|
background-color: var(--aquarium-colors-grey-20, #d2d2d6);
|
2326
2584
|
}
|
2327
2585
|
.focus\:text-primary-80:focus {
|
2328
|
-
color: #
|
2586
|
+
color: #e41a4a;
|
2329
2587
|
color: var(--aquarium-colors-primary-80, #0788d1);
|
2330
2588
|
}
|
2331
2589
|
.focus\:outline-none:focus {
|
@@ -2447,7 +2705,7 @@ input[type='number'].no-arrows {
|
|
2447
2705
|
background-color: var(--aquarium-colors-grey-5, #ededf0);
|
2448
2706
|
}
|
2449
2707
|
.active\:bg-primary-90:active {
|
2450
|
-
background-color: #
|
2708
|
+
background-color: #c60443;
|
2451
2709
|
background-color: var(--aquarium-colors-primary-90, #0174ba);
|
2452
2710
|
}
|
2453
2711
|
.active\:bg-transparent:active {
|
@@ -2459,7 +2717,7 @@ input[type='number'].no-arrows {
|
|
2459
2717
|
background-color: var(--aquarium-colors-grey-10, #e1e1e3);
|
2460
2718
|
}
|
2461
2719
|
.active\:text-primary-70:active {
|
2462
|
-
color: #
|
2720
|
+
color: #ff3554;
|
2463
2721
|
color: var(--aquarium-colors-primary-70, #0399e3);
|
2464
2722
|
}
|
2465
2723
|
.active\:text-grey-80:active {
|
@@ -2495,7 +2753,7 @@ input[type='number'].no-arrows {
|
|
2495
2753
|
background-color: var(--aquarium-colors-grey-5, #ededf0);
|
2496
2754
|
}
|
2497
2755
|
.disabled\:bg-primary-5:disabled {
|
2498
|
-
background-color: #
|
2756
|
+
background-color: #ffe8f4;
|
2499
2757
|
background-color: var(--aquarium-colors-primary-5, #effaff);
|
2500
2758
|
}
|
2501
2759
|
.disabled\:bg-grey-0:disabled {
|
@@ -2511,7 +2769,7 @@ input[type='number'].no-arrows {
|
|
2511
2769
|
color: var(--aquarium-colors-grey-40, #9696a0);
|
2512
2770
|
}
|
2513
2771
|
.disabled\:text-primary-40:disabled {
|
2514
|
-
color: #
|
2772
|
+
color: #ff8db0;
|
2515
2773
|
color: var(--aquarium-colors-primary-40, #4cc2f7);
|
2516
2774
|
}
|
2517
2775
|
.disabled\:text-grey-30:disabled {
|