@justifi/webcomponents 5.7.4 → 5.7.6-rc-01

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js

@@ -0,0 +1,176 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../styled-host/styled-host";
+import { Button } from "../button";
+export class JustifiButton {
+    constructor() {
+        this.variant = 'primary';
+        this.type = 'button';
+    }
+    render() {
+        return (h(StyledHost, { key: 'e921657ff4c5aae07184ba6560a0f42b1e908643' }, h(Button, { key: '837cad8384e8d0e2e81d329beb4693ebb15b7d59', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+    }
+    static get is() { return "justifi-button"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "text": {
+                "type": "string",
+                "attribute": "text",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'primary'"
+            },
+            "isLoading": {
+                "type": "boolean",
+                "attribute": "is-loading",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "clickHandler": {
+                "type": "unknown",
+                "attribute": "click-handler",
+                "mutable": false,
+                "complexType": {
+                    "original": "(event: MouseEvent) => void",
+                    "resolved": "(event: MouseEvent) => void",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "'button' | 'submit' | 'reset'",
+                    "resolved": "\"button\" | \"reset\" | \"submit\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'button'"
+            },
+            "class": {
+                "type": "string",
+                "attribute": "class",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "customStyle": {
+                "type": "string",
+                "attribute": "custom-style",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | { [key: string]: string }",
+                    "resolved": "string | { [key: string]: string; }",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js

@@ -0,0 +1,83 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../styled-host/styled-host";
+import { Header1 } from "../headers/header-1";
+import { Header2 } from "../headers/header-2";
+import { Header3 } from "../headers/header-3";
+export class Header {
+    constructor() {
+        this.levels = {
+            h1: Header1,
+            h2: Header2,
+            h3: Header3,
+        };
+        this.level = 'h1';
+    }
+    render() {
+        const HeaderComponent = this.levels[this.level];
+        return (h(StyledHost, { key: '1aa6a2f69da4f32ddfaae58c751134b4a8bd20b9' }, h(HeaderComponent, { key: 'f2877d1ef32662ab1a17a993d80366df01120a00', text: this.text, class: this.class })));
+    }
+    static get is() { return "justifi-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "text": {
+                "type": "string",
+                "attribute": "text",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "level": {
+                "type": "string",
+                "attribute": "level",
+                "mutable": false,
+                "complexType": {
+                    "original": "keyof typeof this.levels",
+                    "resolved": "\"h1\" | \"h2\" | \"h3\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'h1'"
+            },
+            "class": {
+                "type": "string",
+                "attribute": "class",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+import { StyledHost } from "../styled-host/styled-host";
+import { Skeleton } from "../skeleton";
+export class JustifiSkeleton {
+    render() {
+        return (h(StyledHost, { key: '61759f6fd8527466a50047fb01c510b3181fa6ca' }, h(Skeleton, { key: 'f0b84cafaca36053a5c4c359e9c1896123a8fae9', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+    }
+    static get is() { return "justifi-skeleton"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "component": {
+                "type": "string",
+                "attribute": "component",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "height": {
+                "type": "any",
+                "attribute": "height",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "width": {
+                "type": "any",
+                "attribute": "width",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "class": {
+                "type": "string",
+                "attribute": "class",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "customStyle": {
+                "type": "unknown",
+                "attribute": "custom-style",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ [key: string]: any }",
+                    "resolved": "{ [key: string]: any; }",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+}