@flytedan/flytebot-design-system 0.51.1 → 0.51.3

package/dist/index.d.cts

@@ -1214,7 +1214,8 @@ interface FilterFieldBase {
     /** Human label shown in the "add filter" list and on the field's chip. */
     label: string;
     /** Phosphor icon name (e.g. "megaphone") drawn before the chip's text, so a chip reads as
-     *  its kind at a glance. Decorative: the chip's name is its text alone. */
+     *  its kind at a glance. Decorative, but it names the kind for a sighted reader, so a chip with
+     *  an icon paints only its value; its accessible name and tooltip stay the full "Label: value". */
     icon?: string;
 }
 interface FilterFieldText extends FilterFieldBase {

package/dist/index.d.ts

@@ -1214,7 +1214,8 @@ interface FilterFieldBase {
     /** Human label shown in the "add filter" list and on the field's chip. */
     label: string;
     /** Phosphor icon name (e.g. "megaphone") drawn before the chip's text, so a chip reads as
-     *  its kind at a glance. Decorative: the chip's name is its text alone. */
+     *  its kind at a glance. Decorative, but it names the kind for a sighted reader, so a chip with
+     *  an icon paints only its value; its accessible name and tooltip stay the full "Label: value". */
     icon?: string;
 }
 interface FilterFieldText extends FilterFieldBase {

package/dist/index.js

@@ -4470,8 +4470,10 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
           removeField(field);
           closeEditing();
         };
-        const chipText = field.label + (set ? ": " + chipLabel(field, value) : "");
-        const chip = /* @__PURE__ */ jsx49(Tag, { icon: field.icon, selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, "aria-label": chipText, children: /* @__PURE__ */ jsx49(MiddleEllipsis, { text: chipText }) });
+        const valueText = set ? chipLabel(field, value) : "";
+        const chipText = set ? field.label + ": " + valueText : field.label;
+        const paintedText = field.icon && set ? valueText : chipText;
+        const chip = /* @__PURE__ */ jsx49(Tag, { icon: field.icon, selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, "aria-label": chipText, children: /* @__PURE__ */ jsx49(MiddleEllipsis, { text: paintedText }) });
         if (field.type === "text") {
           return /* @__PURE__ */ jsx49("span", { className: "fd-filterbar-chip", children: chip }, field.key);
         }