@aivenio/aquarium 1.22.0-rc1 → 1.23.0

package/dist/styles.css

@@ -506,24 +506,24 @@ img,video {
   --aquarium-colors-secondary-10: #fee8d0;
   --aquarium-colors-secondary-5: #fff3e8;
   --aquarium-colors-secondary-0: #fffbf8;
-  --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-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-grey-20: #d2d2d6;
+  --aquarium-colors-navy-blue-100: #30375e;
   --aquarium-colors-transparent: transparent;
   --aquarium-colors-white: white;
   --aquarium-colors-black: black;
   --aquarium-colors-current: currentColor;
-  --aquarium-colors-navy-blue-100: #30375E;
   --aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
   --aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
   --aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
@@ -1671,13 +1671,9 @@ input[type='number'].no-arrows {
   border-color: #e1e1e3;
   border-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
-.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-navyBlue-100 {
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .border-grey-50 {
   border-color: #787885;
@@ -1703,6 +1699,10 @@ 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,22 +1731,14 @@ input[type='number'].no-arrows {
   background-color: white;
   background-color: var(--aquarium-colors-white, white);
 }
-.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-navyBlue-100 {
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .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);
@@ -1783,6 +1775,10 @@ 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);
@@ -1800,8 +1796,11 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-error-20, #ffadb3);
 }
 .bg-primary-70 {
-  background-color: #5865cd;
-  background-color: var(--aquarium-colors-primary-70, #5865cd);
+  background-color: #ff3554;
+  background-color: var(--aquarium-colors-primary-70, #ff3554);
+}
+.bg-opacity-40 {
+  --tw-bg-opacity: 0.4;
 }
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -1821,6 +1820,10 @@ 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;
@@ -2275,57 +2278,61 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-secondary-0, #fffbf8);
 }
 .text-primary-100 {
-  color: 0e1652;
-  color: var(--aquarium-colors-primary-100, 0e1652);
+  color: #a70045;
+  color: var(--aquarium-colors-primary-100, #a70045);
 }
 .text-primary-90 {
-  color: #222f95;
-  color: var(--aquarium-colors-primary-90, #222f95);
+  color: #c60443;
+  color: var(--aquarium-colors-primary-90, #c60443);
 }
 .text-primary-80 {
-  color: #3545be;
-  color: var(--aquarium-colors-primary-80, #3545be);
+  color: #e41a4a;
+  color: var(--aquarium-colors-primary-80, #e41a4a);
 }
 .text-primary-70 {
-  color: #5865cd;
-  color: var(--aquarium-colors-primary-70, #5865cd);
+  color: #ff3554;
+  color: var(--aquarium-colors-primary-70, #ff3554);
 }
 .text-primary-60 {
-  color: #818eec;
-  color: var(--aquarium-colors-primary-60, #818eec);
+  color: #ff5275;
+  color: var(--aquarium-colors-primary-60, #ff5275);
 }
 .text-primary-50 {
-  color: #000000;
-  color: var(--aquarium-colors-primary-50, #000000);
+  color: #ff6f94;
+  color: var(--aquarium-colors-primary-50, #ff6f94);
 }
 .text-primary-40 {
-  color: #b9c5ef;
-  color: var(--aquarium-colors-primary-40, #b9c5ef);
+  color: #ff8db0;
+  color: var(--aquarium-colors-primary-40, #ff8db0);
 }
 .text-primary-30 {
-  color: #000000;
-  color: var(--aquarium-colors-primary-30, #000000);
+  color: #ffa9c9;
+  color: var(--aquarium-colors-primary-30, #ffa9c9);
 }
 .text-primary-20 {
-  color: #000000;
-  color: var(--aquarium-colors-primary-20, #000000);
+  color: #ffc4de;
+  color: var(--aquarium-colors-primary-20, #ffc4de);
 }
 .text-primary-10 {
-  color: #e3e9ff;
-  color: var(--aquarium-colors-primary-10, #e3e9ff);
+  color: #ffdeef;
+  color: var(--aquarium-colors-primary-10, #ffdeef);
 }
 .text-primary-5 {
-  color: #f3f6ff;
-  color: var(--aquarium-colors-primary-5, #f3f6ff);
+  color: #ffe8f4;
+  color: var(--aquarium-colors-primary-5, #ffe8f4);
 }
 .text-primary-0 {
-  color: #ffffff;
-  color: var(--aquarium-colors-primary-0, #ffffff);
+  color: #fff9fc;
+  color: var(--aquarium-colors-primary-0, #fff9fc);
 }
 .text-grey-20 {
   color: #d2d2d6;
   color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
+.text-navyBlue-100 {
+  color: #30375e;
+  color: var(--aquarium-colors-navyBlue-100, #30375e);
+}
 .text-transparent {
   color: transparent;
   color: var(--aquarium-colors-transparent, transparent);
@@ -2334,10 +2341,6 @@ 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;
@@ -2345,6 +2348,9 @@ 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);
@@ -2388,9 +2394,6 @@ 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);
 }
@@ -2484,24 +2487,16 @@ input[type='number'].no-arrows {
   margin-top: 0;
 }
 .visited\:text-primary-80:visited {
-  color: #3545be;
-  color: var(--aquarium-colors-primary-80, #3545be);
-}
-.checked\:border-primary-80:checked {
-  border-color: #3545be;
-  border-color: var(--aquarium-colors-primary-80, #3545be);
+  color: #e41a4a;
+  color: var(--aquarium-colors-primary-80, #e41a4a);
 }
-.checked\:border-primary-40:checked {
-  border-color: #b9c5ef;
-  border-color: var(--aquarium-colors-primary-40, #b9c5ef);
+.checked\:border-navyBlue-100:checked {
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
-.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-navyBlue-100:checked {
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .checked\:bg-opacity-40:checked {
   --tw-bg-opacity: 0.4;
@@ -2539,8 +2534,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-30, #b4b4bb);
 }
 .hover\:bg-primary-70:hover {
-  background-color: #5865cd;
-  background-color: var(--aquarium-colors-primary-70, #5865cd);
+  background-color: #ff3554;
+  background-color: var(--aquarium-colors-primary-70, #ff3554);
 }
 .hover\:bg-error-10:hover {
   background-color: #ffcbd2;
@@ -2551,8 +2546,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .hover\:text-primary-70:hover {
-  color: #5865cd;
-  color: var(--aquarium-colors-primary-70, #5865cd);
+  color: #ff3554;
+  color: var(--aquarium-colors-primary-70, #ff3554);
 }
 .hover\:text-grey-80:hover {
   color: #3a3a44;
@@ -2563,19 +2558,15 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-grey-90, #292a31);
 }
 .hover\:text-primary-80:hover {
-  color: #3545be;
-  color: var(--aquarium-colors-primary-80, #3545be);
-}
-.hover\:no-underline:hover {
-  -webkit-text-decoration-line: none;
-          text-decoration-line: none;
+  color: #e41a4a;
+  color: var(--aquarium-colors-primary-80, #e41a4a);
 }
-.hover\:ring-primary-70:hover {
-  --tw-ring-color: var(--aquarium-colors-primary-70, #5865cd);
+.hover\:ring-grey-50:hover {
+  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
 }
-.hover\:checked\:bg-primary-80:checked:hover {
-  background-color: #3545be;
-  background-color: var(--aquarium-colors-primary-80, #3545be);
+.hover\:checked\:bg-navyBlue-100:checked:hover {
+  background-color: #30375e;
+  background-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .focus\:border:focus {
   border-width: 1px;
@@ -2597,8 +2588,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
 .focus\:text-primary-80:focus {
-  color: #3545be;
-  color: var(--aquarium-colors-primary-80, #3545be);
+  color: #e41a4a;
+  color: var(--aquarium-colors-primary-80, #e41a4a);
 }
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
@@ -2644,21 +2635,13 @@ input[type='number'].no-arrows {
   background-color: #f7f7fa;
   background-color: var(--aquarium-colors-grey-0, #f7f7fa);
 }
-.focus-visible\:text-primary-90.focus-visible {
-  color: #222f95;
-  color: var(--aquarium-colors-primary-90, #222f95);
-}
-.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-grey-90.focus-visible {
+  color: #292a31;
+  color: var(--aquarium-colors-grey-90, #292a31);
 }
-.focus-visible\:text-primary-80:focus-visible {
-  color: #3545be;
-  color: var(--aquarium-colors-primary-80, #3545be);
+.focus-visible\:text-grey-90:focus-visible {
+  color: #292a31;
+  color: var(--aquarium-colors-grey-90, #292a31);
 }
 .focus-visible\:text-grey-80.focus-visible {
   color: #3a3a44;
@@ -2668,14 +2651,6 @@ 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;
 }
@@ -2712,11 +2687,17 @@ input[type='number'].no-arrows {
 .focus-visible\:ring-inset:focus-visible {
   --tw-ring-inset: inset;
 }
-.focus-visible\:ring-primary-90.focus-visible {
-  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
+.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-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-grey-50:focus-visible {
+  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
 }
 .focus-visible\:ring-info-70.focus-visible {
   --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
@@ -2729,12 +2710,8 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
 .active\:bg-primary-90:active {
-  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);
+  background-color: #c60443;
+  background-color: var(--aquarium-colors-primary-90, #c60443);
 }
 .active\:bg-transparent:active {
   background-color: transparent;
@@ -2745,12 +2722,12 @@ input[type='number'].no-arrows {
   background-color: var(--aquarium-colors-grey-10, #e1e1e3);
 }
 .active\:text-primary-70:active {
-  color: #5865cd;
-  color: var(--aquarium-colors-primary-70, #5865cd);
+  color: #ff3554;
+  color: var(--aquarium-colors-primary-70, #ff3554);
 }
-.active\:text-primary-80:active {
-  color: #3545be;
-  color: var(--aquarium-colors-primary-80, #3545be);
+.active\:text-grey-80:active {
+  color: #3a3a44;
+  color: var(--aquarium-colors-grey-80, #3a3a44);
 }
 .active\:text-grey-50:active {
   color: #787885;
@@ -2766,8 +2743,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-primary-90:active {
-  --tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
+.active\:ring-grey-50:active {
+  --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
 }
 .disabled\:cursor-not-allowed:disabled {
   cursor: not-allowed;
@@ -2780,9 +2757,13 @@ input[type='number'].no-arrows {
   background-color: #ededf0;
   background-color: var(--aquarium-colors-grey-5, #ededf0);
 }
-.disabled\:bg-primary-40:disabled {
-  background-color: #b9c5ef;
-  background-color: var(--aquarium-colors-primary-40, #b9c5ef);
+.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-transparent:disabled {
   background-color: transparent;
@@ -2793,8 +2774,8 @@ input[type='number'].no-arrows {
   color: var(--aquarium-colors-grey-40, #9696a0);
 }
 .disabled\:text-primary-40:disabled {
-  color: #b9c5ef;
-  color: var(--aquarium-colors-primary-40, #b9c5ef);
+  color: #ff8db0;
+  color: var(--aquarium-colors-primary-40, #ff8db0);
 }
 .disabled\:text-grey-30:disabled {
   color: #b4b4bb;
@@ -2804,8 +2785,8 @@ input[type='number'].no-arrows {
   color: #d2d2d6;
   color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
-.disabled\:ring-primary-40:disabled {
-  --tw-ring-color: var(--aquarium-colors-primary-40, #b9c5ef);
+.disabled\:ring-grey-20:disabled {
+  --tw-ring-color: var(--aquarium-colors-grey-20, #d2d2d6);
 }
 .group:last-child .group-last\:border-b-0 {
   border-bottom-width: 0px;
@@ -2824,21 +2805,17 @@ 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-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\:border-navyBlue-100 {
+  border-color: #30375e;
+  border-color: var(--aquarium-colors-navyBlue-100, #30375e);
 }
 .peer:checked~.peer-checked\:text-white {
   color: white;
   color: var(--aquarium-colors-white, white);
 }
-.peer:checked~.peer-checked\:text-primary-10 {
-  color: #e3e9ff;
-  color: var(--aquarium-colors-primary-10, #e3e9ff);
+.peer:checked~.peer-checked\:text-grey-30 {
+  color: #b4b4bb;
+  color: var(--aquarium-colors-grey-30, #b4b4bb);
 }
 .peer:hover~.peer-hover\:border-grey-50 {
   border-color: #787885;
@@ -2870,9 +2847,9 @@ input[type='number'].no-arrows {
   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-grey-30>path {
+  stroke: #b4b4bb;
+  stroke: var(--aquarium-colors-grey-30, #b4b4bb);
 }
 .\[\&\>button\]\:p-0>button {
   padding: 0;