npm - @charde/core - Versions diffs - 0.0.4 → 0.0.5 - Mend

@charde/core 0.0.4 → 0.0.5

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.

Files changed (812) hide show

package/dist/collection/components/generated/chardes-badge-error.js ADDED Viewed

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Error Badge
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeError {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-error badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-red-500 text-white hover:bg-red-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '5b1dfa8201a50847e53f1e2156862d613ec08679', class: cls, style: sty }, this.text || "Error"));
+    }
+    static get is() { return "chardes-badge-error"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-error.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-error.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-group.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-badge-group.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Badge Group
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeGroup {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex flex-wrap gap-2 p-4 bg-gray-50 rounded-lg", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'bb222b6c0d87f3fb08a9021486cc03243b1b3216', class: cls, style: sty }, h("span", { key: 'bb2dca0bdffe63bad7cf2a486cbfcd602790f483', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white" }, "Design"), h("span", { key: '601f230a257fe2f1bbaa387a10a7fcd516182212', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white" }, "System"), h("span", { key: 'ac58907049ca341a832bf89d2145824b9f4e4d14', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-purple-500 text-white" }, "Tokens"), h("span", { key: '15f43450b1e93c0a6f3dbaf9bcbd13557c980da1', class: "inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white" }, "Components")));
+    }
+    static get is() { return "chardes-badge-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-group.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-icon.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-badge-icon.js ADDED Viewed

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Badge Icon
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeIcon {
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["flex-shrink-0", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '2f0e56a465b98f2408e1c8f77857bb3d58db25df', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>` }));
+    }
+    static get is() { return "chardes-badge-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "svgIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "svg-icon"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-interactive-text.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-badge-interactive-text.js ADDED Viewed

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Interactive Badge Text
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeInteractiveText {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'a0188d485a46036ffeff6a5499f795906dc8ec1b', class: cls, style: sty }, this.text || "Removable"));
+    }
+    static get is() { return "chardes-badge-interactive-text"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-interactive-text.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-interactive-text.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-interactive.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-badge-interactive.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Interactive Badge
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeInteractive {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["badge-primary badge-interactive inline-flex items-center justify-between gap-2 pl-3 pr-2 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors duration-200 group", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '5fde1cf7de03d89fca5227100a95136fd9681e58', class: cls, style: sty }, h("span", { key: 'edc8f220b6716bdd27103465c579fa1f9e02ba2f' }, "Removable"), h("button", { key: '34717503ba07857b275d839c0fdb845235a2af37', class: "flex items-center justify-center w-4 h-4 rounded-full bg-white/20 hover:bg-white/30 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-white/50", type: "button", "aria-label": "Remove badge" }, h("span", { key: '72405760ab82ced765df5bdd9ac809eff56a77b8', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>` }))));
+    }
+    static get is() { return "chardes-badge-interactive"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-interactive.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-interactive.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-outline.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-badge-outline.js ADDED Viewed

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Outline Badge
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeOutline {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-outline inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-md border border-gray-300 bg-transparent text-gray-700 hover:border-gray-400 hover:text-gray-900 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'fff7481b47398bbe6c239df220659c6b01e6c6a7', class: cls, style: sty }, this.text || "Outline"));
+    }
+    static get is() { return "chardes-badge-outline"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-outline.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-outline.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-primary.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Styles from global utilities.css */

package/dist/collection/components/generated/chardes-badge-primary.js ADDED Viewed

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Primary Badge
+ * Auto-generated from Charisol Design System
+ */
+export class BadgePrimary {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-primary badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white shadow-sm hover:bg-blue-600 transition-all duration-200 hover:scale-105 active:scale-95 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'b787ab2e0854c72ebab9cebd544b8fa6235eaa32', class: cls, style: sty }, this.text || "Primary"));
+    }
+    static get is() { return "chardes-badge-primary"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-primary.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-primary.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "customClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-class"
+            },
+            "customStyle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "custom-style"
+            },
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge-secondary.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ /* Styles from global utilities.css */