@aivenio/aquarium 6.0.1 → 6.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 (35) hide show
  1. package/dist/atoms.cjs +270 -238
  2. package/dist/atoms.mjs +265 -238
  3. package/dist/src/atoms/Button/Button.d.ts +1 -1
  4. package/dist/src/atoms/ChoiceChip/ChoiceChip.d.ts +11 -7
  5. package/dist/src/atoms/ChoiceChip/ChoiceChip.js +4 -4
  6. package/dist/src/atoms/CommandPalette/CommandPalette.d.ts +85 -0
  7. package/dist/src/atoms/CommandPalette/CommandPalette.js +33 -0
  8. package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +131 -0
  9. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +4 -4
  10. package/dist/src/atoms/Modal/Modal.js +2 -2
  11. package/dist/src/atoms/Section/Section.js +2 -2
  12. package/dist/src/atoms/index.d.ts +1 -0
  13. package/dist/src/atoms/index.js +2 -1
  14. package/dist/src/molecules/Alert/Alert.js +6 -6
  15. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +3 -2
  16. package/dist/src/molecules/CommandPalette/CommandPalette.d.ts +48 -0
  17. package/dist/src/molecules/CommandPalette/CommandPalette.js +79 -0
  18. package/dist/src/molecules/CommandPalette/CommandPaletteProvider.d.ts +36 -0
  19. package/dist/src/molecules/CommandPalette/CommandPaletteProvider.js +119 -0
  20. package/dist/src/molecules/CommandPalette/rankCommands.d.ts +10 -0
  21. package/dist/src/molecules/CommandPalette/rankCommands.js +51 -0
  22. package/dist/src/molecules/CommandPalette/types.d.ts +39 -0
  23. package/dist/src/molecules/CommandPalette/types.js +17 -0
  24. package/dist/src/molecules/EmptyState/EmptyState.d.ts +2 -2
  25. package/dist/src/molecules/EmptyState/EmptyState.js +3 -3
  26. package/dist/src/molecules/Modal/Modal.js +2 -2
  27. package/dist/src/molecules/index.d.ts +1 -0
  28. package/dist/src/molecules/index.js +2 -1
  29. package/dist/src/utils/constants.d.ts +3 -3
  30. package/dist/src/utils/constants.js +4 -4
  31. package/dist/styles.css +106 -0
  32. package/dist/system.cjs +1499 -1214
  33. package/dist/system.mjs +1520 -1215
  34. package/dist/tsconfig.module.tsbuildinfo +1 -1
  35. package/package.json +1 -2
package/dist/styles.css CHANGED
@@ -842,6 +842,66 @@ video {
842
842
  .icon-stroke-2 svg path {
843
843
  stroke-width: 2;
844
844
  }
845
+ .alert-action-information.text-primary-default{
846
+ --tw-text-opacity: 1;
847
+ color: rgba(14, 71, 118, 1);
848
+ color: rgb(14 71 118 / var(--tw-text-opacity, 1));
849
+ }
850
+ .alert-action-information.text-primary-default:where([data-rac])[data-hovered]{
851
+ --tw-text-opacity: 1;
852
+ color: rgba(31, 133, 217, 1);
853
+ color: rgb(31 133 217 / var(--tw-text-opacity, 1));
854
+ }
855
+ .alert-action-information.text-primary-default:where(:not([data-rac])):hover{
856
+ --tw-text-opacity: 1;
857
+ color: rgba(31, 133, 217, 1);
858
+ color: rgb(31 133 217 / var(--tw-text-opacity, 1));
859
+ }
860
+ .alert-action-warning.text-primary-default{
861
+ --tw-text-opacity: 1;
862
+ color: rgba(72, 49, 5, 1);
863
+ color: rgb(72 49 5 / var(--tw-text-opacity, 1));
864
+ }
865
+ .alert-action-warning.text-primary-default:where([data-rac])[data-hovered]{
866
+ --tw-text-opacity: 1;
867
+ color: rgba(202, 141, 21, 1);
868
+ color: rgb(202 141 21 / var(--tw-text-opacity, 1));
869
+ }
870
+ .alert-action-warning.text-primary-default:where(:not([data-rac])):hover{
871
+ --tw-text-opacity: 1;
872
+ color: rgba(202, 141, 21, 1);
873
+ color: rgb(202 141 21 / var(--tw-text-opacity, 1));
874
+ }
875
+ .alert-action-error.text-primary-default{
876
+ --tw-text-opacity: 1;
877
+ color: rgba(100, 12, 12, 1);
878
+ color: rgb(100 12 12 / var(--tw-text-opacity, 1));
879
+ }
880
+ .alert-action-error.text-primary-default:where([data-rac])[data-hovered]{
881
+ --tw-text-opacity: 1;
882
+ color: rgba(213, 28, 28, 1);
883
+ color: rgb(213 28 28 / var(--tw-text-opacity, 1));
884
+ }
885
+ .alert-action-error.text-primary-default:where(:not([data-rac])):hover{
886
+ --tw-text-opacity: 1;
887
+ color: rgba(213, 28, 28, 1);
888
+ color: rgb(213 28 28 / var(--tw-text-opacity, 1));
889
+ }
890
+ .alert-action-success.text-primary-default{
891
+ --tw-text-opacity: 1;
892
+ color: rgba(7, 103, 51, 1);
893
+ color: rgb(7 103 51 / var(--tw-text-opacity, 1));
894
+ }
895
+ .alert-action-success.text-primary-default:where([data-rac])[data-hovered]{
896
+ --tw-text-opacity: 1;
897
+ color: rgba(10, 178, 86, 1);
898
+ color: rgb(10 178 86 / var(--tw-text-opacity, 1));
899
+ }
900
+ .alert-action-success.text-primary-default:where(:not([data-rac])):hover{
901
+ --tw-text-opacity: 1;
902
+ color: rgba(10, 178, 86, 1);
903
+ color: rgb(10 178 86 / var(--tw-text-opacity, 1));
904
+ }
845
905
  /* https://tailwindcss.com/docs/using-with-preprocessors */
846
906
  /* @import statements must come first*/
847
907
  .\!container{
@@ -1323,9 +1383,15 @@ video {
1323
1383
  .max-h-\[inherit\]{
1324
1384
  max-height: inherit;
1325
1385
  }
1386
+ .max-h-\[min\(480px\2c 60vh\)\]{
1387
+ max-height: min(480px,60vh);
1388
+ }
1326
1389
  .max-h-full{
1327
1390
  max-height: 100%;
1328
1391
  }
1392
+ .min-h-0{
1393
+ min-height: 0px;
1394
+ }
1329
1395
  .min-h-\[120px\]{
1330
1396
  min-height: 120px;
1331
1397
  }
@@ -1443,6 +1509,9 @@ video {
1443
1509
  .max-w-\[400px\]{
1444
1510
  max-width: 400px;
1445
1511
  }
1512
+ .max-w-\[640px\]{
1513
+ max-width: 640px;
1514
+ }
1446
1515
  .max-w-\[700px\]{
1447
1516
  max-width: 700px;
1448
1517
  }
@@ -1805,6 +1874,12 @@ video {
1805
1874
  border-top-right-radius: 4px;
1806
1875
  border-top-right-radius: var(--aquarium-border-radius-default);
1807
1876
  }
1877
+ .rounded-t-lg{
1878
+ border-top-left-radius: 6px;
1879
+ border-top-left-radius: var(--aquarium-border-radius-lg);
1880
+ border-top-right-radius: 6px;
1881
+ border-top-right-radius: var(--aquarium-border-radius-lg);
1882
+ }
1808
1883
  .border{
1809
1884
  border-width: 1px;
1810
1885
  border-width: var(--aquarium-border-width-default);
@@ -3001,6 +3076,9 @@ video {
3001
3076
  .align-middle{
3002
3077
  vertical-align: middle;
3003
3078
  }
3079
+ .font-mono{
3080
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
3081
+ }
3004
3082
  .text-\[9px\]{
3005
3083
  font-size: 9px;
3006
3084
  }
@@ -3805,6 +3883,30 @@ code{
3805
3883
  .aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-error-10 {
3806
3884
  --aquarium-colors-error-10: rgba(105, 25, 30, 1);
3807
3885
  }
3886
+ .aquarium-theme-dark .alert-action-information {
3887
+ color: rgba(89, 210, 244, 1);
3888
+ }
3889
+ .aquarium-theme-dark .alert-action-information:hover {
3890
+ color: rgba(130, 224, 250, 1);
3891
+ }
3892
+ .aquarium-theme-dark .alert-action-success.text-primary-default {
3893
+ color: rgba(95, 250, 116, 1);
3894
+ }
3895
+ .aquarium-theme-dark .alert-action-success.text-primary-default:hover {
3896
+ color: rgba(147, 252, 162, 1);
3897
+ }
3898
+ .aquarium-theme-dark .alert-action-warning.text-primary-default {
3899
+ color: rgba(255, 229, 94, 1);
3900
+ }
3901
+ .aquarium-theme-dark .alert-action-warning.text-primary-default:hover {
3902
+ color: rgba(255, 241, 168, 1);
3903
+ }
3904
+ .aquarium-theme-dark .alert-action-error.text-primary-default {
3905
+ color: rgba(255, 99, 91, 1);
3906
+ }
3907
+ .aquarium-theme-dark .alert-action-error.text-primary-default:hover {
3908
+ color: rgba(255, 172, 168, 1);
3909
+ }
3808
3910
  .aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,
3809
3911
  .aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,
3810
3912
  .aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,
@@ -4148,6 +4250,10 @@ code{
4148
4250
  color: rgba(255,255,255,1);
4149
4251
  color: var(--aquarium-colors-white);
4150
4252
  }
4253
+ .group[data-focused] .group-data-\[focused\]\:text-default{
4254
+ color: rgba(45,46,48,1);
4255
+ color: var(--aquarium-text-color-default);
4256
+ }
4151
4257
  .children\:inline-block > *{
4152
4258
  display: inline-block;
4153
4259
  }