From 59917a5942c8eaba458d9486336eab09b3d0bb89 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Fri, 9 May 2025 16:49:49 +0100
Subject: [PATCH 1/3] Filter pill buttons are now resizable

---
 packages/client/manifest.json                 | 34 +++++++++++++++----
 .../src/components/app/filter/Filter.svelte   |  4 ++-
 .../components/app/filter/FilterButton.svelte | 17 ++++++++--
 3 files changed, 45 insertions(+), 10 deletions(-)

diff --git a/packages/client/manifest.json b/packages/client/manifest.json
index 46b1251da1..99b9e77100 100644
--- a/packages/client/manifest.json
+++ b/packages/client/manifest.json
@@ -5544,12 +5544,26 @@
         "wide": true
       },
       {
-        "label": "",
-        "type": "filterConfiguration",
-        "key": "filterConfig",
-        "nested": true,
-        "dependsOn": "targetComponent",
-        "resetOn": "targetComponent"
+        "type": "select",
+        "label": "Size",
+        "showInBar": true,
+        "key": "size",
+        "options": [
+          {
+            "label": "Small",
+            "value": "S"
+          },
+          {
+            "label": "Medium",
+            "value": "M"
+          },
+          {
+            "label": "Large",
+            "value": "L"
+          }
+        ],
+        "defaultValue": "M",
+        "wide": true
       },
       {
         "type": "boolean",
@@ -5562,6 +5576,14 @@
         "label": "Clear filters",
         "key": "showClear",
         "defaultValue": false
+      },
+      {
+        "label": "",
+        "type": "filterConfiguration",
+        "key": "filterConfig",
+        "nested": true,
+        "dependsOn": "targetComponent",
+        "resetOn": "targetComponent"
       }
     ]
   },
diff --git a/packages/client/src/components/app/filter/Filter.svelte b/packages/client/src/components/app/filter/Filter.svelte
index 0fce4e7a01..1ab189a58b 100644
--- a/packages/client/src/components/app/filter/Filter.svelte
+++ b/packages/client/src/components/app/filter/Filter.svelte
@@ -32,6 +32,7 @@
   export let showClear: boolean | undefined = false
   export let filterConfig: FilterConfig[] | undefined = []
   export let targetComponent: any
+  export let size: string | undefined = "M"
 
   const memoFilters = memo({} as Record<string, SearchFilter>)
   const component = getContext("component")
@@ -405,6 +406,7 @@
       {#each visibleFilters || [] as config}
         {@const filter = $memoFilters[config.field]}
         <FilterButton
+          {size}
           {config}
           {filter}
           {schema}
@@ -424,7 +426,7 @@
         />
       {/each}
       {#if showClear && Object.keys(filters).length}
-        <Button size={"S"} secondary on:click={clearAll}>Clear all</Button>
+        <Button {size} secondary on:click={clearAll}>Clear all</Button>
       {/if}
     </Container>
   </div>
diff --git a/packages/client/src/components/app/filter/FilterButton.svelte b/packages/client/src/components/app/filter/FilterButton.svelte
index 02789af923..795fbbc867 100644
--- a/packages/client/src/components/app/filter/FilterButton.svelte
+++ b/packages/client/src/components/app/filter/FilterButton.svelte
@@ -8,7 +8,7 @@
     FieldType,
     RangeOperator,
   } from "@budibase/types"
-  import { type PopoverAPI, Helpers } from "@budibase/bbui"
+  import { type PopoverAPI, Helpers, Icon } from "@budibase/bbui"
   import { createEventDispatcher, getContext } from "svelte"
   import { type Writable } from "svelte/store"
   import { isArrayOperator } from "@/utils/filtering"
@@ -170,7 +170,7 @@
           }}
         >
           <svg
-            class="spectrum-Icon spectrum-Icon--sizeS"
+            class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}"
             focusable="false"
             aria-hidden="true"
             aria-label={icon}
@@ -200,7 +200,7 @@
     z-index: 1;
   }
   .toggle-wrap svg {
-    width: 12px;
+    scale: 90%;
     pointer-events: none;
   }
   .filter-button-wrap.inactive .spectrum-Button .spectrum-Icon {
@@ -212,6 +212,17 @@
     display: flex;
     gap: var(--spacing-xs);
   }
+
+  .spectrum-Button--sizeM,
+  .spectrum-Button--sizeL {
+    gap: var(--spacing-s);
+  }
+
+  .spectrum-Button--sizeL {
+    padding-left: calc(1em * 0.9);
+    padding-right: calc(1em * 0.9);
+  }
+
   .spectrum-Button.is-disabled {
     cursor: default;
   }

From cc39f2010a6c5af5fd25510e9fa58bb2bbe2f65d Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Fri, 9 May 2025 17:01:50 +0100
Subject: [PATCH 2/3] Lint

---
 packages/client/src/components/app/filter/FilterButton.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/client/src/components/app/filter/FilterButton.svelte b/packages/client/src/components/app/filter/FilterButton.svelte
index 795fbbc867..428a44b54b 100644
--- a/packages/client/src/components/app/filter/FilterButton.svelte
+++ b/packages/client/src/components/app/filter/FilterButton.svelte
@@ -8,7 +8,7 @@
     FieldType,
     RangeOperator,
   } from "@budibase/types"
-  import { type PopoverAPI, Helpers, Icon } from "@budibase/bbui"
+  import { type PopoverAPI, Helpers } from "@budibase/bbui"
   import { createEventDispatcher, getContext } from "svelte"
   import { type Writable } from "svelte/store"
   import { isArrayOperator } from "@/utils/filtering"

From eb9533e46b790cd6fc2957765fb3cdaf15af29db Mon Sep 17 00:00:00 2001
From: Budibase Staging Release Bot <>
Date: Fri, 16 May 2025 07:07:29 +0000
Subject: [PATCH 3/3] Bump version to 3.11.1

---
 lerna.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lerna.json b/lerna.json
index ab6cf6a850..f9da1b8f78 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "3.11.0",
+  "version": "3.11.1",
   "npmClient": "yarn",
   "concurrency": 20,
   "command": {