@aivenio/aquarium 1.66.0 → 1.67.0-rc1

package/dist/styles.css

@@ -473,41 +473,48 @@ img,video {
   --aquarium-screens-lg: 1312px;
   --aquarium-screens-xl: 1536px;
   --aquarium-background-color-body: var(--aquarium-colors-white);
+  --aquarium-background-color-body-intense: var(--aquarium-colors-grey-80);
   --aquarium-background-color-popover-content: var(--aquarium-colors-white);
   --aquarium-background-color-muted: var(--aquarium-colors-grey-0);
   --aquarium-background-color-default: var(--aquarium-colors-grey-5);
   --aquarium-background-color-intense: var(--aquarium-colors-grey-20);
-  --aquarium-background-color-intense-2x: var(--aquarium-colors-grey-80);
-  --aquarium-background-color-primary-muted-3x: var(--aquarium-colors-primary-5);
-  --aquarium-background-color-primary-muted-2x: var(--aquarium-colors-primary-10);
   --aquarium-background-color-primary-muted: var(--aquarium-colors-primary-40);
   --aquarium-background-color-primary-default: var(--aquarium-colors-primary-80);
   --aquarium-background-color-primary-intense: var(--aquarium-colors-primary-90);
-  --aquarium-background-color-secondary-default: var(--aquarium-colors-secondary-90);
+  --aquarium-background-color-primary-active: var(--aquarium-colors-primary-5);
+  --aquarium-background-color-primary-hover: var(--aquarium-colors-primary-5);
   --aquarium-background-color-info-muted: var(--aquarium-colors-info-10);
   --aquarium-background-color-info-default: var(--aquarium-colors-info-70);
+  --aquarium-background-color-info-intense: var(--aquarium-colors-info-90);
   --aquarium-background-color-success-muted: var(--aquarium-colors-success-5);
   --aquarium-background-color-success-default: var(--aquarium-colors-success-70);
   --aquarium-background-color-success-intense: var(--aquarium-colors-success-90);
   --aquarium-background-color-warning-muted: var(--aquarium-colors-warning-5);
   --aquarium-background-color-warning-default: var(--aquarium-colors-warning-70);
-  --aquarium-background-color-danger-muted-2x: var(--aquarium-colors-error-5);
+  --aquarium-background-color-warning-intense: var(--aquarium-colors-warning-90);
   --aquarium-background-color-danger-muted: var(--aquarium-colors-error-10);
   --aquarium-background-color-danger-default: var(--aquarium-colors-error-20);
   --aquarium-background-color-danger-intense: var(--aquarium-colors-error-50);
-  --aquarium-border-color-muted-2x: var(--aquarium-colors-grey-0);
+  --aquarium-background-color-status-announcement: var(--aquarium-colors-primary-5);
+  --aquarium-background-color-status-info: var(--aquarium-colors-info-10);
+  --aquarium-background-color-status-warning: var(--aquarium-colors-warning-5);
+  --aquarium-background-color-status-danger: var(--aquarium-colors-error-5);
+  --aquarium-background-color-status-success: var(--aquarium-colors-success-5);
   --aquarium-border-color-muted: var(--aquarium-colors-grey-5);
   --aquarium-border-color-default: var(--aquarium-colors-grey-20);
   --aquarium-border-color-intense: var(--aquarium-colors-grey-50);
-  --aquarium-border-color-primary-muted-3x: var(--aquarium-colors-primary-10);
-  --aquarium-border-color-primary-muted-2x: var(--aquarium-colors-primary-40);
   --aquarium-border-color-primary-muted: var(--aquarium-colors-primary-60);
   --aquarium-border-color-primary-default: var(--aquarium-colors-primary-80);
+  --aquarium-border-color-primary-intense: var(--aquarium-colors-primary-100);
+  --aquarium-border-color-info-muted: var(--aquarium-colors-info-50);
   --aquarium-border-color-info-default: var(--aquarium-colors-info-70);
+  --aquarium-border-color-info-intense: var(--aquarium-colors-info-90);
   --aquarium-border-color-success-muted: var(--aquarium-colors-success-10);
   --aquarium-border-color-success-default: var(--aquarium-colors-success-40);
   --aquarium-border-color-success-intense: var(--aquarium-colors-success-70);
   --aquarium-border-color-warning-muted: var(--aquarium-colors-warning-20);
+  --aquarium-border-color-warning-default: var(--aquarium-colors-warning-70);
+  --aquarium-border-color-warning-intense: var(--aquarium-colors-warning-90);
   --aquarium-border-color-danger-muted: var(--aquarium-colors-error-10);
   --aquarium-border-color-danger-default: var(--aquarium-colors-error-50);
   --aquarium-border-color-danger-intense: var(--aquarium-colors-error-80);
@@ -572,23 +579,28 @@ img,video {
   --aquarium-spacing-l5: 64px;
   --aquarium-spacing-l6: 96px;
   --aquarium-spacing-l7: 160px;
-  --aquarium-text-color-muted-3x: var(--aquarium-colors-grey-30);
-  --aquarium-text-color-muted-2x: var(--aquarium-colors-grey-40);
+  --aquarium-text-color-inactive: var(--aquarium-colors-grey-40);
   --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
   --aquarium-text-color-default: var(--aquarium-colors-grey-70);
   --aquarium-text-color-intense: var(--aquarium-colors-grey-90);
-  --aquarium-text-color-primary-muted-3x: var(--aquarium-colors-primary-10);
-  --aquarium-text-color-primary-muted-2x: var(--aquarium-colors-primary-40);
+  --aquarium-text-color-primary-inactive: var(--aquarium-colors-primary-40);
+  --aquarium-text-color-primary-active: var(--aquarium-colors-primary-90);
   --aquarium-text-color-primary-muted: var(--aquarium-colors-primary-60);
   --aquarium-text-color-primary-default: var(--aquarium-colors-primary-70);
   --aquarium-text-color-primary-intense: var(--aquarium-colors-primary-80);
-  --aquarium-text-color-primary-intense-2x: var(--aquarium-colors-primary-90);
+  --aquarium-text-color-info-inactive: var(--aquarium-colors-info-20);
+  --aquarium-text-color-info-muted: var(--aquarium-colors-info-40);
   --aquarium-text-color-info-default: var(--aquarium-colors-info-70);
   --aquarium-text-color-info-intense: var(--aquarium-colors-info-90);
+  --aquarium-text-color-success-inactive: var(--aquarium-colors-success-10);
+  --aquarium-text-color-success-muted: var(--aquarium-colors-success-30);
   --aquarium-text-color-success-default: var(--aquarium-colors-success-70);
   --aquarium-text-color-success-intense: var(--aquarium-colors-success-90);
+  --aquarium-text-color-warning-inactive: var(--aquarium-colors-warning-20);
+  --aquarium-text-color-warning-muted: var(--aquarium-colors-warning-40);
   --aquarium-text-color-warning-default: var(--aquarium-colors-warning-80);
   --aquarium-text-color-warning-intense: var(--aquarium-colors-warning-100);
+  --aquarium-text-color-danger-inactive: var(--aquarium-colors-error-10);
   --aquarium-text-color-danger-muted: var(--aquarium-colors-error-20);
   --aquarium-text-color-danger-default: var(--aquarium-colors-error-50);
   --aquarium-text-color-danger-intense: var(--aquarium-colors-error-80);
@@ -1771,10 +1783,6 @@ input[type='number'].no-arrows {
   border-color: transparent;
   border-color: var(--aquarium-colors-transparent, transparent);
 }
-.border-primary-muted-2x{
-  border-color: #b9c5ef;
-  border-color: var(--aquarium-border-color-primary-muted-2x);
-}
 .border-intense{
   border-color: #787885;
   border-color: var(--aquarium-border-color-intense);
@@ -1799,29 +1807,25 @@ input[type='number'].no-arrows {
   background-color: #d2d2d6;
   background-color: var(--aquarium-background-color-intense);
 }
-.bg-danger-muted-2x{
+.bg-status-danger{
   background-color: #fee8e7;
-  background-color: var(--aquarium-background-color-danger-muted-2x);
+  background-color: var(--aquarium-background-color-status-danger);
 }
-.bg-info-muted{
+.bg-status-info{
   background-color: #e0f5fe;
-  background-color: var(--aquarium-background-color-info-muted);
+  background-color: var(--aquarium-background-color-status-info);
 }
-.bg-success-muted{
+.bg-status-success{
   background-color: #ecf7ed;
-  background-color: var(--aquarium-background-color-success-muted);
+  background-color: var(--aquarium-background-color-status-success);
 }
-.bg-warning-muted{
+.bg-status-warning{
   background-color: #fff8ea;
-  background-color: var(--aquarium-background-color-warning-muted);
-}
-.bg-primary-muted-2x{
-  background-color: #e3e9ff;
-  background-color: var(--aquarium-background-color-primary-muted-2x);
+  background-color: var(--aquarium-background-color-status-warning);
 }
-.bg-primary-muted-3x{
+.bg-status-announcement{
   background-color: #f3f6ff;
-  background-color: var(--aquarium-background-color-primary-muted-3x);
+  background-color: var(--aquarium-background-color-status-announcement);
 }
 .bg-muted{
   background-color: #f7f7fa;
@@ -1839,6 +1843,10 @@ input[type='number'].no-arrows {
   background-color: #b9c5ef;
   background-color: var(--aquarium-background-color-primary-muted);
 }
+.bg-primary-active{
+  background-color: #f3f6ff;
+  background-color: var(--aquarium-background-color-primary-active);
+}
 .bg-popover-content{
   background-color: white;
   background-color: var(--aquarium-background-color-popover-content);
@@ -1867,9 +1875,9 @@ input[type='number'].no-arrows {
   background-color: #e62728;
   background-color: var(--aquarium-background-color-danger-intense);
 }
-.bg-intense-2x{
+.bg-body-intense{
   background-color: #3a3a44;
-  background-color: var(--aquarium-background-color-intense-2x);
+  background-color: var(--aquarium-background-color-body-intense);
 }
 .bg-white{
   background-color: white;
@@ -1895,10 +1903,6 @@ input[type='number'].no-arrows {
   background-color: #ffadb3;
   background-color: var(--aquarium-background-color-danger-default);
 }
-.bg-secondary-default{
-  background-color: #eb4610;
-  background-color: var(--aquarium-background-color-secondary-default);
-}
 .bg-success-intense{
   background-color: #008e00;
   background-color: var(--aquarium-background-color-success-intense);
@@ -2481,13 +2485,9 @@ input[type='number'].no-arrows {
   color: #ffffff;
   color: var(--aquarium-colors-primary-0, #ffffff);
 }
-.text-muted-3x{
-  color: #b4b4bb;
-  color: var(--aquarium-text-color-muted-3x);
-}
-.text-muted-2x{
+.text-inactive{
   color: #9696a0;
-  color: var(--aquarium-text-color-muted-2x);
+  color: var(--aquarium-text-color-inactive);
 }
 .text-muted{
   color: #787885;
@@ -2501,13 +2501,13 @@ input[type='number'].no-arrows {
   color: #292a31;
   color: var(--aquarium-text-color-intense);
 }
-.text-primary-muted-3x{
-  color: #e3e9ff;
-  color: var(--aquarium-text-color-primary-muted-3x);
-}
-.text-primary-muted-2x{
+.text-primary-inactive{
   color: #b9c5ef;
-  color: var(--aquarium-text-color-primary-muted-2x);
+  color: var(--aquarium-text-color-primary-inactive);
+}
+.text-primary-active{
+  color: #222f95;
+  color: var(--aquarium-text-color-primary-active);
 }
 .text-primary-muted{
   color: #818eec;
@@ -2521,9 +2521,13 @@ input[type='number'].no-arrows {
   color: #3545be;
   color: var(--aquarium-text-color-primary-intense);
 }
-.text-primary-intense-2x{
-  color: #222f95;
-  color: var(--aquarium-text-color-primary-intense-2x);
+.text-info-inactive{
+  color: #b4e5fb;
+  color: var(--aquarium-text-color-info-inactive);
+}
+.text-info-muted{
+  color: #4cc2f7;
+  color: var(--aquarium-text-color-info-muted);
 }
 .text-info-default{
   color: #0399e3;
@@ -2533,6 +2537,14 @@ input[type='number'].no-arrows {
   color: #0174ba;
   color: var(--aquarium-text-color-info-intense);
 }
+.text-success-inactive{
+  color: #cbffc9;
+  color: var(--aquarium-text-color-success-inactive);
+}
+.text-success-muted{
+  color: #89eb80;
+  color: var(--aquarium-text-color-success-muted);
+}
 .text-success-default{
   color: #00b300;
   color: var(--aquarium-text-color-success-default);
@@ -2541,6 +2553,14 @@ input[type='number'].no-arrows {
   color: #008e00;
   color: var(--aquarium-text-color-success-intense);
 }
+.text-warning-inactive{
+  color: #feebb2;
+  color: var(--aquarium-text-color-warning-inactive);
+}
+.text-warning-muted{
+  color: #fdd44d;
+  color: var(--aquarium-text-color-warning-muted);
+}
 .text-warning-default{
   color: #fd9f00;
   color: var(--aquarium-text-color-warning-default);
@@ -2549,6 +2569,10 @@ input[type='number'].no-arrows {
   color: #fe6d00;
   color: var(--aquarium-text-color-warning-intense);
 }
+.text-danger-inactive{
+  color: #ffcbd2;
+  color: var(--aquarium-text-color-danger-inactive);
+}
 .text-danger-muted{
   color: #ffadb3;
   color: var(--aquarium-text-color-danger-muted);
@@ -2762,13 +2786,13 @@ input[type='number'].no-arrows {
   --aquarium-background-color-accent: var(--aquarium-colors-grey-70);
   --aquarium-background-color-contrast: var(--aquarium-colors-grey-20);
 }
-.placeholder\:text-muted-2x::-moz-placeholder{
+.placeholder\:text-inactive::-moz-placeholder{
   color: #9696a0;
-  color: var(--aquarium-text-color-muted-2x);
+  color: var(--aquarium-text-color-inactive);
 }
-.placeholder\:text-muted-2x::placeholder{
+.placeholder\:text-inactive::placeholder{
   color: #9696a0;
-  color: var(--aquarium-text-color-muted-2x);
+  color: var(--aquarium-text-color-inactive);
 }
 .before\:content-\[\'_\'\]::before{
   --tw-content: ' ';
@@ -2788,9 +2812,9 @@ input[type='number'].no-arrows {
   border-color: #3545be;
   border-color: var(--aquarium-border-color-primary-default);
 }
-.checked\:border-primary-muted-2x:checked{
-  border-color: #b9c5ef;
-  border-color: var(--aquarium-border-color-primary-muted-2x);
+.checked\:border-transparent:checked{
+  border-color: transparent;
+  border-color: var(--aquarium-colors-transparent, transparent);
 }
 .checked\:bg-primary-default:checked{
   background-color: #3545be;
@@ -2800,9 +2824,6 @@ input[type='number'].no-arrows {
   background-color: #b9c5ef;
   background-color: var(--aquarium-background-color-primary-muted);
 }
-.checked\:bg-opacity-40:checked{
-  --tw-bg-opacity: 0.4;
-}
 .checked\:opacity-50:checked{
   opacity: 0.5;
 }
@@ -2819,9 +2840,9 @@ input[type='number'].no-arrows {
   border-color: #787885;
   border-color: var(--aquarium-border-color-intense);
 }
-.hover\:bg-primary-muted-3x:hover{
+.hover\:bg-primary-hover:hover{
   background-color: #f3f6ff;
-  background-color: var(--aquarium-background-color-primary-muted-3x);
+  background-color: var(--aquarium-background-color-primary-hover);
 }
 .hover\:bg-muted:hover{
   background-color: #f7f7fa;
@@ -2843,9 +2864,9 @@ input[type='number'].no-arrows {
   background-color: #ffcbd2;
   background-color: var(--aquarium-background-color-danger-muted);
 }
-.hover\:text-primary-intense-2x:hover{
+.hover\:text-primary-active:hover{
   color: #222f95;
-  color: var(--aquarium-text-color-primary-intense-2x);
+  color: var(--aquarium-text-color-primary-active);
 }
 .hover\:text-primary-default:hover{
   color: #5865cd;
@@ -2934,13 +2955,13 @@ input[type='number'].no-arrows {
   background-color: #f7f7fa;
   background-color: var(--aquarium-background-color-muted);
 }
-.focus-visible\:text-primary-intense-2x.focus-visible{
+.focus-visible\:text-primary-active.focus-visible{
   color: #222f95;
-  color: var(--aquarium-text-color-primary-intense-2x);
+  color: var(--aquarium-text-color-primary-active);
 }
-.focus-visible\:text-primary-intense-2x:focus-visible{
+.focus-visible\:text-primary-active:focus-visible{
   color: #222f95;
-  color: var(--aquarium-text-color-primary-intense-2x);
+  color: var(--aquarium-text-color-primary-active);
 }
 .focus-visible\:text-primary-intense.focus-visible{
   color: #3545be;
@@ -3020,9 +3041,9 @@ input[type='number'].no-arrows {
   background-color: #222f95;
   background-color: var(--aquarium-background-color-primary-intense);
 }
-.active\:bg-primary-muted-3x:active{
+.active\:bg-primary-active:active{
   background-color: #f3f6ff;
-  background-color: var(--aquarium-background-color-primary-muted-3x);
+  background-color: var(--aquarium-background-color-primary-active);
 }
 .active\:bg-transparent:active{
   background-color: transparent;
@@ -3036,9 +3057,9 @@ input[type='number'].no-arrows {
   background-color: #d2d2d6;
   background-color: var(--aquarium-background-color-intense);
 }
-.active\:text-primary-intense-2x:active{
+.active\:text-primary-active:active{
   color: #222f95;
-  color: var(--aquarium-text-color-primary-intense-2x);
+  color: var(--aquarium-text-color-primary-active);
 }
 .active\:text-primary-intense:active{
   color: #3545be;
@@ -3084,17 +3105,13 @@ input[type='number'].no-arrows {
   background-color: transparent;
   background-color: var(--aquarium-colors-transparent, transparent);
 }
-.disabled\:text-muted-2x:disabled{
+.disabled\:text-inactive:disabled{
   color: #9696a0;
-  color: var(--aquarium-text-color-muted-2x);
+  color: var(--aquarium-text-color-inactive);
 }
-.disabled\:text-primary-muted-2x:disabled{
+.disabled\:text-primary-inactive:disabled{
   color: #b9c5ef;
-  color: var(--aquarium-text-color-primary-muted-2x);
-}
-.disabled\:text-muted-3x:disabled{
-  color: #b4b4bb;
-  color: var(--aquarium-text-color-muted-3x);
+  color: var(--aquarium-text-color-primary-inactive);
 }
 .disabled\:ring-primary-40:disabled{
   --tw-ring-color: var(--aquarium-colors-primary-40, #b9c5ef);
@@ -3120,17 +3137,17 @@ input[type='number'].no-arrows {
   border-color: #3545be;
   border-color: var(--aquarium-border-color-primary-default);
 }
-.peer:checked~.peer-checked\:border-primary-muted-2x{
-  border-color: #b9c5ef;
-  border-color: var(--aquarium-border-color-primary-muted-2x);
+.peer:checked~.peer-checked\:border-transparent{
+  border-color: transparent;
+  border-color: var(--aquarium-colors-transparent, transparent);
 }
 .peer:checked~.peer-checked\:text-white{
   color: white;
   color: var(--aquarium-colors-white, white);
 }
-.peer:checked~.peer-checked\:text-primary-muted-3x{
-  color: #e3e9ff;
-  color: var(--aquarium-text-color-primary-muted-3x);
+.peer:checked~.peer-checked\:text-primary-default{
+  color: #5865cd;
+  color: var(--aquarium-text-color-primary-default);
 }
 .peer\/switch:checked~.peer-checked\/switch\:text-primary-muted{
   color: #818eec;
@@ -3161,20 +3178,20 @@ input[type='number'].no-arrows {
   stroke: transparent;
   stroke: var(--aquarium-colors-transparent, transparent);
 }
-.\[\&\>path\]\:stroke-2>path{
-  stroke-width: 2;
+.\[\&\>path\]\:stroke-\[3px\]>path{
+  stroke-width: 3px;
 }
 .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path{
   stroke: white;
   stroke: var(--aquarium-colors-white, white);
 }
-.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-10>path{
-  stroke: #e3e9ff;
-  stroke: var(--aquarium-colors-primary-10, #e3e9ff);
+.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-70>path{
+  stroke: #5865cd;
+  stroke: var(--aquarium-colors-primary-70, #5865cd);
 }
-.\[\&\>\*\]\:bg-primary-muted-3x>*{
+.\[\&\>\*\]\:bg-primary-active>*{
   background-color: #f3f6ff;
-  background-color: var(--aquarium-background-color-primary-muted-3x);
+  background-color: var(--aquarium-background-color-primary-active);
 }
 .\[\&\>\*\]\:hover\:bg-muted:hover>*{
   background-color: #f7f7fa;
@@ -3201,4 +3218,8 @@ input[type='number'].no-arrows {
 .\[\&\>div\:first-child\]\:px-3>div:first-child{
   padding-left: 8px;
   padding-right: 8px;
+}
+.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{
+  -webkit-appearance: none;
+          appearance: none;
 }