@aivenio/aquarium 1.18.0 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/_variables.scss +104 -104
  2. package/dist/_variables_timescale.scss +104 -104
  3. package/dist/atoms.cjs +99 -89
  4. package/dist/atoms.mjs +99 -89
  5. package/dist/src/atoms/Toast/Toast.js +2 -2
  6. package/dist/src/molecules/Button/Button.js +9 -2
  7. package/dist/styles.css +395 -391
  8. package/dist/styles_timescaledb.css +395 -391
  9. package/dist/system.cjs +99 -89
  10. package/dist/system.mjs +99 -89
  11. package/dist/tailwind.config.js +46 -44
  12. package/dist/tailwind.theme.json +88 -88
  13. package/dist/tsconfig.module.tsbuildinfo +1 -1
  14. package/package.json +1 -1
package/dist/styles_timescaledb.css CHANGED
@@ -370,6 +370,7 @@ input[type='number'].no-arrows {
370
370
  line-height: 1.26;
371
371
  text-transform: none;
372
372
  fill: #787885;
373
+ fill: var(--aquarium-colors-grey-50, #787885);
373
374
  }
374
375
  .recharts-tooltip-wrapper {
375
376
  font-family: Inter;
@@ -378,8 +379,8 @@ input[type='number'].no-arrows {
378
379
  font-style: normal;
379
380
  line-height: 1.26;
380
381
  text-transform: none;
381
- --tw-text-opacity: 1;
382
- color: rgb(255 255 255 / var(--tw-text-opacity));
382
+ color: white;
383
+ color: var(--aquarium-colors-white, white);
383
384
  }
384
385
  .recharts-tooltip-item {
385
386
  align-items: center;
@@ -398,6 +399,27 @@ input[type='number'].no-arrows {
398
399
  .recharts-tooltip-item-separator {
399
400
  margin-right: 2px;
400
401
  }
402
+ .focusable.focus-visible {
403
+ outline: 2px solid transparent;
404
+ outline-offset: 2px;
405
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
406
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
407
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
408
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
409
+ --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
410
+ }
411
+ .focusable:focus-visible {
412
+ outline: 2px solid transparent;
413
+ outline-offset: 2px;
414
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
415
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
416
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
417
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
418
+ --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
419
+ }
420
+ .icon-stroke-2 svg path {
421
+ stroke-width: 2;
422
+ }
401
423
  .container {
402
424
  width: 100%;
403
425
  }
@@ -702,29 +724,6 @@ input[type='number'].no-arrows {
702
724
  letter-spacing: -1.98px;
703
725
  text-transform: none;
704
726
  }
705
- .focusable.focus-visible {
706
- outline: 2px solid transparent;
707
- outline-offset: 2px;
708
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
709
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
710
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
711
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
712
- --tw-ring-opacity: 1;
713
- --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity));
714
- }
715
- .focusable:focus-visible {
716
- outline: 2px solid transparent;
717
- outline-offset: 2px;
718
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
719
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
720
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
721
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
722
- --tw-ring-opacity: 1;
723
- --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity));
724
- }
725
- .icon-stroke-2 svg path {
726
- stroke-width: 2;
727
- }
728
727
  .pointer-events-none {
729
728
  pointer-events: none;
730
729
  }
@@ -1343,12 +1342,15 @@ input[type='number'].no-arrows {
1343
1342
  }
1344
1343
  .rounded-sm {
1345
1344
  border-radius: 0.125rem;
1345
+ border-radius: var(--aquarium-border-radius-sm, 0.125rem);
1346
1346
  }
1347
1347
  .rounded-full {
1348
1348
  border-radius: 9999px;
1349
+ border-radius: var(--aquarium-border-radius-full, 9999px);
1349
1350
  }
1350
1351
  .rounded {
1351
1352
  border-radius: 4px;
1353
+ border-radius: var(--aquarium-border-radius-DEFAULT, 4px);
1352
1354
  }
1353
1355
  .rounded-\[2px\] {
1354
1356
  border-radius: 2px;
@@ -1387,152 +1389,156 @@ input[type='number'].no-arrows {
1387
1389
  border-style: none;
1388
1390
  }
1389
1391
  .border-error-50 {
1390
- --tw-border-opacity: 1;
1391
- border-color: rgb(230 39 40 / var(--tw-border-opacity));
1392
+ border-color: #e62728;
1393
+ border-color: var(--aquarium-colors-error-50, #e62728);
1392
1394
  }
1393
1395
  .border-grey-20 {
1394
- --tw-border-opacity: 1;
1395
- border-color: rgb(210 210 214 / var(--tw-border-opacity));
1396
+ border-color: #d2d2d6;
1397
+ border-color: var(--aquarium-colors-grey-20, #d2d2d6);
1396
1398
  }
1397
1399
  .border-info-70 {
1398
- --tw-border-opacity: 1;
1399
- border-color: rgb(3 153 227 / var(--tw-border-opacity));
1400
+ border-color: #0399e3;
1401
+ border-color: var(--aquarium-colors-info-70, #0399e3);
1400
1402
  }
1401
1403
  .border-grey-5 {
1402
- --tw-border-opacity: 1;
1403
- border-color: rgb(237 237 240 / var(--tw-border-opacity));
1404
+ border-color: #ededf0;
1405
+ border-color: var(--aquarium-colors-grey-5, #ededf0);
1404
1406
  }
1405
1407
  .border-transparent {
1406
1408
  border-color: transparent;
1409
+ border-color: var(--aquarium-colors-transparent, transparent);
1407
1410
  }
1408
1411
  .border-grey-10 {
1409
- --tw-border-opacity: 1;
1410
- border-color: rgb(225 225 227 / var(--tw-border-opacity));
1412
+ border-color: #e1e1e3;
1413
+ border-color: var(--aquarium-colors-grey-10, #e1e1e3);
1411
1414
  }
1412
1415
  .border-navyBlue-100 {
1413
1416
  --tw-border-opacity: 1;
1414
1417
  border-color: rgb(48 55 94 / var(--tw-border-opacity));
1415
1418
  }
1416
1419
  .border-grey-50 {
1417
- --tw-border-opacity: 1;
1418
- border-color: rgb(120 120 133 / var(--tw-border-opacity));
1420
+ border-color: #787885;
1421
+ border-color: var(--aquarium-colors-grey-50, #787885);
1419
1422
  }
1420
1423
  .border-grey-90 {
1421
- --tw-border-opacity: 1;
1422
- border-color: rgb(41 42 49 / var(--tw-border-opacity));
1424
+ border-color: #292a31;
1425
+ border-color: var(--aquarium-colors-grey-90, #292a31);
1423
1426
  }
1424
1427
  .border-success-70 {
1425
- --tw-border-opacity: 1;
1426
- border-color: rgb(0 179 0 / var(--tw-border-opacity));
1428
+ border-color: #00b300;
1429
+ border-color: var(--aquarium-colors-success-70, #00b300);
1427
1430
  }
1428
1431
  .border-grey-40 {
1429
- --tw-border-opacity: 1;
1430
- border-color: rgb(150 150 160 / var(--tw-border-opacity));
1432
+ border-color: #9696a0;
1433
+ border-color: var(--aquarium-colors-grey-40, #9696a0);
1431
1434
  }
1432
1435
  .border-current {
1433
1436
  border-color: currentColor;
1437
+ border-color: var(--aquarium-colors-current, currentColor);
1434
1438
  }
1435
1439
  .border-grey-100 {
1436
- --tw-border-opacity: 1;
1437
- border-color: rgb(25 25 29 / var(--tw-border-opacity));
1440
+ border-color: #19191d;
1441
+ border-color: var(--aquarium-colors-grey-100, #19191d);
1438
1442
  }
1439
1443
  .border-primary-80 {
1440
- --tw-border-opacity: 1;
1441
- border-color: rgb(7 136 209 / var(--tw-border-opacity));
1444
+ border-color: #0788d1;
1445
+ border-color: var(--aquarium-colors-primary-80, #0788d1);
1442
1446
  }
1443
1447
  .bg-grey-10 {
1444
- --tw-bg-opacity: 1;
1445
- background-color: rgb(225 225 227 / var(--tw-bg-opacity));
1448
+ background-color: #e1e1e3;
1449
+ background-color: var(--aquarium-colors-grey-10, #e1e1e3);
1446
1450
  }
1447
1451
  .bg-error-5 {
1448
- --tw-bg-opacity: 1;
1449
- background-color: rgb(254 232 231 / var(--tw-bg-opacity));
1452
+ background-color: #fee8e7;
1453
+ background-color: var(--aquarium-colors-error-5, #fee8e7);
1450
1454
  }
1451
1455
  .bg-info-5 {
1452
- --tw-bg-opacity: 1;
1453
- background-color: rgb(239 250 255 / var(--tw-bg-opacity));
1456
+ background-color: #effaff;
1457
+ background-color: var(--aquarium-colors-info-5, #effaff);
1454
1458
  }
1455
1459
  .bg-success-5 {
1456
- --tw-bg-opacity: 1;
1457
- background-color: rgb(236 247 237 / var(--tw-bg-opacity));
1460
+ background-color: #ecf7ed;
1461
+ background-color: var(--aquarium-colors-success-5, #ecf7ed);
1458
1462
  }
1459
1463
  .bg-warning-5 {
1460
- --tw-bg-opacity: 1;
1461
- background-color: rgb(255 248 234 / var(--tw-bg-opacity));
1464
+ background-color: #fff8ea;
1465
+ background-color: var(--aquarium-colors-warning-5, #fff8ea);
1462
1466
  }
1463
1467
  .bg-grey-0 {
1464
- --tw-bg-opacity: 1;
1465
- background-color: rgb(247 247 250 / var(--tw-bg-opacity));
1468
+ background-color: #f7f7fa;
1469
+ background-color: var(--aquarium-colors-grey-0, #f7f7fa);
1466
1470
  }
1467
1471
  .bg-white {
1468
- --tw-bg-opacity: 1;
1469
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1472
+ background-color: white;
1473
+ background-color: var(--aquarium-colors-white, white);
1470
1474
  }
1471
1475
  .bg-navyBlue-100 {
1472
1476
  --tw-bg-opacity: 1;
1473
1477
  background-color: rgb(48 55 94 / var(--tw-bg-opacity));
1474
1478
  }
1475
1479
  .bg-grey-5 {
1476
- --tw-bg-opacity: 1;
1477
- background-color: rgb(237 237 240 / var(--tw-bg-opacity));
1480
+ background-color: #ededf0;
1481
+ background-color: var(--aquarium-colors-grey-5, #ededf0);
1478
1482
  }
1479
1483
  .bg-info-50 {
1480
- --tw-bg-opacity: 1;
1481
- background-color: rgb(40 180 244 / var(--tw-bg-opacity));
1484
+ background-color: #28b4f4;
1485
+ background-color: var(--aquarium-colors-info-50, #28b4f4);
1482
1486
  }
1483
1487
  .bg-warning-70 {
1484
- --tw-bg-opacity: 1;
1485
- background-color: rgb(255 179 0 / var(--tw-bg-opacity));
1488
+ background-color: #ffb300;
1489
+ background-color: var(--aquarium-colors-warning-70, #ffb300);
1486
1490
  }
1487
1491
  .bg-success-70 {
1488
- --tw-bg-opacity: 1;
1489
- background-color: rgb(0 179 0 / var(--tw-bg-opacity));
1492
+ background-color: #00b300;
1493
+ background-color: var(--aquarium-colors-success-70, #00b300);
1490
1494
  }
1491
1495
  .bg-error-70 {
1492
- --tw-bg-opacity: 1;
1493
- background-color: rgb(216 0 5 / var(--tw-bg-opacity));
1496
+ background-color: #d80005;
1497
+ background-color: var(--aquarium-colors-error-70, #d80005);
1494
1498
  }
1495
1499
  .bg-grey-20 {
1496
- --tw-bg-opacity: 1;
1497
- background-color: rgb(210 210 214 / var(--tw-bg-opacity));
1500
+ background-color: #d2d2d6;
1501
+ background-color: var(--aquarium-colors-grey-20, #d2d2d6);
1498
1502
  }
1499
1503
  .bg-grey-90 {
1500
- --tw-bg-opacity: 1;
1501
- background-color: rgb(41 42 49 / var(--tw-bg-opacity));
1504
+ background-color: #292a31;
1505
+ background-color: var(--aquarium-colors-grey-90, #292a31);
1502
1506
  }
1503
1507
  .bg-grey-30 {
1504
- --tw-bg-opacity: 1;
1505
- background-color: rgb(180 180 187 / var(--tw-bg-opacity));
1508
+ background-color: #b4b4bb;
1509
+ background-color: var(--aquarium-colors-grey-30, #b4b4bb);
1506
1510
  }
1507
1511
  .bg-grey-80 {
1508
- --tw-bg-opacity: 1;
1509
- background-color: rgb(58 58 68 / var(--tw-bg-opacity));
1512
+ background-color: #3a3a44;
1513
+ background-color: var(--aquarium-colors-grey-80, #3a3a44);
1510
1514
  }
1511
1515
  .bg-current {
1512
1516
  background-color: currentColor;
1517
+ background-color: var(--aquarium-colors-current, currentColor);
1513
1518
  }
1514
1519
  .bg-primary-80 {
1515
- --tw-bg-opacity: 1;
1516
- background-color: rgb(7 136 209 / var(--tw-bg-opacity));
1520
+ background-color: #0788d1;
1521
+ background-color: var(--aquarium-colors-primary-80, #0788d1);
1517
1522
  }
1518
1523
  .bg-transparent {
1519
1524
  background-color: transparent;
1525
+ background-color: var(--aquarium-colors-transparent, transparent);
1520
1526
  }
1521
1527
  .bg-secondary-5 {
1522
- --tw-bg-opacity: 1;
1523
- background-color: rgb(255 243 232 / var(--tw-bg-opacity));
1528
+ background-color: #fff3e8;
1529
+ background-color: var(--aquarium-colors-secondary-5, #fff3e8);
1524
1530
  }
1525
1531
  .bg-error-0 {
1526
- --tw-bg-opacity: 1;
1527
- background-color: rgb(254 242 241 / var(--tw-bg-opacity));
1532
+ background-color: #fef2f1;
1533
+ background-color: var(--aquarium-colors-error-0, #fef2f1);
1528
1534
  }
1529
1535
  .bg-error-20 {
1530
- --tw-bg-opacity: 1;
1531
- background-color: rgb(255 173 179 / var(--tw-bg-opacity));
1536
+ background-color: #ffadb3;
1537
+ background-color: var(--aquarium-colors-error-20, #ffadb3);
1532
1538
  }
1533
1539
  .bg-primary-70 {
1534
- --tw-bg-opacity: 1;
1535
- background-color: rgb(3 153 227 / var(--tw-bg-opacity));
1540
+ background-color: #0399e3;
1541
+ background-color: var(--aquarium-colors-primary-70, #0399e3);
1536
1542
  }
1537
1543
  .bg-opacity-40 {
1538
1544
  --tw-bg-opacity: 0.4;
@@ -1544,19 +1550,20 @@ input[type='number'].no-arrows {
1544
1550
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
1545
1551
  }
1546
1552
  .from-white {
1547
- --tw-gradient-from: white;
1553
+ --tw-gradient-from: var(--aquarium-colors-white, white);
1548
1554
  --tw-gradient-to: rgba(255, 255, 255, 0);
1549
1555
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
1550
1556
  }
1551
1557
  .via-white {
1552
1558
  --tw-gradient-to: rgba(255, 255, 255, 0);
1553
- --tw-gradient-stops: var(--tw-gradient-from), white, var(--tw-gradient-to);
1559
+ --tw-gradient-stops: var(--tw-gradient-from), var(--aquarium-colors-white, white), var(--tw-gradient-to);
1554
1560
  }
1555
1561
  .bg-cover {
1556
1562
  background-size: cover;
1557
1563
  }
1558
1564
  .stroke-grey-30 {
1559
1565
  stroke: #b4b4bb;
1566
+ stroke: var(--aquarium-colors-grey-30, #b4b4bb);
1560
1567
  }
1561
1568
  .object-cover {
1562
1569
  -o-object-fit: cover;
@@ -1728,347 +1735,348 @@ input[type='number'].no-arrows {
1728
1735
  line-height: 0px;
1729
1736
  }
1730
1737
  .text-error-100 {
1731
- --tw-text-opacity: 1;
1732
- color: rgb(170 0 0 / var(--tw-text-opacity));
1738
+ color: #aa0000;
1739
+ color: var(--aquarium-colors-error-100, #aa0000);
1733
1740
  }
1734
1741
  .text-error-90 {
1735
- --tw-text-opacity: 1;
1736
- color: rgb(185 0 0 / var(--tw-text-opacity));
1742
+ color: #b90000;
1743
+ color: var(--aquarium-colors-error-90, #b90000);
1737
1744
  }
1738
1745
  .text-error-80 {
1739
- --tw-text-opacity: 1;
1740
- color: rgb(197 0 1 / var(--tw-text-opacity));
1746
+ color: #c50001;
1747
+ color: var(--aquarium-colors-error-80, #c50001);
1741
1748
  }
1742
1749
  .text-error-70 {
1743
- --tw-text-opacity: 1;
1744
- color: rgb(216 0 5 / var(--tw-text-opacity));
1750
+ color: #d80005;
1751
+ color: var(--aquarium-colors-error-70, #d80005);
1745
1752
  }
1746
1753
  .text-error-60 {
1747
- --tw-text-opacity: 1;
1748
- color: rgb(231 0 0 / var(--tw-text-opacity));
1754
+ color: #e70000;
1755
+ color: var(--aquarium-colors-error-60, #e70000);
1749
1756
  }
1750
1757
  .text-error-50 {
1751
- --tw-text-opacity: 1;
1752
- color: rgb(230 39 40 / var(--tw-text-opacity));
1758
+ color: #e62728;
1759
+ color: var(--aquarium-colors-error-50, #e62728);
1753
1760
  }
1754
1761
  .text-error-40 {
1755
- --tw-text-opacity: 1;
1756
- color: rgb(224 80 79 / var(--tw-text-opacity));
1762
+ color: #e0504f;
1763
+ color: var(--aquarium-colors-error-40, #e0504f);
1757
1764
  }
1758
1765
  .text-error-30 {
1759
- --tw-text-opacity: 1;
1760
- color: rgb(237 121 117 / var(--tw-text-opacity));
1766
+ color: #ed7975;
1767
+ color: var(--aquarium-colors-error-30, #ed7975);
1761
1768
  }
1762
1769
  .text-error-20 {
1763
- --tw-text-opacity: 1;
1764
- color: rgb(255 173 179 / var(--tw-text-opacity));
1770
+ color: #ffadb3;
1771
+ color: var(--aquarium-colors-error-20, #ffadb3);
1765
1772
  }
1766
1773
  .text-error-10 {
1767
- --tw-text-opacity: 1;
1768
- color: rgb(255 203 210 / var(--tw-text-opacity));
1774
+ color: #ffcbd2;
1775
+ color: var(--aquarium-colors-error-10, #ffcbd2);
1769
1776
  }
1770
1777
  .text-error-5 {
1771
- --tw-text-opacity: 1;
1772
- color: rgb(254 232 231 / var(--tw-text-opacity));
1778
+ color: #fee8e7;
1779
+ color: var(--aquarium-colors-error-5, #fee8e7);
1773
1780
  }
1774
1781
  .text-error-0 {
1775
- --tw-text-opacity: 1;
1776
- color: rgb(254 242 241 / var(--tw-text-opacity));
1782
+ color: #fef2f1;
1783
+ color: var(--aquarium-colors-error-0, #fef2f1);
1777
1784
  }
1778
1785
  .text-warning-100 {
1779
- --tw-text-opacity: 1;
1780
- color: rgb(254 109 0 / var(--tw-text-opacity));
1786
+ color: #fe6d00;
1787
+ color: var(--aquarium-colors-warning-100, #fe6d00);
1781
1788
  }
1782
1789
  .text-warning-90 {
1783
- --tw-text-opacity: 1;
1784
- color: rgb(255 144 3 / var(--tw-text-opacity));
1790
+ color: #ff9003;
1791
+ color: var(--aquarium-colors-warning-90, #ff9003);
1785
1792
  }
1786
1793
  .text-warning-80 {
1787
- --tw-text-opacity: 1;
1788
- color: rgb(253 159 0 / var(--tw-text-opacity));
1794
+ color: #fd9f00;
1795
+ color: var(--aquarium-colors-warning-80, #fd9f00);
1789
1796
  }
1790
1797
  .text-warning-70 {
1791
- --tw-text-opacity: 1;
1792
- color: rgb(255 179 0 / var(--tw-text-opacity));
1798
+ color: #ffb300;
1799
+ color: var(--aquarium-colors-warning-70, #ffb300);
1793
1800
  }
1794
1801
  .text-warning-60 {
1795
- --tw-text-opacity: 1;
1796
- color: rgb(255 193 7 / var(--tw-text-opacity));
1802
+ color: #ffc107;
1803
+ color: var(--aquarium-colors-warning-60, #ffc107);
1797
1804
  }
1798
1805
  .text-warning-50 {
1799
- --tw-text-opacity: 1;
1800
- color: rgb(253 201 38 / var(--tw-text-opacity));
1806
+ color: #fdc926;
1807
+ color: var(--aquarium-colors-warning-50, #fdc926);
1801
1808
  }
1802
1809
  .text-warning-40 {
1803
- --tw-text-opacity: 1;
1804
- color: rgb(253 212 77 / var(--tw-text-opacity));
1810
+ color: #fdd44d;
1811
+ color: var(--aquarium-colors-warning-40, #fdd44d);
1805
1812
  }
1806
1813
  .text-warning-30 {
1807
- --tw-text-opacity: 1;
1808
- color: rgb(253 223 129 / var(--tw-text-opacity));
1814
+ color: #fddf81;
1815
+ color: var(--aquarium-colors-warning-30, #fddf81);
1809
1816
  }
1810
1817
  .text-warning-20 {
1811
- --tw-text-opacity: 1;
1812
- color: rgb(254 235 178 / var(--tw-text-opacity));
1818
+ color: #feebb2;
1819
+ color: var(--aquarium-colors-warning-20, #feebb2);
1813
1820
  }
1814
1821
  .text-warning-10 {
1815
- --tw-text-opacity: 1;
1816
- color: rgb(255 242 205 / var(--tw-text-opacity));
1822
+ color: #fff2cd;
1823
+ color: var(--aquarium-colors-warning-10, #fff2cd);
1817
1824
  }
1818
1825
  .text-warning-5 {
1819
- --tw-text-opacity: 1;
1820
- color: rgb(255 248 234 / var(--tw-text-opacity));
1826
+ color: #fff8ea;
1827
+ color: var(--aquarium-colors-warning-5, #fff8ea);
1821
1828
  }
1822
1829
  .text-warning-0 {
1823
- --tw-text-opacity: 1;
1824
- color: rgb(255 253 249 / var(--tw-text-opacity));
1830
+ color: #fffdf9;
1831
+ color: var(--aquarium-colors-warning-0, #fffdf9);
1825
1832
  }
1826
1833
  .text-success-100 {
1827
- --tw-text-opacity: 1;
1828
- color: rgb(0 111 0 / var(--tw-text-opacity));
1834
+ color: #006f00;
1835
+ color: var(--aquarium-colors-success-100, #006f00);
1829
1836
  }
1830
1837
  .text-success-90 {
1831
- --tw-text-opacity: 1;
1832
- color: rgb(0 142 0 / var(--tw-text-opacity));
1838
+ color: #008e00;
1839
+ color: var(--aquarium-colors-success-90, #008e00);
1833
1840
  }
1834
1841
  .text-success-80 {
1835
- --tw-text-opacity: 1;
1836
- color: rgb(0 159 0 / var(--tw-text-opacity));
1842
+ color: #009f00;
1843
+ color: var(--aquarium-colors-success-80, #009f00);
1837
1844
  }
1838
1845
  .text-success-70 {
1839
- --tw-text-opacity: 1;
1840
- color: rgb(0 179 0 / var(--tw-text-opacity));
1846
+ color: #00b300;
1847
+ color: var(--aquarium-colors-success-70, #00b300);
1841
1848
  }
1842
1849
  .text-success-60 {
1843
- --tw-text-opacity: 1;
1844
- color: rgb(0 195 0 / var(--tw-text-opacity));
1850
+ color: #00c300;
1851
+ color: var(--aquarium-colors-success-60, #00c300);
1845
1852
  }
1846
1853
  .text-success-50 {
1847
- --tw-text-opacity: 1;
1848
- color: rgb(64 206 55 / var(--tw-text-opacity));
1854
+ color: #40ce37;
1855
+ color: var(--aquarium-colors-success-50, #40ce37);
1849
1856
  }
1850
1857
  .text-success-40 {
1851
- --tw-text-opacity: 1;
1852
- color: rgb(96 219 87 / var(--tw-text-opacity));
1858
+ color: #60db57;
1859
+ color: var(--aquarium-colors-success-40, #60db57);
1853
1860
  }
1854
1861
  .text-success-30 {
1855
- --tw-text-opacity: 1;
1856
- color: rgb(137 235 128 / var(--tw-text-opacity));
1862
+ color: #89eb80;
1863
+ color: var(--aquarium-colors-success-30, #89eb80);
1857
1864
  }
1858
1865
  .text-success-20 {
1859
- --tw-text-opacity: 1;
1860
- color: rgb(175 255 167 / var(--tw-text-opacity));
1866
+ color: #afffa7;
1867
+ color: var(--aquarium-colors-success-20, #afffa7);
1861
1868
  }
1862
1869
  .text-success-10 {
1863
- --tw-text-opacity: 1;
1864
- color: rgb(203 255 201 / var(--tw-text-opacity));
1870
+ color: #cbffc9;
1871
+ color: var(--aquarium-colors-success-10, #cbffc9);
1865
1872
  }
1866
1873
  .text-success-5 {
1867
- --tw-text-opacity: 1;
1868
- color: rgb(236 247 237 / var(--tw-text-opacity));
1874
+ color: #ecf7ed;
1875
+ color: var(--aquarium-colors-success-5, #ecf7ed);
1869
1876
  }
1870
1877
  .text-success-0 {
1871
- --tw-text-opacity: 1;
1872
- color: rgb(245 250 245 / var(--tw-text-opacity));
1878
+ color: #f5faf5;
1879
+ color: var(--aquarium-colors-success-0, #f5faf5);
1873
1880
  }
1874
1881
  .text-info-100 {
1875
- --tw-text-opacity: 1;
1876
- color: rgb(2 86 154 / var(--tw-text-opacity));
1882
+ color: #02569a;
1883
+ color: var(--aquarium-colors-info-100, #02569a);
1877
1884
  }
1878
1885
  .text-info-90 {
1879
- --tw-text-opacity: 1;
1880
- color: rgb(1 116 186 / var(--tw-text-opacity));
1886
+ color: #0174ba;
1887
+ color: var(--aquarium-colors-info-90, #0174ba);
1881
1888
  }
1882
1889
  .text-info-80 {
1883
- --tw-text-opacity: 1;
1884
- color: rgb(7 136 209 / var(--tw-text-opacity));
1890
+ color: #0788d1;
1891
+ color: var(--aquarium-colors-info-80, #0788d1);
1885
1892
  }
1886
1893
  .text-info-70 {
1887
- --tw-text-opacity: 1;
1888
- color: rgb(3 153 227 / var(--tw-text-opacity));
1894
+ color: #0399e3;
1895
+ color: var(--aquarium-colors-info-70, #0399e3);
1889
1896
  }
1890
1897
  .text-info-60 {
1891
- --tw-text-opacity: 1;
1892
- color: rgb(2 168 243 / var(--tw-text-opacity));
1898
+ color: #02a8f3;
1899
+ color: var(--aquarium-colors-info-60, #02a8f3);
1893
1900
  }
1894
1901
  .text-info-50 {
1895
- --tw-text-opacity: 1;
1896
- color: rgb(40 180 244 / var(--tw-text-opacity));
1902
+ color: #28b4f4;
1903
+ color: var(--aquarium-colors-info-50, #28b4f4);
1897
1904
  }
1898
1905
  .text-info-40 {
1899
- --tw-text-opacity: 1;
1900
- color: rgb(76 194 247 / var(--tw-text-opacity));
1906
+ color: #4cc2f7;
1907
+ color: var(--aquarium-colors-info-40, #4cc2f7);
1901
1908
  }
1902
1909
  .text-info-30 {
1903
- --tw-text-opacity: 1;
1904
- color: rgb(127 209 247 / var(--tw-text-opacity));
1910
+ color: #7fd1f7;
1911
+ color: var(--aquarium-colors-info-30, #7fd1f7);
1905
1912
  }
1906
1913
  .text-info-20 {
1907
- --tw-text-opacity: 1;
1908
- color: rgb(180 229 251 / var(--tw-text-opacity));
1914
+ color: #b4e5fb;
1915
+ color: var(--aquarium-colors-info-20, #b4e5fb);
1909
1916
  }
1910
1917
  .text-info-10 {
1911
- --tw-text-opacity: 1;
1912
- color: rgb(224 245 254 / var(--tw-text-opacity));
1918
+ color: #e0f5fe;
1919
+ color: var(--aquarium-colors-info-10, #e0f5fe);
1913
1920
  }
1914
1921
  .text-info-5 {
1915
- --tw-text-opacity: 1;
1916
- color: rgb(239 250 255 / var(--tw-text-opacity));
1922
+ color: #effaff;
1923
+ color: var(--aquarium-colors-info-5, #effaff);
1917
1924
  }
1918
1925
  .text-info-0 {
1919
- --tw-text-opacity: 1;
1920
- color: rgb(249 253 255 / var(--tw-text-opacity));
1926
+ color: #f9fdff;
1927
+ color: var(--aquarium-colors-info-0, #f9fdff);
1921
1928
  }
1922
1929
  .text-grey-100 {
1923
- --tw-text-opacity: 1;
1924
- color: rgb(25 25 29 / var(--tw-text-opacity));
1930
+ color: #19191d;
1931
+ color: var(--aquarium-colors-grey-100, #19191d);
1925
1932
  }
1926
1933
  .text-grey-90 {
1927
- --tw-text-opacity: 1;
1928
- color: rgb(41 42 49 / var(--tw-text-opacity));
1934
+ color: #292a31;
1935
+ color: var(--aquarium-colors-grey-90, #292a31);
1929
1936
  }
1930
1937
  .text-grey-80 {
1931
- --tw-text-opacity: 1;
1932
- color: rgb(58 58 68 / var(--tw-text-opacity));
1938
+ color: #3a3a44;
1939
+ color: var(--aquarium-colors-grey-80, #3a3a44);
1933
1940
  }
1934
1941
  .text-grey-70 {
1935
- --tw-text-opacity: 1;
1936
- color: rgb(74 75 87 / var(--tw-text-opacity));
1942
+ color: #4a4b57;
1943
+ color: var(--aquarium-colors-grey-70, #4a4b57);
1937
1944
  }
1938
1945
  .text-grey-60 {
1939
- --tw-text-opacity: 1;
1940
- color: rgb(90 91 106 / var(--tw-text-opacity));
1946
+ color: #5a5b6a;
1947
+ color: var(--aquarium-colors-grey-60, #5a5b6a);
1941
1948
  }
1942
1949
  .text-grey-50 {
1943
- --tw-text-opacity: 1;
1944
- color: rgb(120 120 133 / var(--tw-text-opacity));
1950
+ color: #787885;
1951
+ color: var(--aquarium-colors-grey-50, #787885);
1945
1952
  }
1946
1953
  .text-grey-40 {
1947
- --tw-text-opacity: 1;
1948
- color: rgb(150 150 160 / var(--tw-text-opacity));
1954
+ color: #9696a0;
1955
+ color: var(--aquarium-colors-grey-40, #9696a0);
1949
1956
  }
1950
1957
  .text-grey-30 {
1951
- --tw-text-opacity: 1;
1952
- color: rgb(180 180 187 / var(--tw-text-opacity));
1958
+ color: #b4b4bb;
1959
+ color: var(--aquarium-colors-grey-30, #b4b4bb);
1953
1960
  }
1954
1961
  .text-grey-20 {
1955
- --tw-text-opacity: 1;
1956
- color: rgb(210 210 214 / var(--tw-text-opacity));
1962
+ color: #d2d2d6;
1963
+ color: var(--aquarium-colors-grey-20, #d2d2d6);
1957
1964
  }
1958
1965
  .text-grey-10 {
1959
- --tw-text-opacity: 1;
1960
- color: rgb(225 225 227 / var(--tw-text-opacity));
1966
+ color: #e1e1e3;
1967
+ color: var(--aquarium-colors-grey-10, #e1e1e3);
1961
1968
  }
1962
1969
  .text-grey-5 {
1963
- --tw-text-opacity: 1;
1964
- color: rgb(237 237 240 / var(--tw-text-opacity));
1970
+ color: #ededf0;
1971
+ color: var(--aquarium-colors-grey-5, #ededf0);
1965
1972
  }
1966
1973
  .text-grey-0 {
1967
- --tw-text-opacity: 1;
1968
- color: rgb(247 247 250 / var(--tw-text-opacity));
1974
+ color: #f7f7fa;
1975
+ color: var(--aquarium-colors-grey-0, #f7f7fa);
1969
1976
  }
1970
1977
  .text-secondary-100 {
1971
- --tw-text-opacity: 1;
1972
- color: rgb(225 29 22 / var(--tw-text-opacity));
1978
+ color: #e11d16;
1979
+ color: var(--aquarium-colors-secondary-100, #e11d16);
1973
1980
  }
1974
1981
  .text-secondary-90 {
1975
- --tw-text-opacity: 1;
1976
- color: rgb(235 70 16 / var(--tw-text-opacity));
1982
+ color: #eb4610;
1983
+ color: var(--aquarium-colors-secondary-90, #eb4610);
1977
1984
  }
1978
1985
  .text-secondary-80 {
1979
- --tw-text-opacity: 1;
1980
- color: rgb(243 88 13 / var(--tw-text-opacity));
1986
+ color: #f3580d;
1987
+ color: var(--aquarium-colors-secondary-80, #f3580d);
1981
1988
  }
1982
1989
  .text-secondary-70 {
1983
- --tw-text-opacity: 1;
1984
- color: rgb(249 106 2 / var(--tw-text-opacity));
1990
+ color: #f96a02;
1991
+ color: var(--aquarium-colors-secondary-70, #f96a02);
1985
1992
  }
1986
1993
  .text-secondary-60 {
1987
- --tw-text-opacity: 1;
1988
- color: rgb(255 119 0 / var(--tw-text-opacity));
1994
+ color: #ff7700;
1995
+ color: var(--aquarium-colors-secondary-60, #ff7700);
1989
1996
  }
1990
1997
  .text-secondary-50 {
1991
- --tw-text-opacity: 1;
1992
- color: rgb(252 135 26 / var(--tw-text-opacity));
1998
+ color: #fc871a;
1999
+ color: var(--aquarium-colors-secondary-50, #fc871a);
1993
2000
  }
1994
2001
  .text-secondary-40 {
1995
- --tw-text-opacity: 1;
1996
- color: rgb(251 154 62 / var(--tw-text-opacity));
2002
+ color: #fb9a3e;
2003
+ color: var(--aquarium-colors-secondary-40, #fb9a3e);
1997
2004
  }
1998
2005
  .text-secondary-30 {
1999
- --tw-text-opacity: 1;
2000
- color: rgb(250 178 110 / var(--tw-text-opacity));
2006
+ color: #fab26e;
2007
+ color: var(--aquarium-colors-secondary-30, #fab26e);
2001
2008
  }
2002
2009
  .text-secondary-20 {
2003
- --tw-text-opacity: 1;
2004
- color: rgb(248 201 156 / var(--tw-text-opacity));
2010
+ color: #f8c99c;
2011
+ color: var(--aquarium-colors-secondary-20, #f8c99c);
2005
2012
  }
2006
2013
  .text-secondary-10 {
2007
- --tw-text-opacity: 1;
2008
- color: rgb(254 232 208 / var(--tw-text-opacity));
2014
+ color: #fee8d0;
2015
+ color: var(--aquarium-colors-secondary-10, #fee8d0);
2009
2016
  }
2010
2017
  .text-secondary-5 {
2011
- --tw-text-opacity: 1;
2012
- color: rgb(255 243 232 / var(--tw-text-opacity));
2018
+ color: #fff3e8;
2019
+ color: var(--aquarium-colors-secondary-5, #fff3e8);
2013
2020
  }
2014
2021
  .text-secondary-0 {
2015
- --tw-text-opacity: 1;
2016
- color: rgb(255 251 248 / var(--tw-text-opacity));
2022
+ color: #fffbf8;
2023
+ color: var(--aquarium-colors-secondary-0, #fffbf8);
2017
2024
  }
2018
2025
  .text-primary-100 {
2019
- --tw-text-opacity: 1;
2020
- color: rgb(2 86 154 / var(--tw-text-opacity));
2026
+ color: #02569a;
2027
+ color: var(--aquarium-colors-primary-100, #02569a);
2021
2028
  }
2022
2029
  .text-primary-90 {
2023
- --tw-text-opacity: 1;
2024
- color: rgb(1 116 186 / var(--tw-text-opacity));
2030
+ color: #0174ba;
2031
+ color: var(--aquarium-colors-primary-90, #0174ba);
2025
2032
  }
2026
2033
  .text-primary-80 {
2027
- --tw-text-opacity: 1;
2028
- color: rgb(7 136 209 / var(--tw-text-opacity));
2034
+ color: #0788d1;
2035
+ color: var(--aquarium-colors-primary-80, #0788d1);
2029
2036
  }
2030
2037
  .text-primary-70 {
2031
- --tw-text-opacity: 1;
2032
- color: rgb(3 153 227 / var(--tw-text-opacity));
2038
+ color: #0399e3;
2039
+ color: var(--aquarium-colors-primary-70, #0399e3);
2033
2040
  }
2034
2041
  .text-primary-60 {
2035
- --tw-text-opacity: 1;
2036
- color: rgb(2 168 243 / var(--tw-text-opacity));
2042
+ color: #02a8f3;
2043
+ color: var(--aquarium-colors-primary-60, #02a8f3);
2037
2044
  }
2038
2045
  .text-primary-50 {
2039
- --tw-text-opacity: 1;
2040
- color: rgb(40 180 244 / var(--tw-text-opacity));
2046
+ color: #28b4f4;
2047
+ color: var(--aquarium-colors-primary-50, #28b4f4);
2041
2048
  }
2042
2049
  .text-primary-40 {
2043
- --tw-text-opacity: 1;
2044
- color: rgb(76 194 247 / var(--tw-text-opacity));
2050
+ color: #4cc2f7;
2051
+ color: var(--aquarium-colors-primary-40, #4cc2f7);
2045
2052
  }
2046
2053
  .text-primary-30 {
2047
- --tw-text-opacity: 1;
2048
- color: rgb(127 209 247 / var(--tw-text-opacity));
2054
+ color: #7fd1f7;
2055
+ color: var(--aquarium-colors-primary-30, #7fd1f7);
2049
2056
  }
2050
2057
  .text-primary-20 {
2051
- --tw-text-opacity: 1;
2052
- color: rgb(180 229 251 / var(--tw-text-opacity));
2058
+ color: #b4e5fb;
2059
+ color: var(--aquarium-colors-primary-20, #b4e5fb);
2053
2060
  }
2054
2061
  .text-primary-10 {
2055
- --tw-text-opacity: 1;
2056
- color: rgb(224 245 254 / var(--tw-text-opacity));
2062
+ color: #e0f5fe;
2063
+ color: var(--aquarium-colors-primary-10, #e0f5fe);
2057
2064
  }
2058
2065
  .text-primary-5 {
2059
- --tw-text-opacity: 1;
2060
- color: rgb(239 250 255 / var(--tw-text-opacity));
2066
+ color: #effaff;
2067
+ color: var(--aquarium-colors-primary-5, #effaff);
2061
2068
  }
2062
2069
  .text-primary-0 {
2063
- --tw-text-opacity: 1;
2064
- color: rgb(249 253 255 / var(--tw-text-opacity));
2070
+ color: #f9fdff;
2071
+ color: var(--aquarium-colors-primary-0, #f9fdff);
2065
2072
  }
2066
2073
  .text-transparent {
2067
2074
  color: transparent;
2075
+ color: var(--aquarium-colors-transparent, transparent);
2068
2076
  }
2069
2077
  .text-white {
2070
- --tw-text-opacity: 1;
2071
- color: rgb(255 255 255 / var(--tw-text-opacity));
2078
+ color: white;
2079
+ color: var(--aquarium-colors-white, white);
2072
2080
  }
2073
2081
  .no-underline {
2074
2082
  -webkit-text-decoration-line: none;
@@ -2081,20 +2089,20 @@ input[type='number'].no-arrows {
2081
2089
  opacity: 0.4;
2082
2090
  }
2083
2091
  .shadow-16dp {
2084
- --tw-shadow: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
2085
- --tw-shadow-colored: 0px 16px 32px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color);
2092
+ --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));
2093
+ --tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
2086
2094
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2087
2095
  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);
2088
2096
  }
2089
2097
  .shadow-4dp {
2090
- --tw-shadow: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
2091
- --tw-shadow-colored: 0px 4px 8px var(--tw-shadow-color), 0px 2px 4px var(--tw-shadow-color);
2098
+ --tw-shadow: var(--aquarium-box-shadow-4dp, 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20));
2099
+ --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
2092
2100
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2093
2101
  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);
2094
2102
  }
2095
2103
  .shadow-2dp {
2096
- --tw-shadow: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
2097
- --tw-shadow-colored: 0px 2px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color);
2104
+ --tw-shadow: var(--aquarium-box-shadow-2dp, 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24));
2105
+ --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color);
2098
2106
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2099
2107
  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);
2100
2108
  }
@@ -2124,8 +2132,7 @@ input[type='number'].no-arrows {
2124
2132
  --tw-ring-inset: inset;
2125
2133
  }
2126
2134
  .ring-grey-30 {
2127
- --tw-ring-opacity: 1;
2128
- --tw-ring-color: rgb(180 180 187 / var(--tw-ring-opacity));
2135
+ --tw-ring-color: var(--aquarium-colors-grey-30, #b4b4bb);
2129
2136
  }
2130
2137
  .ring-offset-0 {
2131
2138
  --tw-ring-offset-width: 0px;
@@ -2202,12 +2209,12 @@ input[type='number'].no-arrows {
2202
2209
  display: none;
2203
2210
  }
2204
2211
  .placeholder\:text-grey-40::-moz-placeholder {
2205
- --tw-text-opacity: 1;
2206
- color: rgb(150 150 160 / var(--tw-text-opacity));
2212
+ color: #9696a0;
2213
+ color: var(--aquarium-colors-grey-40, #9696a0);
2207
2214
  }
2208
2215
  .placeholder\:text-grey-40::placeholder {
2209
- --tw-text-opacity: 1;
2210
- color: rgb(150 150 160 / var(--tw-text-opacity));
2216
+ color: #9696a0;
2217
+ color: var(--aquarium-colors-grey-40, #9696a0);
2211
2218
  }
2212
2219
  .before\:content-\[\'_\'\]::before {
2213
2220
  --tw-content: ' ';
@@ -2217,7 +2224,8 @@ input[type='number'].no-arrows {
2217
2224
  margin-top: 0;
2218
2225
  }
2219
2226
  .visited\:text-primary-80:visited {
2220
- color: rgb(7, 136, 209 );
2227
+ color: #0788d1;
2228
+ color: var(--aquarium-colors-primary-80, #0788d1);
2221
2229
  }
2222
2230
  .checked\:border-navyBlue-100:checked {
2223
2231
  --tw-border-opacity: 1;
@@ -2234,7 +2242,7 @@ input[type='number'].no-arrows {
2234
2242
  opacity: 0.4;
2235
2243
  }
2236
2244
  .checked\:shadow-whiteInset:checked {
2237
- --tw-shadow: inset 0 0 0 3px rgba(255,255,255,1);
2245
+ --tw-shadow: var(--aquarium-box-shadow-whiteInset, inset 0 0 0 3px rgba(255,255,255,1));
2238
2246
  --tw-shadow-colored: inset 0 0 0 3px var(--tw-shadow-color);
2239
2247
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
2240
2248
  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);
@@ -2243,56 +2251,55 @@ input[type='number'].no-arrows {
2243
2251
  cursor: pointer;
2244
2252
  }
2245
2253
  .hover\:border-grey-50:hover {
2246
- --tw-border-opacity: 1;
2247
- border-color: rgb(120 120 133 / var(--tw-border-opacity));
2254
+ border-color: #787885;
2255
+ border-color: var(--aquarium-colors-grey-50, #787885);
2248
2256
  }
2249
2257
  .hover\:border-grey-20:hover {
2250
- --tw-border-opacity: 1;
2251
- border-color: rgb(210 210 214 / var(--tw-border-opacity));
2258
+ border-color: #d2d2d6;
2259
+ border-color: var(--aquarium-colors-grey-20, #d2d2d6);
2252
2260
  }
2253
2261
  .hover\:bg-grey-0:hover {
2254
- --tw-bg-opacity: 1;
2255
- background-color: rgb(247 247 250 / var(--tw-bg-opacity));
2262
+ background-color: #f7f7fa;
2263
+ background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2256
2264
  }
2257
2265
  .hover\:bg-grey-5:hover {
2258
- --tw-bg-opacity: 1;
2259
- background-color: rgb(237 237 240 / var(--tw-bg-opacity));
2266
+ background-color: #ededf0;
2267
+ background-color: var(--aquarium-colors-grey-5, #ededf0);
2260
2268
  }
2261
2269
  .hover\:bg-grey-30:hover {
2262
- --tw-bg-opacity: 1;
2263
- background-color: rgb(180 180 187 / var(--tw-bg-opacity));
2270
+ background-color: #b4b4bb;
2271
+ background-color: var(--aquarium-colors-grey-30, #b4b4bb);
2264
2272
  }
2265
2273
  .hover\:bg-primary-70:hover {
2266
- --tw-bg-opacity: 1;
2267
- background-color: rgb(3 153 227 / var(--tw-bg-opacity));
2274
+ background-color: #0399e3;
2275
+ background-color: var(--aquarium-colors-primary-70, #0399e3);
2268
2276
  }
2269
2277
  .hover\:bg-error-10:hover {
2270
- --tw-bg-opacity: 1;
2271
- background-color: rgb(255 203 210 / var(--tw-bg-opacity));
2278
+ background-color: #ffcbd2;
2279
+ background-color: var(--aquarium-colors-error-10, #ffcbd2);
2272
2280
  }
2273
2281
  .hover\:bg-grey-10:hover {
2274
- --tw-bg-opacity: 1;
2275
- background-color: rgb(225 225 227 / var(--tw-bg-opacity));
2282
+ background-color: #e1e1e3;
2283
+ background-color: var(--aquarium-colors-grey-10, #e1e1e3);
2276
2284
  }
2277
2285
  .hover\:text-primary-70:hover {
2278
- --tw-text-opacity: 1;
2279
- color: rgb(3 153 227 / var(--tw-text-opacity));
2286
+ color: #0399e3;
2287
+ color: var(--aquarium-colors-primary-70, #0399e3);
2280
2288
  }
2281
2289
  .hover\:text-grey-80:hover {
2282
- --tw-text-opacity: 1;
2283
- color: rgb(58 58 68 / var(--tw-text-opacity));
2290
+ color: #3a3a44;
2291
+ color: var(--aquarium-colors-grey-80, #3a3a44);
2284
2292
  }
2285
2293
  .hover\:text-grey-90:hover {
2286
- --tw-text-opacity: 1;
2287
- color: rgb(41 42 49 / var(--tw-text-opacity));
2294
+ color: #292a31;
2295
+ color: var(--aquarium-colors-grey-90, #292a31);
2288
2296
  }
2289
2297
  .hover\:text-primary-80:hover {
2290
- --tw-text-opacity: 1;
2291
- color: rgb(7 136 209 / var(--tw-text-opacity));
2298
+ color: #0788d1;
2299
+ color: var(--aquarium-colors-primary-80, #0788d1);
2292
2300
  }
2293
2301
  .hover\:ring-grey-50:hover {
2294
- --tw-ring-opacity: 1;
2295
- --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
2302
+ --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2296
2303
  }
2297
2304
  .hover\:checked\:bg-navyBlue-100:checked:hover {
2298
2305
  --tw-bg-opacity: 1;
@@ -2302,23 +2309,24 @@ input[type='number'].no-arrows {
2302
2309
  border-width: 1px;
2303
2310
  }
2304
2311
  .focus\:border-info-70:focus {
2305
- --tw-border-opacity: 1;
2306
- border-color: rgb(3 153 227 / var(--tw-border-opacity));
2312
+ border-color: #0399e3;
2313
+ border-color: var(--aquarium-colors-info-70, #0399e3);
2307
2314
  }
2308
2315
  .focus\:border-transparent:focus {
2309
2316
  border-color: transparent;
2317
+ border-color: var(--aquarium-colors-transparent, transparent);
2310
2318
  }
2311
2319
  .focus\:bg-error-20:focus {
2312
- --tw-bg-opacity: 1;
2313
- background-color: rgb(255 173 179 / var(--tw-bg-opacity));
2320
+ background-color: #ffadb3;
2321
+ background-color: var(--aquarium-colors-error-20, #ffadb3);
2314
2322
  }
2315
2323
  .focus\:bg-grey-20:focus {
2316
- --tw-bg-opacity: 1;
2317
- background-color: rgb(210 210 214 / var(--tw-bg-opacity));
2324
+ background-color: #d2d2d6;
2325
+ background-color: var(--aquarium-colors-grey-20, #d2d2d6);
2318
2326
  }
2319
2327
  .focus\:text-primary-80:focus {
2320
- --tw-text-opacity: 1;
2321
- color: rgb(7 136 209 / var(--tw-text-opacity));
2328
+ color: #0788d1;
2329
+ color: var(--aquarium-colors-primary-80, #0788d1);
2322
2330
  }
2323
2331
  .focus\:outline-none:focus {
2324
2332
  outline: 2px solid transparent;
@@ -2343,43 +2351,42 @@ input[type='number'].no-arrows {
2343
2351
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2344
2352
  }
2345
2353
  .focus\:ring-grey-60:focus {
2346
- --tw-ring-opacity: 1;
2347
- --tw-ring-color: rgb(90 91 106 / var(--tw-ring-opacity));
2354
+ --tw-ring-color: var(--aquarium-colors-grey-60, #5a5b6a);
2348
2355
  }
2349
2356
  .focus\:ring-offset-0:focus {
2350
2357
  --tw-ring-offset-width: 0px;
2351
2358
  }
2352
2359
  .focus-visible\:border-info-70.focus-visible {
2353
- --tw-border-opacity: 1;
2354
- border-color: rgb(3 153 227 / var(--tw-border-opacity));
2360
+ border-color: #0399e3;
2361
+ border-color: var(--aquarium-colors-info-70, #0399e3);
2355
2362
  }
2356
2363
  .focus-visible\:border-info-70:focus-visible {
2357
- --tw-border-opacity: 1;
2358
- border-color: rgb(3 153 227 / var(--tw-border-opacity));
2364
+ border-color: #0399e3;
2365
+ border-color: var(--aquarium-colors-info-70, #0399e3);
2359
2366
  }
2360
2367
  .focus-visible\:bg-grey-0.focus-visible {
2361
- --tw-bg-opacity: 1;
2362
- background-color: rgb(247 247 250 / var(--tw-bg-opacity));
2368
+ background-color: #f7f7fa;
2369
+ background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2363
2370
  }
2364
2371
  .focus-visible\:bg-grey-0:focus-visible {
2365
- --tw-bg-opacity: 1;
2366
- background-color: rgb(247 247 250 / var(--tw-bg-opacity));
2372
+ background-color: #f7f7fa;
2373
+ background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2367
2374
  }
2368
2375
  .focus-visible\:text-grey-90.focus-visible {
2369
- --tw-text-opacity: 1;
2370
- color: rgb(41 42 49 / var(--tw-text-opacity));
2376
+ color: #292a31;
2377
+ color: var(--aquarium-colors-grey-90, #292a31);
2371
2378
  }
2372
2379
  .focus-visible\:text-grey-90:focus-visible {
2373
- --tw-text-opacity: 1;
2374
- color: rgb(41 42 49 / var(--tw-text-opacity));
2380
+ color: #292a31;
2381
+ color: var(--aquarium-colors-grey-90, #292a31);
2375
2382
  }
2376
2383
  .focus-visible\:text-grey-80.focus-visible {
2377
- --tw-text-opacity: 1;
2378
- color: rgb(58 58 68 / var(--tw-text-opacity));
2384
+ color: #3a3a44;
2385
+ color: var(--aquarium-colors-grey-80, #3a3a44);
2379
2386
  }
2380
2387
  .focus-visible\:text-grey-80:focus-visible {
2381
- --tw-text-opacity: 1;
2382
- color: rgb(58 58 68 / var(--tw-text-opacity));
2388
+ color: #3a3a44;
2389
+ color: var(--aquarium-colors-grey-80, #3a3a44);
2383
2390
  }
2384
2391
  .focus-visible\:outline-0.focus-visible {
2385
2392
  outline-width: 0px;
@@ -2418,59 +2425,54 @@ input[type='number'].no-arrows {
2418
2425
  --tw-ring-inset: inset;
2419
2426
  }
2420
2427
  .focus-visible\:ring-primary-100.focus-visible {
2421
- --tw-ring-opacity: 1;
2422
- --tw-ring-color: rgb(2 86 154 / var(--tw-ring-opacity));
2428
+ --tw-ring-color: var(--aquarium-colors-primary-100, #02569a);
2423
2429
  }
2424
2430
  .focus-visible\:ring-primary-100:focus-visible {
2425
- --tw-ring-opacity: 1;
2426
- --tw-ring-color: rgb(2 86 154 / var(--tw-ring-opacity));
2431
+ --tw-ring-color: var(--aquarium-colors-primary-100, #02569a);
2427
2432
  }
2428
2433
  .focus-visible\:ring-grey-50.focus-visible {
2429
- --tw-ring-opacity: 1;
2430
- --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
2434
+ --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2431
2435
  }
2432
2436
  .focus-visible\:ring-grey-50:focus-visible {
2433
- --tw-ring-opacity: 1;
2434
- --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
2437
+ --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2435
2438
  }
2436
2439
  .focus-visible\:ring-info-70.focus-visible {
2437
- --tw-ring-opacity: 1;
2438
- --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity));
2440
+ --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
2439
2441
  }
2440
2442
  .focus-visible\:ring-info-70:focus-visible {
2441
- --tw-ring-opacity: 1;
2442
- --tw-ring-color: rgb(3 153 227 / var(--tw-ring-opacity));
2443
+ --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
2443
2444
  }
2444
2445
  .active\:bg-grey-5:active {
2445
- --tw-bg-opacity: 1;
2446
- background-color: rgb(237 237 240 / var(--tw-bg-opacity));
2446
+ background-color: #ededf0;
2447
+ background-color: var(--aquarium-colors-grey-5, #ededf0);
2447
2448
  }
2448
2449
  .active\:bg-primary-90:active {
2449
- --tw-bg-opacity: 1;
2450
- background-color: rgb(1 116 186 / var(--tw-bg-opacity));
2450
+ background-color: #0174ba;
2451
+ background-color: var(--aquarium-colors-primary-90, #0174ba);
2451
2452
  }
2452
2453
  .active\:bg-transparent:active {
2453
2454
  background-color: transparent;
2455
+ background-color: var(--aquarium-colors-transparent, transparent);
2454
2456
  }
2455
2457
  .active\:bg-grey-10:active {
2456
- --tw-bg-opacity: 1;
2457
- background-color: rgb(225 225 227 / var(--tw-bg-opacity));
2458
+ background-color: #e1e1e3;
2459
+ background-color: var(--aquarium-colors-grey-10, #e1e1e3);
2458
2460
  }
2459
2461
  .active\:text-primary-70:active {
2460
- --tw-text-opacity: 1;
2461
- color: rgb(3 153 227 / var(--tw-text-opacity));
2462
+ color: #0399e3;
2463
+ color: var(--aquarium-colors-primary-70, #0399e3);
2462
2464
  }
2463
2465
  .active\:text-grey-80:active {
2464
- --tw-text-opacity: 1;
2465
- color: rgb(58 58 68 / var(--tw-text-opacity));
2466
+ color: #3a3a44;
2467
+ color: var(--aquarium-colors-grey-80, #3a3a44);
2466
2468
  }
2467
2469
  .active\:text-grey-50:active {
2468
- --tw-text-opacity: 1;
2469
- color: rgb(120 120 133 / var(--tw-text-opacity));
2470
+ color: #787885;
2471
+ color: var(--aquarium-colors-grey-50, #787885);
2470
2472
  }
2471
2473
  .active\:text-grey-70:active {
2472
- --tw-text-opacity: 1;
2473
- color: rgb(74 75 87 / var(--tw-text-opacity));
2474
+ color: #4a4b57;
2475
+ color: var(--aquarium-colors-grey-70, #4a4b57);
2474
2476
  }
2475
2477
  .active\:ring-0:active {
2476
2478
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -2479,50 +2481,49 @@ input[type='number'].no-arrows {
2479
2481
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2480
2482
  }
2481
2483
  .active\:ring-grey-50:active {
2482
- --tw-ring-opacity: 1;
2483
- --tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
2484
+ --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2484
2485
  }
2485
2486
  .disabled\:cursor-not-allowed:disabled {
2486
2487
  cursor: not-allowed;
2487
2488
  }
2488
2489
  .disabled\:border-grey-20:disabled {
2489
- --tw-border-opacity: 1;
2490
- border-color: rgb(210 210 214 / var(--tw-border-opacity));
2490
+ border-color: #d2d2d6;
2491
+ border-color: var(--aquarium-colors-grey-20, #d2d2d6);
2491
2492
  }
2492
2493
  .disabled\:bg-grey-5:disabled {
2493
- --tw-bg-opacity: 1;
2494
- background-color: rgb(237 237 240 / var(--tw-bg-opacity));
2494
+ background-color: #ededf0;
2495
+ background-color: var(--aquarium-colors-grey-5, #ededf0);
2495
2496
  }
2496
2497
  .disabled\:bg-primary-5:disabled {
2497
- --tw-bg-opacity: 1;
2498
- background-color: rgb(239 250 255 / var(--tw-bg-opacity));
2498
+ background-color: #effaff;
2499
+ background-color: var(--aquarium-colors-primary-5, #effaff);
2499
2500
  }
2500
2501
  .disabled\:bg-grey-0:disabled {
2501
- --tw-bg-opacity: 1;
2502
- background-color: rgb(247 247 250 / var(--tw-bg-opacity));
2502
+ background-color: #f7f7fa;
2503
+ background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2503
2504
  }
2504
2505
  .disabled\:bg-transparent:disabled {
2505
2506
  background-color: transparent;
2507
+ background-color: var(--aquarium-colors-transparent, transparent);
2506
2508
  }
2507
2509
  .disabled\:text-grey-40:disabled {
2508
- --tw-text-opacity: 1;
2509
- color: rgb(150 150 160 / var(--tw-text-opacity));
2510
+ color: #9696a0;
2511
+ color: var(--aquarium-colors-grey-40, #9696a0);
2510
2512
  }
2511
2513
  .disabled\:text-primary-40:disabled {
2512
- --tw-text-opacity: 1;
2513
- color: rgb(76 194 247 / var(--tw-text-opacity));
2514
+ color: #4cc2f7;
2515
+ color: var(--aquarium-colors-primary-40, #4cc2f7);
2514
2516
  }
2515
2517
  .disabled\:text-grey-30:disabled {
2516
- --tw-text-opacity: 1;
2517
- color: rgb(180 180 187 / var(--tw-text-opacity));
2518
+ color: #b4b4bb;
2519
+ color: var(--aquarium-colors-grey-30, #b4b4bb);
2518
2520
  }
2519
2521
  .disabled\:text-grey-20:disabled {
2520
- --tw-text-opacity: 1;
2521
- color: rgb(210 210 214 / var(--tw-text-opacity));
2522
+ color: #d2d2d6;
2523
+ color: var(--aquarium-colors-grey-20, #d2d2d6);
2522
2524
  }
2523
2525
  .disabled\:ring-grey-20:disabled {
2524
- --tw-ring-opacity: 1;
2525
- --tw-ring-color: rgb(210 210 214 / var(--tw-ring-opacity));
2526
+ --tw-ring-color: var(--aquarium-colors-grey-20, #d2d2d6);
2526
2527
  }
2527
2528
  .group:last-child .group-last\:border-b-0 {
2528
2529
  border-bottom-width: 0px;
@@ -2531,8 +2532,8 @@ input[type='number'].no-arrows {
2531
2532
  visibility: visible;
2532
2533
  }
2533
2534
  .group:hover .group-hover\:bg-grey-0 {
2534
- --tw-bg-opacity: 1;
2535
- background-color: rgb(247 247 250 / var(--tw-bg-opacity));
2535
+ background-color: #f7f7fa;
2536
+ background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2536
2537
  }
2537
2538
  .peer\/switch:checked~.peer-checked\/switch\:left-1 {
2538
2539
  left: 2px;
@@ -2546,54 +2547,57 @@ input[type='number'].no-arrows {
2546
2547
  border-color: rgb(48 55 94 / var(--tw-border-opacity));
2547
2548
  }
2548
2549
  .peer:checked~.peer-checked\:text-white {
2549
- --tw-text-opacity: 1;
2550
- color: rgb(255 255 255 / var(--tw-text-opacity));
2550
+ color: white;
2551
+ color: var(--aquarium-colors-white, white);
2551
2552
  }
2552
2553
  .peer:checked~.peer-checked\:text-grey-30 {
2553
- --tw-text-opacity: 1;
2554
- color: rgb(180 180 187 / var(--tw-text-opacity));
2554
+ color: #b4b4bb;
2555
+ color: var(--aquarium-colors-grey-30, #b4b4bb);
2555
2556
  }
2556
2557
  .peer:hover~.peer-hover\:border-grey-50 {
2557
- --tw-border-opacity: 1;
2558
- border-color: rgb(120 120 133 / var(--tw-border-opacity));
2558
+ border-color: #787885;
2559
+ border-color: var(--aquarium-colors-grey-50, #787885);
2559
2560
  }
2560
2561
  .peer:focus~.peer-focus\:border-info-70 {
2561
- --tw-border-opacity: 1;
2562
- border-color: rgb(3 153 227 / var(--tw-border-opacity));
2562
+ border-color: #0399e3;
2563
+ border-color: var(--aquarium-colors-info-70, #0399e3);
2563
2564
  }
2564
2565
  .peer\/switch:disabled~.peer-disabled\/switch\:bg-grey-0 {
2565
- --tw-bg-opacity: 1;
2566
- background-color: rgb(247 247 250 / var(--tw-bg-opacity));
2566
+ background-color: #f7f7fa;
2567
+ background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2567
2568
  }
2568
2569
  .children\:inline-block>* {
2569
2570
  display: inline-block;
2570
2571
  }
2571
2572
  .children\:border-grey-10>* {
2572
- --tw-border-opacity: 1;
2573
- border-color: rgb(225 225 227 / var(--tw-border-opacity));
2573
+ border-color: #e1e1e3;
2574
+ border-color: var(--aquarium-colors-grey-10, #e1e1e3);
2574
2575
  }
2575
2576
  .children\:last\:border-b-0:last-child>* {
2576
2577
  border-bottom-width: 0px;
2577
2578
  }
2578
2579
  .\[\&\>path\]\:stroke-transparent>path {
2579
2580
  stroke: transparent;
2581
+ stroke: var(--aquarium-colors-transparent, transparent);
2580
2582
  }
2581
2583
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-white>path {
2582
2584
  stroke: white;
2585
+ stroke: var(--aquarium-colors-white, white);
2583
2586
  }
2584
2587
  .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
2585
2588
  stroke: #b4b4bb;
2589
+ stroke: var(--aquarium-colors-grey-30, #b4b4bb);
2586
2590
  }
2587
2591
  .\[\&\>button\]\:p-0>button {
2588
2592
  padding: 0;
2589
2593
  }
2590
2594
  .\[\&\>button\]\:text-grey-50>button {
2591
- --tw-text-opacity: 1;
2592
- color: rgb(120 120 133 / var(--tw-text-opacity));
2595
+ color: #787885;
2596
+ color: var(--aquarium-colors-grey-50, #787885);
2593
2597
  }
2594
2598
  .\[\&\>button\]\:text-error-20>button {
2595
- --tw-text-opacity: 1;
2596
- color: rgb(255 173 179 / var(--tw-text-opacity));
2599
+ color: #ffadb3;
2600
+ color: var(--aquarium-colors-error-20, #ffadb3);
2597
2601
  }
2598
2602
  .\[\&\>\*\:not\(\:first-child\)\]\:-ml-3>*:not(:first-child) {
2599
2603
  margin-left: -8px;