@nylas/web-elements 2.0.1 → 2.0.2

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { NylasSchedulerBookingData } from "../../../common/types";
 import { ConfigSettings } from "../../../stores/scheduler-store";
+import { LANGUAGE_CODE } from "../../../common/constants";
 import { NylasEvent } from "../../../common/types";
 import { NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';
 export declare class NylasBookedEventCard {
@@ -32,6 +33,7 @@ export declare class NylasBookedEventCard {
         };
     }>;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;
+    selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;

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

@@ -2,6 +2,7 @@ import { Event, EventEmitter } from '../../../stencil-public-runtime';
 import { ConfigSettings } from "../../../stores/scheduler-store";
 import type { NylasSchedulerBookingDataWithFlatFields, NylasSchedulerBookingData, NylasEvent } from "../../../common/types";
 import { Notification, ThemeConfig, Timeslot } from '@nylas/core';
+import { LANGUAGE_CODE } from "../../../common/constants";
 export declare class NylasBookingForm {
     private formRef?;
     readonly host: HTMLNylasBookingFormElement;
@@ -11,6 +12,7 @@ export declare class NylasBookingForm {
     readonly configSettings?: ConfigSettings;
     readonly themeConfig?: any;
     readonly selectedTimeslot?: Timeslot;
+    readonly selectedLanguage?: LANGUAGE_CODE;
     nameChanged: EventEmitter<string>;
     emailChanged: EventEmitter<string>;
     backButtonClicked: EventEmitter<boolean>;
@@ -26,6 +28,10 @@ export declare class NylasBookingForm {
     isNameValid: boolean;
     isEmailValid: boolean;
     additionalFields?: Record<string, string>;
+    namePatternError: string;
+    nameRequiredError: string;
+    emailPatternError: string;
+    emailRequiredError: string;
     validationError: {
         name: string;
         email: string;
@@ -40,6 +46,7 @@ export declare class NylasBookingForm {
     bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined): void;
     configSettingsChangedHandler(newValue: ConfigSettings | undefined): void;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;
+    selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     iterateFormComponents(): unknown[];
     applyThemeConfig(themeConfig?: ThemeConfig): void;
     changeName(name: string): void;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { Notification, NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';
 import { ConfigSettings } from "../../../stores/scheduler-store";
 import { NylasEvent } from "../../../common/types";
+import { LANGUAGE_CODE } from "../../../common/constants";
 export declare class NylasCancelBookingForm {
     private textareaRef?;
     private host;
@@ -12,6 +13,7 @@ export declare class NylasCancelBookingForm {
     readonly eventInfo?: NylasEvent;
     readonly isLoading?: boolean;
     readonly themeConfig?: any;
+    readonly selectedLanguage?: LANGUAGE_CODE;
     readonly goBackButtonClicked: EventEmitter<void>;
     readonly cancelBookingFormSubmitted: EventEmitter<{
         bookingId: string;
@@ -27,6 +29,7 @@ export declare class NylasCancelBookingForm {
     cancellationPolicy: string;
     configSettingsChangedHandler(newValue: ConfigSettings): void;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;
+    selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     connectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;

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

@@ -1,17 +1,19 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { NylasEvent, NylasSchedulerErrorResponse } from '../../..';
+import { LANGUAGE_CODE, 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 selectedLanguage?: LANGUAGE_CODE;
     readonly cancelledEventInfo: Partial<NylasEvent>;
     isClosing: boolean;
     readonly closeCancelEventCardClicked: EventEmitter<{
         errorHandler?: (error: NylasSchedulerErrorResponse) => void;
     }>;
     readonly cancelledEventCardError: EventEmitter<NylasSchedulerErrorResponse>;
+    selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;
     connectedCallback(): void;
     componentWillLoad(): Promise<void>;

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

@@ -1,11 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { NylasEvent, NylasSchedulerErrorResponse } from '../../..';
+import { LANGUAGE_CODE, 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 selectedLanguage?: LANGUAGE_CODE;
     readonly confirmedEventInfo: Partial<NylasEvent>;
     isClosing: boolean;
     readonly closeConfirmEventCardClicked: EventEmitter<{
@@ -13,6 +14,7 @@ export declare class NylasConfirmedEventCard {
     }>;
     readonly confirmedEventCardError: EventEmitter<NylasSchedulerErrorResponse>;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;
+    selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     connectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { LANGUAGE_CODE } from "../../../common/constants";
 import { ConfigSettings } from "../../../stores/scheduler-store";
 import { ThemeConfig } from '@nylas/core';
 export declare class NylasDatePicker {
@@ -8,7 +9,7 @@ export declare class NylasDatePicker {
     readonly themeConfig?: any;
     readonly selectedTimezone: string;
     selectedDate?: Date;
-    selectedLanguage?: string;
+    selectedLanguage?: LANGUAGE_CODE;
     readonly isLoading?: boolean;
     readonly eventDuration?: number;
     month: Date;

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { LANGUAGE_CODE } from "../../../common/constants";
 import { ConfigSettings } from "../../../stores/scheduler-store";
 import { NylasSchedulerErrorResponse, ThemeConfig } from '@nylas/core';
 export declare class NylasOrganizerConfirmationCard {
@@ -20,6 +21,7 @@ export declare class NylasOrganizerConfirmationCard {
     }>;
     readonly confirmBookingError: EventEmitter<NylasSchedulerErrorResponse>;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;
+    selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;

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

@@ -28,6 +28,7 @@ export declare class NylasScheduling {
     readonly isLoading?: boolean;
     readonly themeConfig?: ThemeConfig;
     readonly localization?: Partial<Record<LANGUAGE_CODE, Locale>>;
+    readonly defaultLanguage?: LANGUAGE_CODE;
     readonly showNotification?: boolean;
     readonly enableUserFeedback?: boolean;
     readonly hour12?: boolean | undefined;
@@ -67,6 +68,7 @@ export declare class NylasScheduling {
     cancelBookingRefChanged(newVal?: string): void;
     organizerConfirmationBookingRefChanged(newVal?: string): void;
     localizationChanged(newVal?: Partial<Record<LANGUAGE_CODE, Locale>>): void;
+    defaultLanguageChanged(newVal?: LANGUAGE_CODE): void;
     themeConfigChanged(newVal?: ThemeConfig): void;
     languageChanged(event: CustomEvent<string>): void;
     registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void>;
@@ -97,5 +99,9 @@ export declare class NylasScheduling {
     private applyThemeConfig;
     onFeedbackClick(e: Event): void;
     redirectToCustomUrl(url: string): void;
+    nylasFormDropdownChangedHandler(event: CustomEvent<{
+        value: string;
+        name: string;
+    }>): void;
     render(): any;
 }

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

@@ -1,15 +1,17 @@
 import type { ThemeConfig, Timeslot } from '@nylas/core';
+import { LANGUAGE_CODE } from "../../../common/constants";
 export declare class NylasSelectedEventCard {
     private host;
     readonly themeConfig?: any;
     readonly selectedDate?: Date;
     readonly selectedTimeslot?: Timeslot;
     readonly selectedTimezone: string;
-    readonly selectedLanguage?: string;
+    readonly selectedLanguage?: LANGUAGE_CODE;
     hour12?: boolean;
     startTime: string;
     endTime: string;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;
+    selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { AvailabilityTimeslot } from "../../../stores/scheduler-store";
 import type { ThemeConfig, Timeslot } from '@nylas/core';
+import { LANGUAGE_CODE } from "../../../common/constants";
 export declare class NylasTimeslotPicker {
     private host;
     readonly availability?: AvailabilityTimeslot[];
@@ -23,7 +24,7 @@ export declare class NylasTimeslotPicker {
     times: AvailabilityTimeslot[];
     hoveredTimeslotIndex?: number;
     selectedTimeslotIndex?: string;
-    selectedLanguageChanged(newLanguage: string): void;
+    selectedLanguageChanged(newLanguage: LANGUAGE_CODE): void;
     selectedDateChanged(newVal: Date | null | undefined): void;
     availabilityChanged(newVal: AvailabilityTimeslot[] | undefined): void;
     themeConfigChanged(newThemeConfig: ThemeConfig): void;

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

@@ -34,6 +34,8 @@ export declare class NylasAdditionalParticipants {
     includeOrganizerAsParticipant: boolean;
     isRoundRobinConfig: boolean;
     error: string;
+    requiredError: string;
+    patternError: string;
     valueChanged: EventEmitter<{
         value: string;
         name: string;

package/dist/types/components/scheduler-editor/nylas-booking-confirmation-redirect/nylas-booking-confirmation-redirect.d.ts

@@ -12,6 +12,8 @@ export declare class NylasBookingConfirmationRedirect {
     currentRedirectUrl: string;
     acceptUrl: boolean;
     componentLoaded: boolean;
+    requiredError: string;
+    patternError: string;
     valueChanged: EventEmitter<{
         value: string;
         name: string;

package/dist/types/components/scheduler-editor/nylas-custom-event-slug/nylas-custom-event-slug.d.ts

@@ -14,6 +14,8 @@ export declare class NylasCustomEventSlug {
     urlSlug: string;
     focus: boolean;
     copied: boolean;
+    requiredError: string;
+    patternError: string;
     valueChanged: EventEmitter<{
         value: string;
         name: string;

package/dist/types/components.d.ts

@@ -11,7 +11,7 @@ import { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale
 import { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 import { NylasEvent, NylasSchedulerBookingData, NylasSchedulerBookingDataWithFlatFields, UISettingsResponse } from "./common/types";
 import { AvailabilityTimeslot, ConfigSettings, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
-import { NylasEvent as NylasEvent1, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
+import { LANGUAGE_CODE as LANGUAGE_CODE1, NylasEvent as NylasEvent1, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 import { Tab } from "./components/scheduler-editor/nylas-editor-tabs/tab-contents";
 import { SchedulerEventDetail } from "./components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs";
 import { ErrorCategory, Notification as Notification1 } from "./types/index";
@@ -28,7 +28,7 @@ export { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale
 export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 export { NylasEvent, NylasSchedulerBookingData, NylasSchedulerBookingDataWithFlatFields, UISettingsResponse } from "./common/types";
 export { AvailabilityTimeslot, ConfigSettings, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
-export { NylasEvent as NylasEvent1, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
+export { LANGUAGE_CODE as LANGUAGE_CODE1, NylasEvent as NylasEvent1, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 export { Tab } from "./components/scheduler-editor/nylas-editor-tabs/tab-contents";
 export { SchedulerEventDetail } from "./components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs";
 export { ErrorCategory, Notification as Notification1 } from "./types/index";
@@ -629,6 +629,10 @@ export namespace Components {
           * @standalone The loading state.
          */
         "isLoading"?: boolean;
+        /**
+          * The selected language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected time.
          */
@@ -724,6 +728,10 @@ export namespace Components {
           * The booking ID to reject.
          */
         "rejectBookingId"?: string;
+        /**
+          * @standalone The default language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected timeslot.
          */
@@ -766,6 +774,10 @@ export namespace Components {
           * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
+        /**
+          * The selected language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE1;
         /**
           * @standalone The theme configuration.
          */
@@ -816,6 +828,10 @@ export namespace Components {
           * The participant's name who booked the event / is logged in.
          */
         "confirmedEventInfo": Partial<NylasEvent1>;
+        /**
+          * The selected language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE1;
         /**
           * @standalone The theme configuration.
          */
@@ -1019,7 +1035,7 @@ export namespace Components {
         /**
           * The selected language.
          */
-        "selectedLanguage"?: string;
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected timezone.
          */
@@ -1814,6 +1830,10 @@ export namespace Components {
           * The config ID for the Nylas Scheduler. This should be passed in when using a public config, in which case the sessionId is not required.
          */
         "configurationId"?: string;
+        /**
+          * This prop will allow to set a default language for the Nylas scheduling page.
+         */
+        "defaultLanguage"?: LANGUAGE_CODE;
         /**
           * The default scheduler store state. Used to set the initial state of the scheduler store.
          */
@@ -1942,7 +1962,7 @@ export namespace Components {
         /**
           * The selected language.
          */
-        "selectedLanguage"?: string;
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected time.
          */
@@ -5470,6 +5490,10 @@ declare namespace LocalJSX {
           * This event is fired when the name is changed.
          */
         "onNameChanged"?: (event: NylasBookingFormCustomEvent<string>) => void;
+        /**
+          * The selected language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected time.
          */
@@ -5611,6 +5635,10 @@ declare namespace LocalJSX {
           * The booking ID to reject.
          */
         "rejectBookingId"?: string;
+        /**
+          * @standalone The default language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected timeslot.
          */
@@ -5668,6 +5696,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;
+        /**
+          * The selected language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE1;
         /**
           * @standalone The theme configuration.
          */
@@ -5734,6 +5766,10 @@ declare namespace LocalJSX {
           * This event is fired when an error occurs.
          */
         "onConfirmedEventCardError"?: (event: NylasConfirmedEventCardCustomEvent<NylasSchedulerErrorResponse1>) => void;
+        /**
+          * The selected language.
+         */
+        "selectedLanguage"?: LANGUAGE_CODE1;
         /**
           * @standalone The theme configuration.
          */
@@ -5986,7 +6022,7 @@ declare namespace LocalJSX {
         /**
           * The selected language.
          */
-        "selectedLanguage"?: string;
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected timezone.
          */
@@ -7081,6 +7117,10 @@ declare namespace LocalJSX {
           * The config ID for the Nylas Scheduler. This should be passed in when using a public config, in which case the sessionId is not required.
          */
         "configurationId"?: string;
+        /**
+          * This prop will allow to set a default language for the Nylas scheduling page.
+         */
+        "defaultLanguage"?: LANGUAGE_CODE;
         /**
           * The default scheduler store state. Used to set the initial state of the scheduler store.
          */
@@ -7237,7 +7277,7 @@ declare namespace LocalJSX {
         /**
           * The selected language.
          */
-        "selectedLanguage"?: string;
+        "selectedLanguage"?: LANGUAGE_CODE;
         /**
           * The selected time.
          */

package/package.json

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

package/dist/cjs/calendar-check-icon_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"calendar-check-icon.checkmark-circle-icon.entry.cjs.js","mappings":";;;;;;AAAA,MAAMA,SAAO,GAAG,yCAAyC,CAAC;AAC1D,gCAAeA,SAAO;;MCMT,iBAAiB;;;qBACJ,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACEC,kEAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IACzFA,mEACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,4xBAA4xB,GAC9xB,CACE,EACN;KACH;;;;ACpBH,MAAM,OAAO,GAAG,2CAA2C,CAAC;AAC5D,kCAAe,OAAO;;MCMT,mBAAmB;;;qBACN,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,IAC7GA,mEACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qOAAqO,GACvO,CACE,EACN;KACH;;;;;;;","names":["iconCss","h"],"sources":["src/common/icons/icon.css?tag=calendar-check-icon&encapsulation=scoped","src/common/icons/calendar-check.tsx","src/common/icons/icon.css?tag=checkmark-circle-icon&encapsulation=scoped","src/common/icons/checkmark-circle.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'calendar-check-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class CalendarCheckIcon {\n  @Prop() width: string = '20';\n  @Prop() height: string = '20';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          fill=\"currentColor\"\n          d=\"M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z\"\n        />\n      </svg>\n    );\n  }\n}\n",":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'checkmark-circle-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class CheckmarkCircleIcon {\n  @Prop() width: string = '20';\n  @Prop() height: string = '20';\n\n  render() {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} fill=\"none\" viewBox=\"0 0 20 20\">\n        <path\n          fill=\"currentColor\"\n          d=\"M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}