makersmob-ui-component - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

dist/cjs/makersmob-signup.cjs.entry.js

@@ -465,3 +465,3 @@ 'use strict';
             this.errors.map(error => __chunk_1.h("div", { class: "error" }, error));
-        return (__chunk_1.h("form", { action: "/", method: "POST", onSubmit: e => this.handleSubmit(e) }, errors && __chunk_1.h("div", { class: "errors" }, errors), __chunk_1.h("div", { class: "fieldGroup" }, !!this.referral && (__chunk_1.h("input", { type: "hidden", name: "referral", value: this.referral, onInput: e => this.handleInputChange(e) })), __chunk_1.h("label", { htmlFor: "name", style: { color: this.textColor } }, "Name:"), __chunk_1.h("input", { type: "text", name: "name", required: true, value: this.name, onInput: e => this.handleInputChange(e), placeholder: "John Doe" })), __chunk_1.h("div", { class: "fieldGroup" }, __chunk_1.h("label", { htmlFor: "email", style: { color: this.textColor } }, "Email:"), __chunk_1.h("input", { type: "email", name: "email", required: true, value: this.email, onInput: e => this.handleInputChange(e), placeholder: "[e-mail]" })), __chunk_1.h("div", { class: "fieldGroup" }, __chunk_1.h("button", { type: "submit", disabled: this.loading }, this.loading ? 'Submitting...' : this.cta))));
+        return (__chunk_1.h("form", { action: "/", method: "POST", onSubmit: e => this.handleSubmit(e) }, errors && __chunk_1.h("div", { class: "errors" }, errors), __chunk_1.h("div", { class: "fieldGroup" }, !!this.referral && (__chunk_1.h("input", { type: "hidden", name: "referral", value: this.referral, onInput: e => this.handleInputChange(e) })), __chunk_1.h("label", { htmlFor: "name", style: { color: this.textColor } }, "Name:"), __chunk_1.h("input", { type: "text", name: "name", required: true, value: this.name, onInput: e => this.handleInputChange(e), placeholder: "" })), __chunk_1.h("div", { class: "fieldGroup" }, __chunk_1.h("label", { htmlFor: "email", style: { color: this.textColor } }, "Email:"), __chunk_1.h("input", { type: "email", name: "email", required: true, value: this.email, onInput: e => this.handleInputChange(e), placeholder: "" })), __chunk_1.h("div", { class: "fieldGroup" }, __chunk_1.h("button", { type: "submit", disabled: this.loading }, this.loading ? 'Submitting...' : this.cta))));
     }
@@ -468,0 +468,0 @@ static get style() { return "::-webkit-input-placeholder{color:#e2e8f0}::-moz-placeholder{color:#e2e8f0}:-ms-input-placeholder{color:#e2e8f0}::-ms-input-placeholder{color:#e2e8f0}::placeholder{color:#e2e8f0}form{font-size:16px;font-family:sans-serif;color:#2d3748;width:100%}.fieldGroup,form{-webkit-box-sizing:border-box;box-sizing:border-box}.fieldGroup{margin-bottom:1rem}.fieldGroup label{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-weight:700;color:#718096;text-transform:uppercase;font-size:.75rem;letter-spacing:.15ch;margin-bottom:.25rem}.errors{border-radius:3px;border:1px solid #e53e3e;margin-bottom:1rem;padding:8px}.error{color:#c53030;font-size:.9rem;margin-bottom:.5rem}.error:last-child{margin-bottom:0}input[type=email],input[type=text]{font-size:1rem;color:#4a5568;border-radius:3px;border:1px solid #cbd5e0;padding:8px}button[type=submit],input[type=email],input[type=text]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}button[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;background:#38a169;color:#fff;border:none;border-radius:3px;text-transform:uppercase;font-size:.9rem;letter-spacing:.15ch;margin:0}button[type=submit]:active{background:#48bb78}.success{font-size:16px;font-family:sans-serif;color:#2d3748;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.4rem;text-align:center}"; }

dist/collection/components/makersmob-signup/makersmob-signup.js

@@ -80,6 +80,6 @@ import { h } from '@stencil/core';
                 h("label", { htmlFor: "name", style: { color: this.textColor } }, "Name:"),
-                h("input", { type: "text", name: "name", required: true, value: this.name, onInput: e => this.handleInputChange(e), placeholder: "John Doe" })),
+                h("input", { type: "text", name: "name", required: true, value: this.name, onInput: e => this.handleInputChange(e), placeholder: "" })),
             h("div", { class: "fieldGroup" },
                 h("label", { htmlFor: "email", style: { color: this.textColor } }, "Email:"),
-                h("input", { type: "email", name: "email", required: true, value: this.email, onInput: e => this.handleInputChange(e), placeholder: "[e-mail]" })),
+                h("input", { type: "email", name: "email", required: true, value: this.email, onInput: e => this.handleInputChange(e), placeholder: "" })),
             h("div", { class: "fieldGroup" },
@@ -86,0 +86,0 @@ h("button", { type: "submit", disabled: this.loading }, this.loading ? 'Submitting...' : this.cta))));

dist/esm/legacy/makersmob-signup.entry.js

@@ -381,3 +381,3 @@ import { d as registerInstance, e as h } from './makersmob-97846f82.js';
             this.errors.map(function (error) { return h("div", { class: "error" }, error); });
-        return (h("form", { action: "/", method: "POST", onSubmit: function (e) { return _this.handleSubmit(e); } }, errors && h("div", { class: "errors" }, errors), h("div", { class: "fieldGroup" }, !!this.referral && (h("input", { type: "hidden", name: "referral", value: this.referral, onInput: function (e) { return _this.handleInputChange(e); } })), h("label", { htmlFor: "name", style: { color: this.textColor } }, "Name:"), h("input", { type: "text", name: "name", required: true, value: this.name, onInput: function (e) { return _this.handleInputChange(e); }, placeholder: "John Doe" })), h("div", { class: "fieldGroup" }, h("label", { htmlFor: "email", style: { color: this.textColor } }, "Email:"), h("input", { type: "email", name: "email", required: true, value: this.email, onInput: function (e) { return _this.handleInputChange(e); }, placeholder: "[e-mail]" })), h("div", { class: "fieldGroup" }, h("button", { type: "submit", disabled: this.loading }, this.loading ? 'Submitting...' : this.cta))));
+        return (h("form", { action: "/", method: "POST", onSubmit: function (e) { return _this.handleSubmit(e); } }, errors && h("div", { class: "errors" }, errors), h("div", { class: "fieldGroup" }, !!this.referral && (h("input", { type: "hidden", name: "referral", value: this.referral, onInput: function (e) { return _this.handleInputChange(e); } })), h("label", { htmlFor: "name", style: { color: this.textColor } }, "Name:"), h("input", { type: "text", name: "name", required: true, value: this.name, onInput: function (e) { return _this.handleInputChange(e); }, placeholder: "" })), h("div", { class: "fieldGroup" }, h("label", { htmlFor: "email", style: { color: this.textColor } }, "Email:"), h("input", { type: "email", name: "email", required: true, value: this.email, onInput: function (e) { return _this.handleInputChange(e); }, placeholder: "" })), h("div", { class: "fieldGroup" }, h("button", { type: "submit", disabled: this.loading }, this.loading ? 'Submitting...' : this.cta))));
     };
@@ -384,0 +384,0 @@ Object.defineProperty(MakersmobSignup, "style", {

dist/esm/makersmob-signup.entry.js

@@ -461,3 +461,3 @@ import { d as registerInstance, e as h } from './makersmob-97846f82.js';
             this.errors.map(error => h("div", { class: "error" }, error));
-        return (h("form", { action: "/", method: "POST", onSubmit: e => this.handleSubmit(e) }, errors && h("div", { class: "errors" }, errors), h("div", { class: "fieldGroup" }, !!this.referral && (h("input", { type: "hidden", name: "referral", value: this.referral, onInput: e => this.handleInputChange(e) })), h("label", { htmlFor: "name", style: { color: this.textColor } }, "Name:"), h("input", { type: "text", name: "name", required: true, value: this.name, onInput: e => this.handleInputChange(e), placeholder: "John Doe" })), h("div", { class: "fieldGroup" }, h("label", { htmlFor: "email", style: { color: this.textColor } }, "Email:"), h("input", { type: "email", name: "email", required: true, value: this.email, onInput: e => this.handleInputChange(e), placeholder: "[e-mail]" })), h("div", { class: "fieldGroup" }, h("button", { type: "submit", disabled: this.loading }, this.loading ? 'Submitting...' : this.cta))));
+        return (h("form", { action: "/", method: "POST", onSubmit: e => this.handleSubmit(e) }, errors && h("div", { class: "errors" }, errors), h("div", { class: "fieldGroup" }, !!this.referral && (h("input", { type: "hidden", name: "referral", value: this.referral, onInput: e => this.handleInputChange(e) })), h("label", { htmlFor: "name", style: { color: this.textColor } }, "Name:"), h("input", { type: "text", name: "name", required: true, value: this.name, onInput: e => this.handleInputChange(e), placeholder: "" })), h("div", { class: "fieldGroup" }, h("label", { htmlFor: "email", style: { color: this.textColor } }, "Email:"), h("input", { type: "email", name: "email", required: true, value: this.email, onInput: e => this.handleInputChange(e), placeholder: "" })), h("div", { class: "fieldGroup" }, h("button", { type: "submit", disabled: this.loading }, this.loading ? 'Submitting...' : this.cta))));
     }
@@ -464,0 +464,0 @@ static get style() { return "::-webkit-input-placeholder{color:#e2e8f0}::-moz-placeholder{color:#e2e8f0}:-ms-input-placeholder{color:#e2e8f0}::-ms-input-placeholder{color:#e2e8f0}::placeholder{color:#e2e8f0}form{font-size:16px;font-family:sans-serif;color:#2d3748;width:100%}.fieldGroup,form{-webkit-box-sizing:border-box;box-sizing:border-box}.fieldGroup{margin-bottom:1rem}.fieldGroup label{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-weight:700;color:#718096;text-transform:uppercase;font-size:.75rem;letter-spacing:.15ch;margin-bottom:.25rem}.errors{border-radius:3px;border:1px solid #e53e3e;margin-bottom:1rem;padding:8px}.error{color:#c53030;font-size:.9rem;margin-bottom:.5rem}.error:last-child{margin-bottom:0}input[type=email],input[type=text]{font-size:1rem;color:#4a5568;border-radius:3px;border:1px solid #cbd5e0;padding:8px}button[type=submit],input[type=email],input[type=text]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}button[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;background:#38a169;color:#fff;border:none;border-radius:3px;text-transform:uppercase;font-size:.9rem;letter-spacing:.15ch;margin:0}button[type=submit]:active{background:#48bb78}.success{font-size:16px;font-family:sans-serif;color:#2d3748;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.4rem;text-align:center}"; }

dist/makersmob/makersmob.esm.js

@@ -1,1 +0,1 @@
-import{a as s,b as e}from"./p-94dbe116.js";s().then(s=>e([["p-ae6saksx",[[1,"makersmob-signup",{cta:[1],apiKey:[1,"api-key"],endpoint:[1],textColor:[1,"text-color"],successMsg:[1,"success-msg"],errors:[32],name:[32],email:[32],loading:[32],success:[32],referral:[32]}]]]],{resourcesUrl:s}));
+import{a as s,b as e}from"./p-94dbe116.js";s().then(s=>e([["p-hd73j1u3",[[1,"makersmob-signup",{cta:[1],apiKey:[1,"api-key"],endpoint:[1],textColor:[1,"text-color"],successMsg:[1,"success-msg"],errors:[32],name:[32],email:[32],loading:[32],success:[32],referral:[32]}]]]],{resourcesUrl:s}));

dist/makersmob/p-adea6b44.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-44d6dc2a.system.js"],function(){"use strict";var e,s;return{setters:[function(t){e=t.a,s=t.b}],execute:function(){e().then(function(e){return s([["p-lsdyvxvx.system",[[1,"makersmob-signup",{cta:[1],apiKey:[1,"api-key"],endpoint:[1],textColor:[1,"text-color"],successMsg:[1,"success-msg"],errors:[32],name:[32],email:[32],loading:[32],success:[32],referral:[32]}]]]],{resourcesUrl:e})})}}});
+System.register(["./p-44d6dc2a.system.js"],function(){"use strict";var e,s;return{setters:[function(r){e=r.a,s=r.b}],execute:function(){e().then(function(e){return s([["p-o5ugjdnr.system",[[1,"makersmob-signup",{cta:[1],apiKey:[1,"api-key"],endpoint:[1],textColor:[1,"text-color"],successMsg:[1,"success-msg"],errors:[32],name:[32],email:[32],loading:[32],success:[32],referral:[32]}]]]],{resourcesUrl:e})})}}});

package.json

 {
   "name": "makersmob-ui-component",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "MakersMob UI Components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

658832

decreased by-0.03%

No dependency changes