style: Replaced heroicons with hugeicons

vanguardbackup · Aug 25, 2024 · 31076d2 · 31076d2
1 parent 27c0aca
commit 31076d2
Show file tree

Hide file tree

Showing 78 changed files with 444 additions and 476 deletions.
diff --git a/app/Providers/FeatureServiceProvider.php b/app/Providers/FeatureServiceProvider.php
@@ -77,7 +77,7 @@ private function getFeatures(): array
             //     'title' => 'Example Feature',
             //     'description' => 'Description of the example feature.',
             //     'group' => 'General',
-            //     'icon' => 'heroicon-o-beaker',
+            //     'icon' => 'hugeicons-test-tube-01',
             // ],
         ];
     }

diff --git a/app/View/Components/Partials/FlashMessage.php b/app/View/Components/Partials/FlashMessage.php
@@ -98,10 +98,10 @@ public function buttonClasses(): string
     public function icon(): string
     {
         return match ($this->type) {
-            'success' => 'heroicon-o-check-circle',
-            'warning' => 'heroicon-o-exclamation-triangle',
-            'error' => 'heroicon-o-x-circle',
-            default => 'heroicon-o-information-circle',
+            'success' => 'hugeicons-checkmark-circle-02',
+            'warning' => 'hugeicons-alert-02',
+            'error' => 'hugeicons-cancel-circle',
+            default => 'hugeicons-information-circle',
         };
     }
 }
diff --git a/composer.json b/composer.json
@@ -6,7 +6,7 @@
     "license": "MIT",
     "require": {
         "php": "^8.2",
-        "blade-ui-kit/blade-heroicons": "^2.3",
+        "afatmustafa/blade-hugeicons": "^0.0.3",
         "danharrin/livewire-rate-limiting": "^1.3",
         "diglactic/laravel-breadcrumbs": "^9.0",
         "jenssegers/agent": "^2.6",

diff --git a/composer.lock b/composer.lock
diff --git a/resources/views/account/partials/sidebar.blade.php b/resources/views/account/partials/sidebar.blade.php
@@ -7,23 +7,23 @@
         <li>
             <x-sidebar-nav-link :href="route('profile')" :active="request()->routeIs('profile')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-user', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-user', 'h-5 w-5 mr-2')
                     <span>{{ __('My Profile') }}</span>
                 </span>
             </x-sidebar-nav-link>
         </li>
         <li>
             <x-sidebar-nav-link :href="route('profile.api')" :active="request()->routeIs('profile.api*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-code-bracket', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-ticket-02', 'h-5 w-5 mr-2')
                     <span>{{ __('API Tokens') }}</span>
                 </span>
             </x-sidebar-nav-link>
         </li>
         <li>
             <x-sidebar-nav-link :href="route('profile.connections')" :active="request()->routeIs('profile.connections*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-puzzle-piece', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-puzzle', 'h-5 w-5 mr-2')
                     <span>{{ __('Connections') }}</span>
                 </span>
             </x-sidebar-nav-link>
@@ -36,7 +36,7 @@
         <li>
             <x-sidebar-nav-link :href="route('profile.mfa')" :active="request()->routeIs('profile.mfa*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-lock-closed', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-square-lock-02', 'h-5 w-5 mr-2')
                     <span>{{ __('Two-Factor Auth') }}</span>
                 </span>
             </x-sidebar-nav-link>
@@ -45,7 +45,7 @@
             <li>
                 <x-sidebar-nav-link :href="route('profile.sessions')" :active="request()->routeIs('profile.sessions*')" wire:navigate>
                     <span class="flex items-center">
-                        @svg('heroicon-o-globe-alt', 'h-5 w-5 mr-2')
+                        @svg('hugeicons-gps-signal-01', 'h-5 w-5 mr-2')
                         <span>{{ __('Active Sessions') }}</span>
                     </span>
                 </x-sidebar-nav-link>
@@ -59,31 +59,31 @@
         <li>
             <x-sidebar-nav-link :href="route('tags.index')" :active="request()->routeIs('tags.*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-tag', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-tags', 'h-5 w-5 mr-2')
                     <span>{{ __('Manage Tags') }}</span>
                 </span>
             </x-sidebar-nav-link>
         </li>
         <li>
             <x-sidebar-nav-link :href="route('notification-streams.index')" :active="request()->routeIs('notification-streams.*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-bell', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-notification-02', 'h-5 w-5 mr-2')
                     <span>{{ __('Notifications') }}</span>
                 </span>
             </x-sidebar-nav-link>
         </li>
         <li>
             <x-sidebar-nav-link :href="route('profile.quiet-mode')" :active="request()->routeIs('profile.quiet-mode*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-bell-snooze', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-notification-snooze-02', 'h-5 w-5 mr-2')
                     <span>{{ __('Quiet Mode') }}</span>
                 </span>
             </x-sidebar-nav-link>
         </li>
         <li>
             <x-sidebar-nav-link :href="route('profile.experiments')" :active="request()->routeIs('profile.experiments*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-beaker', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-test-tube-01', 'h-5 w-5 mr-2')
                     <span>{{ __('Experiments') }}</span>
                 </span>
             </x-sidebar-nav-link>
@@ -96,15 +96,15 @@
         <li>
             <x-sidebar-nav-link :href="route('profile.help')" :active="request()->routeIs('profile.help*')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-lifebuoy', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-mentoring', 'h-5 w-5 mr-2')
                     <span>{{ __('Get Help') }}</span>
                 </span>
             </x-sidebar-nav-link>
         </li>
         <li>
             <x-sidebar-nav-link :href="route('account.remove-account')" :active="request()->routeIs('account.remove-account')" wire:navigate>
                 <span class="flex items-center">
-                    @svg('heroicon-o-trash', 'h-5 w-5 mr-2')
+                    @svg('hugeicons-user-remove-01', 'h-5 w-5 mr-2')
                     <span>{{ __('Delete Account') }}</span>
                 </span>
             </x-sidebar-nav-link>

diff --git a/resources/views/components/auth-session-error.blade.php b/resources/views/components/auth-session-error.blade.php
@@ -2,7 +2,7 @@
 
 @if ($loginError)
     <div {{ $attributes->merge(['class' => 'font-medium text-sm text-red-600 dark:text-red-400 py-2 px-2 border border-red-200 bg-red-50 rounded-lg text-center']) }}>
-        @svg('heroicon-o-exclamation-triangle', 'w-5 h-5 inline-block me-2')
+        @svg('hugeicons-alert-02', 'w-5 h-5 inline-block me-2')
         {{ $loginError }}
     </div>
 @endif
diff --git a/resources/views/components/chart-card.blade.php b/resources/views/components/chart-card.blade.php
@@ -1,5 +1,5 @@
 @props([
-    'icon' => 'heroicon-o-chart-bar',
+    'icon' => 'hugeicons-presentation-bar-chart-01',
     'title',
     'description',
 ])

diff --git a/resources/views/components/form-wrapper.blade.php b/resources/views/components/form-wrapper.blade.php
@@ -10,7 +10,7 @@
                     @if (isset($icon))
                         <x-dynamic-component :component="$icon" :class="$iconClass" />
                     @else
-                        @svg('heroicon-o-server', ['class' => $iconClass])
+                        @svg('hugeicons-information-circle', ['class' => $iconClass])
                     @endif
                 </div>
                 <div>

diff --git a/resources/views/components/notification-stream-form.blade.php b/resources/views/components/notification-stream-form.blade.php
@@ -7,7 +7,7 @@
         {{ __('Add or update a Notification Stream.') }}
     </x-slot>
     <x-slot name="icon">
-        heroicon-o-bell
+        hugeicons-notification-02
     </x-slot>
     <form wire:submit.prevent="submit">
         <div class="mt-4 flex flex-col md:flex-row md:space-x-6 space-y-4 md:space-y-0">

diff --git a/resources/views/components/partials/flash-message.blade.php b/resources/views/components/partials/flash-message.blade.php
@@ -21,7 +21,7 @@ class="border-l-4 p-4 rounded-r-lg shadow-md {{ $alertClasses() }}"
                 <div class="-mx-1.5 -my-1.5">
                     <button @click="show = false" type="button" class="inline-flex rounded-full p-1.5 hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-offset-2 {{ $buttonClasses() }}">
                         <span class="sr-only">Dismiss</span>
-                        @svg('heroicon-o-x-mark', 'h-5 w-5')
+                        @svg('hugeicons-cancel-01', 'h-5 w-5')
                     </button>
                 </div>
             </div>

diff --git a/resources/views/components/responsive-theme-switcher.blade.php b/resources/views/components/responsive-theme-switcher.blade.php
@@ -28,23 +28,23 @@ class="px-4 py-3 border-t border-gray-700"
             :class="{'bg-primary-600': theme === 'light', 'bg-gray-600': theme !== 'light'}"
             class="flex-1 px-3 py-2 rounded-md text-sm font-medium text-white transition-colors duration-200"
         >
-            @svg('heroicon-o-sun', 'w-5 h-5 mx-auto')
+            @svg('hugeicons-sun-02', 'w-5 h-5 mx-auto')
             <span class="sr-only">{{ __('Light') }}</span>
         </button>
         <button
             @click="setTheme('dark')"
             :class="{'bg-primary-600': theme === 'dark', 'bg-gray-600': theme !== 'dark'}"
             class="flex-1 px-3 py-2 rounded-md text-sm font-medium text-white transition-colors duration-200"
         >
-            @svg('heroicon-o-moon', 'w-5 h-5 mx-auto')
+            @svg('hugeicons-moon-02', 'w-5 h-5 mx-auto')
             <span class="sr-only">{{ __('Dark') }}</span>
         </button>
         <button
             @click="setTheme('system')"
             :class="{'bg-primary-600': theme === 'system', 'bg-gray-600': theme !== 'system'}"
             class="flex-1 px-3 py-2 rounded-md text-sm font-medium text-white transition-colors duration-200"
         >
-            @svg('heroicon-o-computer-desktop', 'w-5 h-5 mx-auto')
+            @svg('hugeicons-computer', 'w-5 h-5 mx-auto')
             <span class="sr-only">{{ __('System') }}</span>
         </button>
     </div>

diff --git a/resources/views/components/select.blade.php b/resources/views/components/select.blade.php
@@ -32,7 +32,7 @@
 
     @if ($errors->has($name))
         <div class="absolute inset-y-0 right-0 pr-8 flex items-center pointer-events-none">
-            @svg('heroicon-o-exclamation-triangle', ['class' => 'w-5 h-5 text-red-600'])
+            @svg('hugeicons-alert-02', ['class' => 'w-5 h-5 text-red-600'])
         </div>
     @endif
 </div>
diff --git a/resources/views/components/stat-card.blade.php b/resources/views/components/stat-card.blade.php
@@ -1,5 +1,5 @@
 @props([
-    'icon' => 'heroicon-o-question-mark-circle',
+    'icon' => 'hugeicons-information-circle',
     'title',
     'description',
 ])

diff --git a/resources/views/components/text-input.blade.php b/resources/views/components/text-input.blade.php
@@ -15,7 +15,7 @@
 
     @if ($errors->has($name))
         <div class="absolute inset-y-0 {{ $errorIconClass }} flex items-center pointer-events-none">
-            @svg('heroicon-o-exclamation-triangle', ['class' => 'w-5 h-5 text-red-600'])
+            @svg('hugeicons-alert-02', ['class' => 'w-5 h-5 text-red-600'])
         </div>
     @endif
 </div>
diff --git a/resources/views/components/textarea.blade.php b/resources/views/components/textarea.blade.php
@@ -31,7 +31,7 @@
 
     @if ($hasError)
         <div class="absolute top-2 right-2 flex items-center pointer-events-none">
-            @svg('heroicon-o-exclamation-triangle', ['class' => 'w-5 h-5 text-red-600'])
+            @svg('hugeicons-alert-02', ['class' => 'w-5 h-5 text-red-600'])
         </div>
     @endif
 </div>