@aivenio/aquarium 1.20.0 → 1.21.0

package/dist/styles.css

@@ -1,19 +1,21 @@
-/* https://tailwindcss.com/docs/using-with-preprocessors */
-/* @import statement must come first and tailwind base must be the first one imported*/
-/* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */
 /*
+! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
+*//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
+
 *,::before,::after {
   box-sizing: border-box; /* 1 */
   border-width: 0; /* 2 */
   border-style: solid; /* 2 */
   border-color: currentColor; /* 2 */
 }
+
 ::before,::after {
   --tw-content: '';
 }
+
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
@@ -21,6 +23,7 @@
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 */
+
 html {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
@@ -30,95 +33,119 @@ html {
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
 }
+
 /*
 1. Remove the margin in all browsers.
 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 */
+
 body {
   margin: 0; /* 1 */
   line-height: inherit; /* 2 */
 }
+
 /*
 1. Add the correct height in Firefox.
 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 3. Ensure horizontal rules are visible by default.
 */
+
 hr {
   height: 0; /* 1 */
   color: inherit; /* 2 */
   border-top-width: 1px; /* 3 */
 }
+
 /*
 Add the correct text decoration in Chrome, Edge, and Safari.
 */
+
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
           text-decoration: underline dotted;
 }
+
 /*
 Remove the default font size and weight for headings.
 */
+
 h1,h2,h3,h4,h5,h6 {
   font-size: inherit;
   font-weight: inherit;
 }
+
 /*
 Reset links to optimize for opt-in styling instead of opt-out.
 */
+
 a {
   color: inherit;
   text-decoration: inherit;
 }
+
 /*
 Add the correct font weight in Edge and Safari.
 */
+
 b,strong {
   font-weight: bolder;
 }
+
 /*
 1. Use the user's configured `mono` font family by default.
 2. Correct the odd `em` font sizing in all browsers.
 */
+
 code,kbd,samp,pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
   font-size: 1em; /* 2 */
 }
+
 /*
 Add the correct font size in all browsers.
 */
+
 small {
   font-size: 80%;
 }
+
 /*
 Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 */
+
 sub,sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
 }
+
 sub {
   bottom: -0.25em;
 }
+
 sup {
   top: -0.5em;
 }
+
 /*
 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
 3. Remove gaps between table borders by default.
 */
+
 table {
   text-indent: 0; /* 1 */
   border-color: inherit; /* 2 */
   border-collapse: collapse; /* 3 */
 }
+
 /*
 1. Change the font styles in all browsers.
 2. Remove the margin in Firefox and Safari.
 3. Remove default padding in all browsers.
 */
+
 button,input,optgroup,select,textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
@@ -128,141 +155,180 @@ button,input,optgroup,select,textarea {
   margin: 0; /* 2 */
   padding: 0; /* 3 */
 }
+
 /*
 Remove the inheritance of text transform in Edge and Firefox.
 */
+
 button,select {
   text-transform: none;
 }
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Remove default button styles.
 */
+
 button,[type='button'],[type='reset'],[type='submit'] {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
 }
+
 /*
 Use the modern Firefox focus style for all focusable elements.
 */
+
 :-moz-focusring {
   outline: auto;
 }
+
 /*
 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
 */
+
 :-moz-ui-invalid {
   box-shadow: none;
 }
+
 /*
 Add the correct vertical alignment in Chrome and Firefox.
 */
+
 progress {
   vertical-align: baseline;
 }
+
 /*
 Correct the cursor style of increment and decrement buttons in Safari.
 */
+
 ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
   height: auto;
 }
+
 /*
 1. Correct the odd appearance in Chrome and Safari.
 2. Correct the outline style in Safari.
 */
+
 [type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
+
 /*
 Remove the inner padding in Chrome and Safari on macOS.
 */
+
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
+
 /*
 1. Correct the inability to style clickable types in iOS and Safari.
 2. Change font properties to `inherit` in Safari.
 */
+
 ::-webkit-file-upload-button {
   -webkit-appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
+
 /*
 Add the correct display in Chrome and Safari.
 */
+
 summary {
   display: list-item;
 }
+
 /*
 Removes the default spacing and border for appropriate elements.
 */
+
 blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
   margin: 0;
 }
+
 fieldset {
   margin: 0;
   padding: 0;
 }
+
 legend {
   padding: 0;
 }
+
 ol,ul,menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }
+
 /*
 Prevent resizing textareas horizontally by default.
 */
+
 textarea {
   resize: vertical;
 }
+
 /*
 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
 2. Set the default placeholder color to the user's configured gray 400 color.
 */
+
 input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1; /* 1 */
   color: #9ca3af; /* 2 */
 }
+
 input::placeholder,textarea::placeholder {
   opacity: 1; /* 1 */
   color: #9ca3af; /* 2 */
 }
+
 /*
 Set the default cursor for buttons.
 */
+
 button,[role="button"] {
   cursor: pointer;
 }
+
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
 :disabled {
   cursor: default;
 }
+
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
    This can trigger a poorly considered lint error in some tools but is included by design.
 */
+
 img,svg,video,canvas,audio,iframe,embed,object {
   display: block; /* 1 */
   vertical-align: middle; /* 2 */
 }
+
 /*
 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
 */
+
 img,video {
   max-width: 100%;
   height: auto;
 }
+
 /* Make elements with the HTML hidden attribute stay hidden by default */
 [hidden] {
   display: none;
 }
+
 *,::before,::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -309,6 +375,7 @@ img,video {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
+
 ::backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -355,6 +422,182 @@ img,video {
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
 }
+/**
+ * This file is autogenerated. Do not edit directly.
+ */
+:root {
+  --aquarium-border-radius-none: 0px;
+  --aquarium-border-radius-sm: 0.125rem;
+  --aquarium-border-radius-default: 4px;
+  --aquarium-border-radius-md: 0.375rem;
+  --aquarium-border-radius-lg: 0.5rem;
+  --aquarium-border-radius-xl: 0.75rem;
+  --aquarium-border-radius-2xl: 1rem;
+  --aquarium-border-radius-3xl: 1.5rem;
+  --aquarium-border-radius-full: 9999px;
+  --aquarium-colors-error-100: #aa0000;
+  --aquarium-colors-error-90: #b90000;
+  --aquarium-colors-error-80: #c50001;
+  --aquarium-colors-error-70: #d80005;
+  --aquarium-colors-error-60: #e70000;
+  --aquarium-colors-error-50: #e62728;
+  --aquarium-colors-error-40: #e0504f;
+  --aquarium-colors-error-30: #ed7975;
+  --aquarium-colors-error-20: #ffadb3;
+  --aquarium-colors-error-10: #ffcbd2;
+  --aquarium-colors-error-5: #fee8e7;
+  --aquarium-colors-error-0: #fef2f1;
+  --aquarium-colors-warning-100: #fe6d00;
+  --aquarium-colors-warning-90: #ff9003;
+  --aquarium-colors-warning-80: #fd9f00;
+  --aquarium-colors-warning-70: #ffb300;
+  --aquarium-colors-warning-60: #ffc107;
+  --aquarium-colors-warning-50: #fdc926;
+  --aquarium-colors-warning-40: #fdd44d;
+  --aquarium-colors-warning-30: #fddf81;
+  --aquarium-colors-warning-20: #feebb2;
+  --aquarium-colors-warning-10: #fff2cd;
+  --aquarium-colors-warning-5: #fff8ea;
+  --aquarium-colors-warning-0: #fffdf9;
+  --aquarium-colors-success-100: #006f00;
+  --aquarium-colors-success-90: #008e00;
+  --aquarium-colors-success-80: #009f00;
+  --aquarium-colors-success-70: #00b300;
+  --aquarium-colors-success-60: #00c300;
+  --aquarium-colors-success-50: #40ce37;
+  --aquarium-colors-success-40: #60db57;
+  --aquarium-colors-success-30: #89eb80;
+  --aquarium-colors-success-20: #afffa7;
+  --aquarium-colors-success-10: #cbffc9;
+  --aquarium-colors-success-5: #ecf7ed;
+  --aquarium-colors-success-0: #f5faf5;
+  --aquarium-colors-info-100: #02569a;
+  --aquarium-colors-info-90: #0174ba;
+  --aquarium-colors-info-80: #0788d1;
+  --aquarium-colors-info-70: #0399e3;
+  --aquarium-colors-info-60: #02a8f3;
+  --aquarium-colors-info-50: #28b4f4;
+  --aquarium-colors-info-40: #4cc2f7;
+  --aquarium-colors-info-30: #7fd1f7;
+  --aquarium-colors-info-20: #b4e5fb;
+  --aquarium-colors-info-10: #e0f5fe;
+  --aquarium-colors-info-5: #effaff;
+  --aquarium-colors-info-0: #f9fdff;
+  --aquarium-colors-grey-100: #19191d;
+  --aquarium-colors-grey-90: #292a31;
+  --aquarium-colors-grey-80: #3a3a44;
+  --aquarium-colors-grey-70: #4a4b57;
+  --aquarium-colors-grey-60: #5a5b6a;
+  --aquarium-colors-grey-50: #787885;
+  --aquarium-colors-grey-40: #9696a0;
+  --aquarium-colors-grey-30: #b4b4bb;
+  --aquarium-colors-grey-10: #e1e1e3;
+  --aquarium-colors-grey-5: #ededf0;
+  --aquarium-colors-grey-0: #f7f7fa;
+  --aquarium-colors-secondary-100: #e11d16;
+  --aquarium-colors-secondary-90: #eb4610;
+  --aquarium-colors-secondary-80: #f3580d;
+  --aquarium-colors-secondary-70: #f96a02;
+  --aquarium-colors-secondary-60: #ff7700;
+  --aquarium-colors-secondary-50: #fc871a;
+  --aquarium-colors-secondary-40: #fb9a3e;
+  --aquarium-colors-secondary-30: #fab26e;
+  --aquarium-colors-secondary-20: #f8c99c;
+  --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-grey-20: #d2d2d6;
+  --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);
+  --aquarium-box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
+  --aquarium-box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
+  --aquarium-box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
+  --aquarium-screens-default: 0px;
+  --aquarium-screens-xs: 320px;
+  --aquarium-screens-sm: 672px;
+  --aquarium-screens-md: 1056px;
+  --aquarium-screens-lg: 1312px;
+  --aquarium-screens-xl: 1536px;
+  --aquarium-border-width-0: 0px;
+  --aquarium-border-width-2: 2px;
+  --aquarium-border-width-4: 4px;
+  --aquarium-border-width-8: 8px;
+  --aquarium-border-width-default: 1px;
+  --aquarium-font-family-sans: ui-sans-serif,system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --aquarium-font-family-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
+  --aquarium-font-family-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+  --aquarium-font-size-xs: 0.75rem;
+  --aquarium-font-size-xs-line-height: 1rem;
+  --aquarium-font-size-sm: 0.875rem;
+  --aquarium-font-size-sm-line-height: 1.25rem;
+  --aquarium-font-size-base: 1rem;
+  --aquarium-font-size-base-line-height: 1.5rem;
+  --aquarium-font-size-lg: 1.125rem;
+  --aquarium-font-size-lg-line-height: 1.75rem;
+  --aquarium-font-size-xl: 1.25rem;
+  --aquarium-font-size-xl-line-height: 1.75rem;
+  --aquarium-font-size-2xl: 1.5rem;
+  --aquarium-font-size-2xl-line-height: 2rem;
+  --aquarium-font-size-3xl: 1.875rem;
+  --aquarium-font-size-3xl-line-height: 2.25rem;
+  --aquarium-font-size-4xl: 2.25rem;
+  --aquarium-font-size-4xl-line-height: 2.5rem;
+  --aquarium-font-size-5xl: 3rem;
+  --aquarium-font-size-5xl-line-height: 1;
+  --aquarium-font-size-6xl: 3.75rem;
+  --aquarium-font-size-6xl-line-height: 1;
+  --aquarium-font-size-7xl: 4.5rem;
+  --aquarium-font-size-7xl-line-height: 1;
+  --aquarium-font-size-8xl: 6rem;
+  --aquarium-font-size-8xl-line-height: 1;
+  --aquarium-font-size-9xl: 8rem;
+  --aquarium-font-size-9xl-line-height: 1;
+  --aquarium-font-weight-thin: 100;
+  --aquarium-font-weight-extralight: 200;
+  --aquarium-font-weight-light: 300;
+  --aquarium-font-weight-normal: 400;
+  --aquarium-font-weight-medium: 500;
+  --aquarium-font-weight-semibold: 600;
+  --aquarium-font-weight-bold: 700;
+  --aquarium-font-weight-extrabold: 800;
+  --aquarium-font-weight-black: 900;
+  --aquarium-spacing-0: 0;
+  --aquarium-spacing-1: 2px;
+  --aquarium-spacing-2: 4px;
+  --aquarium-spacing-3: 8px;
+  --aquarium-spacing-4: 12px;
+  --aquarium-spacing-5: 16px;
+  --aquarium-spacing-6: 24px;
+  --aquarium-spacing-7: 32px;
+  --aquarium-spacing-8: 40px;
+  --aquarium-spacing-9: 48px;
+  --aquarium-spacing-1px: 1px;
+  --aquarium-spacing-l1: 16px;
+  --aquarium-spacing-l2: 24px;
+  --aquarium-spacing-l3: 32px;
+  --aquarium-spacing-l4: 48px;
+  --aquarium-spacing-l5: 64px;
+  --aquarium-spacing-l6: 96px;
+  --aquarium-spacing-l7: 160px;
+}
 input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
@@ -420,6 +663,8 @@ input[type='number'].no-arrows {
 .icon-stroke-2 svg path {
   stroke-width: 2;
 }
+/* https://tailwindcss.com/docs/using-with-preprocessors */
+/* @import statements must come first*/
 .container {
   width: 100%;
 }
@@ -427,49 +672,61 @@ input[type='number'].no-arrows {
   width: 100% !important;
 }
 @media (min-width: 0px) {
+
   .container {
     max-width: 0px;
   }
+
   .\!container {
     max-width: 0px !important;
   }
 }
 @media (min-width: 320px) {
+
   .container {
     max-width: 320px;
   }
+
   .\!container {
     max-width: 320px !important;
   }
 }
 @media (min-width: 672px) {
+
   .container {
     max-width: 672px;
   }
+
   .\!container {
     max-width: 672px !important;
   }
 }
 @media (min-width: 1056px) {
+
   .container {
     max-width: 1056px;
   }
+
   .\!container {
     max-width: 1056px !important;
   }
 }
 @media (min-width: 1312px) {
+
   .container {
     max-width: 1312px;
   }
+
   .\!container {
     max-width: 1312px !important;
   }
 }
 @media (min-width: 1536px) {
+
   .container {
     max-width: 1536px;
   }
+
   .\!container {
     max-width: 1536px !important;
   }
@@ -1154,6 +1411,7 @@ input[type='number'].no-arrows {
   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));
 }
 @keyframes pulse {
+
   50% {
     opacity: .5;
   }
@@ -1351,7 +1609,7 @@ input[type='number'].no-arrows {
 }
 .rounded {
   border-radius: 4px;
-  border-radius: var(--aquarium-border-radius-DEFAULT, 4px);
+  border-radius: var(--aquarium-border-radius-default, 4px);
 }
 .rounded-\[2px\] {
   border-radius: 2px;
@@ -2243,7 +2501,7 @@ input[type='number'].no-arrows {
   opacity: 0.4;
 }
 .checked\:shadow-whiteInset:checked {
-  --tw-shadow: var(--aquarium-box-shadow-whiteInset, inset 0 0 0 3px rgba(255,255,255,1));
+  --tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
   --tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);