chore: wip

Author: chrisbbreuer

storage/framework/defaults/components/Dashboard/Commerce/Delivery/LicenseKeysTable.vue

@@ -56,7 +56,7 @@
                 </td>
                 <td class="relative whitespace-nowrap py-4.5 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                   <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300 p-2 rounded-md border border-transparent hover:border-blue-200 dark:hover:border-blue-800 mr-2" @click="$emit('view', licenseKey)" title="View">
-                    <div class="i-hugeicons-eye-01 h-5 w-5" />
+                    <div class="i-hugeicons-view h-5 w-5" />
                   </button>
                   <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300 p-2 rounded-md border border-transparent hover:border-blue-200 dark:hover:border-blue-800 mr-2" @click="$emit('edit', licenseKey)" title="Edit">
                     <div class="i-hugeicons-edit-01 h-5 w-5" />

storage/framework/defaults/views/dashboard/blog/categories/index.vue

@@ -409,7 +409,7 @@ const hasSelectedCategories = computed(() => selectedCategoryIds.value.length >
                 @click="confirmDeleteSelected"
                 class="inline-flex items-center rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-red-600 shadow-sm ring-1 ring-inset ring-red-300 hover:bg-red-50 dark:bg-blue-gray-800 dark:text-red-400 dark:ring-red-500/30 dark:hover:bg-red-500/10"
               >
-                <div class="i-hugeicons-trash-03 h-4 w-4 mr-1"></div>
+                <div class="i-hugeicons-waste h-4 w-4 mr-1"></div>
                 Delete Selected
               </button>
             </div>
@@ -494,16 +494,16 @@ const hasSelectedCategories = computed(() => selectedCategoryIds.value.length >
                       <div class="flex justify-end space-x-2">
                         <button
                           @click="openEditModal(category)"
-                          class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300"
+                          class="text-gray-400 transition-colors duration-150 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300"
                         >
-                          <div class="i-hugeicons-pencil-01 h-5 w-5"></div>
+                          <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           <span class="sr-only">Edit</span>
                         </button>
                         <button
                           @click="confirmDeleteCategory(category)"
-                          class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300"
+                          class="text-gray-400 transition-colors duration-150 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300"
                         >
-                          <div class="i-hugeicons-trash-03 h-5 w-5"></div>
+                          <div class="i-hugeicons-waste h-5 w-5"></div>
                           <span class="sr-only">Delete</span>
                         </button>
                       </div>
@@ -596,7 +596,7 @@ const hasSelectedCategories = computed(() => selectedCategoryIds.value.length >
               class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:bg-blue-gray-800 dark:text-gray-300 dark:hover:text-gray-200"
             >
               <span class="sr-only">Close</span>
-              <div class="i-hugeicons-x-mark h-6 w-6"></div>
+              <div class="i-hugeicons-cancel-circle h-6 w-6"></div>
             </button>
           </div>
           <div class="sm:flex sm:items-start">
@@ -691,12 +691,12 @@ const hasSelectedCategories = computed(() => selectedCategoryIds.value.length >
               class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:bg-blue-gray-800 dark:text-gray-300 dark:hover:text-gray-200"
             >
               <span class="sr-only">Close</span>
-              <div class="i-hugeicons-x-mark h-6 w-6"></div>
+              <div class="i-hugeicons-cancel-circle h-6 w-6"></div>
             </button>
           </div>
           <div class="sm:flex sm:items-start">
             <div class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10 dark:bg-blue-900/30">
-              <div class="i-hugeicons-pencil-01 h-6 w-6 text-blue-600 dark:text-blue-400"></div>
+              <div class="i-hugeicons-edit-01 h-6 w-6 text-blue-600 dark:text-blue-400"></div>
             </div>
             <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
               <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white" id="modal-title">Edit Category</h3>
@@ -783,7 +783,7 @@ const hasSelectedCategories = computed(() => selectedCategoryIds.value.length >
               class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:bg-blue-gray-800 dark:text-gray-300 dark:hover:text-gray-200"
             >
               <span class="sr-only">Close</span>
-              <div class="i-hugeicons-x-mark h-6 w-6"></div>
+              <div class="i-hugeicons-cancel-circle h-6 w-6"></div>
             </button>
           </div>
           <div class="sm:flex sm:items-start">

storage/framework/defaults/views/dashboard/blog/comments/index.vue

@@ -434,7 +434,7 @@ function truncateText(text: string, maxLength: number): string {
                 @click="confirmDeleteSelected"
                 class="inline-flex items-center rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-red-600 shadow-sm ring-1 ring-inset ring-red-300 hover:bg-red-50 dark:bg-blue-gray-800 dark:text-red-400 dark:ring-red-500/30 dark:hover:bg-red-500/10"
               >
-                <div class="i-hugeicons-trash-03 h-4 w-4 mr-1"></div>
+                <div class="i-hugeicons-waste h-4 w-4 mr-1"></div>
                 Delete
               </button>
             </div>
@@ -559,15 +559,15 @@ function truncateText(text: string, maxLength: number): string {
                           class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300"
                           title="Edit"
                         >
-                          <div class="i-hugeicons-pencil-01 h-5 w-5"></div>
+                          <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           <span class="sr-only">Edit</span>
                         </button>
                         <button
                           @click="confirmDeleteComment(comment)"
                           class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300"
                           title="Delete"
                         >
-                          <div class="i-hugeicons-trash-03 h-5 w-5"></div>
+                          <div class="i-hugeicons-waste h-5 w-5"></div>
                           <span class="sr-only">Delete</span>
                         </button>
                       </div>
@@ -665,7 +665,7 @@ function truncateText(text: string, maxLength: number): string {
           </div>
           <div class="sm:flex sm:items-start">
             <div class="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10 dark:bg-blue-900/30">
-              <div class="i-hugeicons-pencil-01 h-6 w-6 text-blue-600 dark:text-blue-400"></div>
+              <div class="i-hugeicons-edit-01 h-6 w-6 text-blue-600 dark:text-blue-400"></div>
             </div>
             <div class="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
               <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white" id="modal-title">Edit Comment</h3>

storage/framework/defaults/views/dashboard/blog/index.vue

@@ -264,7 +264,7 @@ const averageEngagement = '4.2%'
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
-                            <div class="i-hugeicons-eye-01 h-5 w-5"></div>
+                            <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-license-draft h-5 w-5"></div>
@@ -371,7 +371,7 @@ const averageEngagement = '4.2%'
                         Edit
                       </button>
                       <button type="button" class="inline-flex items-center rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 dark:bg-blue-gray-700 dark:text-white dark:ring-gray-600 dark:hover:bg-blue-gray-600">
-                        <div class="i-hugeicons-eye-01 h-4 w-4 mr-1"></div>
+                        <div class="i-hugeicons-view h-4 w-4 mr-1"></div>
                         Preview
                       </button>
                       <button type="button" class="inline-flex items-center rounded-md bg-blue-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600">

storage/framework/defaults/views/dashboard/blog/posts/index.vue

@@ -690,7 +690,7 @@ const previewTags = computed(() => {
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
-                            <div class="i-hugeicons-eye-01 h-5 w-5"></div>
+                            <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-license-draft h-5 w-5"></div>

storage/framework/defaults/views/dashboard/commerce/customers/index.vue

@@ -361,7 +361,7 @@ function getStatusClass(status: string): string {
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
-                            <div class="i-hugeicons-eye-01 h-5 w-5"></div>
+                            <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-license-draft h-5 w-5"></div>

storage/framework/defaults/views/dashboard/commerce/gift-cards/index.vue

@@ -385,10 +385,10 @@ function addGiftCard(): void {
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
-                            <div class="i-hugeicons-eye-01 h-5 w-5"></div>
+                            <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
-                            <div class="i-hugeicons-license-draft h-5 w-5"></div>
+                            <div class="i-hugeicons-edit-01 h-5 w-5"></div>
                           </button>
                         </div>
                       </td>

storage/framework/defaults/views/dashboard/commerce/orders/index.vue

@@ -341,7 +341,7 @@ function getStatusClass(status: string): string {
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
-                            <div class="i-hugeicons-eye-01 h-5 w-5"></div>
+                            <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-edit-01 h-5 w-5"></div>

storage/framework/defaults/views/dashboard/commerce/payments/index.vue

@@ -440,7 +440,7 @@ const totalAmount = computed(() => {
                       <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
                         <div class="flex items-center justify-end space-x-2">
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
-                            <div class="i-hugeicons-eye-01 h-5 w-5"></div>
+                            <div class="i-hugeicons-view h-5 w-5"></div>
                           </button>
                           <button type="button" class="text-blue-600 hover:text-blue-900 dark:text-blue-400 dark:hover:text-blue-300">
                             <div class="i-hugeicons-receipt h-5 w-5"></div>