@aivenio/aquarium 0.0.1 → 1.1.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.
Files changed (58) hide show
  1. package/dist/_variables.scss +2 -1
  2. package/dist/_variables_timescale.scss +2 -1
  3. package/dist/atoms.cjs +822 -623
  4. package/dist/atoms.mjs +821 -623
  5. package/dist/src/common/Alert/Alert.d.ts +1 -1
  6. package/dist/src/common/Alert/Alert.js +3 -3
  7. package/dist/src/common/Banner/Banner.d.ts +5 -1
  8. package/dist/src/common/Banner/Banner.js +5 -3
  9. package/dist/src/common/DropdownMenu/DropdownMenu.d.ts +8 -3
  10. package/dist/src/common/DropdownMenu/DropdownMenu.js +12 -2
  11. package/dist/src/common/Modal/Modal.js +3 -3
  12. package/dist/src/common/Section/Section.d.ts +14 -0
  13. package/dist/src/common/Section/Section.js +46 -0
  14. package/dist/src/common/Timeline/Timeline.d.ts +18 -0
  15. package/dist/src/common/Timeline/Timeline.js +43 -0
  16. package/dist/src/common/Typography/Typography.d.ts +3 -2
  17. package/dist/src/common/Typography/Typography.js +15 -3
  18. package/dist/src/components/Alert/Alert.js +2 -2
  19. package/dist/src/components/Banner/Banner.d.ts +3 -1
  20. package/dist/src/components/Banner/Banner.js +3 -3
  21. package/dist/src/components/Box/Box.d.ts +6 -2
  22. package/dist/src/components/Box/Box.js +6 -2
  23. package/dist/src/components/DataTable/DataTable.d.ts +15 -12
  24. package/dist/src/components/DataTable/DataTable.js +11 -4
  25. package/dist/src/components/Dialog/Dialog.js +35 -12
  26. package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +7 -1
  27. package/dist/src/components/DropdownMenu/DropdownMenu.js +23 -13
  28. package/dist/src/components/DropdownMenu/utils.d.ts +4 -0
  29. package/dist/src/components/DropdownMenu/utils.js +20 -0
  30. package/dist/src/components/List/List.d.ts +1 -1
  31. package/dist/src/components/Modal/Modal.js +16 -8
  32. package/dist/src/components/MultiInput/MultiInput.d.ts +2 -1
  33. package/dist/src/components/MultiInput/MultiInput.js +3 -3
  34. package/dist/src/components/Pagination/usePagination.d.ts +42 -0
  35. package/dist/src/components/Pagination/usePagination.js +34 -0
  36. package/dist/src/components/Section/Section.d.ts +17 -0
  37. package/dist/src/components/Section/Section.js +32 -0
  38. package/dist/src/components/Skeleton/Skeleton.d.ts +7 -2
  39. package/dist/src/components/Skeleton/Skeleton.js +5 -4
  40. package/dist/src/components/Template/Template.d.ts +18 -0
  41. package/dist/src/components/Template/Template.js +18 -0
  42. package/dist/src/components/Timeline/Timeline.d.ts +27 -0
  43. package/dist/src/components/Timeline/Timeline.js +41 -0
  44. package/dist/src/components/index.d.ts +4 -1
  45. package/dist/src/components/index.js +5 -2
  46. package/dist/src/utils/Blueprint.d.ts +2 -0
  47. package/dist/src/utils/Blueprint.js +29 -0
  48. package/dist/styles.css +52 -32
  49. package/dist/styles_timescaledb.css +52 -32
  50. package/dist/system.cjs +2837 -2134
  51. package/dist/system.mjs +2820 -2120
  52. package/dist/tailwind.config.js +1 -1
  53. package/dist/tailwind.theme.json +1 -0
  54. package/dist/tsconfig.module.tsbuildinfo +1 -1
  55. package/dist/types/tailwindGenerated.d.ts +1 -1
  56. package/package.json +2 -2
  57. package/dist/src/components/Positioner/Positioner.d.ts +0 -21
  58. package/dist/src/components/Positioner/Positioner.js +0 -97
package/dist/styles_timescaledb.css CHANGED
@@ -718,6 +718,9 @@ input[type='number'].no-arrows {
718
718
  .ml-4 {
719
719
  margin-left: 12px !important;
720
720
  }
721
+ .mb-5 {
722
+ margin-bottom: 16px !important;
723
+ }
721
724
  .mr-4 {
722
725
  margin-right: 12px !important;
723
726
  }
@@ -796,12 +799,18 @@ input[type='number'].no-arrows {
796
799
  .h-\[50px\] {
797
800
  height: 50px !important;
798
801
  }
799
- .h-\[32px\] {
800
- height: 32px !important;
802
+ .h-5 {
803
+ height: 16px !important;
801
804
  }
802
805
  .h-full {
803
806
  height: 100% !important;
804
807
  }
808
+ .h-\[6px\] {
809
+ height: 6px !important;
810
+ }
811
+ .h-\[32px\] {
812
+ height: 32px !important;
813
+ }
805
814
  .h-\[174px\] {
806
815
  height: 174px !important;
807
816
  }
@@ -811,9 +820,6 @@ input[type='number'].no-arrows {
811
820
  .h-1px {
812
821
  height: 1px !important;
813
822
  }
814
- .h-5 {
815
- height: 16px !important;
816
- }
817
823
  .h-6 {
818
824
  height: 24px !important;
819
825
  }
@@ -838,6 +844,15 @@ input[type='number'].no-arrows {
838
844
  .w-3 {
839
845
  width: 8px !important;
840
846
  }
847
+ .w-5 {
848
+ width: 16px !important;
849
+ }
850
+ .w-1 {
851
+ width: 2px !important;
852
+ }
853
+ .w-\[6px\] {
854
+ width: 6px !important;
855
+ }
841
856
  .w-\[32px\] {
842
857
  width: 32px !important;
843
858
  }
@@ -847,15 +862,9 @@ input[type='number'].no-arrows {
847
862
  .w-1px {
848
863
  width: 1px !important;
849
864
  }
850
- .w-1 {
851
- width: 2px !important;
852
- }
853
865
  .w-2 {
854
866
  width: 4px !important;
855
867
  }
856
- .w-5 {
857
- width: 16px !important;
858
- }
859
868
  .w-6 {
860
869
  width: 24px !important;
861
870
  }
@@ -926,17 +935,6 @@ input[type='number'].no-arrows {
926
935
  .transform {
927
936
  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)) !important;
928
937
  }
929
- @keyframes positioner-fade-in {
930
- from {
931
- opacity: 0;
932
- }
933
- to {
934
- opacity: 1;
935
- }
936
- }
937
- .animate-positioner-fade-in {
938
- animation: positioner-fade-in 300ms ease-in-out !important;
939
- }
940
938
  @keyframes pulse {
941
939
  50% {
942
940
  opacity: .5;
@@ -980,6 +978,9 @@ input[type='number'].no-arrows {
980
978
  .grid-cols-3 {
981
979
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
982
980
  }
981
+ .grid-cols-\[16px_1fr\] {
982
+ grid-template-columns: 16px 1fr !important;
983
+ }
983
984
  .grid-cols-\[auto_1fr\] {
984
985
  grid-template-columns: auto 1fr !important;
985
986
  }
@@ -1026,6 +1027,10 @@ input[type='number'].no-arrows {
1026
1027
  grid-gap: 4px !important;
1027
1028
  gap: 4px !important;
1028
1029
  }
1030
+ .gap-5 {
1031
+ grid-gap: 16px !important;
1032
+ gap: 16px !important;
1033
+ }
1029
1034
  .gap-8 {
1030
1035
  grid-gap: 40px !important;
1031
1036
  gap: 40px !important;
@@ -1055,6 +1060,9 @@ input[type='number'].no-arrows {
1055
1060
  .self-center {
1056
1061
  align-self: center !important;
1057
1062
  }
1063
+ .justify-self-center {
1064
+ justify-self: center !important;
1065
+ }
1058
1066
  .overflow-hidden {
1059
1067
  overflow: hidden !important;
1060
1068
  }
@@ -1115,22 +1123,22 @@ input[type='number'].no-arrows {
1115
1123
  --tw-border-opacity: 1 !important;
1116
1124
  border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
1117
1125
  }
1118
- .border-navyBlue-100 {
1119
- --tw-border-opacity: 1 !important;
1120
- border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
1121
- }
1122
1126
  .border-grey-5 {
1123
1127
  --tw-border-opacity: 1 !important;
1124
1128
  border-color: rgb(237 237 240 / var(--tw-border-opacity)) !important;
1125
1129
  }
1126
- .border-grey-50 {
1130
+ .border-navyBlue-100 {
1127
1131
  --tw-border-opacity: 1 !important;
1128
- border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
1132
+ border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
1129
1133
  }
1130
1134
  .border-grey-10 {
1131
1135
  --tw-border-opacity: 1 !important;
1132
1136
  border-color: rgb(225 225 227 / var(--tw-border-opacity)) !important;
1133
1137
  }
1138
+ .border-grey-50 {
1139
+ --tw-border-opacity: 1 !important;
1140
+ border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
1141
+ }
1134
1142
  .border-grey-40 {
1135
1143
  --tw-border-opacity: 1 !important;
1136
1144
  border-color: rgb(150 150 160 / var(--tw-border-opacity)) !important;
@@ -1173,14 +1181,14 @@ input[type='number'].no-arrows {
1173
1181
  --tw-bg-opacity: 1 !important;
1174
1182
  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
1175
1183
  }
1176
- .bg-navyBlue-100 {
1177
- --tw-bg-opacity: 1 !important;
1178
- background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
1179
- }
1180
1184
  .bg-white {
1181
1185
  --tw-bg-opacity: 1 !important;
1182
1186
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
1183
1187
  }
1188
+ .bg-navyBlue-100 {
1189
+ --tw-bg-opacity: 1 !important;
1190
+ background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
1191
+ }
1184
1192
  .bg-grey-5 {
1185
1193
  --tw-bg-opacity: 1 !important;
1186
1194
  background-color: rgb(237 237 240 / var(--tw-bg-opacity)) !important;
@@ -1201,6 +1209,10 @@ input[type='number'].no-arrows {
1201
1209
  --tw-bg-opacity: 1 !important;
1202
1210
  background-color: rgb(216 0 5 / var(--tw-bg-opacity)) !important;
1203
1211
  }
1212
+ .bg-grey-30 {
1213
+ --tw-bg-opacity: 1 !important;
1214
+ background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
1215
+ }
1204
1216
  .bg-current {
1205
1217
  background-color: currentColor !important;
1206
1218
  }
@@ -1310,6 +1322,14 @@ input[type='number'].no-arrows {
1310
1322
  padding-left: 16px !important;
1311
1323
  padding-right: 16px !important;
1312
1324
  }
1325
+ .px-6 {
1326
+ padding-left: 24px !important;
1327
+ padding-right: 24px !important;
1328
+ }
1329
+ .py-5 {
1330
+ padding-top: 16px !important;
1331
+ padding-bottom: 16px !important;
1332
+ }
1313
1333
  .py-\[6px\] {
1314
1334
  padding-top: 6px !important;
1315
1335
  padding-bottom: 6px !important;