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