@charde/core 0.0.4 → 0.0.6

package/dist/collection/components/generated/chardes-badge-secondary.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Secondary Badge
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeSecondary {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-secondary badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-yellow-300 text-gray-900 hover:bg-yellow-400 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '76105b11bc380ff6c7f1fe9b2bb5d76b4a3ce4d8', class: cls, style: sty }, this.text || "Secondary"));
+    }
+    static get is() { return "chardes-badge-secondary"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-secondary.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-secondary.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-success.css

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

package/dist/collection/components/generated/chardes-badge-success.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Success Badge
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeSuccess {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-success badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white hover:bg-green-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '313cd5660ff26abf754fa129eb4c6764bdddf485', class: cls, style: sty }, this.text || "Success"));
+    }
+    static get is() { return "chardes-badge-success"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-success.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-success.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-text.css

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

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

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Badge Text
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeText {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'c9b57c0ef4cb58c40b881b2fcca5a4f6f3955345', class: cls, style: sty }, this.text || "With Icon"));
+    }
+    static get is() { return "chardes-badge-text"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-text.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-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-warning.css

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

package/dist/collection/components/generated/chardes-badge-warning.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Warning Badge
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeWarning {
+    customClass;
+    customStyle;
+    text;
+    render() {
+        const cls = ["badge-warning badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white hover:bg-orange-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '947845745531341c43e5b860498697b976330083', class: cls, style: sty }, this.text || "Warning"));
+    }
+    static get is() { return "chardes-badge-warning"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-warning.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-warning.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-with-icon.css

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

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

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Badge with Icon
+ * Auto-generated from Charisol Design System
+ */
+export class BadgeWithIcon {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["badge-primary badge-with-icon inline-flex items-center justify-center gap-2 px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors duration-200 cursor-pointer", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '229ae8316ad3374fc013baa8f7fea94e9682c161', class: cls, style: sty }, h("span", { key: '96532661ae451f6e44916e39b5440aace2395f26', class: "flex-shrink-0", innerHTML: `<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>` }), h("span", { key: 'c111cb3b65dd3bfa6f8174abe7edba88262df95d' }, "With Icon")));
+    }
+    static get is() { return "chardes-badge-with-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge-with-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge-with-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"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-badge.css

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

package/dist/collection/components/generated/chardes-badge.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Badge
+ * Auto-generated from Charisol Design System
+ */
+export class Badge {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["inline-flex items-center justify-center px-3 py-1.5 text-xs font-semibold leading-tight rounded-full transition-colors select-none text-white gap-2 whitespace-nowrap backface-hidden align-middle", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'b1d8dbdbca9b59ca79bf64b5975e1ace0f4e7d6d', class: cls, style: sty }, h("span", { key: 'dff5c99380f77d4c9d28bc458e2d974e2beb472b', class: "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" }, "Primary"), h("span", { key: '9ede6e5cf3e042cdc22395c8969d2f8f661b207f', class: "badge-secondary badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-yellow-300 text-gray-900 hover:bg-yellow-400 transition-colors duration-200 cursor-pointer" }, "Secondary"), h("span", { key: '03270d1679a1998e0e329f8eaec0626cdeb4ceeb', class: "badge-success badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-green-500 text-white hover:bg-green-600 transition-colors duration-200 cursor-pointer" }, "Success"), h("span", { key: '2f4431d22549ae4de5a867437e04d404903bb965', class: "badge-warning badge-pill inline-flex items-center justify-center px-3 py-1 text-xs font-semibold rounded-full bg-orange-500 text-white hover:bg-orange-600 transition-colors duration-200 cursor-pointer" }, "Warning"), h("span", { key: '6ce9d69ec38765d1aae112800a42242650528108', class: "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" }, "Error"), h("span", { key: 'b3a516e308e49ae7229d31dfbc5e1591f0c4ec3c', class: "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" }, "Outline"), h("span", { key: 'e73bdcf7bb617c3b03f4626e6150ec4d3bc5a34b', class: "badge-primary badge-with-icon inline-flex items-center justify-center gap-2 px-3 py-1 text-xs font-semibold rounded-full bg-blue-500 text-white hover:bg-blue-600 transition-colors duration-200 cursor-pointer" }, h("span", { key: '29355171f1ad20aedd28c6df2202f584be98c2b3', class: "flex-shrink-0", innerHTML: `<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>` }), h("span", { key: '39be80827004fa4a1aa6a3df21a0b970aba1d3ee' }, "With Icon")), h("span", { key: 'e4ffe81dc967d2562bf3f51d35f05a97ecb3aad4', class: "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" }, h("span", { key: '8dd9f90cf8bb857faeb9651bef321db46ae665f6' }, "Removable"), h("button", { key: '08ac6019021ee3e9fbab83b98ac2104b4cb304dc', 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: 'ff0edc09d9a409e8048c57e26acbd14d5492b31d', 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>` }))), h("div", { key: 'd3fe96c037692421e2b5ed4034d1da4a13482659', class: "flex flex-wrap gap-2 p-4 bg-gray-50 rounded-lg" }, h("span", { key: '5e2b9cfb69b001fb80d761bb4107540f1e5ffd82', 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: '6b38e18fc7a1d3c2925c5fec081e3958827db624', 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: '340acd294716f0951cd1a25c9de9533431759a4e', 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: '95902479959caa8564c30a5718716ecf51df2ba4', 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"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-badge.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-badge.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-button.css

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

package/dist/collection/components/generated/chardes-button.js

@@ -0,0 +1,128 @@
+import { h } from "@stencil/core";
+/**
+ * Button
+ * Auto-generated from Charisol Design System
+ */
+export class Button {
+    customClass;
+    customStyle;
+    text;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["inline-flex items-center justify-center font-semibold rounded-md transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed bg-blue-600 hover:bg-blue-700 active:bg-blue-800 px-4 py-2 text-sm", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("button", { key: 'f8c45854246bbcc5f55c2020602676752ac168e1', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "Button component", style: sty }, this.text || "Click me"));
+    }
+    static get is() { return "chardes-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-button.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"
+            },
+            "btnType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "btn-type"
+            },
+            "ariaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "aria-label"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-card-body-action-button-1.css

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