@nylas/web-elements 1.1.5 → 1.1.6

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

@@ -11637,7 +11637,7 @@ function lx() {
     }
   });
 }
-const cx = ':host{--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;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:1rem;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}', fx = cx;
+const cx = ":host{display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:1rem;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}", fx = cx;
 var dx = function(n, e, t, r) {
   var i = arguments.length, s = i < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, u;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -11676,7 +11676,7 @@ const ii = tt(class extends nt {
         this.cancelBookedEventError.emit(l);
       };
       this.cancelBookingId ? this.cancelBookingFormSubmitted.emit({ bookingId: this.cancelBookingId, action: "cancel", reason: this.cancellationReason, errorHandler: s }) : this.rejectBookingId && this.cancelBookingFormSubmitted.emit({ bookingId: this.rejectBookingId, action: "reject", reason: this.cancellationReason, errorHandler: s });
-    }, this.cancelBookingId = void 0, this.rejectBookingId = void 0, this.selectedTimeslot = void 0, this.configSettings = void 0, this.eventInfo = void 0, this.isLoading = void 0, this.cancellationReason = "", this.cancellationError = "", this.cancellationPolicy = ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.cancellation_policy) || "Your current timeslot will become available to others.";
+    }, this.cancelBookingId = void 0, this.rejectBookingId = void 0, this.selectedTimeslot = void 0, this.configSettings = void 0, this.eventInfo = void 0, this.isLoading = void 0, this.themeConfig = void 0, this.cancellationReason = "", this.cancellationError = "", this.cancellationPolicy = ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.cancellation_policy) || "Your current timeslot will become available to others.";
   }
   configSettingsChangedHandler(e) {
     var t;
@@ -11689,17 +11689,25 @@ const ii = tt(class extends nt {
     Te("[nylas-cancel-booking-form] Component will load");
   }
   async componentDidLoad() {
-    Te("[nylas-cancel-booking-form] Component did load"), this.cancelBookingId || console.warn('[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.');
+    Te("[nylas-cancel-booking-form] Component did load"), this.cancelBookingId || console.warn('[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.'), this.applyThemeConfig(this.themeConfig);
   }
   disconnectedCallback() {
     Te("[nylas-cancel-booking-form] Component disconnected");
   }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [t, r] of Object.entries(e))
+        this.host.style.setProperty(`${t}`, r);
+  }
   handleNylasFormInputChanged(e) {
     this.triggerValidation.emit({}), e.detail.name === "cancel-reason" && (this.cancellationReason = e.detail.value, this.cancellationError = e.detail.error);
   }
   render() {
     var e, t;
-    return z(As, { key: "c4bdf11986a6efc5b9005e82583c3e0543c424b7", part: "ncbf" }, z("div", { key: "be45863d677fc6f4e0e7a473367d4e668988a6e3", class: "nylas-cancel-booking-form", part: "ncbf__card" }, z("div", { key: "acd1467de81bc7518ef026d18abaf2bec08ee9e7", class: "nylas-cancel-booking-form__calendar-icon", part: "ncbf__icon" }, z("calendar-cancel-icon", { key: "8622cec85da5c6767d4acd913d540ab5379d6a6b" })), z("h3", { key: "b16e109071f7b3ce4bdeff18d75b395b6397ef66", class: "nylas-cancel-booking-form__title", part: "ncbf__title" }, ve.t("cancelBookingTitle")), z("div", { key: "99a98fda2cf78631fbf217425e98f50053819944", class: "nylas-cancel-booking-form__description", part: "ncbf__description" }, (t = (e = this.configSettings) == null ? void 0 : e.scheduler) != null && t.cancellation_policy ? this.cancellationPolicy : `${ve.t("cancelBookingMessage")}`), z("form", { key: "4f139a76c233767562d69e6abbc8bed2fe7068a4", onSubmit: this.handleSubmitCancelBooking }, z("textarea-component", { key: "cb9cb36cbc8054f0c99049230edd6867864b85eb", id: "cancel-reason", name: "cancel-reason", required: !0, label: ve.t("reasonForCancellation"), class: this.cancellationError ? "error" : "", part: "ncbf__reason-textarea", defaultValue: this.cancellationReason }), z("div", { key: "d10517e31cc74630c726db714b2ec2f732ebb595", class: "footer" }, z("button-component", { key: "4074187227af0cb6c35a530faef004edde580f34", variant: "destructive", class: "cancel", type: "submit", part: "ncbf__button-cta", disabled: this.isLoading }, ve.t("cancelBookingButton")), !!this.eventInfo && z("button-component", { variant: "basic", class: "back", part: "ncbf__button-outline", onClick: this.handleGoBackClicked }, ve.t("goBackButton"))))));
+    return z(As, { key: "4e09c3c77a5a4a5138366431c50db2731ce08921", part: "ncbf" }, z("div", { key: "3cc3f35b457f947d6f368b7857d6529e640800e4", class: "nylas-cancel-booking-form", part: "ncbf__card" }, z("div", { key: "41001fcfa02096c97a909c1a2172349d5c77ceba", class: "nylas-cancel-booking-form__calendar-icon", part: "ncbf__icon" }, z("calendar-cancel-icon", { key: "328274c7fe7351574cb43565b4ee1d8500d0cdcf" })), z("h3", { key: "4a702b5a6b7712336370b82f993a5c36655a4de2", class: "nylas-cancel-booking-form__title", part: "ncbf__title" }, ve.t("cancelBookingTitle")), z("div", { key: "3d28b48ce8f84a843cfd96b57340d624e7cc0efc", class: "nylas-cancel-booking-form__description", part: "ncbf__description" }, (t = (e = this.configSettings) == null ? void 0 : e.scheduler) != null && t.cancellation_policy ? this.cancellationPolicy : `${ve.t("cancelBookingMessage")}`), z("form", { key: "d1363507571afe0b46f47697830ca603dd206abe", onSubmit: this.handleSubmitCancelBooking }, z("textarea-component", { key: "4256de3a9d7b2cf05a45388c9916f9bc38e82b80", id: "cancel-reason", name: "cancel-reason", required: !0, label: ve.t("reasonForCancellation"), class: this.cancellationError ? "error" : "", part: "ncbf__reason-textarea", defaultValue: this.cancellationReason }), z("div", { key: "fc0169e6090700c9ac26db55b6b10f8614bf408e", class: "footer" }, z("button-component", { key: "e348ccaabd354669178d4c5def1ac9c545b8b5ac", variant: "destructive", class: "cancel", type: "submit", part: "ncbf__button-cta", disabled: this.isLoading }, ve.t("cancelBookingButton")), !!this.eventInfo && z("button-component", { variant: "basic", class: "back", part: "ncbf__button-outline", onClick: this.handleGoBackClicked }, ve.t("goBackButton"))))));
+  }
+  get host() {
+    return this;
   }
   static get watchers() {
     return {
@@ -11716,6 +11724,7 @@ const ii = tt(class extends nt {
   configSettings: [16],
   eventInfo: [16],
   isLoading: [4, "is-loading"],
+  themeConfig: [8, "theme-config"],
   cancellationReason: [32],
   cancellationError: [32],
   cancellationPolicy: [32]
@@ -11758,6 +11767,7 @@ dx([
         Te("nylas-cancel-booking-form", "cancelBookingFormError", n.detail);
       }
     },
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
     fireRegisterEvent: !0
   }),
   Zn("design:type", Function),

package/dist/cdn/nylas-cancelled-event-card/nylas-cancelled-event-card.es.js

@@ -9193,7 +9193,7 @@ function q2() {
     }
   });
 }
-const H2 = ':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}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}', z2 = H2;
+const H2 = ":host{display:block}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}", z2 = H2;
 var W2 = function(n, e, t, r) {
   var u = arguments.length, i = u < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9214,7 +9214,7 @@ const mn = Zt(class extends Xt {
         this.cancelledEventCardError.emit(t), this.isClosing = !1;
       };
       this.closeCancelEventCardClicked.emit({ errorHandler: e });
-    }, this.configSettings = void 0, this.cancelledEventInfo = void 0, this.isClosing = !1;
+    }, this.configSettings = void 0, this.themeConfig = void 0, this.cancelledEventInfo = void 0, this.isClosing = !1;
   }
   connectedCallback() {
     Se("[nylas-cancelled-event-card] Component connected");
@@ -9223,20 +9223,29 @@ const mn = Zt(class extends Xt {
     Se("[nylas-cancelled-event-card] Component will load");
   }
   async componentDidLoad() {
-    Se("[nylas-cancelled-event-card] Component did load"), this.cancelledEventInfo || console.warn('[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.');
+    Se("[nylas-cancelled-event-card] Component did load"), this.cancelledEventInfo || console.warn('[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.'), this.applyThemeConfig(this.themeConfig);
   }
   disconnectedCallback() {
     Se("[nylas-cancelled-event-card] Component disconnected");
   }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [t, r] of Object.entries(e))
+        this.host.style.setProperty(`${t}`, r);
+  }
   render() {
     var e, t;
-    return K(Du, { key: "e5e3ac32d965a7d9e9bc0bb8bbd774625ff07d7b", part: "ncec" }, K("div", { key: "e4ef634f512035b0e36012009a49d4e3e9845973", class: "nylas-cancelled-event-card", part: "ncec__card" }, K("div", { key: "8a739422bcf542b9b8c97c0a56032b4393755d5d", class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, K("calendar-cancel-icon", { key: "cd4aa557789c4487f6ce7ef70337a4af83e4d3be" })), K("h3", { key: "48aff2d9672f9d7e24b61ec5fa3b21ec63345f54", class: "nylas-cancelled-event-card__title", part: "ncec__title" }, ze.t("bookingCancelledTitle"), "!"), K("div", { key: "0c861a46988ad3071850dbe61f8344b5da6cd6d6", class: "nylas-cancelled-event-card__description", part: "ncec__description" }, ze.t("bookingCancelledMessage"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), K("div", { key: "d9801695af5953536439a188c7e1d8d324a2fdbd", class: "nylas-cancelled-event-card__cta" }, K("button-component", { key: "b8c463a0ef0c36a4c28b46a3ad0aaa7f5b8f2efc", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${ze.t("closingButton")}...` : `${ze.t("closeButton")}`))));
+    return K(Du, { key: "4f1f7bf3b9d6376f5112b5f71b33bdce9bf59a19", part: "ncec" }, K("div", { key: "f485f11c84c501c1d56cac844ccc39fe09b758fb", class: "nylas-cancelled-event-card", part: "ncec__card" }, K("div", { key: "3ac26f67a660d1075b3d5f674b745db0c59125a2", class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, K("calendar-cancel-icon", { key: "4dc83661715f1525b3a5a45d69e336d7f0f9dbf1" })), K("h3", { key: "59446c3be2e213ca71124be2d33cae8c077b451d", class: "nylas-cancelled-event-card__title", part: "ncec__title" }, ze.t("bookingCancelledTitle"), "!"), K("div", { key: "6486085d435d558816573e6d2aa3840030707af2", class: "nylas-cancelled-event-card__description", part: "ncec__description" }, ze.t("bookingCancelledMessage"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), K("div", { key: "e7ebffeb313b39f860df4776fe802beddc9eb86b", class: "nylas-cancelled-event-card__cta" }, K("button-component", { key: "35593203c58b837db2b7ce98d8cf214658b2e8a0", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${ze.t("closingButton")}...` : `${ze.t("closeButton")}`))));
+  }
+  get host() {
+    return this;
   }
   static get style() {
     return z2;
   }
 }, [1, "nylas-cancelled-event-card", {
   configSettings: [16],
+  themeConfig: [8, "theme-config"],
   cancelledEventInfo: [16],
   isClosing: [32]
 }]);
@@ -9253,6 +9262,7 @@ W2([
         Se("nylas-cancelled-event-card", "cancelledEventCardError", n.detail);
       }
     },
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
     fireRegisterEvent: !0
   }),
   yr("design:type", Function),

package/dist/cdn/nylas-confirmed-event-card/nylas-confirmed-event-card.es.js

@@ -9193,7 +9193,7 @@ function q2() {
     }
   });
 }
-const H2 = ':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}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}', z2 = H2;
+const H2 = ":host{display:block}.nylas-confirmed-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-confirmed-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}", z2 = H2;
 var W2 = function(n, e, t, r) {
   var u = arguments.length, i = u < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9214,7 +9214,7 @@ const mn = Zt(class extends Xt {
         this.confirmedEventCardError.emit(t), this.isClosing = !1;
       };
       this.closeConfirmEventCardClicked.emit({ errorHandler: e });
-    }, this.configSettings = void 0, this.confirmedEventInfo = void 0, this.isClosing = !1;
+    }, this.configSettings = void 0, this.themeConfig = void 0, this.confirmedEventInfo = void 0, this.isClosing = !1;
   }
   connectedCallback() {
     Re("[nylas-confirmed-event-card] Component connected");
@@ -9223,20 +9223,29 @@ const mn = Zt(class extends Xt {
     Re("[nylas-confirmed-event-card] Component will load");
   }
   async componentDidLoad() {
-    Re("[nylas-confirmed-event-card] Component did load"), this.confirmedEventInfo || console.warn('[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.');
+    Re("[nylas-confirmed-event-card] Component did load"), this.confirmedEventInfo || console.warn('[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.'), this.applyThemeConfig(this.themeConfig);
   }
   disconnectedCallback() {
     Re("[nylas-confirmed-event-card] Component disconnected");
   }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [t, r] of Object.entries(e))
+        this.host.style.setProperty(`${t}`, r);
+  }
   render() {
     var e, t;
-    return K(Du, { key: "a5fbf79c6b7f27046b599c16d231226ff9c88f84", part: "ncec" }, K("div", { key: "06c6f5fa4e75d9ce01dc9145259bf4bfddf33624", class: "nylas-confirmed-event-card", part: "ncec__card" }, K("div", { key: "11a58aa7dba6da706cd35791c58442b022f97939", class: "nylas-confirmed-event-card__calendar-icon", part: "ncec__icon" }, K("calendar-cancel-icon", { key: "752da0991cdcfa12dc9c7dc1020ea9388f11c30e" })), K("h3", { key: "238934bc1f8bcb137e6e33eb66afb5bee01749b7", class: "nylas-confirmed-event-card__title", part: "ncec__title" }, ze.t("confirmedEventCardTitle"), "!"), K("div", { key: "3a3d8ad8302ad54b528c37f0eb25d12590bb4f0d", class: "nylas-confirmed-event-card__description", part: "ncec__description" }, ze.t("confirmedEventCardDescription"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), K("div", { key: "49c69f2f9c01e4e775cb8caadbca213424e0a952", class: "nylas-confirmed-event-card__cta" }, K("button-component", { key: "e6e75c57f294d688a108df09ffc9daf849ef6319", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${ze.t("closingButton")}...` : `${ze.t("closeButton")}`))));
+    return K(Du, { key: "089de1c1ba1b2319674b97aad4946fb8306ab4fe", part: "ncec" }, K("div", { key: "83c9b3f7904b7b74d38202c7d62891813754be93", class: "nylas-confirmed-event-card", part: "ncec__card" }, K("div", { key: "e6ebbc07f8ea697f4e1f794bb8ddddc5166db33d", class: "nylas-confirmed-event-card__calendar-icon", part: "ncec__icon" }, K("calendar-cancel-icon", { key: "eb0eb353b63bc5a8b55644a17f16c8566f3a7b36" })), K("h3", { key: "c05937028fd84a55b3b0b1de4cd36fb0b0c6b563", class: "nylas-confirmed-event-card__title", part: "ncec__title" }, ze.t("confirmedEventCardTitle"), "!"), K("div", { key: "e9ca9f67f46785d40e769ff96695001d56386dad", class: "nylas-confirmed-event-card__description", part: "ncec__description" }, ze.t("confirmedEventCardDescription"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), K("div", { key: "bea8adea56d3dcdb2ce578ad25f08bc562b67ede", class: "nylas-confirmed-event-card__cta" }, K("button-component", { key: "6bed94150369d92e129fe62c4b6c292e37e26a34", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${ze.t("closingButton")}...` : `${ze.t("closeButton")}`))));
+  }
+  get host() {
+    return this;
   }
   static get style() {
     return z2;
   }
 }, [1, "nylas-confirmed-event-card", {
   configSettings: [16],
+  themeConfig: [8, "theme-config"],
   confirmedEventInfo: [16],
   isClosing: [32]
 }]);
@@ -9250,6 +9259,7 @@ W2([
         r && (!t || "error" in t) && r(t);
       }
     },
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
     fireRegisterEvent: !0
   }),
   yr("design:type", Function),