@aivenio/aquarium 1.21.0 → 1.22.0-rc1

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.
@@ -506,18 +506,18 @@ img,video {
506
506
  --aquarium-colors-secondary-10: #fee8d0;
507
507
  --aquarium-colors-secondary-5: #fff3e8;
508
508
  --aquarium-colors-secondary-0: #fffbf8;
509
- --aquarium-colors-primary-100: #a70045;
510
- --aquarium-colors-primary-90: #c60443;
511
- --aquarium-colors-primary-80: #e41a4a;
512
- --aquarium-colors-primary-70: #ff3554;
513
- --aquarium-colors-primary-60: #ff5275;
514
- --aquarium-colors-primary-50: #ff6f94;
515
- --aquarium-colors-primary-40: #ff8db0;
516
- --aquarium-colors-primary-30: #ffa9c9;
517
- --aquarium-colors-primary-20: #ffc4de;
518
- --aquarium-colors-primary-10: #ffdeef;
519
- --aquarium-colors-primary-5: #ffe8f4;
520
- --aquarium-colors-primary-0: #fff9fc;
509
+ --aquarium-colors-primary-100: 0e1652;
510
+ --aquarium-colors-primary-90: #222f95;
511
+ --aquarium-colors-primary-80: #3545be;
512
+ --aquarium-colors-primary-70: #5865cd;
513
+ --aquarium-colors-primary-60: #818eec;
514
+ --aquarium-colors-primary-50: #000000;
515
+ --aquarium-colors-primary-40: #b9c5ef;
516
+ --aquarium-colors-primary-30: #000000;
517
+ --aquarium-colors-primary-20: #000000;
518
+ --aquarium-colors-primary-10: #e3e9ff;
519
+ --aquarium-colors-primary-5: #f3f6ff;
520
+ --aquarium-colors-primary-0: #ffffff;
521
521
  --aquarium-colors-grey-20: #d2d2d6;
522
522
  --aquarium-colors-transparent: transparent;
523
523
  --aquarium-colors-white: white;
@@ -1670,9 +1670,13 @@ input[type='number'].no-arrows {
1670
1670
  border-color: #e1e1e3;
1671
1671
  border-color: var(--aquarium-colors-grey-10, #e1e1e3);
1672
1672
  }
1673
- .border-navyBlue-100 {
1674
- --tw-border-opacity: 1;
1675
- border-color: rgb(48 55 94 / var(--tw-border-opacity));
1673
+ .border-primary-80 {
1674
+ border-color: #3545be;
1675
+ border-color: var(--aquarium-colors-primary-80, #0788d1);
1676
+ }
1677
+ .border-primary-40 {
1678
+ border-color: #b9c5ef;
1679
+ border-color: var(--aquarium-colors-primary-40, #4cc2f7);
1676
1680
  }
1677
1681
  .border-grey-50 {
1678
1682
  border-color: #787885;
@@ -1698,10 +1702,6 @@ input[type='number'].no-arrows {
1698
1702
  border-color: #19191d;
1699
1703
  border-color: var(--aquarium-colors-grey-100, #19191d);
1700
1704
  }
1701
- .border-primary-80 {
1702
- border-color: #e41a4a;
1703
- border-color: var(--aquarium-colors-primary-80, #0788d1);
1704
- }
1705
1705
  .bg-grey-10 {
1706
1706
  background-color: #e1e1e3;
1707
1707
  background-color: var(--aquarium-colors-grey-10, #e1e1e3);
@@ -1730,14 +1730,22 @@ input[type='number'].no-arrows {
1730
1730
  background-color: white;
1731
1731
  background-color: var(--aquarium-colors-white, white);
1732
1732
  }
1733
- .bg-navyBlue-100 {
1734
- --tw-bg-opacity: 1;
1735
- background-color: rgb(48 55 94 / var(--tw-bg-opacity));
1733
+ .bg-primary-80 {
1734
+ background-color: #3545be;
1735
+ background-color: var(--aquarium-colors-primary-80, #0788d1);
1736
+ }
1737
+ .bg-primary-40 {
1738
+ background-color: #b9c5ef;
1739
+ background-color: var(--aquarium-colors-primary-40, #4cc2f7);
1736
1740
  }
1737
1741
  .bg-grey-5 {
1738
1742
  background-color: #ededf0;
1739
1743
  background-color: var(--aquarium-colors-grey-5, #ededf0);
1740
1744
  }
1745
+ .bg-navyBlue-100 {
1746
+ --tw-bg-opacity: 1;
1747
+ background-color: rgb(48 55 94 / var(--tw-bg-opacity));
1748
+ }
1741
1749
  .bg-info-50 {
1742
1750
  background-color: #28b4f4;
1743
1751
  background-color: var(--aquarium-colors-info-50, #28b4f4);
@@ -1774,10 +1782,6 @@ input[type='number'].no-arrows {
1774
1782
  background-color: currentColor;
1775
1783
  background-color: var(--aquarium-colors-current, currentColor);
1776
1784
  }
1777
- .bg-primary-80 {
1778
- background-color: #e41a4a;
1779
- background-color: var(--aquarium-colors-primary-80, #0788d1);
1780
- }
1781
1785
  .bg-transparent {
1782
1786
  background-color: transparent;
1783
1787
  background-color: var(--aquarium-colors-transparent, transparent);
@@ -1795,12 +1799,9 @@ input[type='number'].no-arrows {
1795
1799
  background-color: var(--aquarium-colors-error-20, #ffadb3);
1796
1800
  }
1797
1801
  .bg-primary-70 {
1798
- background-color: #ff3554;
1802
+ background-color: #5865cd;
1799
1803
  background-color: var(--aquarium-colors-primary-70, #0399e3);
1800
1804
  }
1801
- .bg-opacity-40 {
1802
- --tw-bg-opacity: 0.4;
1803
- }
1804
1805
  .bg-gradient-to-r {
1805
1806
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
1806
1807
  }
@@ -1819,10 +1820,6 @@ input[type='number'].no-arrows {
1819
1820
  .bg-cover {
1820
1821
  background-size: cover;
1821
1822
  }
1822
- .stroke-grey-30 {
1823
- stroke: #b4b4bb;
1824
- stroke: var(--aquarium-colors-grey-30, #b4b4bb);
1825
- }
1826
1823
  .object-cover {
1827
1824
  -o-object-fit: cover;
1828
1825
  object-fit: cover;
@@ -2281,51 +2278,51 @@ input[type='number'].no-arrows {
2281
2278
  color: var(--aquarium-colors-secondary-0, #fffbf8);
2282
2279
  }
2283
2280
  .text-primary-100 {
2284
- color: #a70045;
2281
+ color: 0e1652;
2285
2282
  color: var(--aquarium-colors-primary-100, #02569a);
2286
2283
  }
2287
2284
  .text-primary-90 {
2288
- color: #c60443;
2285
+ color: #222f95;
2289
2286
  color: var(--aquarium-colors-primary-90, #0174ba);
2290
2287
  }
2291
2288
  .text-primary-80 {
2292
- color: #e41a4a;
2289
+ color: #3545be;
2293
2290
  color: var(--aquarium-colors-primary-80, #0788d1);
2294
2291
  }
2295
2292
  .text-primary-70 {
2296
- color: #ff3554;
2293
+ color: #5865cd;
2297
2294
  color: var(--aquarium-colors-primary-70, #0399e3);
2298
2295
  }
2299
2296
  .text-primary-60 {
2300
- color: #ff5275;
2297
+ color: #818eec;
2301
2298
  color: var(--aquarium-colors-primary-60, #02a8f3);
2302
2299
  }
2303
2300
  .text-primary-50 {
2304
- color: #ff6f94;
2301
+ color: #000000;
2305
2302
  color: var(--aquarium-colors-primary-50, #28b4f4);
2306
2303
  }
2307
2304
  .text-primary-40 {
2308
- color: #ff8db0;
2305
+ color: #b9c5ef;
2309
2306
  color: var(--aquarium-colors-primary-40, #4cc2f7);
2310
2307
  }
2311
2308
  .text-primary-30 {
2312
- color: #ffa9c9;
2309
+ color: #000000;
2313
2310
  color: var(--aquarium-colors-primary-30, #7fd1f7);
2314
2311
  }
2315
2312
  .text-primary-20 {
2316
- color: #ffc4de;
2313
+ color: #000000;
2317
2314
  color: var(--aquarium-colors-primary-20, #b4e5fb);
2318
2315
  }
2319
2316
  .text-primary-10 {
2320
- color: #ffdeef;
2317
+ color: #e3e9ff;
2321
2318
  color: var(--aquarium-colors-primary-10, #e0f5fe);
2322
2319
  }
2323
2320
  .text-primary-5 {
2324
- color: #ffe8f4;
2321
+ color: #f3f6ff;
2325
2322
  color: var(--aquarium-colors-primary-5, #effaff);
2326
2323
  }
2327
2324
  .text-primary-0 {
2328
- color: #fff9fc;
2325
+ color: #ffffff;
2329
2326
  color: var(--aquarium-colors-primary-0, #f9fdff);
2330
2327
  }
2331
2328
  .text-transparent {
@@ -2336,6 +2333,10 @@ input[type='number'].no-arrows {
2336
2333
  color: white;
2337
2334
  color: var(--aquarium-colors-white, white);
2338
2335
  }
2336
+ .underline {
2337
+ -webkit-text-decoration-line: underline;
2338
+ text-decoration-line: underline;
2339
+ }
2339
2340
  .no-underline {
2340
2341
  -webkit-text-decoration-line: none;
2341
2342
  text-decoration-line: none;
@@ -2343,9 +2344,6 @@ input[type='number'].no-arrows {
2343
2344
  .opacity-70 {
2344
2345
  opacity: 0.7;
2345
2346
  }
2346
- .opacity-40 {
2347
- opacity: 0.4;
2348
- }
2349
2347
  .shadow-16dp {
2350
2348
  --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));
2351
2349
  --tw-shadow-colored: 0px 16px 32px 0px var(--tw-shadow-color);
@@ -2389,6 +2387,9 @@ input[type='number'].no-arrows {
2389
2387
  .ring-inset {
2390
2388
  --tw-ring-inset: inset;
2391
2389
  }
2390
+ .ring-primary-80 {
2391
+ --tw-ring-color: var(--aquarium-colors-primary-80, #0788d1);
2392
+ }
2392
2393
  .ring-grey-30 {
2393
2394
  --tw-ring-color: var(--aquarium-colors-grey-30, #b4b4bb);
2394
2395
  }
@@ -2482,16 +2483,24 @@ input[type='number'].no-arrows {
2482
2483
  margin-top: 0;
2483
2484
  }
2484
2485
  .visited\:text-primary-80:visited {
2485
- color: #e41a4a;
2486
+ color: #3545be;
2486
2487
  color: var(--aquarium-colors-primary-80, #0788d1);
2487
2488
  }
2488
- .checked\:border-navyBlue-100:checked {
2489
- --tw-border-opacity: 1;
2490
- border-color: rgb(48 55 94 / var(--tw-border-opacity));
2489
+ .checked\:border-primary-80:checked {
2490
+ border-color: #3545be;
2491
+ border-color: var(--aquarium-colors-primary-80, #0788d1);
2491
2492
  }
2492
- .checked\:bg-navyBlue-100:checked {
2493
- --tw-bg-opacity: 1;
2494
- background-color: rgb(48 55 94 / var(--tw-bg-opacity));
2493
+ .checked\:border-primary-40:checked {
2494
+ border-color: #b9c5ef;
2495
+ border-color: var(--aquarium-colors-primary-40, #4cc2f7);
2496
+ }
2497
+ .checked\:bg-primary-80:checked {
2498
+ background-color: #3545be;
2499
+ background-color: var(--aquarium-colors-primary-80, #0788d1);
2500
+ }
2501
+ .checked\:bg-primary-40:checked {
2502
+ background-color: #b9c5ef;
2503
+ background-color: var(--aquarium-colors-primary-40, #4cc2f7);
2495
2504
  }
2496
2505
  .checked\:bg-opacity-40:checked {
2497
2506
  --tw-bg-opacity: 0.4;
@@ -2529,7 +2538,7 @@ input[type='number'].no-arrows {
2529
2538
  background-color: var(--aquarium-colors-grey-30, #b4b4bb);
2530
2539
  }
2531
2540
  .hover\:bg-primary-70:hover {
2532
- background-color: #ff3554;
2541
+ background-color: #5865cd;
2533
2542
  background-color: var(--aquarium-colors-primary-70, #0399e3);
2534
2543
  }
2535
2544
  .hover\:bg-error-10:hover {
@@ -2541,7 +2550,7 @@ input[type='number'].no-arrows {
2541
2550
  background-color: var(--aquarium-colors-grey-10, #e1e1e3);
2542
2551
  }
2543
2552
  .hover\:text-primary-70:hover {
2544
- color: #ff3554;
2553
+ color: #5865cd;
2545
2554
  color: var(--aquarium-colors-primary-70, #0399e3);
2546
2555
  }
2547
2556
  .hover\:text-grey-80:hover {
@@ -2553,15 +2562,19 @@ input[type='number'].no-arrows {
2553
2562
  color: var(--aquarium-colors-grey-90, #292a31);
2554
2563
  }
2555
2564
  .hover\:text-primary-80:hover {
2556
- color: #e41a4a;
2565
+ color: #3545be;
2557
2566
  color: var(--aquarium-colors-primary-80, #0788d1);
2558
2567
  }
2559
- .hover\:ring-grey-50:hover {
2560
- --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2568
+ .hover\:no-underline:hover {
2569
+ -webkit-text-decoration-line: none;
2570
+ text-decoration-line: none;
2561
2571
  }
2562
- .hover\:checked\:bg-navyBlue-100:checked:hover {
2563
- --tw-bg-opacity: 1;
2564
- background-color: rgb(48 55 94 / var(--tw-bg-opacity));
2572
+ .hover\:ring-primary-70:hover {
2573
+ --tw-ring-color: var(--aquarium-colors-primary-70, #0399e3);
2574
+ }
2575
+ .hover\:checked\:bg-primary-80:checked:hover {
2576
+ background-color: #3545be;
2577
+ background-color: var(--aquarium-colors-primary-80, #0788d1);
2565
2578
  }
2566
2579
  .focus\:border:focus {
2567
2580
  border-width: 1px;
@@ -2583,7 +2596,7 @@ input[type='number'].no-arrows {
2583
2596
  background-color: var(--aquarium-colors-grey-20, #d2d2d6);
2584
2597
  }
2585
2598
  .focus\:text-primary-80:focus {
2586
- color: #e41a4a;
2599
+ color: #3545be;
2587
2600
  color: var(--aquarium-colors-primary-80, #0788d1);
2588
2601
  }
2589
2602
  .focus\:outline-none:focus {
@@ -2630,13 +2643,21 @@ input[type='number'].no-arrows {
2630
2643
  background-color: #f7f7fa;
2631
2644
  background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2632
2645
  }
2633
- .focus-visible\:text-grey-90.focus-visible {
2634
- color: #292a31;
2635
- color: var(--aquarium-colors-grey-90, #292a31);
2646
+ .focus-visible\:text-primary-90.focus-visible {
2647
+ color: #222f95;
2648
+ color: var(--aquarium-colors-primary-90, #0174ba);
2636
2649
  }
2637
- .focus-visible\:text-grey-90:focus-visible {
2638
- color: #292a31;
2639
- color: var(--aquarium-colors-grey-90, #292a31);
2650
+ .focus-visible\:text-primary-90:focus-visible {
2651
+ color: #222f95;
2652
+ color: var(--aquarium-colors-primary-90, #0174ba);
2653
+ }
2654
+ .focus-visible\:text-primary-80.focus-visible {
2655
+ color: #3545be;
2656
+ color: var(--aquarium-colors-primary-80, #0788d1);
2657
+ }
2658
+ .focus-visible\:text-primary-80:focus-visible {
2659
+ color: #3545be;
2660
+ color: var(--aquarium-colors-primary-80, #0788d1);
2640
2661
  }
2641
2662
  .focus-visible\:text-grey-80.focus-visible {
2642
2663
  color: #3a3a44;
@@ -2646,6 +2667,14 @@ input[type='number'].no-arrows {
2646
2667
  color: #3a3a44;
2647
2668
  color: var(--aquarium-colors-grey-80, #3a3a44);
2648
2669
  }
2670
+ .focus-visible\:text-grey-90.focus-visible {
2671
+ color: #292a31;
2672
+ color: var(--aquarium-colors-grey-90, #292a31);
2673
+ }
2674
+ .focus-visible\:text-grey-90:focus-visible {
2675
+ color: #292a31;
2676
+ color: var(--aquarium-colors-grey-90, #292a31);
2677
+ }
2649
2678
  .focus-visible\:outline-0.focus-visible {
2650
2679
  outline-width: 0px;
2651
2680
  }
@@ -2682,17 +2711,11 @@ input[type='number'].no-arrows {
2682
2711
  .focus-visible\:ring-inset:focus-visible {
2683
2712
  --tw-ring-inset: inset;
2684
2713
  }
2685
- .focus-visible\:ring-primary-100.focus-visible {
2686
- --tw-ring-color: var(--aquarium-colors-primary-100, #02569a);
2687
- }
2688
- .focus-visible\:ring-primary-100:focus-visible {
2689
- --tw-ring-color: var(--aquarium-colors-primary-100, #02569a);
2714
+ .focus-visible\:ring-primary-90.focus-visible {
2715
+ --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2690
2716
  }
2691
- .focus-visible\:ring-grey-50.focus-visible {
2692
- --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2693
- }
2694
- .focus-visible\:ring-grey-50:focus-visible {
2695
- --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2717
+ .focus-visible\:ring-primary-90:focus-visible {
2718
+ --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2696
2719
  }
2697
2720
  .focus-visible\:ring-info-70.focus-visible {
2698
2721
  --tw-ring-color: var(--aquarium-colors-info-70, #0399e3);
@@ -2705,9 +2728,13 @@ input[type='number'].no-arrows {
2705
2728
  background-color: var(--aquarium-colors-grey-5, #ededf0);
2706
2729
  }
2707
2730
  .active\:bg-primary-90:active {
2708
- background-color: #c60443;
2731
+ background-color: #222f95;
2709
2732
  background-color: var(--aquarium-colors-primary-90, #0174ba);
2710
2733
  }
2734
+ .active\:bg-primary-5:active {
2735
+ background-color: #f3f6ff;
2736
+ background-color: var(--aquarium-colors-primary-5, #effaff);
2737
+ }
2711
2738
  .active\:bg-transparent:active {
2712
2739
  background-color: transparent;
2713
2740
  background-color: var(--aquarium-colors-transparent, transparent);
@@ -2717,12 +2744,12 @@ input[type='number'].no-arrows {
2717
2744
  background-color: var(--aquarium-colors-grey-10, #e1e1e3);
2718
2745
  }
2719
2746
  .active\:text-primary-70:active {
2720
- color: #ff3554;
2747
+ color: #5865cd;
2721
2748
  color: var(--aquarium-colors-primary-70, #0399e3);
2722
2749
  }
2723
- .active\:text-grey-80:active {
2724
- color: #3a3a44;
2725
- color: var(--aquarium-colors-grey-80, #3a3a44);
2750
+ .active\:text-primary-80:active {
2751
+ color: #3545be;
2752
+ color: var(--aquarium-colors-primary-80, #0788d1);
2726
2753
  }
2727
2754
  .active\:text-grey-50:active {
2728
2755
  color: #787885;
@@ -2738,8 +2765,8 @@ input[type='number'].no-arrows {
2738
2765
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
2739
2766
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
2740
2767
  }
2741
- .active\:ring-grey-50:active {
2742
- --tw-ring-color: var(--aquarium-colors-grey-50, #787885);
2768
+ .active\:ring-primary-90:active {
2769
+ --tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
2743
2770
  }
2744
2771
  .disabled\:cursor-not-allowed:disabled {
2745
2772
  cursor: not-allowed;
@@ -2752,13 +2779,9 @@ input[type='number'].no-arrows {
2752
2779
  background-color: #ededf0;
2753
2780
  background-color: var(--aquarium-colors-grey-5, #ededf0);
2754
2781
  }
2755
- .disabled\:bg-primary-5:disabled {
2756
- background-color: #ffe8f4;
2757
- background-color: var(--aquarium-colors-primary-5, #effaff);
2758
- }
2759
- .disabled\:bg-grey-0:disabled {
2760
- background-color: #f7f7fa;
2761
- background-color: var(--aquarium-colors-grey-0, #f7f7fa);
2782
+ .disabled\:bg-primary-40:disabled {
2783
+ background-color: #b9c5ef;
2784
+ background-color: var(--aquarium-colors-primary-40, #4cc2f7);
2762
2785
  }
2763
2786
  .disabled\:bg-transparent:disabled {
2764
2787
  background-color: transparent;
@@ -2769,7 +2792,7 @@ input[type='number'].no-arrows {
2769
2792
  color: var(--aquarium-colors-grey-40, #9696a0);
2770
2793
  }
2771
2794
  .disabled\:text-primary-40:disabled {
2772
- color: #ff8db0;
2795
+ color: #b9c5ef;
2773
2796
  color: var(--aquarium-colors-primary-40, #4cc2f7);
2774
2797
  }
2775
2798
  .disabled\:text-grey-30:disabled {
@@ -2780,8 +2803,8 @@ input[type='number'].no-arrows {
2780
2803
  color: #d2d2d6;
2781
2804
  color: var(--aquarium-colors-grey-20, #d2d2d6);
2782
2805
  }
2783
- .disabled\:ring-grey-20:disabled {
2784
- --tw-ring-color: var(--aquarium-colors-grey-20, #d2d2d6);
2806
+ .disabled\:ring-primary-40:disabled {
2807
+ --tw-ring-color: var(--aquarium-colors-primary-40, #4cc2f7);
2785
2808
  }
2786
2809
  .group:last-child .group-last\:border-b-0 {
2787
2810
  border-bottom-width: 0px;
@@ -2800,17 +2823,21 @@ input[type='number'].no-arrows {
2800
2823
  --tw-translate-x: 16px;
2801
2824
  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));
2802
2825
  }
2803
- .peer:checked~.peer-checked\:border-navyBlue-100 {
2804
- --tw-border-opacity: 1;
2805
- border-color: rgb(48 55 94 / var(--tw-border-opacity));
2826
+ .peer:checked~.peer-checked\:border-primary-80 {
2827
+ border-color: #3545be;
2828
+ border-color: var(--aquarium-colors-primary-80, #0788d1);
2829
+ }
2830
+ .peer:checked~.peer-checked\:border-primary-40 {
2831
+ border-color: #b9c5ef;
2832
+ border-color: var(--aquarium-colors-primary-40, #4cc2f7);
2806
2833
  }
2807
2834
  .peer:checked~.peer-checked\:text-white {
2808
2835
  color: white;
2809
2836
  color: var(--aquarium-colors-white, white);
2810
2837
  }
2811
- .peer:checked~.peer-checked\:text-grey-30 {
2812
- color: #b4b4bb;
2813
- color: var(--aquarium-colors-grey-30, #b4b4bb);
2838
+ .peer:checked~.peer-checked\:text-primary-10 {
2839
+ color: #e3e9ff;
2840
+ color: var(--aquarium-colors-primary-10, #e0f5fe);
2814
2841
  }
2815
2842
  .peer:hover~.peer-hover\:border-grey-50 {
2816
2843
  border-color: #787885;
@@ -2842,9 +2869,9 @@ input[type='number'].no-arrows {
2842
2869
  stroke: white;
2843
2870
  stroke: var(--aquarium-colors-white, white);
2844
2871
  }
2845
- .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-grey-30>path {
2846
- stroke: #b4b4bb;
2847
- stroke: var(--aquarium-colors-grey-30, #b4b4bb);
2872
+ .peer:checked~.peer-checked\:\[\&\>path\]\:stroke-primary-10>path {
2873
+ stroke: #e3e9ff;
2874
+ stroke: var(--aquarium-colors-primary-10, #e0f5fe);
2848
2875
  }
2849
2876
  .\[\&\>button\]\:p-0>button {
2850
2877
  padding: 0;