From 8bfff7a7bf0f7590d1624e5d91ed01176582d45f Mon Sep 17 00:00:00 2001
From: Roene <roene@justbetter.nl>
Date: Mon, 23 Dec 2024 14:19:53 +0100
Subject: [PATCH 1/4] Make use of new colors | Make use of new components

---
 README.md                                          |  7 +++++++
 composer.json                                      |  2 +-
 resources/views/account/listing.blade.php          |  2 +-
 resources/views/account/partials/buttons.blade.php |  8 ++++----
 .../account/partials/details/addtocart.blade.php   |  4 ++--
 .../account/partials/details/back-button.blade.php |  2 +-
 .../account/partials/details/description.blade.php |  2 +-
 .../account/partials/details/edit-button.blade.php |  4 ++--
 .../views/account/partials/details/edit.blade.php  |  4 ++--
 .../partials/details/product/name.blade.php        |  4 ++--
 .../partials/details/product/price.blade.php       |  2 +-
 .../partials/details/product/quantity.blade.php    |  4 ++--
 .../partials/details/product/remove.blade.php      |  2 +-
 .../views/account/partials/details/title.blade.php | 14 +++++++-------
 .../account/partials/details/wishlist.blade.php    |  2 +-
 .../views/account/partials/edit-wishlist.blade.php |  4 ++--
 .../account/partials/list-item-title.blade.php     |  4 ++--
 .../views/account/partials/list-item.blade.php     |  8 ++++----
 .../account/partials/shared-wishlist.blade.php     |  2 +-
 resources/views/components/button/accent.blade.php |  3 ---
 resources/views/components/button/link.blade.php   |  2 +-
 .../views/components/button/outline.blade.php      |  3 ---
 resources/views/components/table/header.blade.php  |  4 ++--
 resources/views/partials/item/add.blade.php        |  4 ++--
 resources/views/partials/item/button.blade.php     |  6 +++---
 resources/views/partials/item/login.blade.php      |  2 +-
 resources/views/partials/item/new-list.blade.php   |  4 ++--
 resources/views/partials/item/title.blade.php      |  4 ++--
 resources/views/partials/item/view.blade.php       |  2 +-
 29 files changed, 58 insertions(+), 57 deletions(-)
 delete mode 100644 resources/views/components/button/accent.blade.php
 delete mode 100644 resources/views/components/button/outline.blade.php

diff --git a/README.md b/README.md
index 5e35c9e..093e76d 100644
--- a/README.md
+++ b/README.md
@@ -28,3 +28,10 @@ The API uses mostly Laravel apiResource endpoints. All of the exposed endpoints
 | POST /wishlists/item | <ul><li>wishlist_id(int)</li><li>product_id(int)</li><li>qty(int)</li></ul> | Adds a new item to the given wishlist |
 | PATCH /wishlists/item/{id} | <ul><li>description(str, max 255)</li><li>qty(int)</li></ul> | Updates the data of an item |
 | DELETE /wishlists/item/{id} | None | Deletes an item |
+
+## Colors
+When you install Rapidez, the colors are already configured in your `tailwind.config.js`. This ensures that your colors are consistently applied across all elements.
+Alternatively, if you are using this package standalone, you can copy these variables and customize them to your liking. Colors can be found in the [Rapidez docs](https://docs.rapidez.io/3.x/theming.html#colors).
+
+## Components
+In this package we use the [Rapidez blade-components](https://github.com/rapidez/blade-components). When you install Rapidez, the rapidez/blade-components package is already installed. If you are using this package standalone, you can install them by running `composer require rapidez/blade-components`.
diff --git a/composer.json b/composer.json
index bf613c1..1f2a869 100644
--- a/composer.json
+++ b/composer.json
@@ -20,7 +20,7 @@
         "illuminate/database": "^10.0|^11.0",
         "illuminate/support": "^10.0|^11.0",
         "illuminate/view": "^10.0|^11.0",
-        "rapidez/core": "^2.8|^3.0",
+        "rapidez/core": "^3.0",
         "blade-ui-kit/blade-heroicons": "^2.0"
     },
     "autoload": {
diff --git a/resources/views/account/listing.blade.php b/resources/views/account/listing.blade.php
index 7641fc5..d183afa 100644
--- a/resources/views/account/listing.blade.php
+++ b/resources/views/account/listing.blade.php
@@ -10,7 +10,7 @@
             <div v-if="wishlists" class="space-y-0.5 my-5">
                 <div
                     v-for="(wishlist, index) in wishlists"
-                    class="bg-ct-inactive-100 p-6 sm:px-9 sm:pt-6 sm:pb-9 rounded flex flex-col gap-3"
+                    class="bg-muted p-6 sm:px-9 sm:pt-6 sm:pb-9 rounded flex flex-col gap-3"
                     :key="wishlist.id"
                 >
                     <div class="flex flex-col">
diff --git a/resources/views/account/partials/buttons.blade.php b/resources/views/account/partials/buttons.blade.php
index 7612d58..ca3c3e9 100644
--- a/resources/views/account/partials/buttons.blade.php
+++ b/resources/views/account/partials/buttons.blade.php
@@ -1,8 +1,8 @@
 <div class="flex flex-wrap w-full justify-between gap-2">
-    <x-rapidez-mw::button.outline href="/account">
+    <x-rapidez::button.outline href="/account">
         @lang('Back to dashboard')
-    </x-rapidez-mw::button.outline>
-    <x-rapidez-mw::button.accent v-on:click="addWishlist('{{ __('New wishlist') }}')">
+    </x-rapidez::button.outline>
+    <x-rapidez::button.secondary v-on:click="addWishlist('{{ __('New wishlist') }}')">
         @lang('Create new wishlist')
-    </x-rapidez-mw::button.accent>
+    </x-rapidez::button.secondary>
 </div>
diff --git a/resources/views/account/partials/details/addtocart.blade.php b/resources/views/account/partials/details/addtocart.blade.php
index c3f20ca..514485e 100644
--- a/resources/views/account/partials/details/addtocart.blade.php
+++ b/resources/views/account/partials/details/addtocart.blade.php
@@ -1,3 +1,3 @@
-<x-rapidez-mw::button.accent @click.prevent="addAllToCart" class="max-md:w-full">
+<x-rapidez::button.secondary @click.prevent="addAllToCart" class="max-md:w-full">
     @lang('Add all items to cart')
-</x-rapidez-mw::button.accent>
+</x-rapidez::button.secondary>
diff --git a/resources/views/account/partials/details/back-button.blade.php b/resources/views/account/partials/details/back-button.blade.php
index 92f6a66..81320f8 100644
--- a/resources/views/account/partials/details/back-button.blade.php
+++ b/resources/views/account/partials/details/back-button.blade.php
@@ -1 +1 @@
-<x-rapidez-mw::button.outline href="{{ route('wishlist.listing') }}" class="mt-5">@lang('Back to wishlists')</x-rapidez-mw::button.outline>
\ No newline at end of file
+<x-rapidez::button.outline href="{{ route('wishlist.listing') }}" class="mt-5">@lang('Back to wishlists')</x-rapidez::button.outline>
\ No newline at end of file
diff --git a/resources/views/account/partials/details/description.blade.php b/resources/views/account/partials/details/description.blade.php
index d77d720..f34412b 100644
--- a/resources/views/account/partials/details/description.blade.php
+++ b/resources/views/account/partials/details/description.blade.php
@@ -1,3 +1,3 @@
-<div v-if="wishlist.description" class="p-4 text-ct-primary rounded bg-ct-inactive-100 mb-4 whitespace-pre-line">
+<div v-if="wishlist.description" class="p-4 text-primary rounded bg-muted mb-4 whitespace-pre-line">
     <p>@{{ wishlist.description }}</p>
 </div>
\ No newline at end of file
diff --git a/resources/views/account/partials/details/edit-button.blade.php b/resources/views/account/partials/details/edit-button.blade.php
index 3778597..e52c76b 100644
--- a/resources/views/account/partials/details/edit-button.blade.php
+++ b/resources/views/account/partials/details/edit-button.blade.php
@@ -1,8 +1,8 @@
 @if($editable)
     <toggler v-slot="{ isOpen, toggle, close }" v-cloak>
         <div v-on-click-away="close">
-            <button @click="toggle" class="flex items-center justify-center bg-white border rounded w-9 h-9">
-                <x-heroicon-o-ellipsis-horizontal class="w-5 h-5" />
+            <button @click="toggle" class="flex items-center justify-center bg-white border rounded size-9">
+                <x-heroicon-o-ellipsis-horizontal class="size-5" />
             </button>
             <div v-show="isOpen" v-cloak>
                 @include('rapidez-mw::account.partials.details.edit')
diff --git a/resources/views/account/partials/details/edit.blade.php b/resources/views/account/partials/details/edit.blade.php
index fa5d509..a59dfa2 100644
--- a/resources/views/account/partials/details/edit.blade.php
+++ b/resources/views/account/partials/details/edit.blade.php
@@ -1,11 +1,11 @@
 <x-rapidez-mw::dropdown class="absolute right-0 top-11 w-60 flex flex-col p-4 sm:px-7 sm:py-6">
     <x-rapidez-mw::button.link v-if="wishlist" @click="toggleEdit">
         @lang('Change name')
-        <x-heroicon-o-pencil-square class="w-5 h-5"/>
+        <x-heroicon-o-pencil-square class="size-5"/>
     </x-rapidez-mw::button.link>
     <hr class="border-t my-4" />
     <x-rapidez-mw::button.link v-if="wishlist" @click="removeWishlist(wishlist.id, true)">
         @lang('Delete wishlist')
-        <x-heroicon-o-trash class="w-5 h-5"/>
+        <x-heroicon-o-trash class="size-5"/>
     </x-rapidez-mw::button.link>
 </x-rapidez-mw::dropdown>
diff --git a/resources/views/account/partials/details/product/name.blade.php b/resources/views/account/partials/details/product/name.blade.php
index d887fff..4b3aaa0 100644
--- a/resources/views/account/partials/details/product/name.blade.php
+++ b/resources/views/account/partials/details/product/name.blade.php
@@ -1,7 +1,7 @@
 <td class="max-sm:w-56 sm:flex-1">
     <div class="flex flex-col items-start">
         <a :href="product.url" class="font-medium text-base">@{{ product.name }}</a>
-        <span v-if="category" class="text-ct-inactive text-sm">@{{ category }}</span>
-        <span v-if="!product.in_stock" class="text-sm text-ct-wishlist">@lang('Not in stock')</span>
+        <span v-if="category" class="text-muted text-sm">@{{ category }}</span>
+        <span v-if="!product.in_stock" class="text-sm text">@lang('Not in stock')</span>
     </div>
 </td>
diff --git a/resources/views/account/partials/details/product/price.blade.php b/resources/views/account/partials/details/product/price.blade.php
index 8212bf6..11c0455 100644
--- a/resources/views/account/partials/details/product/price.blade.php
+++ b/resources/views/account/partials/details/product/price.blade.php
@@ -1,3 +1,3 @@
 <td>
-    <span class="text-sm font-bold text-ct-primary">@{{ product.price | price }}</span>
+    <span class="text-sm font-bold text-primary">@{{ product.price | price }}</span>
 </td>
\ No newline at end of file
diff --git a/resources/views/account/partials/details/product/quantity.blade.php b/resources/views/account/partials/details/product/quantity.blade.php
index d3720dd..ac2c77c 100644
--- a/resources/views/account/partials/details/product/quantity.blade.php
+++ b/resources/views/account/partials/details/product/quantity.blade.php
@@ -3,7 +3,7 @@
         <button
             @disabled(!$editable)
             v-bind:disabled="self.quantity <= 0"
-            class="flex-1 bg-ct-inactive-100 transition hover:bg-opacity-80"
+            class="flex-1 bg-muted transition hover:bg-opacity-80"
             v-on:click="self.quantity--"
         >-</button>
         <input
@@ -18,7 +18,7 @@ class="h-10 w-2/5 border-none px-0 text-center text-sm [appearance:textfield] fo
         />
         <button
             @disabled(!$editable)
-            class="flex-1 bg-ct-inactive-100 transition hover:bg-opacity-80"
+            class="flex-1 bg-muted transition hover:bg-opacity-80"
             v-on:click="self.quantity++"
         >+</button>
     </div>
diff --git a/resources/views/account/partials/details/product/remove.blade.php b/resources/views/account/partials/details/product/remove.blade.php
index 204e095..2db3429 100644
--- a/resources/views/account/partials/details/product/remove.blade.php
+++ b/resources/views/account/partials/details/product/remove.blade.php
@@ -1,7 +1,7 @@
 @if($editable)
     <td>
         <button @click="remove" class="hover:opacity-75 max-md:ml-auto">
-            <x-heroicon-s-heart class="w-5 h-5 text-ct-wishlist" />
+            <x-heroicon-s-heart class="size-5 text" />
         </button>
     </td>
 @endif
diff --git a/resources/views/account/partials/details/title.blade.php b/resources/views/account/partials/details/title.blade.php
index 3194725..4e187ba 100644
--- a/resources/views/account/partials/details/title.blade.php
+++ b/resources/views/account/partials/details/title.blade.php
@@ -1,10 +1,10 @@
 <div class="flex flex-col">
     <template v-if="!editing">
         <x-rapidez-ct::title href="/account/wishlists">@{{ wishlist.title }}</x-rapidez-ct::title>
-        <div v-if="wishlist.shared" class="text-sm text-ct-inactive flex flex-col mt-2 gap-y-2">
-            <span>@lang('Sharing link'): <a :href="shareUrl" class="text-ct-primary underline">@{{ shareUrl }}</a></span>
+        <div v-if="wishlist.shared" class="text-sm text-muted flex flex-col mt-2 gap-y-2">
+            <span>@lang('Sharing link'): <a :href="shareUrl" class="text-primary underline">@{{ shareUrl }}</a></span>
             <template v-if="isSupported">
-                <x-rapidez-mw::button.accent v-on:click="share">@lang('Share')</x-rapidez-mw::button.accent>
+                <x-rapidez::button.secondary v-on:click="share">@lang('Share')</x-rapidez::button.secondary>
             </template>
         </div>
     </template>
@@ -16,13 +16,13 @@
                     <x-rapidez-ct::title href="/account/wishlists"></x-rapidez-ct::title>
                     <div class="relative border rounded">
                         <x-rapidez::input class="w-80 border-0 pr-12" name="Edit title" type="text" v-model="editing.title" />
-                        <x-rapidez-mw::button.accent class="!absolute -translate-y-1/2 top-1/2 right-1  ml-4 flex items-center justify-center !p-0 w-9 h-9">
-                            <x-heroicon-o-pencil-square class="w-4 h-4 text-white" />
-                        </x-rapidez-mw::button.accent>
+                        <x-rapidez::button.secondary class="!absolute -translate-y-1/2 top-1/2 right-1  ml-4 flex items-center justify-center !p-0 size-9">
+                            <x-heroicon-o-pencil-square class="size-5 text-white" />
+                        </x-rapidez::button.secondary>
                     </div>
                 </div>
                 <x-rapidez::textarea class="mt-2.5" label="" name="Description" v-model="editing.description"></x-rapidez::textarea>
-                <x-rapidez-ct::input.checkbox class="mt-2.5" v-model="editing.shared">@lang('Share this wishlist')</x-rapidez::checkbox>
+                <x-rapidez::input.checkbox class="mt-2.5" v-model="editing.shared">@lang('Share this wishlist')</x-rapidez::checkbox>
             </form>
         </template>
     @endif
diff --git a/resources/views/account/partials/details/wishlist.blade.php b/resources/views/account/partials/details/wishlist.blade.php
index a398a1c..01e8148 100644
--- a/resources/views/account/partials/details/wishlist.blade.php
+++ b/resources/views/account/partials/details/wishlist.blade.php
@@ -61,7 +61,7 @@ class="border-b flex flex-wrap items-center gap-y-5 py-5 *:px-2 last:border-none
                                     </template>
                                 </tbody>
                             </table>
-                            <div class="flex rounded bg-ct-inactive-100 p-3 md:justify-end">
+                            <div class="flex rounded bg-muted p-3 md:justify-end">
                                 @include('rapidez-mw::account.partials.details.addtocart')
                             </div>
                         </template>
diff --git a/resources/views/account/partials/edit-wishlist.blade.php b/resources/views/account/partials/edit-wishlist.blade.php
index f210994..702db39 100644
--- a/resources/views/account/partials/edit-wishlist.blade.php
+++ b/resources/views/account/partials/edit-wishlist.blade.php
@@ -1,11 +1,11 @@
 <x-rapidez-mw::dropdown class="absolute right-0 top-6 w-60 flex flex-col p-4 sm:px-7 sm:py-6">
     <x-rapidez-mw::button.link v-if="wishlist" v-bind:href="'{{ route('wishlist.show', '') }}/'+wishlist.id">
         @lang('Edit')
-        <x-heroicon-o-pencil-square class="w-5 h-5"/>
+        <x-heroicon-o-pencil-square class="size-5"/>
     </x-rapidez-mw::button.link>
     <hr class="border-t my-4" />
     <x-rapidez-mw::button.link v-if="wishlist" @click="removeWishlist(wishlist.id)">
         @lang('Delete wishlist')
-        <x-heroicon-o-trash class="w-5 h-5"/>
+        <x-heroicon-o-trash class="size-5"/>
     </x-rapidez-mw::button.link>
 </x-rapidez-mw::dropdown>
diff --git a/resources/views/account/partials/list-item-title.blade.php b/resources/views/account/partials/list-item-title.blade.php
index d775e8e..fa29a3f 100644
--- a/resources/views/account/partials/list-item-title.blade.php
+++ b/resources/views/account/partials/list-item-title.blade.php
@@ -1,4 +1,4 @@
-<div class="flex items-center justfiy-between w-full font-medium text-ct-neutral text-base mb-2.5 relative">
+<div class="flex items-center justfiy-between w-full font-medium text text-base mb-2.5 relative">
     <div class="w-full flex items-center gap-2">
         <span>@{{ wishlist.title }}</span>
         @include('rapidez-mw::account.partials.shared-wishlist')
@@ -6,7 +6,7 @@
     <toggler v-slot="{ isOpen, toggle, close}" v-cloak>
         <div v-on-click-away="close">
             <button @click="toggle">
-                <x-heroicon-o-ellipsis-horizontal class="w-5 h-5" />
+                <x-heroicon-o-ellipsis-horizontal class="size-5" />
             </button>
             <div v-show="isOpen" v-cloak>
                 @include('rapidez-mw::account.partials.edit-wishlist')
diff --git a/resources/views/account/partials/list-item.blade.php b/resources/views/account/partials/list-item.blade.php
index 83ca965..bfbcb6d 100644
--- a/resources/views/account/partials/list-item.blade.php
+++ b/resources/views/account/partials/list-item.blade.php
@@ -1,8 +1,8 @@
 <a class="flex items-center gap-x-7 bg-white rounded border pb-5 pt-4 px-7 hover:opacity-75" :href="'{{ route('wishlist.show', '') }}/'+wishlist.id">
-    <x-heroicon-s-heart class="w-5 h-5 text-ct-wishlist mt-1.5" />
+    <x-heroicon-s-heart class="size-5 text mt-1.5" />
     <div class="flex flex-col">
-        <div class="w-full text-base font-medium text-ct-neutral">@lang('Number of articles (:count)', ['count' => '@{{ wishlist.items.length }}'])</div>
-        <div class="w-full text-sm text-ct-inactive">@lang('Latest update: :date', ['date' => '@{{ wishlist.updated_at.substring(0,10) }}']) </div>
-        <div class="w-full text-sm text-ct-inactive max-w-48 max-md:truncate md:max-w-3xl">@{{ wishlist.description }}</div>
+        <div class="w-full text-base font-medium text">@lang('Number of articles (:count)', ['count' => '@{{ wishlist.items.length }}'])</div>
+        <div class="w-full text-sm text-muted">@lang('Latest update: :date', ['date' => '@{{ wishlist.updated_at.substring(0,10) }}']) </div>
+        <div class="w-full text-sm text-muted max-w-48 max-md:truncate md:max-w-3xl">@{{ wishlist.description }}</div>
     </div>
 </a>
diff --git a/resources/views/account/partials/shared-wishlist.blade.php b/resources/views/account/partials/shared-wishlist.blade.php
index 253e0b2..8211a7a 100644
--- a/resources/views/account/partials/shared-wishlist.blade.php
+++ b/resources/views/account/partials/shared-wishlist.blade.php
@@ -1,3 +1,3 @@
-<a v-if="wishlist.shared" :href="'{{ route('wishlist.shared', '') }}/' + wishlist.sharing_token" class="text-ct-inactive text-sm hover:underline">
+<a v-if="wishlist.shared" :href="'{{ route('wishlist.shared', '') }}/' + wishlist.sharing_token" class="text-muted text-sm hover:underline">
     (@lang('shared'))
 </a>
\ No newline at end of file
diff --git a/resources/views/components/button/accent.blade.php b/resources/views/components/button/accent.blade.php
deleted file mode 100644
index d034fdd..0000000
--- a/resources/views/components/button/accent.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<x-rapidez-mw::button {{ $attributes->class('rounded bg-ct-accent font-semibold text-white border-b border-black/20') }}>
-    {{ $slot }}
-</x-rapidez-mw::button>
diff --git a/resources/views/components/button/link.blade.php b/resources/views/components/button/link.blade.php
index 01b3121..5ae2a1f 100644
--- a/resources/views/components/button/link.blade.php
+++ b/resources/views/components/button/link.blade.php
@@ -1,3 +1,3 @@
-<x-rapidez-mw::button {{ $attributes->merge(['class' => 'w-full flex items-center justify-between text-base font-medium text-ct-primary !p-0 hover:opacity-75']) }}>
+<x-rapidez-mw::button {{ $attributes->merge(['class' => 'w-full flex items-center justify-between text-base font-medium text-primary !p-0 hover:opacity-75']) }}>
     {{ $slot }}
 </x-rapidez-mw::button>
diff --git a/resources/views/components/button/outline.blade.php b/resources/views/components/button/outline.blade.php
deleted file mode 100644
index a352efb..0000000
--- a/resources/views/components/button/outline.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-<x-rapidez-mw::button {{ $attributes->merge(['class' => 'rounded border bg-white text-sm font-medium text-ct-primary']) }}>
-    {{ $slot }}
-</x-rapidez-mw::button>
diff --git a/resources/views/components/table/header.blade.php b/resources/views/components/table/header.blade.php
index b31c4b2..d067940 100644
--- a/resources/views/components/table/header.blade.php
+++ b/resources/views/components/table/header.blade.php
@@ -1,5 +1,5 @@
-<thead {{ $attributes->class(['w-full rounded bg-ct-inactive-100']) }}>
-    <tr class="text-xs text-ct-inactive *:py-4 *:font-normal *:px-5">
+<thead {{ $attributes->class(['w-full rounded bg-muted']) }}>
+    <tr class="text-xs text-muted *:py-4 *:font-normal *:px-5">
         {{ $slot }}
     </tr>
 </thead>
\ No newline at end of file
diff --git a/resources/views/partials/item/add.blade.php b/resources/views/partials/item/add.blade.php
index 639b423..40b0120 100644
--- a/resources/views/partials/item/add.blade.php
+++ b/resources/views/partials/item/add.blade.php
@@ -3,6 +3,6 @@
     @include('rapidez-mw::partials.item.view')
 </div>
 <button @click="toggleItem(wishlist, {{ $productId }})">
-    <x-heroicon-s-heart v-if="findItem(wishlist, {{ $productId }})" class="w-5 h-5 text-ct-wishlist hover:opacity-80" />
-    <x-heroicon-o-heart v-else class="w-5 h-5 text-ct-border hover:text-ct-primary" />
+    <x-heroicon-s-heart v-if="findItem(wishlist, {{ $productId }})" class="size-5 text hover:opacity-80" />
+    <x-heroicon-o-heart v-else class="size-5 text-muted hover:text-primary" />
 </button>
\ No newline at end of file
diff --git a/resources/views/partials/item/button.blade.php b/resources/views/partials/item/button.blade.php
index f88188b..028bcf3 100644
--- a/resources/views/partials/item/button.blade.php
+++ b/resources/views/partials/item/button.blade.php
@@ -1,8 +1,8 @@
 <button v-if="$root.loggedIn" class="p-3" @click="toggle">
-    <x-heroicon-s-heart v-if="isWishlisted({{ $productId }})" class="w-5 h-5 text-ct-wishlist hover:opacity-80" />
-    <x-heroicon-o-heart v-else v-bind:class="{ 'text-ct-primary': isOpen, 'text-ct-border hover:text-ct-primary': !isOpen }" class="w-5 h-5 transition" />
+    <x-heroicon-s-heart v-if="isWishlisted({{ $productId }})" class="size-5 text hover:opacity-80" />
+    <x-heroicon-o-heart v-else v-bind:class="{ 'text-primary': isOpen, 'text-muted hover:text-primary': !isOpen }" class="size-5 transition" />
 </button>
 
 <button v-else class="p-3" @click="toggle">
-    <x-heroicon-o-heart v-bind:class="{ 'text-ct-primary': isOpen, 'text-ct-border hover:text-ct-primary': !isOpen }" class="w-5 h-5 transition" />
+    <x-heroicon-o-heart v-bind:class="{ 'text-primary': isOpen, 'text-muted hover:text-primary': !isOpen }" class="size-5 transition" />
 </button>
diff --git a/resources/views/partials/item/login.blade.php b/resources/views/partials/item/login.blade.php
index eb11063..308e1e1 100644
--- a/resources/views/partials/item/login.blade.php
+++ b/resources/views/partials/item/login.blade.php
@@ -1,3 +1,3 @@
 <template v-if="!$root.loggedIn">
-    @lang('You must log in to add a product to your order list.') <a href="/login" class="text-ct-accent underline underline-offset-3">@lang('login')</a>
+    @lang('You must log in to add a product to your order list.') <a href="/login" class="text-primary underline underline-offset-3">@lang('login')</a>
 </template>
\ No newline at end of file
diff --git a/resources/views/partials/item/new-list.blade.php b/resources/views/partials/item/new-list.blade.php
index a1145b4..9f48f2f 100644
--- a/resources/views/partials/item/new-list.blade.php
+++ b/resources/views/partials/item/new-list.blade.php
@@ -1,6 +1,6 @@
 <div class="border-t">
-    <button class="text-base !font-sans flex justify-between w-full items-center mt-2.5 text-inactive hover:text-ct-primary" @click="addWishlist('New wishlist')">
+    <button class="text-base !font-sans flex justify-between w-full items-center mt-2.5 text-muted hover:text-primary" @click="addWishlist('New wishlist')">
         @lang('New order list')
-        <x-heroicon-o-plus-circle class="w-5 h-5"/>
+        <x-heroicon-o-plus-circle class="size-5"/>
     </button>
 </div>
\ No newline at end of file
diff --git a/resources/views/partials/item/title.blade.php b/resources/views/partials/item/title.blade.php
index 572a41d..ff7ce2a 100644
--- a/resources/views/partials/item/title.blade.php
+++ b/resources/views/partials/item/title.blade.php
@@ -7,7 +7,7 @@
 }">
     <div class="flex items-center" slot-scope="{ toggle, close, isOpen }">
         <template v-if="!isOpen">
-            <span class="text-base text-ct-primary truncate peer place-self-start -mt-0.5">
+            <span class="text-base text-primary truncate peer place-self-start -mt-0.5">
                 @{{ wishlist.title }}
             </span>
             <x-heroicon-s-pencil-square
@@ -18,7 +18,7 @@ class="pl-2 w-6 h-4 cursor-pointer shrink-0 opacity-0 hover:opacity-100 peer-hov
         <template v-else>
             <input
                 v-bind:ref="'editing_' + wishlist.id"
-                class="!font-[inherit] text-base text-ct-primary -mt-0.5 w-full !outline-none"
+                class="!font-[inherit] text-base text-primary -mt-0.5 w-full !outline-none"
                 v-model.lazy="wishlist.title"
                 v-on-click-away="close"
                 v-on:keyup.enter="close"
diff --git a/resources/views/partials/item/view.blade.php b/resources/views/partials/item/view.blade.php
index 4a18819..a4b0871 100644
--- a/resources/views/partials/item/view.blade.php
+++ b/resources/views/partials/item/view.blade.php
@@ -1,6 +1,6 @@
 <a
     v-if="findItem(wishlist, {{ $productId }})"
-    class="text-base text-ct-accent mb-1 -mt-0.5 hover:underline"
+    class="text-base text-primary mb-1 -mt-0.5 hover:underline"
     :href="'{{ route('wishlist.show', '') }}/' + wishlist.id"
 >
     @lang('View')

From 81db18166480124b471da78692a334cc3d0e4081 Mon Sep 17 00:00:00 2001
From: Roene <roene@justbetter.nl>
Date: Tue, 24 Dec 2024 16:22:33 +0100
Subject: [PATCH 2/4] Remove text-base | make use of default bg instead of
 muted

---
 resources/views/account/listing.blade.php                     | 2 +-
 .../views/account/partials/details/description.blade.php      | 2 +-
 .../views/account/partials/details/product/name.blade.php     | 2 +-
 .../views/account/partials/details/product/quantity.blade.php | 4 ++--
 resources/views/account/partials/details/wishlist.blade.php   | 2 +-
 resources/views/account/partials/list-item-title.blade.php    | 2 +-
 resources/views/account/partials/list-item.blade.php          | 2 +-
 resources/views/components/button/link.blade.php              | 2 +-
 resources/views/components/dropdown.blade.php                 | 2 +-
 resources/views/components/table/header.blade.php             | 2 +-
 resources/views/partials/item/new-list.blade.php              | 2 +-
 resources/views/partials/item/title.blade.php                 | 4 ++--
 resources/views/partials/item/view.blade.php                  | 2 +-
 13 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/resources/views/account/listing.blade.php b/resources/views/account/listing.blade.php
index d183afa..d70422a 100644
--- a/resources/views/account/listing.blade.php
+++ b/resources/views/account/listing.blade.php
@@ -10,7 +10,7 @@
             <div v-if="wishlists" class="space-y-0.5 my-5">
                 <div
                     v-for="(wishlist, index) in wishlists"
-                    class="bg-muted p-6 sm:px-9 sm:pt-6 sm:pb-9 rounded flex flex-col gap-3"
+                    class="bg p-6 sm:px-9 sm:pt-6 sm:pb-9 rounded flex flex-col gap-3"
                     :key="wishlist.id"
                 >
                     <div class="flex flex-col">
diff --git a/resources/views/account/partials/details/description.blade.php b/resources/views/account/partials/details/description.blade.php
index f34412b..27aa6fe 100644
--- a/resources/views/account/partials/details/description.blade.php
+++ b/resources/views/account/partials/details/description.blade.php
@@ -1,3 +1,3 @@
-<div v-if="wishlist.description" class="p-4 text-primary rounded bg-muted mb-4 whitespace-pre-line">
+<div v-if="wishlist.description" class="p-4 text-primary rounded bg mb-4 whitespace-pre-line">
     <p>@{{ wishlist.description }}</p>
 </div>
\ No newline at end of file
diff --git a/resources/views/account/partials/details/product/name.blade.php b/resources/views/account/partials/details/product/name.blade.php
index 4b3aaa0..fcdfa01 100644
--- a/resources/views/account/partials/details/product/name.blade.php
+++ b/resources/views/account/partials/details/product/name.blade.php
@@ -1,6 +1,6 @@
 <td class="max-sm:w-56 sm:flex-1">
     <div class="flex flex-col items-start">
-        <a :href="product.url" class="font-medium text-base">@{{ product.name }}</a>
+        <a :href="product.url" class="font-medium">@{{ product.name }}</a>
         <span v-if="category" class="text-muted text-sm">@{{ category }}</span>
         <span v-if="!product.in_stock" class="text-sm text">@lang('Not in stock')</span>
     </div>
diff --git a/resources/views/account/partials/details/product/quantity.blade.php b/resources/views/account/partials/details/product/quantity.blade.php
index ac2c77c..704f79d 100644
--- a/resources/views/account/partials/details/product/quantity.blade.php
+++ b/resources/views/account/partials/details/product/quantity.blade.php
@@ -3,7 +3,7 @@
         <button
             @disabled(!$editable)
             v-bind:disabled="self.quantity <= 0"
-            class="flex-1 bg-muted transition hover:bg-opacity-80"
+            class="flex-1 bg transition hover:bg-opacity-80"
             v-on:click="self.quantity--"
         >-</button>
         <input
@@ -18,7 +18,7 @@ class="h-10 w-2/5 border-none px-0 text-center text-sm [appearance:textfield] fo
         />
         <button
             @disabled(!$editable)
-            class="flex-1 bg-muted transition hover:bg-opacity-80"
+            class="flex-1 bg transition hover:bg-opacity-80"
             v-on:click="self.quantity++"
         >+</button>
     </div>
diff --git a/resources/views/account/partials/details/wishlist.blade.php b/resources/views/account/partials/details/wishlist.blade.php
index 01e8148..19464b6 100644
--- a/resources/views/account/partials/details/wishlist.blade.php
+++ b/resources/views/account/partials/details/wishlist.blade.php
@@ -61,7 +61,7 @@ class="border-b flex flex-wrap items-center gap-y-5 py-5 *:px-2 last:border-none
                                     </template>
                                 </tbody>
                             </table>
-                            <div class="flex rounded bg-muted p-3 md:justify-end">
+                            <div class="flex rounded bg p-3 md:justify-end">
                                 @include('rapidez-mw::account.partials.details.addtocart')
                             </div>
                         </template>
diff --git a/resources/views/account/partials/list-item-title.blade.php b/resources/views/account/partials/list-item-title.blade.php
index fa29a3f..3135fa2 100644
--- a/resources/views/account/partials/list-item-title.blade.php
+++ b/resources/views/account/partials/list-item-title.blade.php
@@ -1,4 +1,4 @@
-<div class="flex items-center justfiy-between w-full font-medium text text-base mb-2.5 relative">
+<div class="flex items-center justfiy-between w-full font-medium text mb-2.5 relative">
     <div class="w-full flex items-center gap-2">
         <span>@{{ wishlist.title }}</span>
         @include('rapidez-mw::account.partials.shared-wishlist')
diff --git a/resources/views/account/partials/list-item.blade.php b/resources/views/account/partials/list-item.blade.php
index bfbcb6d..7999d34 100644
--- a/resources/views/account/partials/list-item.blade.php
+++ b/resources/views/account/partials/list-item.blade.php
@@ -1,7 +1,7 @@
 <a class="flex items-center gap-x-7 bg-white rounded border pb-5 pt-4 px-7 hover:opacity-75" :href="'{{ route('wishlist.show', '') }}/'+wishlist.id">
     <x-heroicon-s-heart class="size-5 text mt-1.5" />
     <div class="flex flex-col">
-        <div class="w-full text-base font-medium text">@lang('Number of articles (:count)', ['count' => '@{{ wishlist.items.length }}'])</div>
+        <div class="w-full font-medium text">@lang('Number of articles (:count)', ['count' => '@{{ wishlist.items.length }}'])</div>
         <div class="w-full text-sm text-muted">@lang('Latest update: :date', ['date' => '@{{ wishlist.updated_at.substring(0,10) }}']) </div>
         <div class="w-full text-sm text-muted max-w-48 max-md:truncate md:max-w-3xl">@{{ wishlist.description }}</div>
     </div>
diff --git a/resources/views/components/button/link.blade.php b/resources/views/components/button/link.blade.php
index 5ae2a1f..259a95e 100644
--- a/resources/views/components/button/link.blade.php
+++ b/resources/views/components/button/link.blade.php
@@ -1,3 +1,3 @@
-<x-rapidez-mw::button {{ $attributes->merge(['class' => 'w-full flex items-center justify-between text-base font-medium text-primary !p-0 hover:opacity-75']) }}>
+<x-rapidez-mw::button {{ $attributes->merge(['class' => 'w-full flex items-center justify-between font-medium text-primary !p-0 hover:opacity-75']) }}>
     {{ $slot }}
 </x-rapidez-mw::button>
diff --git a/resources/views/components/dropdown.blade.php b/resources/views/components/dropdown.blade.php
index 2056380..0d96708 100644
--- a/resources/views/components/dropdown.blade.php
+++ b/resources/views/components/dropdown.blade.php
@@ -1,3 +1,3 @@
-<div {{ $attributes->merge(['class' => 'z-10 bg-white border text-base drop-shadow-sm rounded']) }}>
+<div {{ $attributes->merge(['class' => 'z-10 bg-white border drop-shadow-sm rounded']) }}>
     {{ $slot }}
 </div>
\ No newline at end of file
diff --git a/resources/views/components/table/header.blade.php b/resources/views/components/table/header.blade.php
index d067940..5ad39ad 100644
--- a/resources/views/components/table/header.blade.php
+++ b/resources/views/components/table/header.blade.php
@@ -1,4 +1,4 @@
-<thead {{ $attributes->class(['w-full rounded bg-muted']) }}>
+<thead {{ $attributes->class(['w-full rounded bg']) }}>
     <tr class="text-xs text-muted *:py-4 *:font-normal *:px-5">
         {{ $slot }}
     </tr>
diff --git a/resources/views/partials/item/new-list.blade.php b/resources/views/partials/item/new-list.blade.php
index 9f48f2f..a972622 100644
--- a/resources/views/partials/item/new-list.blade.php
+++ b/resources/views/partials/item/new-list.blade.php
@@ -1,5 +1,5 @@
 <div class="border-t">
-    <button class="text-base !font-sans flex justify-between w-full items-center mt-2.5 text-muted hover:text-primary" @click="addWishlist('New wishlist')">
+    <button class="!font-sans flex justify-between w-full items-center mt-2.5 text-muted hover:text-primary" @click="addWishlist('New wishlist')">
         @lang('New order list')
         <x-heroicon-o-plus-circle class="size-5"/>
     </button>
diff --git a/resources/views/partials/item/title.blade.php b/resources/views/partials/item/title.blade.php
index ff7ce2a..169eb03 100644
--- a/resources/views/partials/item/title.blade.php
+++ b/resources/views/partials/item/title.blade.php
@@ -7,7 +7,7 @@
 }">
     <div class="flex items-center" slot-scope="{ toggle, close, isOpen }">
         <template v-if="!isOpen">
-            <span class="text-base text-primary truncate peer place-self-start -mt-0.5">
+            <span class="text-primary truncate peer place-self-start -mt-0.5">
                 @{{ wishlist.title }}
             </span>
             <x-heroicon-s-pencil-square
@@ -18,7 +18,7 @@ class="pl-2 w-6 h-4 cursor-pointer shrink-0 opacity-0 hover:opacity-100 peer-hov
         <template v-else>
             <input
                 v-bind:ref="'editing_' + wishlist.id"
-                class="!font-[inherit] text-base text-primary -mt-0.5 w-full !outline-none"
+                class="!font-[inherit] text-primary -mt-0.5 w-full !outline-none"
                 v-model.lazy="wishlist.title"
                 v-on-click-away="close"
                 v-on:keyup.enter="close"
diff --git a/resources/views/partials/item/view.blade.php b/resources/views/partials/item/view.blade.php
index a4b0871..eb6e634 100644
--- a/resources/views/partials/item/view.blade.php
+++ b/resources/views/partials/item/view.blade.php
@@ -1,6 +1,6 @@
 <a
     v-if="findItem(wishlist, {{ $productId }})"
-    class="text-base text-primary mb-1 -mt-0.5 hover:underline"
+    class="text-primary mb-1 -mt-0.5 hover:underline"
     :href="'{{ route('wishlist.show', '') }}/' + wishlist.id"
 >
     @lang('View')

From 4b634bfe176207cb81cbb877d81bfc9a5f9a45ae Mon Sep 17 00:00:00 2001
From: Roene <roene@justbetter.nl>
Date: Mon, 30 Dec 2024 08:31:50 +0100
Subject: [PATCH 3/4] Update readme

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 093e76d..0597cc8 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@ The API uses mostly Laravel apiResource endpoints. All of the exposed endpoints
 
 ## Colors
 When you install Rapidez, the colors are already configured in your `tailwind.config.js`. This ensures that your colors are consistently applied across all elements.
-Alternatively, if you are using this package standalone, you can copy these variables and customize them to your liking. Colors can be found in the [Rapidez docs](https://docs.rapidez.io/3.x/theming.html#colors).
+Colors can be found in the [Rapidez docs](https://docs.rapidez.io/3.x/theming.html#colors).
 
 ## Components
-In this package we use the [Rapidez blade-components](https://github.com/rapidez/blade-components). When you install Rapidez, the rapidez/blade-components package is already installed. If you are using this package standalone, you can install them by running `composer require rapidez/blade-components`.
+In this package we use the [Rapidez blade-components](https://github.com/rapidez/blade-components). When you install Rapidez, the rapidez/blade-components package is already installed.

From 447bf2d4f750f3bc637bc0d63aea9e865d26658f Mon Sep 17 00:00:00 2001
From: Roy Duineveld <royduineveld@gmail.com>
Date: Tue, 7 Jan 2025 10:17:33 +0100
Subject: [PATCH 4/4] Update README.md

---
 README.md | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/README.md b/README.md
index 0597cc8..5e35c9e 100644
--- a/README.md
+++ b/README.md
@@ -28,10 +28,3 @@ The API uses mostly Laravel apiResource endpoints. All of the exposed endpoints
 | POST /wishlists/item | <ul><li>wishlist_id(int)</li><li>product_id(int)</li><li>qty(int)</li></ul> | Adds a new item to the given wishlist |
 | PATCH /wishlists/item/{id} | <ul><li>description(str, max 255)</li><li>qty(int)</li></ul> | Updates the data of an item |
 | DELETE /wishlists/item/{id} | None | Deletes an item |
-
-## Colors
-When you install Rapidez, the colors are already configured in your `tailwind.config.js`. This ensures that your colors are consistently applied across all elements.
-Colors can be found in the [Rapidez docs](https://docs.rapidez.io/3.x/theming.html#colors).
-
-## Components
-In this package we use the [Rapidez blade-components](https://github.com/rapidez/blade-components). When you install Rapidez, the rapidez/blade-components package is already installed.