@fluid-topics/ftds-chip-group 2.2.13 → 2.2.15

package/build/ftds-chip-group.d.ts

@@ -22,6 +22,6 @@ export declare class FtdsChipGroup extends FtdsChipGroup_base implements FtdsChi
     private handleFocusOnChipDeleted;
     private focusChip;
     private toggleExtraChips;
-    private getFamilyIcon;
+    private getIconAndVariant;
 }
 export {};

package/build/ftds-chip-group.js

@@ -81,6 +81,7 @@ export class FtdsChipGroup extends withI18n(FtdsBase) {
     }
     renderChip(chip) {
         var _a, _b, _c, _d;
+        const { icon, iconVariant } = this.getIconAndVariant(chip);
         return html `
             <li>
                 <ft-tooltip
@@ -91,8 +92,8 @@ export class FtdsChipGroup extends withI18n(FtdsBase) {
                                    exportparts="chip"
                                    ?removable=${this.removable}
                                    .family=${(_b = chip.family) !== null && _b !== void 0 ? _b : DesignSystemFamily.neutral}
-                                   .icon=${this.getFamilyIcon(chip.family)}
-                                   .iconVariant=${FtdsIconVariants.solid}
+                                   .icon=${icon}
+                                   .iconVariant=${iconVariant}
                                    .removeButtonLabel=${(_c = chip.removeLabel) !== null && _c !== void 0 ? _c : chipGroupContext.messages.defaultRemoveLabel()}
                                    @remove=${() => this.onChipRemoved(chip)}>
                         ${(_d = chip.label) !== null && _d !== void 0 ? _d : chip.value}
@@ -128,13 +129,14 @@ export class FtdsChipGroup extends withI18n(FtdsBase) {
     toggleExtraChips(e) {
         this.isPopoverOpened = e.detail.opened;
     }
-    getFamilyIcon(family) {
-        switch (family) {
-            case DesignSystemFamily.warning:
-                return FtdsIcons.TRIANGLE_EXCLAMATION;
-            default:
-                return undefined;
+    getIconAndVariant(chip) {
+        if (chip.family === DesignSystemFamily.warning) {
+            return {
+                icon: FtdsIcons.TRIANGLE_EXCLAMATION,
+                iconVariant: FtdsIconVariants.solid,
+            };
         }
+        return { icon: chip.icon, iconVariant: chip.iconVariant };
     }
 }
 FtdsChipGroup.elementDefinitions = {