@nylas/web-elements 0.0.0-canary-20250120165013 → 0.0.0-canary-20250122221254

package/dist/cdn/nylas-cancel-booking-form/nylas-cancel-booking-form.es.js

@@ -15402,6 +15402,7 @@ const t5 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     this.validate(this.value), this.error && e.preventDefault();
   }
   handleInput(e) {
+    this.error = "";
     const t = e.target;
     this.value = Ba(t.value), this.nylasFormInputChanged.emit({
       value: this.value,
@@ -15415,7 +15416,7 @@ const t5 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     this.required && !e ? this.error = `${this.label} is required.` : e.length > this.maxLength ? this.error = `${this.label} cannot exceed ${this.maxLength} characters.` : this.error = "";
   }
   render() {
-    return Y("label", { key: "383001bd48b1178b4c9126f812175701f570931e", part: "tc__label", class: { error: !!this.error } }, Y("p", { key: "17dad29e1c19d24bfb5e1736630c6d43651f1616" }, Y("span", { key: "d1077d0eab18709b12e714650a20057b17720ebd", class: "label" }, this.label), this.required && Y("span", { class: "required" }, "*"), this.tooltip && Y("tooltip-component", null, Y("info-icon", { slot: "tooltip-icon" }), Y("span", { slot: "tooltip-content" }, this.tooltip))), Y("textarea", { key: "b35934b9027ac4c7d27a1720c471d698905e5f62", name: this.name, title: this.readOnly ? "read-only field" : void 0, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && Y("span", { class: "error help-text" }, this.error));
+    return Y("label", { key: "3b3dd5b1c594e2c3b3594826b1f0379925dd14e9", part: "tc__label", class: { error: !!this.error } }, Y("p", { key: "0a544d90a3b087c3479412078b1a454261bf20db" }, Y("span", { key: "c37a9e870a3ebe502b2db7fbf0968178fc7cc519", class: "label" }, this.label), this.required && Y("span", { class: "required" }, "*"), this.tooltip && Y("tooltip-component", null, Y("info-icon", { slot: "tooltip-icon" }), Y("span", { slot: "tooltip-content" }, this.tooltip))), Y("textarea", { key: "1be0e90961ebd6110bffd347a930884768429037", name: this.name, title: this.readOnly ? "read-only field" : void 0, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && Y("span", { class: "error help-text" }, this.error));
   }
   static get style() {
     return n5;

package/dist/cdn/nylas-confirmation-email/nylas-confirmation-email.es.js

@@ -15693,6 +15693,7 @@ const $B = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     this.validate(this.value), this.error && e.preventDefault();
   }
   handleInput(e) {
+    this.error = "";
     const t = e.target;
     this.value = ht(t.value), this.nylasFormInputChanged.emit({
       value: this.value,
@@ -15706,7 +15707,7 @@ const $B = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     this.required && !e ? this.error = `${this.label} is required.` : e.length > this.maxLength ? this.error = `${this.label} cannot exceed ${this.maxLength} characters.` : this.error = "";
   }
   render() {
-    return $("label", { key: "383001bd48b1178b4c9126f812175701f570931e", part: "tc__label", class: { error: !!this.error } }, $("p", { key: "17dad29e1c19d24bfb5e1736630c6d43651f1616" }, $("span", { key: "d1077d0eab18709b12e714650a20057b17720ebd", class: "label" }, this.label), this.required && $("span", { class: "required" }, "*"), this.tooltip && $("tooltip-component", null, $("info-icon", { slot: "tooltip-icon" }), $("span", { slot: "tooltip-content" }, this.tooltip))), $("textarea", { key: "b35934b9027ac4c7d27a1720c471d698905e5f62", name: this.name, title: this.readOnly ? "read-only field" : void 0, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && $("span", { class: "error help-text" }, this.error));
+    return $("label", { key: "3b3dd5b1c594e2c3b3594826b1f0379925dd14e9", part: "tc__label", class: { error: !!this.error } }, $("p", { key: "0a544d90a3b087c3479412078b1a454261bf20db" }, $("span", { key: "c37a9e870a3ebe502b2db7fbf0968178fc7cc519", class: "label" }, this.label), this.required && $("span", { class: "required" }, "*"), this.tooltip && $("tooltip-component", null, $("info-icon", { slot: "tooltip-icon" }), $("span", { slot: "tooltip-content" }, this.tooltip))), $("textarea", { key: "1be0e90961ebd6110bffd347a930884768429037", name: this.name, title: this.readOnly ? "read-only field" : void 0, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && $("span", { class: "error help-text" }, this.error));
   }
   static get style() {
     return CB;

package/dist/cdn/nylas-customize-booking-settings/nylas-customize-booking-settings.es.js

@@ -12920,7 +12920,7 @@ function w8(i) {
     });
   };
 }
-const B8 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}.checkbox-container{display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.readonly{cursor:not-allowed}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;border:1px solid var(--nylas-base-300)}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label input[type=checkbox]:disabled{cursor:not-allowed;background:var(--nylas-base-100);border:1px solid var(--nylas-base-300)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', C8 = B8, P8 = Jt(class extends Xt {
+const B8 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:100%}.checkbox-container{display:flex;flex-direction:column;gap:0.5rem}.checkbox-container p.error{color:var(--nylas-error);font-size:14px;font-weight:400;line-height:20px;font-family:var(--nylas-font-family);margin:0}label{display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.readonly{cursor:not-allowed}label span.required{color:var(--nylas-error);padding:0 0.25rem}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;border:1px solid var(--nylas-base-300)}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label input[type=checkbox]:disabled{cursor:not-allowed;background:var(--nylas-base-100);border:1px solid var(--nylas-base-300)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', C8 = B8, P8 = Jt(class extends Xt {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.nylasFormCheckboxToggled = Ar(this, "nylasFormCheckboxToggled", 7), this.componentType = "checkbox", this.name = "checkbox", this.checked = void 0, this.label = "", this.readOnly = !1, this.required = !1, this.isChecked = void 0, this.error = "";
   }
@@ -12934,11 +12934,7 @@ const B8 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     this.isChecked = this.checked || !1;
   }
   handleBookingFormSubmitted(e) {
-    if (this.required && !this.isChecked) {
-      this.error = `${this.label} is required.`;
-      return;
-    }
-    this.error && e.preventDefault();
+    this.required && !this.isChecked && (this.error = `${this.label} is required.`), this.error && e.preventDefault();
   }
   toggleCheck() {
     this.error = "", this.isChecked = !this.isChecked, this.nylasFormCheckboxToggled.emit({
@@ -12948,7 +12944,7 @@ const B8 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     });
   }
   render() {
-    return F("div", { key: "436d313659a2d88e1373028efa14ec4422fdeb53", class: "checkbox-container" }, F("label", { key: "9cf84f5a1fa7a35257681afc1bd2a215ebe36aad", title: this.readOnly ? "read-only field" : void 0, class: { readonly: this.readOnly } }, F("input", { key: "600422d052cd28de6f053fac93c9a753f32637c1", type: "checkbox", disabled: this.readOnly, readOnly: this.readOnly, name: this.name, title: this.readOnly ? "read-only field" : void 0, checked: this.isChecked, onChange: () => this.toggleCheck() }), F("span", { key: "a3130e18c64555c54cd73695d2392148ef8c49f6", class: "checkmark" }), F("slot", { key: "808de6e68a5c5887ba0ca3b5a997aae2aed035a2", name: "label" }, F("span", { key: "4cb5b6c8d3548976ba9e1e5a5269aad3773e642f", class: "label" }, this.label))), this.error && F("p", { class: "error" }, this.error));
+    return F("div", { key: "595e161a792173db6af97d3d7ef13cdca534052a", class: "checkbox-container" }, F("label", { key: "625bd67ceec40d979d5f4f74ec576569866ff6ec", title: this.readOnly ? "read-only field" : void 0, class: { readonly: this.readOnly } }, F("input", { key: "dc099ed0899a91fe30b67bb0f2981b8bd5254bbb", type: "checkbox", disabled: this.readOnly, readOnly: this.readOnly, name: this.name, title: this.readOnly ? "read-only field" : void 0, checked: this.isChecked, onChange: () => this.toggleCheck() }), F("span", { key: "032c931e0b256a9e948551c9d938e14339f4c45e", class: "checkmark" }), F("slot", { key: "d932f4a7c5aa7e680827beff46f1ff86ce50b1d9", name: "label" }, F("span", { key: "b5ce4490b7be93f936d3061145dcbe4489dd74c9", class: "label" }, this.label, this.required && F("span", { class: "required" }, "*")))), this.error && F("p", { class: "error" }, this.error));
   }
   get el() {
     return this;