@nylas/web-elements 1.1.5 → 1.1.6

package/dist/types/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.d.ts

@@ -1,13 +1,15 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ConfigSettings, NylasSchedulerBookingData } from '../../..';
 import { NylasEvent } from "../../../common/types";
-import { NylasSchedulerErrorResponse, Timeslot } from '@nylas/core';
+import { NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';
 export declare class NylasBookedEventCard {
+    private host;
     readonly eventInfo: NylasEvent;
     readonly rescheduleBookingId?: string;
     readonly bookingInfo?: NylasSchedulerBookingData;
     readonly configSettings?: ConfigSettings;
     readonly isLoading?: boolean;
+    readonly themeConfig?: any;
     readonly selectedTimezone: string;
     readonly selectedTimeslot: Timeslot;
     readonly selectedLanguage: string;
@@ -31,6 +33,7 @@ export declare class NylasBookedEventCard {
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private handleCancelBookingButtonClicked;
     private handleRescheduleButtonClicked;
     getPaticipantType: (type: string) => "" | "Host" | "You";

package/dist/types/components/scheduler/nylas-booking-form/nylas-booking-form.d.ts

@@ -1,13 +1,14 @@
 import { Event, EventEmitter } from '../../../stencil-public-runtime';
 import type { ConfigSettings } from "../../../stores/scheduler-store";
 import type { NylasSchedulerBookingDataWithFlatFields, NylasSchedulerBookingData, NylasEvent } from "../../../common/types";
-import { Notification } from '@nylas/core';
+import { Notification, ThemeConfig } from '@nylas/core';
 export declare class NylasBookingForm {
-    readonly host: HTMLElement;
+    readonly host: HTMLNylasBookingFormElement;
     readonly isLoading?: boolean;
     readonly bookingInfo?: NylasSchedulerBookingData;
     readonly eventInfo?: NylasEvent;
     readonly configSettings?: ConfigSettings;
+    readonly themeConfig?: any;
     nameChanged: EventEmitter<string>;
     emailChanged: EventEmitter<string>;
     backButtonClicked: EventEmitter<boolean>;
@@ -31,7 +32,9 @@ export declare class NylasBookingForm {
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
     bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined): void;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     changeName(name: string): void;
     changeEmail(email: string): void;
     resetGuestEmailError(guestIndex: number): void;

package/dist/types/components/scheduler/nylas-cancel-booking-form/nylas-cancel-booking-form.d.ts

@@ -1,14 +1,16 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { Notification, NylasSchedulerErrorResponse, Timeslot } from '@nylas/core';
+import { Notification, NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';
 import { ConfigSettings } from "../../../stores/scheduler-store";
 import { NylasEvent } from "../../../common/types";
 export declare class NylasCancelBookingForm {
+    private host;
     readonly cancelBookingId?: string;
     readonly rejectBookingId?: string;
     readonly selectedTimeslot: Timeslot;
     readonly configSettings?: ConfigSettings;
     readonly eventInfo?: NylasEvent;
     readonly isLoading?: boolean;
+    readonly themeConfig?: any;
     readonly goBackButtonClicked: EventEmitter<void>;
     readonly cancelBookingFormSubmitted: EventEmitter<{
         bookingId: string;
@@ -27,6 +29,7 @@ export declare class NylasCancelBookingForm {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
     disconnectedCallback(): void;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private handleGoBackClicked;
     private handleSubmitCancelBooking;
     handleNylasFormInputChanged(event: CustomEvent<{

package/dist/types/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.d.ts

@@ -1,8 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { NylasEvent, NylasSchedulerErrorResponse } from '../../..';
 import { ConfigSettings } from "../../../stores/scheduler-store";
+import { ThemeConfig } from '@nylas/core';
 export declare class NylasCancelledEventCard {
+    private host;
     readonly configSettings?: ConfigSettings;
+    readonly themeConfig?: any;
     readonly cancelledEventInfo: Partial<NylasEvent>;
     isClosing: boolean;
     readonly closeCancelEventCardClicked: EventEmitter<{
@@ -13,6 +16,7 @@ export declare class NylasCancelledEventCard {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
     disconnectedCallback(): void;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private handleCloseClicked;
     render(): any;
 }

package/dist/types/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.d.ts

@@ -1,8 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { NylasEvent, NylasSchedulerErrorResponse } from '../../..';
 import { ConfigSettings } from "../../../stores/scheduler-store";
+import { ThemeConfig } from '@nylas/core';
 export declare class NylasConfirmedEventCard {
+    private host;
     readonly configSettings?: ConfigSettings;
+    readonly themeConfig?: any;
     readonly confirmedEventInfo: Partial<NylasEvent>;
     isClosing: boolean;
     readonly closeConfirmEventCardClicked: EventEmitter<{
@@ -13,6 +16,7 @@ export declare class NylasConfirmedEventCard {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
     disconnectedCallback(): void;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private handleCloseClicked;
     render(): any;
 }

package/dist/types/components/scheduler/nylas-date-picker/nylas-date-picker.d.ts

@@ -1,8 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ConfigSettings } from "../../../stores/scheduler-store";
+import { ThemeConfig } from '@nylas/core';
 export declare class NylasDatePicker {
+    private host;
     selectableDates?: Date[];
     configSettings?: ConfigSettings;
+    readonly themeConfig?: any;
     selectedDate?: Date;
     selectedLanguage?: string;
     readonly isLoading?: boolean;
@@ -17,6 +20,8 @@ export declare class NylasDatePicker {
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private getDates;
     private selectDate;
     private changeMonth;

package/dist/types/components/scheduler/nylas-feedback-form/nylas-feedback-form.d.ts

@@ -1,6 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { ThemeConfig } from '@nylas/core';
 export declare class NylasFeedbackForm {
     host: HTMLNylasFeedbackFormElement;
+    readonly themeConfig?: any;
     readonly feedbackModalClosed: EventEmitter<void>;
     readonly feedbackSubmitted: EventEmitter<{
         feedback: string;
@@ -11,6 +13,7 @@ export declare class NylasFeedbackForm {
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     handleFormInputChanged(event: CustomEvent<{
         name: string;
         value: string;

package/dist/types/components/scheduler/nylas-locale-switch/nylas-locale-switch.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { ThemeConfig } from '@nylas/core';
 export declare class NylasLocaleSwitch {
+    private host;
+    readonly themeConfig?: any;
     selectedTimezone: string;
     selectedLanguage: string;
     timezoneChanged: EventEmitter<string>;
@@ -7,6 +10,8 @@ export declare class NylasLocaleSwitch {
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
+    componentDidLoad(): void;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private changeTimezone;
     private changeLanguage;
     nylasFormDropdownChangedHandler(event: CustomEvent<{

package/dist/types/components/scheduler/nylas-organizer-confirmation-card/nylas-organizer-confirmation-card.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ConfigSettings } from '../../..';
-import { NylasSchedulerErrorResponse } from '@nylas/core';
+import { NylasSchedulerErrorResponse, ThemeConfig } from '@nylas/core';
 export declare class NylasOrganizerConfirmationCard {
     host: HTMLNylasOrganizerConfirmationCardElement;
     readonly configSettings?: ConfigSettings;
     readonly isLoading?: boolean;
+    readonly themeConfig?: any;
     readonly organizerConfirmationBookingId?: string;
     readonly selectedLanguage: string;
     action: 'confirm' | 'reject' | null;
@@ -22,6 +23,7 @@ export declare class NylasOrganizerConfirmationCard {
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private handleConfirmBookingButtonClicked;
     private handleRejectBookingButtonClicked;
     resetAction(): Promise<void>;

package/dist/types/components/scheduler/nylas-scheduling/nylas-scheduling.d.ts

@@ -84,7 +84,7 @@ export declare class NylasScheduling {
     private isTimeslotValid;
     private validateAvailableDaysInFuture;
     private applyThemeConfig;
-    onFeedbackClick(): void;
+    onFeedbackClick(e: Event): void;
     redirectToCustomUrl(url: string): void;
     render(): any;
 }

package/dist/types/components/scheduler/nylas-selected-event-card/nylas-selected-event-card.d.ts

@@ -1,5 +1,7 @@
-import type { Timeslot } from '@nylas/core';
+import type { ThemeConfig, Timeslot } from '@nylas/core';
 export declare class NylasSelectedEventCard {
+    private host;
+    readonly themeConfig?: any;
     readonly selectedDate?: Date;
     readonly selectedTimeslot?: Timeslot;
     readonly selectedTimezone: string;
@@ -10,5 +12,6 @@ export declare class NylasSelectedEventCard {
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     render(): any;
 }

package/dist/types/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.d.ts

@@ -1,9 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { AvailabilityTimeslot } from "../../../stores/scheduler-store";
-import type { Timeslot } from '@nylas/core';
+import type { ThemeConfig, Timeslot } from '@nylas/core';
 export declare class NylasTimeslotPicker {
+    private host;
     readonly availability?: AvailabilityTimeslot[];
     readonly isLoading?: boolean;
+    readonly themeConfig?: any;
     readonly selectedTimeslot?: Timeslot;
     readonly selectedTimezone: string;
     readonly selectedDate?: Date;
@@ -20,6 +22,7 @@ export declare class NylasTimeslotPicker {
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
+    applyThemeConfig(themeConfig?: ThemeConfig): void;
     private getTimeslotId;
     private onClickSelectTime;
     private handleConfirmedTimeslot;

package/dist/types/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.d.ts

@@ -183,7 +183,7 @@ export declare class NylasEditorTabs {
     checkForOrganizerConfirmationError: (config: any) => boolean;
     checkForBookingFormErrors: (config: any) => boolean;
     hideTab(tab: Tab): boolean;
-    onFeedbackClick(): void;
+    onFeedbackClick(e: Event): void;
     render(): any;
 }
 export {};

package/dist/types/components.d.ts

@@ -448,6 +448,10 @@ export namespace Components {
           * The selected timezone.
          */
         "selectedTimezone": string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-booking-calendar-picker` component is a UI component that displays the booking calendar picker.
@@ -541,6 +545,10 @@ export namespace Components {
           * @standalone The loading state.
          */
         "isLoading"?: boolean;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-booking-form-config` component is a form input for adding additional fields to the booking form.
@@ -620,6 +628,10 @@ export namespace Components {
           * The selected timeslot.
          */
         "selectedTimeslot": Timeslot;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.
@@ -650,6 +662,10 @@ export namespace Components {
           * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-confirmation-email` component is a UI component that allows users to set buffer time before and after an event.
@@ -688,6 +704,10 @@ export namespace Components {
           * The participant's name who booked the event / is logged in.
          */
         "confirmedEventInfo": Partial<NylasEvent1>;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-connected-calendars` component is a form input for selecting calendars to check availability for participants.
@@ -810,6 +830,10 @@ export namespace Components {
           * The selected language.
          */
         "selectedLanguage"?: string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The nylas-editor-tabs component provides the user interface for managing editor tabs within the scheduler editor.
@@ -970,6 +994,10 @@ export namespace Components {
      * The `nylas-feedback-form` component is a UI component that displays the booked event card.
      */
     interface NylasFeedbackForm {
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-form-card` component is a card that can be used to display a form. It is a simple wrapper around a card with a header and content area.
@@ -1041,6 +1069,10 @@ export namespace Components {
           * The selected timezone.
          */
         "selectedTimezone": string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     interface NylasLogin {
         "buttonText": string;
@@ -1124,6 +1156,10 @@ export namespace Components {
           * The selected language.
          */
         "selectedLanguage": string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-page-name` component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.
@@ -1473,6 +1509,10 @@ export namespace Components {
           * The selected timezone.
          */
         "selectedTimezone": string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-time-window-picker` component is a time picker that can be used to select a time.
@@ -1545,6 +1585,10 @@ export namespace Components {
           * The selected timezone.
          */
         "selectedTimezone": string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     interface PaintbrushFillIcon {
         "height": string;
@@ -4475,6 +4519,10 @@ declare namespace LocalJSX {
           * The selected timezone.
          */
         "selectedTimezone"?: string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-booking-calendar-picker` component is a UI component that displays the booking calendar picker.
@@ -4616,6 +4664,10 @@ declare namespace LocalJSX {
           * This event is fired when the name is changed.
          */
         "onNameChanged"?: (event: NylasBookingFormCustomEvent<string>) => void;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-booking-form-config` component is a form input for adding additional fields to the booking form.
@@ -4741,6 +4793,10 @@ declare namespace LocalJSX {
           * The selected timeslot.
          */
         "selectedTimeslot": Timeslot;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-cancellation-policy` component is a form input for the cancellation policy message of an event.
@@ -4786,6 +4842,10 @@ declare namespace LocalJSX {
           * This event is fired when the close button is clicked on the cancelled event card.
          */
         "onCloseCancelEventCardClicked"?: (event: NylasCancelledEventCardCustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse1) => void }>) => void;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-confirmation-email` component is a UI component that allows users to set buffer time before and after an event.
@@ -4840,6 +4900,10 @@ declare namespace LocalJSX {
           * This event is fired when an error occurs.
          */
         "onConfirmedEventCardError"?: (event: NylasConfirmedEventCardCustomEvent<NylasSchedulerErrorResponse1>) => void;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-connected-calendars` component is a form input for selecting calendars to check availability for participants.
@@ -4993,6 +5057,10 @@ declare namespace LocalJSX {
           * The selected language.
          */
         "selectedLanguage"?: string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The nylas-editor-tabs component provides the user interface for managing editor tabs within the scheduler editor.
@@ -5213,6 +5281,10 @@ declare namespace LocalJSX {
           * This is an internal event that is used to trigger validation on the form.
          */
         "onTriggerValidation"?: (event: NylasFeedbackFormCustomEvent<void>) => void;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-form-card` component is a card that can be used to display a form. It is a simple wrapper around a card with a header and content area.
@@ -5321,6 +5393,10 @@ declare namespace LocalJSX {
           * The selected timezone.
          */
         "selectedTimezone"?: string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     interface NylasLogin {
         "buttonText"?: string;
@@ -5434,6 +5510,10 @@ declare namespace LocalJSX {
           * The selected language.
          */
         "selectedLanguage"?: string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-page-name` component is a UI component that allows users to add a custom page name which will appear in the top left corner of the date picker.
@@ -5840,6 +5920,10 @@ declare namespace LocalJSX {
           * The selected timezone.
          */
         "selectedTimezone"?: string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     /**
      * The `nylas-time-window-picker` component is a time picker that can be used to select a time.
@@ -5941,6 +6025,10 @@ declare namespace LocalJSX {
           * The selected timezone.
          */
         "selectedTimezone"?: string;
+        /**
+          * @standalone The theme configuration.
+         */
+        "themeConfig"?: any;
     }
     interface PaintbrushFillIcon {
         "height"?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",