@aivenio/aquarium 1.3.0 → 1.4.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 +2 -1
- package/dist/_variables_timescale.scss +2 -1
- package/dist/atoms.cjs +129 -53
- package/dist/atoms.mjs +128 -53
- package/dist/src/common/RadioButton/RadioButton.js +5 -12
- package/dist/src/common/Stepper/Stepper.d.ts +33 -0
- package/dist/src/common/Stepper/Stepper.js +60 -0
- package/dist/src/common/Table/Table.js +2 -2
- package/dist/src/common/index.d.ts +1 -0
- package/dist/src/common/index.js +2 -1
- package/dist/src/components/Container/Container.d.ts +16 -0
- package/dist/src/components/Container/Container.js +18 -0
- package/dist/src/components/Stepper/Stepper.d.ts +24 -0
- package/dist/src/components/Stepper/Stepper.js +24 -0
- package/dist/src/components/index.d.ts +2 -0
- package/dist/src/components/index.js +3 -1
- package/dist/styles.css +93 -38
- package/dist/styles_timescaledb.css +93 -38
- package/dist/system.cjs +640 -512
- package/dist/system.mjs +596 -470
- package/dist/tailwind.config.js +4 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -703,6 +703,15 @@ input[type='number'].no-arrows {
|
|
703
703
|
.right-\[28px\] {
|
704
704
|
right: 28px !important;
|
705
705
|
}
|
706
|
+
.-left-1\/2 {
|
707
|
+
left: -50% !important;
|
708
|
+
}
|
709
|
+
.top-\[3px\] {
|
710
|
+
top: 3px !important;
|
711
|
+
}
|
712
|
+
.top-\[14px\] {
|
713
|
+
top: 14px !important;
|
714
|
+
}
|
706
715
|
.left-2 {
|
707
716
|
left: 4px !important;
|
708
717
|
}
|
@@ -727,15 +736,15 @@ input[type='number'].no-arrows {
|
|
727
736
|
.-z-10 {
|
728
737
|
z-index: -10 !important;
|
729
738
|
}
|
739
|
+
.z-10 {
|
740
|
+
z-index: 10 !important;
|
741
|
+
}
|
730
742
|
.z-40 {
|
731
743
|
z-index: 40 !important;
|
732
744
|
}
|
733
745
|
.z-0 {
|
734
746
|
z-index: 0 !important;
|
735
747
|
}
|
736
|
-
.z-10 {
|
737
|
-
z-index: 10 !important;
|
738
|
-
}
|
739
748
|
.z-20 {
|
740
749
|
z-index: 20 !important;
|
741
750
|
}
|
@@ -890,7 +899,16 @@ input[type='number'].no-arrows {
|
|
890
899
|
.h-2 {
|
891
900
|
height: 4px !important;
|
892
901
|
}
|
893
|
-
.h
|
902
|
+
.h-\[2px\] {
|
903
|
+
height: 2px !important;
|
904
|
+
}
|
905
|
+
.h-\[3px\] {
|
906
|
+
height: 3px !important;
|
907
|
+
}
|
908
|
+
.h-\[32px\] {
|
909
|
+
height: 32px !important;
|
910
|
+
}
|
911
|
+
.h-\[8px\] {
|
894
912
|
height: 8px !important;
|
895
913
|
}
|
896
914
|
.h-4 {
|
@@ -905,9 +923,6 @@ input[type='number'].no-arrows {
|
|
905
923
|
.h-\[6px\] {
|
906
924
|
height: 6px !important;
|
907
925
|
}
|
908
|
-
.h-\[32px\] {
|
909
|
-
height: 32px !important;
|
910
|
-
}
|
911
926
|
.h-\[174px\] {
|
912
927
|
height: 174px !important;
|
913
928
|
}
|
@@ -917,6 +932,9 @@ input[type='number'].no-arrows {
|
|
917
932
|
.h-1px {
|
918
933
|
height: 1px !important;
|
919
934
|
}
|
935
|
+
.h-3 {
|
936
|
+
height: 8px !important;
|
937
|
+
}
|
920
938
|
.h-6 {
|
921
939
|
height: 24px !important;
|
922
940
|
}
|
@@ -947,7 +965,10 @@ input[type='number'].no-arrows {
|
|
947
965
|
.w-5 {
|
948
966
|
width: 16px !important;
|
949
967
|
}
|
950
|
-
.w
|
968
|
+
.w-\[32px\] {
|
969
|
+
width: 32px !important;
|
970
|
+
}
|
971
|
+
.w-\[8px\] {
|
951
972
|
width: 8px !important;
|
952
973
|
}
|
953
974
|
.w-\[34px\] {
|
@@ -962,9 +983,6 @@ input[type='number'].no-arrows {
|
|
962
983
|
.w-\[6px\] {
|
963
984
|
width: 6px !important;
|
964
985
|
}
|
965
|
-
.w-\[32px\] {
|
966
|
-
width: 32px !important;
|
967
|
-
}
|
968
986
|
.w-\[280px\] {
|
969
987
|
width: 280px !important;
|
970
988
|
}
|
@@ -974,6 +992,9 @@ input[type='number'].no-arrows {
|
|
974
992
|
.w-2 {
|
975
993
|
width: 4px !important;
|
976
994
|
}
|
995
|
+
.w-3 {
|
996
|
+
width: 8px !important;
|
997
|
+
}
|
977
998
|
.w-6 {
|
978
999
|
width: 24px !important;
|
979
1000
|
}
|
@@ -995,6 +1016,21 @@ input[type='number'].no-arrows {
|
|
995
1016
|
.max-w-\[940px\] {
|
996
1017
|
max-width: 940px !important;
|
997
1018
|
}
|
1019
|
+
.max-w-screen-xl {
|
1020
|
+
max-width: 1536px !important;
|
1021
|
+
}
|
1022
|
+
.max-w-screen-lg {
|
1023
|
+
max-width: 1312px !important;
|
1024
|
+
}
|
1025
|
+
.max-w-screen-md {
|
1026
|
+
max-width: 1056px !important;
|
1027
|
+
}
|
1028
|
+
.max-w-screen-sm {
|
1029
|
+
max-width: 672px !important;
|
1030
|
+
}
|
1031
|
+
.max-w-screen-xs {
|
1032
|
+
max-width: 320px !important;
|
1033
|
+
}
|
998
1034
|
.max-w-\[70px\] {
|
999
1035
|
max-width: 70px !important;
|
1000
1036
|
}
|
@@ -1222,6 +1258,9 @@ input[type='number'].no-arrows {
|
|
1222
1258
|
.border-0 {
|
1223
1259
|
border-width: 0px !important;
|
1224
1260
|
}
|
1261
|
+
.border-2 {
|
1262
|
+
border-width: 2px !important;
|
1263
|
+
}
|
1225
1264
|
.border-b-\[1px\] {
|
1226
1265
|
border-bottom-width: 1px !important;
|
1227
1266
|
}
|
@@ -1260,10 +1299,22 @@ input[type='number'].no-arrows {
|
|
1260
1299
|
--tw-border-opacity: 1 !important;
|
1261
1300
|
border-color: rgb(225 225 227 / var(--tw-border-opacity)) !important;
|
1262
1301
|
}
|
1302
|
+
.border-navyBlue-100 {
|
1303
|
+
--tw-border-opacity: 1 !important;
|
1304
|
+
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
1305
|
+
}
|
1263
1306
|
.border-grey-50 {
|
1264
1307
|
--tw-border-opacity: 1 !important;
|
1265
1308
|
border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
|
1266
1309
|
}
|
1310
|
+
.border-grey-90 {
|
1311
|
+
--tw-border-opacity: 1 !important;
|
1312
|
+
border-color: rgb(41 42 49 / var(--tw-border-opacity)) !important;
|
1313
|
+
}
|
1314
|
+
.border-success-70 {
|
1315
|
+
--tw-border-opacity: 1 !important;
|
1316
|
+
border-color: rgb(0 179 0 / var(--tw-border-opacity)) !important;
|
1317
|
+
}
|
1267
1318
|
.border-grey-40 {
|
1268
1319
|
--tw-border-opacity: 1 !important;
|
1269
1320
|
border-color: rgb(150 150 160 / var(--tw-border-opacity)) !important;
|
@@ -1338,6 +1389,10 @@ input[type='number'].no-arrows {
|
|
1338
1389
|
--tw-bg-opacity: 1 !important;
|
1339
1390
|
background-color: rgb(210 210 214 / var(--tw-bg-opacity)) !important;
|
1340
1391
|
}
|
1392
|
+
.bg-grey-90 {
|
1393
|
+
--tw-bg-opacity: 1 !important;
|
1394
|
+
background-color: rgb(41 42 49 / var(--tw-bg-opacity)) !important;
|
1395
|
+
}
|
1341
1396
|
.bg-grey-30 {
|
1342
1397
|
--tw-bg-opacity: 1 !important;
|
1343
1398
|
background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
|
@@ -1364,9 +1419,8 @@ input[type='number'].no-arrows {
|
|
1364
1419
|
--tw-bg-opacity: 1 !important;
|
1365
1420
|
background-color: rgb(3 153 227 / var(--tw-bg-opacity)) !important;
|
1366
1421
|
}
|
1367
|
-
.bg-
|
1368
|
-
--tw-bg-opacity:
|
1369
|
-
background-color: rgb(41 42 49 / var(--tw-bg-opacity)) !important;
|
1422
|
+
.bg-opacity-40 {
|
1423
|
+
--tw-bg-opacity: 0.4 !important;
|
1370
1424
|
}
|
1371
1425
|
.bg-gradient-to-r {
|
1372
1426
|
background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
|
@@ -1463,6 +1517,14 @@ input[type='number'].no-arrows {
|
|
1463
1517
|
padding-left: 1px !important;
|
1464
1518
|
padding-right: 1px !important;
|
1465
1519
|
}
|
1520
|
+
.px-\[14px\] {
|
1521
|
+
padding-left: 14px !important;
|
1522
|
+
padding-right: 14px !important;
|
1523
|
+
}
|
1524
|
+
.px-\[20px\] {
|
1525
|
+
padding-left: 20px !important;
|
1526
|
+
padding-right: 20px !important;
|
1527
|
+
}
|
1466
1528
|
.px-4 {
|
1467
1529
|
padding-left: 12px !important;
|
1468
1530
|
padding-right: 12px !important;
|
@@ -1901,9 +1963,6 @@ input[type='number'].no-arrows {
|
|
1901
1963
|
.opacity-70 {
|
1902
1964
|
opacity: 0.7 !important;
|
1903
1965
|
}
|
1904
|
-
.opacity-40 {
|
1905
|
-
opacity: 0.4 !important;
|
1906
|
-
}
|
1907
1966
|
.shadow-16dp {
|
1908
1967
|
--tw-shadow: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12) !important;
|
1909
1968
|
--tw-shadow-colored: 0px 16px 32px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color) !important;
|
@@ -1994,6 +2053,23 @@ input[type='number'].no-arrows {
|
|
1994
2053
|
.first\:mt-0:first-child {
|
1995
2054
|
margin-top: 0 !important;
|
1996
2055
|
}
|
2056
|
+
.checked\:border-navyBlue-100:checked {
|
2057
|
+
--tw-border-opacity: 1 !important;
|
2058
|
+
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
2059
|
+
}
|
2060
|
+
.checked\:bg-navyBlue-100:checked {
|
2061
|
+
--tw-bg-opacity: 1 !important;
|
2062
|
+
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
2063
|
+
}
|
2064
|
+
.checked\:bg-opacity-40:checked {
|
2065
|
+
--tw-bg-opacity: 0.4 !important;
|
2066
|
+
}
|
2067
|
+
.checked\:shadow-whiteInset:checked {
|
2068
|
+
--tw-shadow: inset 0 0 0 3px rgba(255,255,255,1) !important;
|
2069
|
+
--tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color) !important;
|
2070
|
+
box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
|
2071
|
+
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;
|
2072
|
+
}
|
1997
2073
|
.hover\:cursor-pointer:hover {
|
1998
2074
|
cursor: pointer !important;
|
1999
2075
|
}
|
@@ -2281,10 +2357,6 @@ input[type='number'].no-arrows {
|
|
2281
2357
|
--tw-border-opacity: 1 !important;
|
2282
2358
|
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
2283
2359
|
}
|
2284
|
-
.peer\/radio:checked~.peer-checked\/radio\:border-navyBlue-100 {
|
2285
|
-
--tw-border-opacity: 1 !important;
|
2286
|
-
border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
|
2287
|
-
}
|
2288
2360
|
.peer:checked~.peer-checked\:bg-navyBlue-100 {
|
2289
2361
|
--tw-bg-opacity: 1 !important;
|
2290
2362
|
background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
|
@@ -2301,9 +2373,6 @@ input[type='number'].no-arrows {
|
|
2301
2373
|
--tw-text-opacity: 1 !important;
|
2302
2374
|
color: rgb(180 180 187 / var(--tw-text-opacity)) !important;
|
2303
2375
|
}
|
2304
|
-
.peer\/radio:checked~.peer-checked\/radio\:opacity-40 {
|
2305
|
-
opacity: 0.4 !important;
|
2306
|
-
}
|
2307
2376
|
.peer\/switch:checked~.peer-checked\/switch\:opacity-40 {
|
2308
2377
|
opacity: 0.4 !important;
|
2309
2378
|
}
|
@@ -2311,10 +2380,6 @@ input[type='number'].no-arrows {
|
|
2311
2380
|
--tw-border-opacity: 1 !important;
|
2312
2381
|
border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
|
2313
2382
|
}
|
2314
|
-
.peer\/radio:hover~.peer-hover\/radio\:border-grey-50 {
|
2315
|
-
--tw-border-opacity: 1 !important;
|
2316
|
-
border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
|
2317
|
-
}
|
2318
2383
|
.peer\/switch:focus~.peer-focus\/switch\:border {
|
2319
2384
|
border-width: 1px !important;
|
2320
2385
|
}
|
@@ -2322,10 +2387,6 @@ input[type='number'].no-arrows {
|
|
2322
2387
|
--tw-border-opacity: 1 !important;
|
2323
2388
|
border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
|
2324
2389
|
}
|
2325
|
-
.peer\/radio:focus~.peer-focus\/radio\:border-info-70 {
|
2326
|
-
--tw-border-opacity: 1 !important;
|
2327
|
-
border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
|
2328
|
-
}
|
2329
2390
|
.peer:disabled~.peer-disabled\:cursor-not-allowed {
|
2330
2391
|
cursor: not-allowed !important;
|
2331
2392
|
}
|
@@ -2356,12 +2417,6 @@ input[type='number'].no-arrows {
|
|
2356
2417
|
.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-2>path {
|
2357
2418
|
stroke-width: 2 !important;
|
2358
2419
|
}
|
2359
|
-
.peer\/radio:checked~.peer-checked\/radio\:\[\&\>\*\]\:block>* {
|
2360
|
-
display: block !important;
|
2361
|
-
}
|
2362
|
-
.peer\/radio:checked~.peer-checked\/radio\:\[\&\>\*\]\:opacity-40>* {
|
2363
|
-
opacity: 0.4 !important;
|
2364
|
-
}
|
2365
2420
|
.\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child) {
|
2366
2421
|
margin-left: -8px !important;
|
2367
2422
|
}
|