@flytedan/flytebot-design-system 0.51.0 → 0.51.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flytedan/flytebot-design-system",
-  "version": "0.51.0",
+  "version": "0.51.1",
   "description": "flytedesk Design System — shared component library, tokens, and business-logic kits for flytedesk apps.",
   "type": "module",
   "license": "UNLICENSED",

package/styles/components.css

@@ -3041,8 +3041,17 @@
 .fd-filterbar-main:not(:has(.fd-filterbar-trigger, .fd-tag)) {
   display: none;
 }
+/* The Filter button, and Clear all right after it. Beside each other while the column can hold
+   both; on a bar too narrow for that (capped at 45% of the main column, so the chips keep the
+   rest) Clear all drops under the button, still in this column and never on a row of the
+   chips' own. */
 .fd-filterbar-trigger {
-  flex: none;
+  flex: 0 1 auto;
+  max-width: 45%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--s-sm) var(--s-md);
 }
 /* The count of applied filters, inside the Filter button: the kit's blue count pill, shrunk to
    sit beside the button's text without making the button taller. */