Merge branch '3.x' of https://github.com/filamentphp/filament into 3.x

filamentphp · Dec 6, 2023 · 922cde2 · 922cde2
2 parents ffc0610 + 8f0ca0e
commit 922cde2
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/packages/forms/resources/views/components/wizard.blade.php b/packages/forms/resources/views/components/wizard.blade.php
@@ -122,14 +122,20 @@
         ])
     >
         @foreach ($getChildComponentContainer()->getComponents() as $step)
-            <li class="fi-fo-wizard-header-step relative flex">
+            <li
+                class="fi-fo-wizard-header-step relative flex"
+                x-bind:class="{
+                    'fi-active': getStepIndex(step) === {{ $loop->index }},
+                    'fi-completed': getStepIndex(step) > {{ $loop->index }},
+                }"
+            >
                 <button
                     type="button"
                     x-bind:aria-current="getStepIndex(step) === {{ $loop->index }} ? 'step' : null"
                     x-on:click="step = @js($step->getId())"
                     x-bind:disabled="! isStepAccessible(step, {{ $loop->index }})"
                     role="step"
-                    class="flex h-full w-full items-center gap-x-4 px-6 py-4"
+                    class="fi-fo-wizard-header-step-button flex h-full w-full items-center gap-x-4 px-6 py-4"
                 >
                     <div
                         class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full"
@@ -165,7 +171,7 @@ class="fi-fo-wizard-header-step-icon h-6 w-6"
                         @else
                             <span
                                 x-show="getStepIndex(step) <= {{ $loop->index }}"
-                                class="text-sm font-medium"
+                                class="fi-fo-wizard-header-step-indicator text-sm font-medium"
                                 x-bind:class="{
                                     'text-gray-500 dark:text-gray-400':
                                         getStepIndex(step) !== {{ $loop->index }},
@@ -196,7 +202,7 @@ class="fi-fo-wizard-header-step-label text-sm font-medium"
 
                         @if (filled($description = $step->getDescription()))
                             <span
-                                class="fi-fo-wizard-header-step-description text-sm text-gray-500 dark:text-gray-400"
+                                class="fi-fo-wizard-header-step-description text-start text-sm text-gray-500 dark:text-gray-400"
                             >
                                 {{ $description }}
                             </span>
@@ -207,7 +213,7 @@ class="fi-fo-wizard-header-step-description text-sm text-gray-500 dark:text-gray
                 @if (! $loop->last)
                     <div
                         aria-hidden="true"
-                        class="absolute end-0 hidden w-5 md:block"
+                        class="fi-fo-wizard-header-step-separator absolute end-0 hidden w-5 md:block"
                     >
                         <svg
                             fill="none"