From 588cc0ffd7d278c776551eb801dac57b8c77f7eb Mon Sep 17 00:00:00 2001
From: Jordy de Vulder <jordy@justbetter.nl>
Date: Tue, 17 Dec 2024 17:09:01 +0100
Subject: [PATCH] Removed bg-overlay and various tweaks

---
 .../core-overwrites/layouts/checkout/header.blade.php  |  2 +-
 .../views/checkout/partials/sections/payment.blade.php |  2 +-
 .../partials/sections/success/features.blade.php       |  6 +++---
 resources/views/components/input/radio/tile.blade.php  | 10 ++++++----
 resources/views/components/newsletter-visual.blade.php |  2 +-
 .../components/newsletter/partials/checkbox.blade.php  |  2 +-
 resources/views/components/popup.blade.php             |  2 +-
 7 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/resources/core-overwrites/layouts/checkout/header.blade.php b/resources/core-overwrites/layouts/checkout/header.blade.php
index 560da5a..c6179c6 100644
--- a/resources/core-overwrites/layouts/checkout/header.blade.php
+++ b/resources/core-overwrites/layouts/checkout/header.blade.php
@@ -1,4 +1,4 @@
-<div class="bg-inactive-100 text-muted relative py-3 text-xs font-semibold">
+<div class="bg text-muted relative py-3 text-xs font-semibold">
     <slider reference="header-usp-slider" autoplay loop>
         <div
             ref="header-usp-slider"
diff --git a/resources/views/checkout/partials/sections/payment.blade.php b/resources/views/checkout/partials/sections/payment.blade.php
index 893d3cc..3673e35 100644
--- a/resources/views/checkout/partials/sections/payment.blade.php
+++ b/resources/views/checkout/partials/sections/payment.blade.php
@@ -11,7 +11,7 @@
     mutate-event="setPaymentMethodOnCart"
     v-slot="{ mutate, variables }"
 >
-    <div partial-submit="mutate" class="flex flex-col gap-4">
+    <div partial-submit="mutate" class="flex flex-col gap-3">
         <div v-for="(method, index) in cart.available_payment_methods">
             @include('rapidez-ct::checkout.partials.sections.payment.payment-methods')
         </div>
diff --git a/resources/views/checkout/partials/sections/success/features.blade.php b/resources/views/checkout/partials/sections/success/features.blade.php
index c9da9af..2c1f5d9 100644
--- a/resources/views/checkout/partials/sections/success/features.blade.php
+++ b/resources/views/checkout/partials/sections/success/features.blade.php
@@ -4,15 +4,15 @@
     </x-rapidez-ct::title.lg>
     <x-rapidez-ct::usp-list>
         <li>
-            <x-heroicon-o-check class="absolute left-0 top-0 h-5 text-ct-accent" stroke-width="2.5" />
+            <x-heroicon-o-check class="absolute left-0 top-0 h-5 text-primary" stroke-width="2.5" />
             <span>Success usp 1</span>
         </li>
         <li>
-            <x-heroicon-o-check class="absolute left-0 top-0 h-5 text-ct-accent" stroke-width="2.5" />
+            <x-heroicon-o-check class="absolute left-0 top-0 h-5 text-primary" stroke-width="2.5" />
             <span>Success usp 2</span>
         </li>
         <li>
-            <x-heroicon-o-check class="absolute left-0 top-0 h-5 text-ct-accent" stroke-width="2.5" />
+            <x-heroicon-o-check class="absolute left-0 top-0 h-5 text-primary" stroke-width="2.5" />
             <span>Success usp 3</span>
         </li>
     </x-rapidez-ct::usp-list>
diff --git a/resources/views/components/input/radio/tile.blade.php b/resources/views/components/input/radio/tile.blade.php
index aad7f17..4438794 100644
--- a/resources/views/components/input/radio/tile.blade.php
+++ b/resources/views/components/input/radio/tile.blade.php
@@ -1,11 +1,13 @@
 <label {{ $attributes->only('class')->class('relative flex w-full cursor-pointer items-center justify-start gap-x-3 rounded border bg-white px-5 sm:px-7 py-7') }}>
-    <span class="flex aspect-square size-6 items-center justify-center rounded-full border bg-white">
-        <input type="radio" {{ $attributes->except('class') }} class="peer size-3 border-none text-primary transition checked:bg-none focus:ring-0 focus:ring-offset-0" />
-        <span class="absolute -inset-y-px -left-px w-1 rounded-l bg-primary opacity-0 transition-all peer-checked:opacity-100"></span>
-    </span>
+    <x-rapidez::input.radio.base
+        class="size-6 text-primary peer"
+        name="{{ $name }}"
+        {{ $attributes->except('class') }}
+    />
     @isset($slot)
         <span class="flex w-full flex-wrap items-center justify-between gap-x-3">
             {{ $slot }}
         </span>
     @endisset
+    <div class="absolute -inset-y-px -left-px w-1 rounded-l bg-primary opacity-0 transition-all peer-checked:opacity-100"></div>
 </label>
diff --git a/resources/views/components/newsletter-visual.blade.php b/resources/views/components/newsletter-visual.blade.php
index 7a54016..0f96a34 100644
--- a/resources/views/components/newsletter-visual.blade.php
+++ b/resources/views/components/newsletter-visual.blade.php
@@ -1,5 +1,5 @@
 <div class="absolute right-7 top-1/2 -translate-y-1/2 max-lg:hidden">
-    <div class="bg text-muted items-center justify-center rounded-full p-4">
+    <div class="bg text-muted items-center justify-center rounded-full p-3">
         <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 01-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 001.183 1.981l6.478 3.488m8.839 2.51l-4.66-2.51m0 0l-1.023-.55a2.25 2.25 0 00-2.134 0l-1.022.55m0 0l-4.661 2.51m16.5 1.615a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V8.844a2.25 2.25 0 011.183-1.98l7.5-4.04a2.25 2.25 0 012.134 0l7.5 4.04a2.25 2.25 0 011.183 1.98V19.5z"/></svg>
     </div>
 </div>
diff --git a/resources/views/components/newsletter/partials/checkbox.blade.php b/resources/views/components/newsletter/partials/checkbox.blade.php
index 8f601c6..dba3383 100644
--- a/resources/views/components/newsletter/partials/checkbox.blade.php
+++ b/resources/views/components/newsletter/partials/checkbox.blade.php
@@ -1,7 +1,7 @@
 @props(['isPartOfAnotherForm' => false, 'id'])
 
 <x-rapidez-ct::input.checkbox.tile :attributes="$attributes->merge([
-    'class' => 'relative flex w-full cursor-pointer !items-start rounded-md border bg-white p-7 pt-5',
+    'class' => 'relative flex w-full cursor-pointer !items-start rounded-md border bg-white px-7 py-5',
     'id' => $id,
 ])" v-on:change="() => {
         if (typeof mutate === 'function' && (!{{ (int)$isPartOfAnotherForm }})) { mutate() }
diff --git a/resources/views/components/popup.blade.php b/resources/views/components/popup.blade.php
index ca49e29..7ebeac5 100644
--- a/resources/views/components/popup.blade.php
+++ b/resources/views/components/popup.blade.php
@@ -15,5 +15,5 @@
             {{ $slot }}
         </x-rapidez-ct::card.inactive>
     </x-rapidez-ct::sections>
-    <label class="absolute inset-0 bg-overlay/60 cursor-pointer" for="{{ $id }}"></label>
+    <label class="absolute inset-0 bg-black/60 cursor-pointer" for="{{ $id }}"></label>
 </div>