@aivenio/aquarium 1.16.0 → 1.17.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.
Files changed (29) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +8 -4
  4. package/dist/atoms.mjs +8 -4
  5. package/dist/src/atoms/Navigation/Navigation.d.ts +3 -1
  6. package/dist/src/atoms/Navigation/Navigation.js +5 -4
  7. package/dist/src/molecules/Box/Box.d.ts +34 -1
  8. package/dist/src/molecules/Box/Box.js +2 -1
  9. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
  10. package/dist/src/molecules/DataList/DataList.d.ts +1 -1
  11. package/dist/src/molecules/DataList/DataList.js +5 -5
  12. package/dist/src/molecules/DataTable/DataTable.d.ts +1 -1
  13. package/dist/src/molecules/DataTable/DataTable.js +4 -4
  14. package/dist/src/molecules/Flexbox/Flexbox.d.ts +3 -0
  15. package/dist/src/molecules/Flexbox/Flexbox.js +4 -1
  16. package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +3 -0
  17. package/dist/src/molecules/Flexbox/FlexboxItem.js +4 -1
  18. package/dist/src/molecules/Modal/Modal.js +2 -2
  19. package/dist/src/molecules/MultiInput/InputChip.js +13 -9
  20. package/dist/src/molecules/Navigation/Navigation.d.ts +3 -1
  21. package/dist/src/molecules/PageHeader/PageHeader.js +4 -2
  22. package/dist/src/utils/table/types.d.ts +4 -0
  23. package/dist/styles.css +26 -14
  24. package/dist/styles_timescaledb.css +26 -14
  25. package/dist/system.cjs +214 -196
  26. package/dist/system.mjs +209 -191
  27. package/dist/tsconfig.module.tsbuildinfo +1 -1
  28. package/dist/types/tailwindGenerated.d.ts +1 -1
  29. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -855,9 +855,6 @@ input[type='number'].no-arrows {
855
855
  .mr-4 {
856
856
  margin-right: 12px;
857
857
  }
858
- .ml-2 {
859
- margin-left: 4px;
860
- }
861
858
  .mt-2 {
862
859
  margin-top: 4px;
863
860
  }
@@ -873,6 +870,9 @@ input[type='number'].no-arrows {
873
870
  .mb-2 {
874
871
  margin-bottom: 4px;
875
872
  }
873
+ .ml-2 {
874
+ margin-left: 4px;
875
+ }
876
876
  .mb-\[7px\] {
877
877
  margin-bottom: 7px;
878
878
  }
@@ -1476,6 +1476,10 @@ input[type='number'].no-arrows {
1476
1476
  --tw-bg-opacity: 1;
1477
1477
  background-color: rgb(254 242 241 / var(--tw-bg-opacity));
1478
1478
  }
1479
+ .bg-error-20 {
1480
+ --tw-bg-opacity: 1;
1481
+ background-color: rgb(255 173 179 / var(--tw-bg-opacity));
1482
+ }
1479
1483
  .bg-primary-70 {
1480
1484
  --tw-bg-opacity: 1;
1481
1485
  background-color: rgb(255 53 84 / var(--tw-bg-opacity));
@@ -1529,6 +1533,9 @@ input[type='number'].no-arrows {
1529
1533
  .p-2 {
1530
1534
  padding: 4px;
1531
1535
  }
1536
+ .p-1 {
1537
+ padding: 2px;
1538
+ }
1532
1539
  .px-3 {
1533
1540
  padding-left: 8px;
1534
1541
  padding-right: 8px;
@@ -2013,17 +2020,10 @@ input[type='number'].no-arrows {
2013
2020
  --tw-text-opacity: 1;
2014
2021
  color: rgb(255 255 255 / var(--tw-text-opacity));
2015
2022
  }
2016
- .underline {
2017
- -webkit-text-decoration-line: underline;
2018
- text-decoration-line: underline;
2019
- }
2020
2023
  .no-underline {
2021
2024
  -webkit-text-decoration-line: none;
2022
2025
  text-decoration-line: none;
2023
2026
  }
2024
- .underline-offset-2 {
2025
- text-underline-offset: 2px;
2026
- }
2027
2027
  .opacity-70 {
2028
2028
  opacity: 0.7;
2029
2029
  }
@@ -2216,6 +2216,14 @@ input[type='number'].no-arrows {
2216
2216
  --tw-bg-opacity: 1;
2217
2217
  background-color: rgb(255 53 84 / var(--tw-bg-opacity));
2218
2218
  }
2219
+ .hover\:bg-error-10:hover {
2220
+ --tw-bg-opacity: 1;
2221
+ background-color: rgb(255 203 210 / var(--tw-bg-opacity));
2222
+ }
2223
+ .hover\:bg-grey-10:hover {
2224
+ --tw-bg-opacity: 1;
2225
+ background-color: rgb(225 225 227 / var(--tw-bg-opacity));
2226
+ }
2219
2227
  .hover\:text-primary-70:hover {
2220
2228
  --tw-text-opacity: 1;
2221
2229
  color: rgb(255 53 84 / var(--tw-text-opacity));
@@ -2232,10 +2240,6 @@ input[type='number'].no-arrows {
2232
2240
  --tw-text-opacity: 1;
2233
2241
  color: rgb(228 26 74 / var(--tw-text-opacity));
2234
2242
  }
2235
- .hover\:no-underline:hover {
2236
- -webkit-text-decoration-line: none;
2237
- text-decoration-line: none;
2238
- }
2239
2243
  .hover\:ring-grey-50:hover {
2240
2244
  --tw-ring-opacity: 1;
2241
2245
  --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
@@ -2254,6 +2258,14 @@ input[type='number'].no-arrows {
2254
2258
  .focus\:border-transparent:focus {
2255
2259
  border-color: transparent;
2256
2260
  }
2261
+ .focus\:bg-error-20:focus {
2262
+ --tw-bg-opacity: 1;
2263
+ background-color: rgb(255 173 179 / var(--tw-bg-opacity));
2264
+ }
2265
+ .focus\:bg-grey-20:focus {
2266
+ --tw-bg-opacity: 1;
2267
+ background-color: rgb(210 210 214 / var(--tw-bg-opacity));
2268
+ }
2257
2269
  .focus\:text-primary-80:focus {
2258
2270
  --tw-text-opacity: 1;
2259
2271
  color: rgb(228 26 74 / var(--tw-text-opacity));
package/dist/styles_timescaledb.css CHANGED
@@ -854,9 +854,6 @@ input[type='number'].no-arrows {
854
854
  .mr-4 {
855
855
  margin-right: 12px;
856
856
  }
857
- .ml-2 {
858
- margin-left: 4px;
859
- }
860
857
  .mt-2 {
861
858
  margin-top: 4px;
862
859
  }
@@ -872,6 +869,9 @@ input[type='number'].no-arrows {
872
869
  .mb-2 {
873
870
  margin-bottom: 4px;
874
871
  }
872
+ .ml-2 {
873
+ margin-left: 4px;
874
+ }
875
875
  .mb-\[7px\] {
876
876
  margin-bottom: 7px;
877
877
  }
@@ -1475,6 +1475,10 @@ input[type='number'].no-arrows {
1475
1475
  --tw-bg-opacity: 1;
1476
1476
  background-color: rgb(254 242 241 / var(--tw-bg-opacity));
1477
1477
  }
1478
+ .bg-error-20 {
1479
+ --tw-bg-opacity: 1;
1480
+ background-color: rgb(255 173 179 / var(--tw-bg-opacity));
1481
+ }
1478
1482
  .bg-primary-70 {
1479
1483
  --tw-bg-opacity: 1;
1480
1484
  background-color: rgb(3 153 227 / var(--tw-bg-opacity));
@@ -1528,6 +1532,9 @@ input[type='number'].no-arrows {
1528
1532
  .p-2 {
1529
1533
  padding: 4px;
1530
1534
  }
1535
+ .p-1 {
1536
+ padding: 2px;
1537
+ }
1531
1538
  .px-3 {
1532
1539
  padding-left: 8px;
1533
1540
  padding-right: 8px;
@@ -2012,17 +2019,10 @@ input[type='number'].no-arrows {
2012
2019
  --tw-text-opacity: 1;
2013
2020
  color: rgb(255 255 255 / var(--tw-text-opacity));
2014
2021
  }
2015
- .underline {
2016
- -webkit-text-decoration-line: underline;
2017
- text-decoration-line: underline;
2018
- }
2019
2022
  .no-underline {
2020
2023
  -webkit-text-decoration-line: none;
2021
2024
  text-decoration-line: none;
2022
2025
  }
2023
- .underline-offset-2 {
2024
- text-underline-offset: 2px;
2025
- }
2026
2026
  .opacity-70 {
2027
2027
  opacity: 0.7;
2028
2028
  }
@@ -2215,6 +2215,14 @@ input[type='number'].no-arrows {
2215
2215
  --tw-bg-opacity: 1;
2216
2216
  background-color: rgb(3 153 227 / var(--tw-bg-opacity));
2217
2217
  }
2218
+ .hover\:bg-error-10:hover {
2219
+ --tw-bg-opacity: 1;
2220
+ background-color: rgb(255 203 210 / var(--tw-bg-opacity));
2221
+ }
2222
+ .hover\:bg-grey-10:hover {
2223
+ --tw-bg-opacity: 1;
2224
+ background-color: rgb(225 225 227 / var(--tw-bg-opacity));
2225
+ }
2218
2226
  .hover\:text-primary-70:hover {
2219
2227
  --tw-text-opacity: 1;
2220
2228
  color: rgb(3 153 227 / var(--tw-text-opacity));
@@ -2231,10 +2239,6 @@ input[type='number'].no-arrows {
2231
2239
  --tw-text-opacity: 1;
2232
2240
  color: rgb(7 136 209 / var(--tw-text-opacity));
2233
2241
  }
2234
- .hover\:no-underline:hover {
2235
- -webkit-text-decoration-line: none;
2236
- text-decoration-line: none;
2237
- }
2238
2242
  .hover\:ring-grey-50:hover {
2239
2243
  --tw-ring-opacity: 1;
2240
2244
  --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
@@ -2253,6 +2257,14 @@ input[type='number'].no-arrows {
2253
2257
  .focus\:border-transparent:focus {
2254
2258
  border-color: transparent;
2255
2259
  }
2260
+ .focus\:bg-error-20:focus {
2261
+ --tw-bg-opacity: 1;
2262
+ background-color: rgb(255 173 179 / var(--tw-bg-opacity));
2263
+ }
2264
+ .focus\:bg-grey-20:focus {
2265
+ --tw-bg-opacity: 1;
2266
+ background-color: rgb(210 210 214 / var(--tw-bg-opacity));
2267
+ }
2256
2268
  .focus\:text-primary-80:focus {
2257
2269
  --tw-text-opacity: 1;
2258
2270
  color: rgb(7 136 209 / var(--tw-text-opacity));