@aivenio/aquarium 1.17.1 → 1.18.0-rc2

package/dist/system.mjs

@@ -1205,11 +1205,11 @@ var require_chevronDown = __commonJS({
   "src/icons/chevronDown.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M16 6c-.28 0-.53.11-.71.29L10 11.59l-5.29-5.3a1.003 1.003 0 00-1.42 1.42l6 6c.18.18.43.29.71.29.28 0 .53-.11.71-.29l6-6A1.003 1.003 0 0016 6Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 8.25 5.5 5.5 5.5-5.5"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1221,11 +1221,11 @@ var require_chevronUp = __commonJS({
   "src/icons/chevronUp.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m16.71 12.29-6-6A.997.997 0 0010 6c-.28 0-.53.11-.71.29l-6 6a1.003 1.003 0 001.42 1.42L10 8.41l5.29 5.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.5 13.75 11 8.25l-5.5 5.5"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1237,11 +1237,11 @@ var require_search = __commonJS({
   "src/icons/search.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m19.56 17.44-4.94-4.94A8.004 8.004 0 0016 8c0-4.42-3.58-8-8-8S0 3.58 0 8s3.58 8 8 8c1.67 0 3.21-.51 4.5-1.38l4.94 4.94a1.498 1.498 0 102.12-2.12ZM8 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20 20-4.35-4.35M18 10a8 8 0 11-16 0 8 8 0 0116 0Z"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1253,11 +1253,11 @@ var require_tick = __commonJS({
   "src/icons/tick.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M17 4c-.28 0-.53.11-.71.29L7 13.59 3.71 10.3A.965.965 0 003 10a1.003 1.003 0 00-.71 1.71l4 4c.18.18.43.29.71.29.28 0 .53-.11.71-.29l10-10A1.003 1.003 0 0017 4Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18.333 5.5 8.25 15.583 3.667 11"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1285,11 +1285,11 @@ var require_confirm = __commonJS({
   "src/icons/confirm.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M9.71 5.29a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29.28 0 .53-.11.71-.29l7-7a1.003 1.003 0 00-1.42-1.42L12 7.59l-2.29-2.3Zm7.93 2.32c.23.75.36 1.56.36 2.39 0 4.42-3.58 8-8 8s-8-3.58-8-8a7.998 7.998 0 0111.8-7.04l1.46-1.46C13.73.56 11.93 0 10 0 4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10c0-1.4-.29-2.73-.81-3.95l-1.55 1.56Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.167 10.162v.843a9.166 9.166 0 11-5.436-8.378m5.436 1.04L11 12.842l-2.75-2.75"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1301,11 +1301,11 @@ var require_cross = __commonJS({
   "src/icons/cross.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m11.41 10 4.29-4.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-4.29-4.3a1.003 1.003 0 00-1.42 1.42L8.59 10 4.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4.29-4.3 4.29 4.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10Z" clip-rule="evenodd"/>',
+      "body": '<path fill="currentColor" fill-rule="evenodd" d="m12.293 11 3.932-3.933a.885.885 0 00.275-.65.92.92 0 00-1.568-.651L11 9.707 7.067 5.766a.92.92 0 00-1.302 1.302L9.708 11l-3.932 3.932a.885.885 0 00-.275.651.92.92 0 001.567.651L11 12.292l3.932 3.933a.885.885 0 00.651.275.92.92 0 00.651-1.568L12.292 11Z" clip-rule="evenodd"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1317,11 +1317,11 @@ var require_error = __commonJS({
   "src/icons/error.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0Zm1 16H9v-2h2v2Zm0-3H9V4h2v9Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V11m0 3.667h.01M20.166 11a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1333,11 +1333,11 @@ var require_infoSign = __commonJS({
   "src/icons/infoSign.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0ZM9 4h2v2H9V4Zm4 12H7v-1h2V8H8V7h3v8h2v1Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 14.667V11m0-3.667h.01M20.166 11a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1349,11 +1349,11 @@ var require_warningSign = __commonJS({
   "src/icons/warningSign.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m19.86 17.52.01-.01-9-16-.01.01A.982.982 0 0010 1c-.37 0-.69.21-.86.52l-.01-.01-9 16 .01.01c-.08.14-.14.3-.14.48 0 .55.45 1 1 1h18c.55 0 1-.45 1-1 0-.18-.06-.34-.14-.48ZM11 17H9v-2h2v2Zm0-3H9V6h2v8Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 8.25v3.667m0 3.666h.009M9.731 3.567 2.19 16.59c-.418.723-.627 1.084-.596 1.38a.917.917 0 00.372.646c.241.176.659.176 1.493.176h15.08c.834 0 1.251 0 1.492-.176a.917.917 0 00.373-.646c.03-.296-.178-.657-.596-1.38l-7.54-13.023c-.417-.72-.625-1.08-.897-1.2a.917.917 0 00-.745 0c-.271.12-.48.48-.896 1.2Z"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1365,11 +1365,11 @@ var require_slash = __commonJS({
   "src/icons/slash.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M12 2c-.46 0-.85.32-.97.74L7.04 16.7c-.02.1-.04.2-.04.3 0 .55.45 1 1 1 .46 0 .85-.32.97-.74L12.96 3.3c.02-.1.04-.2.04-.3 0-.55-.45-1-1-1Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6.417 20.167 9.166-18.334"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1381,11 +1381,11 @@ var require_lock = __commonJS({
   "src/icons/lock.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" d="M15.93 9H14V4.99c0-2.21-1.79-4-4-4s-4 1.79-4 4V9H3.93c-.55 0-.93.44-.93.99v8c0 .55.38 1.01.93 1.01h12c.55 0 1.07-.46 1.07-1.01v-8c0-.55-.52-.99-1.07-.99ZM8 9V4.99c0-1.1.9-2 2-2s2 .9 2 2V9H8Z"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.583 9.167V7.333a4.583 4.583 0 10-9.166 0v1.834M11 13.292v1.833M8.067 19.25h5.866c1.54 0 2.31 0 2.899-.3a2.75 2.75 0 001.202-1.201c.3-.589.3-1.359.3-2.899v-1.283c0-1.54 0-2.31-.3-2.899a2.75 2.75 0 00-1.202-1.202c-.588-.3-1.359-.3-2.899-.3H8.067c-1.54 0-2.31 0-2.899.3a2.75 2.75 0 00-1.202 1.202c-.3.588-.3 1.359-.3 2.899v1.283c0 1.54 0 2.31.3 2.899a2.75 2.75 0 001.202 1.201c.588.3 1.359.3 2.899.3Z"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1397,11 +1397,11 @@ var require_chevronLeft = __commonJS({
   "src/icons/chevronLeft.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m8.41 10 5.29-5.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-6 6c-.18.18-.29.43-.29.71 0 .28.11.53.29.71l6 6a1.003 1.003 0 001.42-1.42L8.41 10Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.75 16.5 8.25 11l5.5-5.5"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1413,11 +1413,11 @@ var require_chevronRight = __commonJS({
   "src/icons/chevronRight.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m13.71 9.29-6-6a1.003 1.003 0 00-1.42 1.42l5.3 5.29-5.29 5.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l6-6c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.25 16.5 5.5-5.5-5.5-5.5"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1429,11 +1429,11 @@ var require_minus = __commonJS({
   "src/icons/minus.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M16 9H4c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.583 11h12.834"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1445,11 +1445,11 @@ var require_questionMark = __commonJS({
   "src/icons/questionMark.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" d="M7 0C3.136 0 0 3.136 0 7s3.136 7 7 7 7-3.136 7-7-3.136-7-7-7ZM5.187 3.234c.455-.378 1.057-.574 1.792-.574a2.9 2.9 0 011.036.175c.308.119.581.273.798.476.224.203.392.441.518.714.119.273.182.574.182.889 0 .315-.056.609-.168.861-.112.259-.28.511-.497.777l-.847 1.106c-.098.119-.196.231-.224.336a1.285 1.285 0 00-.077.42v.679H6.3v-1.4s.042-.406.168-.567l.847-1.148c.175-.21.287-.392.357-.539.07-.147.098-.308.098-.469a.825.825 0 00-.224-.595c-.147-.154-.35-.231-.616-.231-.259 0-.469.077-.623.231-.154.161-.259.378-.322.658-.021.084-.077.119-.161.112l-1.365-.203c-.084-.007-.112-.056-.098-.154.091-.651.364-1.169.826-1.554ZM6.3 9.8h1.414L7.7 11.2H6.3V9.8Z"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.332 8.25a2.75 2.75 0 015.345.917c0 1.833-2.75 2.75-2.75 2.75M11 15.583h.01M20.166 11a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
       "left": 0,
       "top": 0,
-      "width": 14,
-      "height": 14
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1461,11 +1461,11 @@ var require_more = __commonJS({
   "src/icons/more.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" d="M3.5 13a2.5 2.5 0 100-5 2.5 2.5 0 000 5Zm14 0a2.5 2.5 0 100-5 2.5 2.5 0 000 5Zm-7 0a2.5 2.5 0 100-5 2.5 2.5 0 000 5Z"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 11.917a.917.917 0 100-1.834.917.917 0 000 1.834Zm6.417 0a.917.917 0 100-1.834.917.917 0 000 1.834Zm-12.834 0a.917.917 0 100-1.834.917.917 0 000 1.834Z"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1477,11 +1477,11 @@ var require_smallCross = __commonJS({
   "src/icons/smallCross.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m11.41 10 3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42L8.59 10 5.3 13.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l3.29-3.3 3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10Z" clip-rule="evenodd"/>',
+      "body": '<path fill="currentColor" fill-rule="evenodd" d="m12.293 11 3.932-3.933a.885.885 0 00.275-.65.92.92 0 00-1.568-.651L11 9.707 7.067 5.766a.92.92 0 00-1.302 1.302L9.708 11l-3.932 3.932a.885.885 0 00-.275.651.92.92 0 001.567.651L11 12.292l3.932 3.933a.885.885 0 00.651.275.92.92 0 00.651-1.568L12.292 11Z" clip-rule="evenodd"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1493,11 +1493,11 @@ var require_caretDown = __commonJS({
   "src/icons/caretDown.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M16 7c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1 0 .24.1.46.24.63l-.01.01 5 6 .01-.01c.19.22.45.37.76.37s.57-.15.76-.37l.01.01 5-6-.01-.01c.14-.17.24-.39.24-.63Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m5.5 8.25 5.5 5.5 5.5-5.5"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1509,11 +1509,11 @@ var require_chevronBackward = __commonJS({
   "src/icons/chevronBackward.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="m8.41 10 5.29-5.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L7 8.59V4c0-.55-.45-1-1-1s-1 .45-1 1v12c0 .55.45 1 1 1s1-.45 1-1v-4.59l5.29 5.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L8.41 10Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 4v14m8-1.25-5.5-5.5 5.5-5.5"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1525,11 +1525,11 @@ var require_chevronForward = __commonJS({
   "src/icons/chevronForward.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M13 3c-.55 0-1 .45-1 1v4.59l-5.29-5.3a1.003 1.003 0 00-1.42 1.42l5.3 5.29-5.29 5.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l5.29-5.3V16c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 4v14m-8-1.25 5.5-5.5L7 5.75"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -1541,11 +1541,11 @@ var require_time = __commonJS({
   "src/icons/time.js"(exports) {
     "use strict";
     var data = {
-      "body": '<path fill="currentColor" fill-rule="evenodd" d="M11 9.59V4c0-.55-.45-1-1-1s-1 .45-1 1v6c0 .28.11.53.29.71l3 3a1.003 1.003 0 001.42-1.42L11 9.59ZM10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0Zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Z" clip-rule="evenodd"/>',
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 5.5V11l3.667 1.833m5.5-1.833a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
       "left": 0,
       "top": 0,
-      "width": 20,
-      "height": 20
+      "width": 22,
+      "height": 22
     };
     exports.__esModule = true;
     exports.default = data;
@@ -3104,7 +3104,8 @@ var asButton = (Component, isDropdownButton) => {
               "py-3": !dense && isGhost,
               "py-2": dense && isGhost,
               "block w-full": fullWidth && !isIconOnlyButton,
-              "cursor-not-allowed": !!disabled || !!loading2
+              "cursor-not-allowed": !!disabled || !!loading2,
+              "icon-stroke-2": !isIconOnlyButton
             }
           )
         ),
@@ -4752,7 +4753,7 @@ var LabelText = ({
     placement: helpTooltipPlacement
   }, /* @__PURE__ */ React36.createElement("span", {
     tabIndex: 0,
-    className: tw("text-grey-30 flex items-center cursor-pointer ml-2")
+    className: tw("text-grey-40 flex items-center cursor-pointer ml-2")
   }, /* @__PURE__ */ React36.createElement(InlineIcon, {
     icon: import_questionMark.default,
     "data-testid": "icon-info"