@fluid-topics/ft-chip 0.3.71 → 1.0.0-alpha.0

package/build/ft-chip.css.d.ts

@@ -19,4 +19,3 @@ export declare const FtChipDenseCssVariables: {
     verticalPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare const styles: import("lit").CSSResult[];
-//# sourceMappingURL=ft-chip.css.d.ts.map

package/build/ft-chip.css.js

@@ -160,4 +160,3 @@ export const styles = [
         }
     `
 ];
-//# sourceMappingURL=ft-chip.css.js.map

package/build/ft-chip.d.ts

@@ -1,4 +1,5 @@
 import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { FtIconVariants } from "@fluid-topics/ft-icon";
 import { FtChipProperties } from "./ft-chip.property";
 export declare class IconClickEvent extends CustomEvent<void> {
     constructor();
@@ -14,6 +15,7 @@ export declare class FtChip extends FtLitElement implements FtChipProperties {
     multiLine: boolean;
     label: string;
     icon?: string;
+    iconVariant?: FtIconVariants;
     trailingIcon: boolean;
     private slottedContent?;
     static styles: import("lit").CSSResult[];
@@ -30,4 +32,3 @@ export declare class FtChip extends FtLitElement implements FtChipProperties {
     private onSlotchange;
     private get internalIcon();
 }
-//# sourceMappingURL=ft-chip.d.ts.map

package/build/ft-chip.js

@@ -17,7 +17,7 @@ export class IconClickEvent extends CustomEvent {
         super("icon-click");
     }
 }
-export class FtChip extends FtLitElement {
+class FtChip extends FtLitElement {
     constructor() {
         super(...arguments);
         this.highlighted = false;
@@ -69,7 +69,7 @@ export class FtChip extends FtLitElement {
                  @click=${this.onIconClick}
                  @keyup=${this.onIconKeyUp}>
                 <ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
-                <ft-icon variant="material">${this.internalIcon}</ft-icon>
+                <ft-icon .variant=${this.iconVariant} value="${this.internalIcon}"></ft-icon>
             </div>
         `;
     }
@@ -135,15 +135,18 @@ __decorate([
     property({ type: Boolean })
 ], FtChip.prototype, "multiLine", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtChip.prototype, "label", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FtChip.prototype, "icon", void 0);
+__decorate([
+    property()
+], FtChip.prototype, "iconVariant", void 0);
 __decorate([
     property({ type: Boolean })
 ], FtChip.prototype, "trailingIcon", void 0);
 __decorate([
     query("ft-typography slot")
 ], FtChip.prototype, "slottedContent", void 0);
-//# sourceMappingURL=ft-chip.js.map
+export { FtChip };