@charde/core 0.0.4 → 0.0.6

package/dist/collection/components/generated/chardes-checkmark-svg.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Checkmark SVG
+ * Auto-generated from Charisol Design System
+ */
+export class CheckmarkSvg {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["text-white", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '9727679c6ac43a3e36823037b805ca4992215e44', class: cls, style: sty }));
+    }
+    static get is() { return "chardes-checkmark-svg"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-checkmark-svg.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-checkmark-svg.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-close-icon.css

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

package/dist/collection/components/generated/chardes-close-icon.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Close Icon
+ * Auto-generated from Charisol Design System
+ */
+export class CloseIcon {
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'd04039754b976ef3f32e993d0933ef910d38f635', class: cls, style: sty, innerHTML: this.svgIcon || `<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-close-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-close-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-close-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-error-icon-svg.css

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

package/dist/collection/components/generated/chardes-error-icon-svg.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Password Icon
+ * Auto-generated from Charisol Design System
+ */
+export class ErrorIconSvg {
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '00b0d2bf1759759663b552c19435eedee476dc42', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="text-red-600"><path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" /></svg>` }));
+    }
+    static get is() { return "chardes-error-icon-svg"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-error-icon-svg.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-error-icon-svg.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-error-input-icon.css

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

package/dist/collection/components/generated/chardes-error-input-icon.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Error Input Icon
+ * Auto-generated from Charisol Design System
+ */
+export class ErrorInputIcon {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '8205a62ee82ed4b356d292903a0692e2b4d9e786', class: cls, style: sty }, h("span", { key: 'dde2ddee305693d699bef38de5d9fc37f2481120', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="text-red-600"><path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" /></svg>` })));
+    }
+    static get is() { return "chardes-error-input-icon"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-error-input-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-error-input-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-error-input-wrapper.css

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

package/dist/collection/components/generated/chardes-error-input-wrapper.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Error Input Wrapper
+ * Auto-generated from Charisol Design System
+ */
+export class ErrorInputWrapper {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["w-full relative", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'b9a905d47bb4e5a48891a98a6ef03c6090d6cefc', class: cls, style: sty }, h("div", { key: '76b4cb739a5119d3c44e69e58fe20b675b1d19af', class: "absolute left-3 top-1/2 transform -translate-y-1/2 pointer-events-none" }, h("span", { key: '86a6a98c76393f2195b5f0bdd5664060865d0b5b', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="text-red-600"><path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" /></svg>` })), h("input", { key: '25e8e6218abecd135f9ebd0061c9bc01ed6f50ae', class: "w-full px-4 py-2 bg-white text-gray-900 border border-red-500 rounded-lg font-sans text-base leading-relaxed transition-all duration-200 outline-none focus:border-red-500 focus:ring-2 focus:ring-red-500/20 pl-12", type: "password", id: "error-input" })));
+    }
+    static get is() { return "chardes-error-input-wrapper"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-error-input-wrapper.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-error-input-wrapper.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-error-input.css

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

package/dist/collection/components/generated/chardes-error-input.js

@@ -0,0 +1,168 @@
+import { h } from "@stencil/core";
+/**
+ * Error Input
+ * Auto-generated from Charisol Design System
+ */
+export class ErrorInput {
+    customClass;
+    customStyle;
+    text;
+    type;
+    placeholder;
+    value;
+    inputId;
+    render() {
+        const cls = ["w-full px-4 py-2 bg-white text-gray-900 border border-red-500 rounded-lg font-sans text-base leading-relaxed transition-all duration-200 outline-none focus:border-red-500 focus:ring-2 focus:ring-red-500/20 pl-12", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("input", { key: '6060ea44fa81d4f6f491489e12fc884aa4516bbe', class: cls, type: this.type || "password", id: this.inputId || "error-input", placeholder: this.placeholder || "", value: this.value, style: sty }));
+    }
+    static get is() { return "chardes-error-input"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-error-input.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-error-input.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"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "type"
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "placeholder"
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "inputId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "input-id"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-error-label.css

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

package/dist/collection/components/generated/chardes-error-label.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/**
+ * Error Label
+ * Auto-generated from Charisol Design System
+ */
+export class ErrorLabel {
+    customClass;
+    customStyle;
+    text;
+    htmlFor;
+    render() {
+        const cls = ["text-sm font-semibold text-red-600", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("label", { key: '460b8a5e11792e4e19ba4d57418612bdc9c5559c', class: cls, htmlFor: this.htmlFor || "error-input", style: sty }, this.text || "Password"));
+    }
+    static get is() { return "chardes-error-label"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-error-label.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-error-label.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"
+            },
+            "htmlFor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "html-for"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-error-message.css

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