@aivenio/aquarium 1.3.0 → 1.4.1

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/styles.css CHANGED
@@ -698,27 +698,36 @@ input[type='number'].no-arrows {
698
698
  top: 0 !important;
699
699
  bottom: 0 !important;
700
700
  }
701
+ .top-0 {
702
+ top: 0 !important;
703
+ }
704
+ .right-0 {
705
+ right: 0 !important;
706
+ }
701
707
  .top-\[20px\] {
702
708
  top: 20px !important;
703
709
  }
704
710
  .right-\[28px\] {
705
711
  right: 28px !important;
706
712
  }
713
+ .-left-1\/2 {
714
+ left: -50% !important;
715
+ }
716
+ .top-\[3px\] {
717
+ top: 3px !important;
718
+ }
719
+ .top-\[14px\] {
720
+ top: 14px !important;
721
+ }
707
722
  .left-2 {
708
723
  left: 4px !important;
709
724
  }
710
- .top-0 {
711
- top: 0 !important;
712
- }
713
725
  .left-1\/2 {
714
726
  left: 50% !important;
715
727
  }
716
728
  .bottom-0 {
717
729
  bottom: 0 !important;
718
730
  }
719
- .right-0 {
720
- right: 0 !important;
721
- }
722
731
  .left-0 {
723
732
  left: 0 !important;
724
733
  }
@@ -728,15 +737,15 @@ input[type='number'].no-arrows {
728
737
  .-z-10 {
729
738
  z-index: -10 !important;
730
739
  }
740
+ .z-10 {
741
+ z-index: 10 !important;
742
+ }
731
743
  .z-40 {
732
744
  z-index: 40 !important;
733
745
  }
734
746
  .z-0 {
735
747
  z-index: 0 !important;
736
748
  }
737
- .z-10 {
738
- z-index: 10 !important;
739
- }
740
749
  .z-20 {
741
750
  z-index: 20 !important;
742
751
  }
@@ -876,9 +885,6 @@ input[type='number'].no-arrows {
876
885
  .h-\[20px\] {
877
886
  height: 20px !important;
878
887
  }
879
- .h-0 {
880
- height: 0 !important;
881
- }
882
888
  .h-5 {
883
889
  height: 16px !important;
884
890
  }
@@ -891,7 +897,16 @@ input[type='number'].no-arrows {
891
897
  .h-2 {
892
898
  height: 4px !important;
893
899
  }
894
- .h-3 {
900
+ .h-\[2px\] {
901
+ height: 2px !important;
902
+ }
903
+ .h-\[3px\] {
904
+ height: 3px !important;
905
+ }
906
+ .h-\[32px\] {
907
+ height: 32px !important;
908
+ }
909
+ .h-\[8px\] {
895
910
  height: 8px !important;
896
911
  }
897
912
  .h-4 {
@@ -906,9 +921,6 @@ input[type='number'].no-arrows {
906
921
  .h-\[6px\] {
907
922
  height: 6px !important;
908
923
  }
909
- .h-\[32px\] {
910
- height: 32px !important;
911
- }
912
924
  .h-\[174px\] {
913
925
  height: 174px !important;
914
926
  }
@@ -918,6 +930,9 @@ input[type='number'].no-arrows {
918
930
  .h-1px {
919
931
  height: 1px !important;
920
932
  }
933
+ .h-3 {
934
+ height: 8px !important;
935
+ }
921
936
  .h-6 {
922
937
  height: 24px !important;
923
938
  }
@@ -942,13 +957,13 @@ input[type='number'].no-arrows {
942
957
  .w-full {
943
958
  width: 100% !important;
944
959
  }
945
- .w-0 {
946
- width: 0 !important;
947
- }
948
960
  .w-5 {
949
961
  width: 16px !important;
950
962
  }
951
- .w-3 {
963
+ .w-\[32px\] {
964
+ width: 32px !important;
965
+ }
966
+ .w-\[8px\] {
952
967
  width: 8px !important;
953
968
  }
954
969
  .w-\[34px\] {
@@ -963,9 +978,6 @@ input[type='number'].no-arrows {
963
978
  .w-\[6px\] {
964
979
  width: 6px !important;
965
980
  }
966
- .w-\[32px\] {
967
- width: 32px !important;
968
- }
969
981
  .w-\[280px\] {
970
982
  width: 280px !important;
971
983
  }
@@ -975,6 +987,9 @@ input[type='number'].no-arrows {
975
987
  .w-2 {
976
988
  width: 4px !important;
977
989
  }
990
+ .w-3 {
991
+ width: 8px !important;
992
+ }
978
993
  .w-6 {
979
994
  width: 24px !important;
980
995
  }
@@ -996,6 +1011,21 @@ input[type='number'].no-arrows {
996
1011
  .max-w-\[940px\] {
997
1012
  max-width: 940px !important;
998
1013
  }
1014
+ .max-w-screen-xl {
1015
+ max-width: 1536px !important;
1016
+ }
1017
+ .max-w-screen-lg {
1018
+ max-width: 1312px !important;
1019
+ }
1020
+ .max-w-screen-md {
1021
+ max-width: 1056px !important;
1022
+ }
1023
+ .max-w-screen-sm {
1024
+ max-width: 672px !important;
1025
+ }
1026
+ .max-w-screen-xs {
1027
+ max-width: 320px !important;
1028
+ }
999
1029
  .max-w-\[70px\] {
1000
1030
  max-width: 70px !important;
1001
1031
  }
@@ -1223,6 +1253,9 @@ input[type='number'].no-arrows {
1223
1253
  .border-0 {
1224
1254
  border-width: 0px !important;
1225
1255
  }
1256
+ .border-2 {
1257
+ border-width: 2px !important;
1258
+ }
1226
1259
  .border-b-\[1px\] {
1227
1260
  border-bottom-width: 1px !important;
1228
1261
  }
@@ -1257,14 +1290,29 @@ input[type='number'].no-arrows {
1257
1290
  --tw-border-opacity: 1 !important;
1258
1291
  border-color: rgb(237 237 240 / var(--tw-border-opacity)) !important;
1259
1292
  }
1293
+ .border-transparent {
1294
+ border-color: transparent !important;
1295
+ }
1260
1296
  .border-grey-10 {
1261
1297
  --tw-border-opacity: 1 !important;
1262
1298
  border-color: rgb(225 225 227 / var(--tw-border-opacity)) !important;
1263
1299
  }
1300
+ .border-navyBlue-100 {
1301
+ --tw-border-opacity: 1 !important;
1302
+ border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
1303
+ }
1264
1304
  .border-grey-50 {
1265
1305
  --tw-border-opacity: 1 !important;
1266
1306
  border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
1267
1307
  }
1308
+ .border-grey-90 {
1309
+ --tw-border-opacity: 1 !important;
1310
+ border-color: rgb(41 42 49 / var(--tw-border-opacity)) !important;
1311
+ }
1312
+ .border-success-70 {
1313
+ --tw-border-opacity: 1 !important;
1314
+ border-color: rgb(0 179 0 / var(--tw-border-opacity)) !important;
1315
+ }
1268
1316
  .border-grey-40 {
1269
1317
  --tw-border-opacity: 1 !important;
1270
1318
  border-color: rgb(150 150 160 / var(--tw-border-opacity)) !important;
@@ -1272,9 +1320,6 @@ input[type='number'].no-arrows {
1272
1320
  .border-current {
1273
1321
  border-color: currentColor !important;
1274
1322
  }
1275
- .border-transparent {
1276
- border-color: transparent !important;
1277
- }
1278
1323
  .border-grey-100 {
1279
1324
  --tw-border-opacity: 1 !important;
1280
1325
  border-color: rgb(25 25 29 / var(--tw-border-opacity)) !important;
@@ -1311,14 +1356,14 @@ input[type='number'].no-arrows {
1311
1356
  --tw-bg-opacity: 1 !important;
1312
1357
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
1313
1358
  }
1314
- .bg-grey-5 {
1315
- --tw-bg-opacity: 1 !important;
1316
- background-color: rgb(237 237 240 / var(--tw-bg-opacity)) !important;
1317
- }
1318
1359
  .bg-navyBlue-100 {
1319
1360
  --tw-bg-opacity: 1 !important;
1320
1361
  background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
1321
1362
  }
1363
+ .bg-grey-5 {
1364
+ --tw-bg-opacity: 1 !important;
1365
+ background-color: rgb(237 237 240 / var(--tw-bg-opacity)) !important;
1366
+ }
1322
1367
  .bg-info-50 {
1323
1368
  --tw-bg-opacity: 1 !important;
1324
1369
  background-color: rgb(40 180 244 / var(--tw-bg-opacity)) !important;
@@ -1339,6 +1384,10 @@ input[type='number'].no-arrows {
1339
1384
  --tw-bg-opacity: 1 !important;
1340
1385
  background-color: rgb(210 210 214 / var(--tw-bg-opacity)) !important;
1341
1386
  }
1387
+ .bg-grey-90 {
1388
+ --tw-bg-opacity: 1 !important;
1389
+ background-color: rgb(41 42 49 / var(--tw-bg-opacity)) !important;
1390
+ }
1342
1391
  .bg-grey-30 {
1343
1392
  --tw-bg-opacity: 1 !important;
1344
1393
  background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
@@ -1365,9 +1414,8 @@ input[type='number'].no-arrows {
1365
1414
  --tw-bg-opacity: 1 !important;
1366
1415
  background-color: rgb(255 53 84 / var(--tw-bg-opacity)) !important;
1367
1416
  }
1368
- .bg-grey-90 {
1369
- --tw-bg-opacity: 1 !important;
1370
- background-color: rgb(41 42 49 / var(--tw-bg-opacity)) !important;
1417
+ .bg-opacity-40 {
1418
+ --tw-bg-opacity: 0.4 !important;
1371
1419
  }
1372
1420
  .bg-gradient-to-r {
1373
1421
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
@@ -1403,12 +1451,15 @@ input[type='number'].no-arrows {
1403
1451
  .p-6 {
1404
1452
  padding: 24px !important;
1405
1453
  }
1406
- .p-\[3px\] {
1407
- padding: 3px !important;
1454
+ .p-\[2px\] {
1455
+ padding: 2px !important;
1408
1456
  }
1409
1457
  .p-3 {
1410
1458
  padding: 8px !important;
1411
1459
  }
1460
+ .p-\[3px\] {
1461
+ padding: 3px !important;
1462
+ }
1412
1463
  .p-2 {
1413
1464
  padding: 4px !important;
1414
1465
  }
@@ -1464,6 +1515,14 @@ input[type='number'].no-arrows {
1464
1515
  padding-left: 1px !important;
1465
1516
  padding-right: 1px !important;
1466
1517
  }
1518
+ .px-\[14px\] {
1519
+ padding-left: 14px !important;
1520
+ padding-right: 14px !important;
1521
+ }
1522
+ .px-\[20px\] {
1523
+ padding-left: 20px !important;
1524
+ padding-right: 20px !important;
1525
+ }
1467
1526
  .px-4 {
1468
1527
  padding-left: 12px !important;
1469
1528
  padding-right: 12px !important;
@@ -1896,9 +1955,6 @@ input[type='number'].no-arrows {
1896
1955
  .underline-offset-2 {
1897
1956
  text-underline-offset: 2px !important;
1898
1957
  }
1899
- .opacity-0 {
1900
- opacity: 0 !important;
1901
- }
1902
1958
  .opacity-70 {
1903
1959
  opacity: 0.7 !important;
1904
1960
  }
@@ -1995,6 +2051,26 @@ input[type='number'].no-arrows {
1995
2051
  .first\:mt-0:first-child {
1996
2052
  margin-top: 0 !important;
1997
2053
  }
2054
+ .checked\:border-navyBlue-100:checked {
2055
+ --tw-border-opacity: 1 !important;
2056
+ border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
2057
+ }
2058
+ .checked\:bg-navyBlue-100:checked {
2059
+ --tw-bg-opacity: 1 !important;
2060
+ background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
2061
+ }
2062
+ .checked\:bg-opacity-40:checked {
2063
+ --tw-bg-opacity: 0.4 !important;
2064
+ }
2065
+ .checked\:opacity-40:checked {
2066
+ opacity: 0.4 !important;
2067
+ }
2068
+ .checked\:shadow-whiteInset:checked {
2069
+ --tw-shadow: inset 0 0 0 3px rgba(255,255,255,1) !important;
2070
+ --tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color) !important;
2071
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
2072
+ 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) !important;
2073
+ }
1998
2074
  .hover\:cursor-pointer:hover {
1999
2075
  cursor: pointer !important;
2000
2076
  }
@@ -2010,6 +2086,10 @@ input[type='number'].no-arrows {
2010
2086
  --tw-bg-opacity: 1 !important;
2011
2087
  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
2012
2088
  }
2089
+ .hover\:bg-grey-30:hover {
2090
+ --tw-bg-opacity: 1 !important;
2091
+ background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
2092
+ }
2013
2093
  .hover\:bg-primary-70:hover {
2014
2094
  --tw-bg-opacity: 1 !important;
2015
2095
  background-color: rgb(255 53 84 / var(--tw-bg-opacity)) !important;
@@ -2042,6 +2122,13 @@ input[type='number'].no-arrows {
2042
2122
  --tw-ring-opacity: 1 !important;
2043
2123
  --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity)) !important;
2044
2124
  }
2125
+ .hover\:checked\:bg-navyBlue-100:checked:hover {
2126
+ --tw-bg-opacity: 1 !important;
2127
+ background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
2128
+ }
2129
+ .focus\:border:focus {
2130
+ border-width: 1px !important;
2131
+ }
2045
2132
  .focus\:border-info-70:focus {
2046
2133
  --tw-border-opacity: 1 !important;
2047
2134
  border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
@@ -2267,10 +2354,6 @@ input[type='number'].no-arrows {
2267
2354
  --tw-bg-opacity: 1 !important;
2268
2355
  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
2269
2356
  }
2270
- .group:hover .group-hover\:bg-grey-30 {
2271
- --tw-bg-opacity: 1 !important;
2272
- background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
2273
- }
2274
2357
  .peer\/switch:checked~.peer-checked\/switch\:left-1 {
2275
2358
  left: 2px !important;
2276
2359
  }
@@ -2282,18 +2365,6 @@ input[type='number'].no-arrows {
2282
2365
  --tw-border-opacity: 1 !important;
2283
2366
  border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
2284
2367
  }
2285
- .peer\/radio:checked~.peer-checked\/radio\:border-navyBlue-100 {
2286
- --tw-border-opacity: 1 !important;
2287
- border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
2288
- }
2289
- .peer:checked~.peer-checked\:bg-navyBlue-100 {
2290
- --tw-bg-opacity: 1 !important;
2291
- background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
2292
- }
2293
- .peer\/switch:checked~.peer-checked\/switch\:bg-navyBlue-100 {
2294
- --tw-bg-opacity: 1 !important;
2295
- background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
2296
- }
2297
2368
  .peer:checked~.peer-checked\:text-white {
2298
2369
  --tw-text-opacity: 1 !important;
2299
2370
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
@@ -2302,38 +2373,14 @@ input[type='number'].no-arrows {
2302
2373
  --tw-text-opacity: 1 !important;
2303
2374
  color: rgb(180 180 187 / var(--tw-text-opacity)) !important;
2304
2375
  }
2305
- .peer\/radio:checked~.peer-checked\/radio\:opacity-40 {
2306
- opacity: 0.4 !important;
2307
- }
2308
- .peer\/switch:checked~.peer-checked\/switch\:opacity-40 {
2309
- opacity: 0.4 !important;
2310
- }
2311
2376
  .peer:hover~.peer-hover\:border-grey-50 {
2312
2377
  --tw-border-opacity: 1 !important;
2313
2378
  border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
2314
2379
  }
2315
- .peer\/radio:hover~.peer-hover\/radio\:border-grey-50 {
2316
- --tw-border-opacity: 1 !important;
2317
- border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
2318
- }
2319
- .peer\/switch:focus~.peer-focus\/switch\:border {
2320
- border-width: 1px !important;
2321
- }
2322
2380
  .peer:focus~.peer-focus\:border-info-70 {
2323
2381
  --tw-border-opacity: 1 !important;
2324
2382
  border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
2325
2383
  }
2326
- .peer\/radio:focus~.peer-focus\/radio\:border-info-70 {
2327
- --tw-border-opacity: 1 !important;
2328
- border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
2329
- }
2330
- .peer:disabled~.peer-disabled\:cursor-not-allowed {
2331
- cursor: not-allowed !important;
2332
- }
2333
- .peer:disabled~.peer-disabled\:border-grey-5 {
2334
- --tw-border-opacity: 1 !important;
2335
- border-color: rgb(237 237 240 / var(--tw-border-opacity)) !important;
2336
- }
2337
2384
  .peer\/switch:disabled~.peer-disabled\/switch\:bg-grey-0 {
2338
2385
  --tw-bg-opacity: 1 !important;
2339
2386
  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
@@ -2348,21 +2395,15 @@ input[type='number'].no-arrows {
2348
2395
  .children\:last\:border-b-0:last-child>* {
2349
2396
  border-bottom-width: 0px !important;
2350
2397
  }
2398
+ .\[\&\>path\]\:stroke-transparent>path {
2399
+ stroke: transparent !important;
2400
+ }
2351
2401
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path {
2352
2402
  stroke: white !important;
2353
2403
  }
2354
2404
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
2355
2405
  stroke: #b4b4bb !important;
2356
2406
  }
2357
- .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-2>path {
2358
- stroke-width: 2 !important;
2359
- }
2360
- .peer\/radio:checked~.peer-checked\/radio\:\[\&\>\*\]\:block>* {
2361
- display: block !important;
2362
- }
2363
- .peer\/radio:checked~.peer-checked\/radio\:\[\&\>\*\]\:opacity-40>* {
2364
- opacity: 0.4 !important;
2365
- }
2366
2407
  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child) {
2367
2408
  margin-left: -8px !important;
2368
2409
  }