tuix-webcomponents 0.94.0 → 0.95.1
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/README.md +2 -2
- package/custom-elements.json +686 -686
- package/dist/src/tuix-icon/TuixIcon.icons.js +11 -0
- package/dist/src/tuix-icon/enums/tuix-icon.enums.d.ts +4 -1
- package/dist/src/tuix-icon/enums/tuix-icon.enums.js +3 -0
- package/dist/src/tuix-link/TuixLink.js +7 -11
- package/dist/src/tuix-text/TuixText.js +4 -4
- package/package.json +1 -1
|
@@ -410,5 +410,16 @@ export const iconContentMap = {
|
|
|
410
410
|
<path d="M17 20a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6M21 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0M10.5 10.5l4 4" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
411
411
|
<rect width="8" height="8" x="3" y="3" rx="2" stroke="#121212" stroke-width="2"/>
|
|
412
412
|
<path d="M7 12v3M12 7h3" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
|
|
413
|
+
</svg>`,
|
|
414
|
+
[IconName.PLAY_OUTLINE]: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
415
|
+
<path d="M5 3L19 12L5 21V3Z" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
416
|
+
</svg>`,
|
|
417
|
+
[IconName.REFRESH]: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
418
|
+
<path d="M23 4V10H17" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
419
|
+
<path d="M1 20V14H7" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
420
|
+
<path d="M3.506 8.998C4.013 7.564 4.875 6.283 6.012 5.273C7.148 4.263 8.522 3.557 10.004 3.222C11.487 2.886 13.031 2.932 14.491 3.354C15.952 3.777 17.281 4.562 18.356 5.638L23 10M1 14L5.636 18.358C6.711 19.433 8.04 20.218 9.501 20.641C10.961 21.063 12.505 21.109 13.988 20.773C15.471 20.438 16.844 19.732 17.981 18.722C19.117 17.712 19.979 16.431 20.486 14.998" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
421
|
+
</svg>`,
|
|
422
|
+
[IconName.SHIELD]: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
423
|
+
<path d="M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
413
424
|
</svg>`,
|
|
414
425
|
};
|
|
@@ -98,4 +98,7 @@ export var IconName;
|
|
|
98
98
|
IconName["HIGHLIGHT"] = "highlight";
|
|
99
99
|
IconName["MCP_LOGO"] = "mcp-logo";
|
|
100
100
|
IconName["ENDPOINTS"] = "endpoints";
|
|
101
|
+
IconName["PLAY_OUTLINE"] = "play-outline";
|
|
102
|
+
IconName["REFRESH"] = "refresh";
|
|
103
|
+
IconName["SHIELD"] = "shield";
|
|
101
104
|
})(IconName || (IconName = {}));
|
|
@@ -23,22 +23,18 @@ let TuixLink = class TuixLink extends LitElement {
|
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
_anchorTemplate() {
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
// No whitespace anywhere in the template: the host is inline, so it would render as a space.
|
|
27
|
+
// prettier-ignore
|
|
28
|
+
return html `<a
|
|
28
29
|
target="${this.disabled ? LinkTarget.SELF : this.target}"
|
|
29
30
|
class="${classMap(this._getClassMap())}"
|
|
30
31
|
href="${this.disabled ? 'javascript:void(0)' : this.href}"
|
|
31
|
-
|
|
32
|
-
<slot></slot>
|
|
33
|
-
</a>
|
|
34
|
-
`;
|
|
32
|
+
><slot></slot></a>`;
|
|
35
33
|
}
|
|
36
34
|
_divTemplate() {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
</div>
|
|
41
|
-
`;
|
|
35
|
+
// No whitespace anywhere in the template: the host is inline, so it would render as a space.
|
|
36
|
+
// prettier-ignore
|
|
37
|
+
return html `<div class="${classMap(this._getClassMap())}"><slot></slot></div>`;
|
|
42
38
|
}
|
|
43
39
|
render() {
|
|
44
40
|
const isValidAnchor = this.href && !this.disabled;
|
|
@@ -43,12 +43,12 @@ let TuixText = class TuixText extends LitElement {
|
|
|
43
43
|
return colorMap[this.color || TextVariant.PRIMARY];
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
|
|
46
|
+
// No whitespace anywhere in the template: the host is inline, so it would render as a space.
|
|
47
|
+
// prettier-ignore
|
|
48
|
+
return html `<div
|
|
47
49
|
class="${classMap(this._getClassMap())}"
|
|
48
50
|
style="${styleMap(this._getStyleMap())}"
|
|
49
|
-
|
|
50
|
-
<slot></slot>
|
|
51
|
-
</div>`;
|
|
51
|
+
><slot></slot></div>`;
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
__decorate([
|
package/package.json
CHANGED