Merge branch '3.x' into pr/8831

README.md

@@ -9,6 +9,10 @@
     <a href="https://php.net"><img alt="PHP 8.1" src="https://img.shields.io/badge/PHP-8.1-777BB4?style=for-the-badge&logo=php"></a>
 </p>
 
+<p align="center">
+    <a href="https://trendshift.io/repositories/238" target="_blank"><img src="https://trendshift.io/api/badge/repositories/238" alt="filamentphp%2Ffilament | Trendshift" style="width: 250px; height: 55px;" /></a>
+</p>
+
 Filament is a collection of full-stack components for accelerated Laravel development. They are beautifully designed, intuitive to use, and fully extensible - the perfect starting point for your next Laravel app. Why waste time building the same features over and over again?
 
 ## Packages

docs-assets/app/app/Livewire/ActionsDemo.php

@@ -40,6 +40,13 @@ public function iconButtonAction(): Action
             ->iconButton();
     }
 
+    public function badgeAction(): Action
+    {
+        return Action::make('badge')
+            ->label('Edit')
+            ->badge();
+    }
+
     public function dangerAction(): Action
     {
         return Action::make('danger')
@@ -69,17 +76,17 @@ public function iconAfterAction(): Action
             ->iconPosition(IconPosition::After);
     }
 
-    public function badgeAction(): Action
+    public function badgedAction(): Action
     {
-        return Action::make('badge')
+        return Action::make('badged')
             ->iconButton()
             ->icon('heroicon-m-funnel')
             ->badge(5);
     }
 
-    public function successBadgeAction(): Action
+    public function successBadgedAction(): Action
     {
-        return Action::make('successBadge')
+        return Action::make('successBadged')
             ->iconButton()
             ->icon('heroicon-m-funnel')
             ->badge(5)

docs-assets/app/public/js/filament/forms/components/textarea.js

@@ -1 +1 @@
-function t({initialHeight:e}){return{render:function(){this.$el.scrollHeight>0&&(this.$el.style.height=e+"rem",this.$el.style.height=this.$el.scrollHeight+"px")}}}export{t as default};
+function t({initialHeight:e}){return{init:function(){this.render()},render:function(){this.$el.scrollHeight>0&&(this.$el.style.height=e+"rem",this.$el.style.height=this.$el.scrollHeight+"px")}}}export{t as default};

docs-assets/app/resources/views/livewire/actions.blade.php

@@ -12,6 +12,10 @@
             {{ $this->iconButtonAction }}
         </div>
 
+        <div id="badgeAction" class="p-16 flex items-center justify-center max-w-xl">
+            {{ $this->badgeAction }}
+        </div>
+
         <div id="dangerAction" class="p-16 flex items-center justify-center max-w-xl">
             {{ $this->dangerAction }}
         </div>
@@ -28,12 +32,12 @@
             {{ $this->iconAfterAction }}
         </div>
 
-        <div id="badgeAction" class="p-16 flex items-center justify-center max-w-xl">
-            {{ $this->badgeAction }}
+        <div id="badgedAction" class="p-16 flex items-center justify-center max-w-xl">
+            {{ $this->badgedAction }}
         </div>
 
-        <div id="successBadgeAction" class="p-16 flex items-center justify-center max-w-xl">
-            {{ $this->successBadgeAction }}
+        <div id="successBadgedAction" class="p-16 flex items-center justify-center max-w-xl">
+            {{ $this->successBadgedAction }}
         </div>
 
         <div id="outlinedAction" class="p-16 flex items-center justify-center max-w-xl">

docs-assets/screenshots/schema.js

@@ -29,6 +29,15 @@ export default {
             await page.hover('#iconButtonAction button')
         },
     },
+    'actions/trigger-button/badge': {
+        url: 'actions',
+        selector: '#badgeAction',
+        viewport: {
+            width: 1920,
+            height: 640,
+            deviceScaleFactor: 3,
+        },
+    },
     'actions/trigger-button/danger': {
         url: 'actions',
         selector: '#dangerAction',
@@ -65,28 +74,28 @@ export default {
             deviceScaleFactor: 3,
         },
     },
-    'actions/trigger-button/badge': {
+    'actions/trigger-button/badged': {
         url: 'actions',
-        selector: '#badgeAction',
+        selector: '#badgedAction',
         viewport: {
             width: 1920,
             height: 640,
             deviceScaleFactor: 3,
         },
         before: async (page) => {
-            await page.hover('#badgeAction button')
+            await page.hover('#badgedAction button')
         },
     },
-    'actions/trigger-button/success-badge': {
+    'actions/trigger-button/success-badged': {
         url: 'actions',
-        selector: '#successBadgeAction',
+        selector: '#successBadgedAction',
         viewport: {
             width: 1920,
             height: 640,
             deviceScaleFactor: 3,
         },
         before: async (page) => {
-            await page.hover('#successBadgeAction button')
+            await page.hover('#successBadgedAction button')
         },
     },
     'actions/trigger-button/outlined': {