@aivenio/aquarium 1.0.0 → 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 (47) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +821 -623
  4. package/dist/atoms.mjs +820 -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/Timeline/Timeline.d.ts +18 -0
  13. package/dist/src/common/Timeline/Timeline.js +43 -0
  14. package/dist/src/common/Typography/Typography.d.ts +2 -1
  15. package/dist/src/common/Typography/Typography.js +15 -3
  16. package/dist/src/components/Alert/Alert.js +2 -2
  17. package/dist/src/components/Banner/Banner.d.ts +3 -1
  18. package/dist/src/components/Banner/Banner.js +3 -3
  19. package/dist/src/components/Box/Box.d.ts +5 -1
  20. package/dist/src/components/Box/Box.js +6 -2
  21. package/dist/src/components/DataTable/DataTable.d.ts +15 -12
  22. package/dist/src/components/DataTable/DataTable.js +9 -5
  23. package/dist/src/components/Dialog/Dialog.js +35 -12
  24. package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +7 -1
  25. package/dist/src/components/DropdownMenu/DropdownMenu.js +23 -13
  26. package/dist/src/components/DropdownMenu/utils.d.ts +4 -0
  27. package/dist/src/components/DropdownMenu/utils.js +20 -0
  28. package/dist/src/components/Modal/Modal.js +16 -8
  29. package/dist/src/components/Section/Section.d.ts +4 -0
  30. package/dist/src/components/Section/Section.js +14 -13
  31. package/dist/src/components/Skeleton/Skeleton.d.ts +7 -2
  32. package/dist/src/components/Skeleton/Skeleton.js +5 -4
  33. package/dist/src/components/Template/Template.d.ts +18 -0
  34. package/dist/src/components/Template/Template.js +18 -0
  35. package/dist/src/components/Timeline/Timeline.d.ts +27 -0
  36. package/dist/src/components/Timeline/Timeline.js +41 -0
  37. package/dist/src/components/index.d.ts +2 -0
  38. package/dist/src/components/index.js +3 -1
  39. package/dist/src/utils/Blueprint.d.ts +2 -0
  40. package/dist/src/utils/Blueprint.js +29 -0
  41. package/dist/styles.css +40 -21
  42. package/dist/styles_timescaledb.css +40 -21
  43. package/dist/system.cjs +2566 -1813
  44. package/dist/system.mjs +2553 -1802
  45. package/dist/tsconfig.module.tsbuildinfo +1 -1
  46. package/dist/types/tailwindGenerated.d.ts +1 -1
  47. package/package.json +1 -1
package/dist/styles.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
  }
@@ -969,6 +978,9 @@ input[type='number'].no-arrows {
969
978
  .grid-cols-3 {
970
979
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
971
980
  }
981
+ .grid-cols-\[16px_1fr\] {
982
+ grid-template-columns: 16px 1fr !important;
983
+ }
972
984
  .grid-cols-\[auto_1fr\] {
973
985
  grid-template-columns: auto 1fr !important;
974
986
  }
@@ -1048,6 +1060,9 @@ input[type='number'].no-arrows {
1048
1060
  .self-center {
1049
1061
  align-self: center !important;
1050
1062
  }
1063
+ .justify-self-center {
1064
+ justify-self: center !important;
1065
+ }
1051
1066
  .overflow-hidden {
1052
1067
  overflow: hidden !important;
1053
1068
  }
@@ -1108,22 +1123,22 @@ input[type='number'].no-arrows {
1108
1123
  --tw-border-opacity: 1 !important;
1109
1124
  border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
1110
1125
  }
1111
- .border-navyBlue-100 {
1112
- --tw-border-opacity: 1 !important;
1113
- border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
1114
- }
1115
1126
  .border-grey-5 {
1116
1127
  --tw-border-opacity: 1 !important;
1117
1128
  border-color: rgb(237 237 240 / var(--tw-border-opacity)) !important;
1118
1129
  }
1119
- .border-grey-50 {
1130
+ .border-navyBlue-100 {
1120
1131
  --tw-border-opacity: 1 !important;
1121
- border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
1132
+ border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
1122
1133
  }
1123
1134
  .border-grey-10 {
1124
1135
  --tw-border-opacity: 1 !important;
1125
1136
  border-color: rgb(225 225 227 / var(--tw-border-opacity)) !important;
1126
1137
  }
1138
+ .border-grey-50 {
1139
+ --tw-border-opacity: 1 !important;
1140
+ border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
1141
+ }
1127
1142
  .border-grey-40 {
1128
1143
  --tw-border-opacity: 1 !important;
1129
1144
  border-color: rgb(150 150 160 / var(--tw-border-opacity)) !important;
@@ -1166,14 +1181,14 @@ input[type='number'].no-arrows {
1166
1181
  --tw-bg-opacity: 1 !important;
1167
1182
  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
1168
1183
  }
1169
- .bg-navyBlue-100 {
1170
- --tw-bg-opacity: 1 !important;
1171
- background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
1172
- }
1173
1184
  .bg-white {
1174
1185
  --tw-bg-opacity: 1 !important;
1175
1186
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
1176
1187
  }
1188
+ .bg-navyBlue-100 {
1189
+ --tw-bg-opacity: 1 !important;
1190
+ background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
1191
+ }
1177
1192
  .bg-grey-5 {
1178
1193
  --tw-bg-opacity: 1 !important;
1179
1194
  background-color: rgb(237 237 240 / var(--tw-bg-opacity)) !important;
@@ -1194,6 +1209,10 @@ input[type='number'].no-arrows {
1194
1209
  --tw-bg-opacity: 1 !important;
1195
1210
  background-color: rgb(216 0 5 / var(--tw-bg-opacity)) !important;
1196
1211
  }
1212
+ .bg-grey-30 {
1213
+ --tw-bg-opacity: 1 !important;
1214
+ background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
1215
+ }
1197
1216
  .bg-current {
1198
1217
  background-color: currentColor !important;
1199
1218
  }
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
  }
@@ -969,6 +978,9 @@ input[type='number'].no-arrows {
969
978
  .grid-cols-3 {
970
979
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
971
980
  }
981
+ .grid-cols-\[16px_1fr\] {
982
+ grid-template-columns: 16px 1fr !important;
983
+ }
972
984
  .grid-cols-\[auto_1fr\] {
973
985
  grid-template-columns: auto 1fr !important;
974
986
  }
@@ -1048,6 +1060,9 @@ input[type='number'].no-arrows {
1048
1060
  .self-center {
1049
1061
  align-self: center !important;
1050
1062
  }
1063
+ .justify-self-center {
1064
+ justify-self: center !important;
1065
+ }
1051
1066
  .overflow-hidden {
1052
1067
  overflow: hidden !important;
1053
1068
  }
@@ -1108,22 +1123,22 @@ input[type='number'].no-arrows {
1108
1123
  --tw-border-opacity: 1 !important;
1109
1124
  border-color: rgb(3 153 227 / var(--tw-border-opacity)) !important;
1110
1125
  }
1111
- .border-navyBlue-100 {
1112
- --tw-border-opacity: 1 !important;
1113
- border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
1114
- }
1115
1126
  .border-grey-5 {
1116
1127
  --tw-border-opacity: 1 !important;
1117
1128
  border-color: rgb(237 237 240 / var(--tw-border-opacity)) !important;
1118
1129
  }
1119
- .border-grey-50 {
1130
+ .border-navyBlue-100 {
1120
1131
  --tw-border-opacity: 1 !important;
1121
- border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
1132
+ border-color: rgb(48 55 94 / var(--tw-border-opacity)) !important;
1122
1133
  }
1123
1134
  .border-grey-10 {
1124
1135
  --tw-border-opacity: 1 !important;
1125
1136
  border-color: rgb(225 225 227 / var(--tw-border-opacity)) !important;
1126
1137
  }
1138
+ .border-grey-50 {
1139
+ --tw-border-opacity: 1 !important;
1140
+ border-color: rgb(120 120 133 / var(--tw-border-opacity)) !important;
1141
+ }
1127
1142
  .border-grey-40 {
1128
1143
  --tw-border-opacity: 1 !important;
1129
1144
  border-color: rgb(150 150 160 / var(--tw-border-opacity)) !important;
@@ -1166,14 +1181,14 @@ input[type='number'].no-arrows {
1166
1181
  --tw-bg-opacity: 1 !important;
1167
1182
  background-color: rgb(247 247 250 / var(--tw-bg-opacity)) !important;
1168
1183
  }
1169
- .bg-navyBlue-100 {
1170
- --tw-bg-opacity: 1 !important;
1171
- background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
1172
- }
1173
1184
  .bg-white {
1174
1185
  --tw-bg-opacity: 1 !important;
1175
1186
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
1176
1187
  }
1188
+ .bg-navyBlue-100 {
1189
+ --tw-bg-opacity: 1 !important;
1190
+ background-color: rgb(48 55 94 / var(--tw-bg-opacity)) !important;
1191
+ }
1177
1192
  .bg-grey-5 {
1178
1193
  --tw-bg-opacity: 1 !important;
1179
1194
  background-color: rgb(237 237 240 / var(--tw-bg-opacity)) !important;
@@ -1194,6 +1209,10 @@ input[type='number'].no-arrows {
1194
1209
  --tw-bg-opacity: 1 !important;
1195
1210
  background-color: rgb(216 0 5 / var(--tw-bg-opacity)) !important;
1196
1211
  }
1212
+ .bg-grey-30 {
1213
+ --tw-bg-opacity: 1 !important;
1214
+ background-color: rgb(180 180 187 / var(--tw-bg-opacity)) !important;
1215
+ }
1197
1216
  .bg-current {
1198
1217
  background-color: currentColor !important;
1199
1218
  }