@charde/core 0.0.4 → 0.0.5

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

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Action Button 1
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyActionButton1 {
+    customClass;
+    customStyle;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("button", { key: 'b73aa978384edd2aeadd44da44eb11177ed4b491', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "", style: sty }, h("span", { key: '08feea10d8549e557dc6e2cdc891a07c77d4e2c7', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600" viewBox="0 0 20 20" fill="currentColor"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.041 11.041 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C9.083 18 3 11.917 3 6V3z" /></svg>` })));
+    }
+    static get is() { return "chardes-card-body-action-button-1"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-action-button-1.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-action-button-1.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"
+            },
+            "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-2.css

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

package/dist/collection/components/generated/chardes-card-body-action-button-2.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Action Button 2
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyActionButton2 {
+    customClass;
+    customStyle;
+    btnType;
+    ariaLabel;
+    render() {
+        const cls = ["p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("button", { key: '7487580aa81fadf6bb2bd13f5813665150b298da', class: cls, type: this.btnType || "button", "aria-label": this.ariaLabel || "", style: sty }, h("span", { key: 'db161f318820aeb07bd36d146194558c0e0402db', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2H9.5v-3a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` })));
+    }
+    static get is() { return "chardes-card-body-action-button-2"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-action-button-2.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-action-button-2.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"
+            },
+            "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-icon-1.css

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

package/dist/collection/components/generated/chardes-card-body-action-icon-1.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Action Icon 1
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyActionIcon1 {
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: 'c3f7e8545cf90c9621ffbba3a35c3055cae8df52', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600" viewBox="0 0 20 20" fill="currentColor"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.041 11.041 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C9.083 18 3 11.917 3 6V3z" /></svg>` }));
+    }
+    static get is() { return "chardes-card-body-action-icon-1"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-action-icon-1.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-action-icon-1.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-card-body-action-icon-2.css

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

package/dist/collection/components/generated/chardes-card-body-action-icon-2.js

@@ -0,0 +1,88 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Action Icon 2
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyActionIcon2 {
+    customClass;
+    customStyle;
+    svgIcon;
+    render() {
+        const cls = ["", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("span", { key: '292a8e729f3c0498c0cacb2a9d46c6611b939d11', class: cls, style: sty, innerHTML: this.svgIcon || `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2H9.5v-3a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }));
+    }
+    static get is() { return "chardes-card-body-action-icon-2"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-action-icon-2.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-action-icon-2.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-card-body-actions.css

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

package/dist/collection/components/generated/chardes-card-body-actions.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Actions
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyActions {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["flex space-x-2", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: 'be01eecac2d9e4c92b3467d98880589357fcdc1b', class: cls, style: sty }, h("button", { key: '0ab19be162dc8e0b7bcdcebd1339bf937ad713a6', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: 'ea32c9d602b4b11973634866caf694990117fc68', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600" viewBox="0 0 20 20" fill="currentColor"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.041 11.041 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C9.083 18 3 11.917 3 6V3z" /></svg>` })), h("button", { key: 'c5007879b5aaeda6393d674fba35885410b1e322', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: '56da98720a17041161c25085962d5a7254da718e', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2H9.5v-3a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` }))));
+    }
+    static get is() { return "chardes-card-body-actions"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-actions.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-actions.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-card-body-driver.css

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

package/dist/collection/components/generated/chardes-card-body-driver.js

@@ -0,0 +1,68 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Driver
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyDriver {
+    customClass;
+    customStyle;
+    render() {
+        const cls = ["bg-gray-50 rounded-xl p-4 flex items-center space-x-4", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("div", { key: '6c346f005f02b98b3b3c8faf17ff66a7d3515423', class: cls, style: sty }, h("img", { key: '31897401fcb2883debc7c528dc9ca8fb23eeebdd', class: "w-14 h-14 rounded-full object-cover", src: "https://plus.unsplash.com/premium_photo-1689977927774-401b12d137d6?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8bWFufGVufDB8fDB8fHww", alt: "Driver" }), h("div", { key: '0c58ba779ab3a38db16320f1390eca220ac69b8c', class: "flex-1" }, h("h2", { key: '467ef3f8fbbc5be70ac6433e23f0f25ab7ccea2f', class: "font-semibold text-gray-900" }, "Jacob Jones"), h("p", { key: '7d3912862424a97fd0aee2ea43f03e8eeb0e2bda', class: "text-sm text-gray-500" }, "Omnitrans • SPX-8328")), h("div", { key: '5044090bd1fddf04fcb894359c49ca73d1c4f3ce', class: "flex space-x-2" }, h("button", { key: 'ba23d543782938c63af0fb04e4598a5409b3dc14', class: "p-2 rounded-full border border-gray-300 hover:bg-gray-100 transition-colors 0.2", type: "button" }, h("span", { key: '5e8a6636a8df5734a4dbffb680f78530eb6b8b10', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-600" viewBox="0 0 20 20" fill="currentColor"><path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.041 11.041 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C9.083 18 3 11.917 3 6V3z" /></svg>` })), h("button", { key: '2b388e7e3fbd0e5bb8a590f046c21caa04b5d51b', class: "p-2 rounded-full bg-gray-800 text-white hover:bg-gray-700 transition-colors 0.2", type: "button" }, h("span", { key: 'f45cffe159773faaf3aaab53046fde527da7fafd', innerHTML: `<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2H9.5v-3a1 1 0 00-1-1z" clip-rule="evenodd" /></svg>` })))));
+    }
+    static get is() { return "chardes-card-body-driver"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-driver.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-driver.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-card-body-img.css

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

package/dist/collection/components/generated/chardes-card-body-img.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+/**
+ * Card Body Image
+ * Auto-generated from Charisol Design System
+ */
+export class CardBodyImg {
+    customClass;
+    customStyle;
+    src;
+    alt;
+    render() {
+        const cls = ["w-14 h-14 rounded-full object-cover", this.customClass].filter(Boolean).join(' ');
+        const sty = this.customStyle || undefined;
+        return (h("img", { key: '018e4e8f1adecae213c332a36afa59350457327f', class: cls, src: this.src || "https://plus.unsplash.com/premium_photo-1689977927774-401b12d137d6?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8bWFufGVufDB8fDB8fHww", alt: this.alt || "Driver", style: sty }));
+    }
+    static get is() { return "chardes-card-body-img"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chardes-card-body-img.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chardes-card-body-img.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"
+            },
+            "src": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "src"
+            },
+            "alt": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "alt"
+            }
+        };
+    }
+}

package/dist/collection/components/generated/chardes-card-body-info.css

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