@aivenio/aquarium 1.21.0 → 1.22.0-rc1

package/dist/styles.css

@@ -506,18 +506,18 @@ img,video {
   --aquarium-colors-secondary-10: #fee8d0;
   --aquarium-colors-secondary-5: #fff3e8;
   --aquarium-colors-secondary-0: #fffbf8;
-  --aquarium-colors-primary-100: #a70045;
-  --aquarium-colors-primary-90: #c60443;
-  --aquarium-colors-primary-80: #e41a4a;
-  --aquarium-colors-primary-70: #ff3554;
-  --aquarium-colors-primary-60: #ff5275;
-  --aquarium-colors-primary-50: #ff6f94;
-  --aquarium-colors-primary-40: #ff8db0;
-  --aquarium-colors-primary-30: #ffa9c9;
-  --aquarium-colors-primary-20: #ffc4de;
-  --aquarium-colors-primary-10: #ffdeef;
-  --aquarium-colors-primary-5: #ffe8f4;
-  --aquarium-colors-primary-0: #fff9fc;
+  --aquarium-colors-primary-100: 0e1652;
+  --aquarium-colors-primary-90: #222f95;
+  --aquarium-colors-primary-80: #3545be;
+  --aquarium-colors-primary-70: #5865cd;
+  --aquarium-colors-primary-60: #818eec;
+  --aquarium-colors-primary-50: #000000;
+  --aquarium-colors-primary-40: #b9c5ef;
+  --aquarium-colors-primary-30: #000000;
+  --aquarium-colors-primary-20: #000000;
+  --aquarium-colors-primary-10: #e3e9ff;
+  --aquarium-colors-primary-5: #f3f6ff;
+  --aquarium-colors-primary-0: #ffffff;
   --aquarium-colors-grey-20: #d2d2d6;
   --aquarium-colors-transparent: transparent;
   --aquarium-colors-white: white;
@@ -1671,9 +1671,13 @@ input[type='number'].no-arrows {
   border-color: #e1e1e3;
   border-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
-.border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+.border-primary-80 {
+  border-color: #3545be;
+  border-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.border-primary-40 {
+  border-color: #b9c5ef;
+  border-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .border-grey-50 {
   border-color: #787885;
@@ -1699,10 +1703,6 @@ input[type='number'].no-arrows {
   border-color: #19191d;
   border-color: var(--aquarium-colors-grey-100, #19191d);
 }
-.border-primary-80 {
-  border-color: #e41a4a;
-  border-color: var(--aquarium-colors-primary-80, #e41a4a);
-}
 .bg-grey-10 {
   background-color: #e1e1e3;
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
@@ -1731,14 +1731,22 @@ input[type='number'].no-arrows {
   background-color: white;
   background-color: var(--aquarium-colors-white, white);
 }
-.bg-navyBlue-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+.bg-primary-80 {
+  background-color: #3545be;
+  background-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.bg-primary-40 {
+  background-color: #b9c5ef;
+  background-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .bg-grey-5 {
   background-color: #ededf0;
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
+.bg-navyBlue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+}
 .bg-info-50 {
   background-color: #28b4f4;
   background-color: var(--aquarium-colors-info-50, #28b4f4);
@@ -1775,10 +1783,6 @@ input[type='number'].no-arrows {
   background-color: currentColor;
   background-color: var(--aquarium-colors-current, currentColor);
 }
-.bg-primary-80 {
-  background-color: #e41a4a;
-  background-color: var(--aquarium-colors-primary-80, #e41a4a);
-}
 .bg-transparent {
   background-color: transparent;
   background-color: var(--aquarium-colors-transparent, transparent);
@@ -1796,11 +1800,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-error-20, #ffadb3);
 }
 .bg-primary-70 {
-  background-color: #ff3554;
-  background-color: var(--aquarium-colors-primary-70, #ff3554);
-}
-.bg-opacity-40 {
-  --tw-bg-opacity: 0.4;
+  background-color: #5865cd;
+  background-color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -1820,10 +1821,6 @@ input[type='number'].no-arrows {
 .bg-cover {
   background-size: cover;
 }
-.stroke-grey-30 {
-  stroke: #b4b4bb;
-  stroke: var(--aquarium-colors-grey-30, #b4b4bb);
-}
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -2278,52 +2275,52 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-secondary-0, #fffbf8);
 }
 .text-primary-100 {
-  color: #a70045;
-  color: var(--aquarium-colors-primary-100, #a70045);
+  color: 0e1652;
+  color: var(--aquarium-colors-primary-100, 0e1652);
 }
 .text-primary-90 {
-  color: #c60443;
-  color: var(--aquarium-colors-primary-90, #c60443);
+  color: #222f95;
+  color: var(--aquarium-colors-primary-90, #222f95);
 }
 .text-primary-80 {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .text-primary-70 {
-  color: #ff3554;
-  color: var(--aquarium-colors-primary-70, #ff3554);
+  color: #5865cd;
+  color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .text-primary-60 {
-  color: #ff5275;
-  color: var(--aquarium-colors-primary-60, #ff5275);
+  color: #818eec;
+  color: var(--aquarium-colors-primary-60, #818eec);
 }
 .text-primary-50 {
-  color: #ff6f94;
-  color: var(--aquarium-colors-primary-50, #ff6f94);
+  color: #000000;
+  color: var(--aquarium-colors-primary-50, #000000);
 }
 .text-primary-40 {
-  color: #ff8db0;
-  color: var(--aquarium-colors-primary-40, #ff8db0);
+  color: #b9c5ef;
+  color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .text-primary-30 {
-  color: #ffa9c9;
-  color: var(--aquarium-colors-primary-30, #ffa9c9);
+  color: #000000;
+  color: var(--aquarium-colors-primary-30, #000000);
 }
 .text-primary-20 {
-  color: #ffc4de;
-  color: var(--aquarium-colors-primary-20, #ffc4de);
+  color: #000000;
+  color: var(--aquarium-colors-primary-20, #000000);
 }
 .text-primary-10 {
-  color: #ffdeef;
-  color: var(--aquarium-colors-primary-10, #ffdeef);
+  color: #e3e9ff;
+  color: var(--aquarium-colors-primary-10, #e3e9ff);
 }
 .text-primary-5 {
-  color: #ffe8f4;
-  color: var(--aquarium-colors-primary-5, #ffe8f4);
+  color: #f3f6ff;
+  color: var(--aquarium-colors-primary-5, #f3f6ff);
 }
 .text-primary-0 {
-  color: #fff9fc;
-  color: var(--aquarium-colors-primary-0, #fff9fc);
+  color: #ffffff;
+  color: var(--aquarium-colors-primary-0, #ffffff);
 }
 .text-grey-20 {
   color: #d2d2d6;
@@ -2337,6 +2334,10 @@ input[type='number'].no-arrows {
   color: white;
   color: var(--aquarium-colors-white, white);
 }
+.underline {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+}
 .no-underline {
   -webkit-text-decoration-line: none;
           text-decoration-line: none;
@@ -2344,9 +2345,6 @@ input[type='number'].no-arrows {
 .opacity-70 {
   opacity: 0.7;
 }
-.opacity-40 {
-  opacity: 0.4;
-}
 .shadow-16dp {
   --tw-shadow: var(--aquarium-box-shadow-16dp, 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12));
   --tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
@@ -2390,6 +2388,9 @@ input[type='number'].no-arrows {
 .ring-inset {
   --tw-ring-inset: inset;
 }
+.ring-primary-80 {
+  --tw-ring-color: var(--aquarium-colors-primary-80, #3545be);
+}
 .ring-grey-30 {
   --tw-ring-color: var(--aquarium-colors-grey-30, #b4b4bb);
 }
@@ -2483,16 +2484,24 @@ input[type='number'].no-arrows {
   margin-top: 0;
 }
 .visited\:text-primary-80:visited {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
-.checked\:border-navyBlue-100:checked {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+.checked\:border-primary-80:checked {
+  border-color: #3545be;
+  border-color: var(--aquarium-colors-primary-80, #3545be);
 }
-.checked\:bg-navyBlue-100:checked {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+.checked\:border-primary-40:checked {
+  border-color: #b9c5ef;
+  border-color: var(--aquarium-colors-primary-40, #b9c5ef);
+}
+.checked\:bg-primary-80:checked {
+  background-color: #3545be;
+  background-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.checked\:bg-primary-40:checked {
+  background-color: #b9c5ef;
+  background-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .checked\:bg-opacity-40:checked {
   --tw-bg-opacity: 0.4;
@@ -2530,8 +2539,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-30, #b4b4bb);
 }
 .hover\:bg-primary-70:hover {
-  background-color: #ff3554;
-  background-color: var(--aquarium-colors-primary-70, #ff3554);
+  background-color: #5865cd;
+  background-color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .hover\:bg-error-10:hover {
   background-color: #ffcbd2;
@@ -2542,8 +2551,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .hover\:text-primary-70:hover {
-  color: #ff3554;
-  color: var(--aquarium-colors-primary-70, #ff3554);
+  color: #5865cd;
+  color: var(--aquarium-colors-primary-70, #5865cd);
 }
 .hover\:text-grey-80:hover {
   color: #3a3a44;
@@ -2554,15 +2563,19 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-grey-90, #292a31);
 }
 .hover\:text-primary-80:hover {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
-.hover\:ring-grey-50:hover {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
+.hover\:no-underline:hover {
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
 }
-.hover\:checked\:bg-navyBlue-100:checked:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
+.hover\:ring-primary-70:hover {
+  --tw-ring-color: var(--aquarium-colors-primary-70, #5865cd);
+}
+.hover\:checked\:bg-primary-80:checked:hover {
+  background-color: #3545be;
+  background-color: var(--aquarium-colors-primary-80, #3545be);
 }
 .focus\:border:focus {
   border-width: 1px;
@@ -2584,8 +2597,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
 .focus\:text-primary-80:focus {
-  color: #e41a4a;
-  color: var(--aquarium-colors-primary-80, #e41a4a);
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
@@ -2631,13 +2644,21 @@ input[type='number'].no-arrows {
   background-color: #f7f7fa;
   background-color: var(--aquarium-colors-grey-0, #f7f7fa);
 }
-.focus-visible\:text-grey-90.focus-visible {
-  color: #292a31;
-  color: var(--aquarium-colors-grey-90, #292a31);
+.focus-visible\:text-primary-90.focus-visible {
+  color: #222f95;
+  color: var(--aquarium-colors-primary-90, #222f95);
 }
-.focus-visible\:text-grey-90:focus-visible {
-  color: #292a31;
-  color: var(--aquarium-colors-grey-90, #292a31);
+.focus-visible\:text-primary-90:focus-visible {
+  color: #222f95;
+  color: var(--aquarium-colors-primary-90, #222f95);
+}
+.focus-visible\:text-primary-80.focus-visible {
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
+}
+.focus-visible\:text-primary-80:focus-visible {
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .focus-visible\:text-grey-80.focus-visible {
   color: #3a3a44;
@@ -2647,6 +2668,14 @@ input[type='number'].no-arrows {
   color: #3a3a44;
   color: var(--aquarium-colors-grey-80, #3a3a44);
 }
+.focus-visible\:text-grey-90.focus-visible {
+  color: #292a31;
+  color: var(--aquarium-colors-grey-90, #292a31);
+}
+.focus-visible\:text-grey-90:focus-visible {
+  color: #292a31;
+  color: var(--aquarium-colors-grey-90, #292a31);
+}
 .focus-visible\:outline-0.focus-visible {
   outline-width: 0px;
 }
@@ -2683,17 +2712,11 @@ input[type='number'].no-arrows {
 .focus-visible\:ring-inset:focus-visible {
   --tw-ring-inset: inset;
 }
-.focus-visible\:ring-primary-100.focus-visible {
-  --tw-ring-color: var(--aquarium-colors-primary-100, #a70045);
-}
-.focus-visible\:ring-primary-100:focus-visible {
-  --tw-ring-color: var(--aquarium-colors-primary-100, #a70045);
+.focus-visible\:ring-primary-90.focus-visible {
+  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
 }
-.focus-visible\:ring-grey-50.focus-visible {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
-}
-.focus-visible\:ring-grey-50:focus-visible {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
+.focus-visible\:ring-primary-90:focus-visible {
+  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
 }
 .focus-visible\:ring-info-70.focus-visible {
   --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
@@ -2706,8 +2729,12 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
 .active\:bg-primary-90:active {
-  background-color: #c60443;
-  background-color: var(--aquarium-colors-primary-90, #c60443);
+  background-color: #222f95;
+  background-color: var(--aquarium-colors-primary-90, #222f95);
+}
+.active\:bg-primary-5:active {
+  background-color: #f3f6ff;
+  background-color: var(--aquarium-colors-primary-5, #f3f6ff);
 }
 .active\:bg-transparent:active {
   background-color: transparent;
@@ -2718,12 +2745,12 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .active\:text-primary-70:active {
-  color: #ff3554;
-  color: var(--aquarium-colors-primary-70, #ff3554);
+  color: #5865cd;
+  color: var(--aquarium-colors-primary-70, #5865cd);
 }
-.active\:text-grey-80:active {
-  color: #3a3a44;
-  color: var(--aquarium-colors-grey-80, #3a3a44);
+.active\:text-primary-80:active {
+  color: #3545be;
+  color: var(--aquarium-colors-primary-80, #3545be);
 }
 .active\:text-grey-50:active {
   color: #787885;
@@ -2739,8 +2766,8 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
-.active\:ring-grey-50:active {
-  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
+.active\:ring-primary-90:active {
+  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
 }
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
@@ -2753,13 +2780,9 @@ input[type='number'].no-arrows {
   background-color: #ededf0;
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
-.disabled\:bg-primary-5:disabled {
-  background-color: #ffe8f4;
-  background-color: var(--aquarium-colors-primary-5, #ffe8f4);
-}
-.disabled\:bg-grey-0:disabled {
-  background-color: #f7f7fa;
-  background-color: var(--aquarium-colors-grey-0, #f7f7fa);
+.disabled\:bg-primary-40:disabled {
+  background-color: #b9c5ef;
+  background-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .disabled\:bg-transparent:disabled {
   background-color: transparent;
@@ -2770,8 +2793,8 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-grey-40, #9696a0);
 }
 .disabled\:text-primary-40:disabled {
-  color: #ff8db0;
-  color: var(--aquarium-colors-primary-40, #ff8db0);
+  color: #b9c5ef;
+  color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .disabled\:text-grey-30:disabled {
   color: #b4b4bb;
@@ -2781,8 +2804,8 @@ input[type='number'].no-arrows {
   color: #d2d2d6;
   color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
-.disabled\:ring-grey-20:disabled {
-  --tw-ring-color: var(--aquarium-colors-grey-20, #d2d2d6);
+.disabled\:ring-primary-40:disabled {
+  --tw-ring-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .group:last-child .group-last\:border-b-0 {
   border-bottom-width: 0px;
@@ -2801,17 +2824,21 @@ input[type='number'].no-arrows {
   --tw-translate-x: 16px;
   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));
 }
-.peer:checked~.peer-checked\:border-navyBlue-100 {
-  --tw-border-opacity: 1;
-  border-color: rgb(48 55 94 / var(--tw-border-opacity));
+.peer:checked~.peer-checked\:border-primary-80 {
+  border-color: #3545be;
+  border-color: var(--aquarium-colors-primary-80, #3545be);
+}
+.peer:checked~.peer-checked\:border-primary-40 {
+  border-color: #b9c5ef;
+  border-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
 .peer:checked~.peer-checked\:text-white {
   color: white;
   color: var(--aquarium-colors-white, white);
 }
-.peer:checked~.peer-checked\:text-grey-30 {
-  color: #b4b4bb;
-  color: var(--aquarium-colors-grey-30, #b4b4bb);
+.peer:checked~.peer-checked\:text-primary-10 {
+  color: #e3e9ff;
+  color: var(--aquarium-colors-primary-10, #e3e9ff);
 }
 .peer:hover~.peer-hover\:border-grey-50 {
   border-color: #787885;
@@ -2843,9 +2870,9 @@ input[type='number'].no-arrows {
   stroke: white;
   stroke: var(--aquarium-colors-white, white);
 }
-.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
-  stroke: #b4b4bb;
-  stroke: var(--aquarium-colors-grey-30, #b4b4bb);
+.peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-10>path {
+  stroke: #e3e9ff;
+  stroke: var(--aquarium-colors-primary-10, #e3e9ff);
 }
 .\[\&\>button\]\:p-0>button {
   padding: 0;