@fluid-topics/ft-chip 1.3.58 → 1.3.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-chip.d.ts +2 -0
- package/build/ft-chip.js +5 -1
- package/build/ft-chip.light.js +1013 -431
- package/build/ft-chip.min.js +1049 -467
- package/package.json +6 -6
package/build/ft-chip.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
|
|
2
|
+
import { FtTypographyVariants } from "@fluid-topics/ft-typography";
|
|
2
3
|
import { FtIconVariants } from "@fluid-topics/ft-icon";
|
|
3
4
|
import { FtChipProperties } from "./ft-chip.property";
|
|
4
5
|
export declare class IconClickEvent extends CustomEvent<void> {
|
|
@@ -19,6 +20,7 @@ export declare class FtChip extends FtLitElement implements FtChipProperties {
|
|
|
19
20
|
icon?: string;
|
|
20
21
|
iconVariant?: FtIconVariants;
|
|
21
22
|
trailingIcon: boolean;
|
|
23
|
+
typographyVariant?: FtTypographyVariants;
|
|
22
24
|
private slottedContent?;
|
|
23
25
|
static styles: import("lit").CSSResult[];
|
|
24
26
|
protected render(): import("lit-html").TemplateResult<1>;
|
package/build/ft-chip.js
CHANGED
|
@@ -35,6 +35,7 @@ class FtChip extends FtLitElement {
|
|
|
35
35
|
this.trailingIcon = false;
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
+
var _a;
|
|
38
39
|
const classes = {
|
|
39
40
|
"ft-chip": true,
|
|
40
41
|
"ft-chip--highlighted": this.highlighted,
|
|
@@ -53,7 +54,7 @@ class FtChip extends FtLitElement {
|
|
|
53
54
|
@keyup=${this.onKeyUp}
|
|
54
55
|
part="chip">
|
|
55
56
|
<ft-ripple ?disabled=${!this.interactionsOnChip}></ft-ripple>
|
|
56
|
-
<ft-typography variant="body2" element="span" class="ft-chip--label" part="label">
|
|
57
|
+
<ft-typography variant="${(_a = this.typographyVariant) !== null && _a !== void 0 ? _a : "body2"}" element="span" class="ft-chip--label" part="label">
|
|
57
58
|
<slot @slotchange=${this.onSlotchange}></slot>
|
|
58
59
|
</ft-typography>
|
|
59
60
|
${this.internalIcon ? this.renderIcon() : null}
|
|
@@ -165,6 +166,9 @@ __decorate([
|
|
|
165
166
|
__decorate([
|
|
166
167
|
property({ type: Boolean })
|
|
167
168
|
], FtChip.prototype, "trailingIcon", void 0);
|
|
169
|
+
__decorate([
|
|
170
|
+
property()
|
|
171
|
+
], FtChip.prototype, "typographyVariant", void 0);
|
|
168
172
|
__decorate([
|
|
169
173
|
query("ft-typography slot")
|
|
170
174
|
], FtChip.prototype, "slottedContent", void 0);
|