@nylas/react 2.0.3 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{abstract-provider-bdb7d9b4-12a95387.cjs → abstract-provider-45ada3b4-31e3ed72.cjs} +1 -1
- package/dist/{abstract-provider-bdb7d9b4-22cf4a74.js → abstract-provider-45ada3b4-abd3105d.js} +1 -1
- package/dist/{add-circle-icon_2.entry-d56f519c.cjs → add-circle-icon_2.entry-48953f9c.cjs} +1 -1
- package/dist/{add-circle-icon_2.entry-0ff79148.js → add-circle-icon_2.entry-f6f8b5e5.js} +1 -1
- package/dist/{archive-icon.entry-aaff46ec.js → archive-icon.entry-b3a76711.js} +1 -1
- package/dist/{archive-icon.entry-6ab120ff.cjs → archive-icon.entry-e2880dc7.cjs} +1 -1
- package/dist/{arrow-icon.entry-d57cf44f.cjs → arrow-icon.entry-84d1e26c.cjs} +1 -1
- package/dist/{arrow-icon.entry-d8fcbc1f.js → arrow-icon.entry-9b3441aa.js} +1 -1
- package/dist/{bold-icon.entry-e48075a4.js → bold-icon.entry-0749a116.js} +1 -1
- package/dist/{bold-icon.entry-0f23543d.cjs → bold-icon.entry-e1d8ab5e.cjs} +1 -1
- package/dist/{button-component_2.entry-3d622397.cjs → button-component_2.entry-1a817230.cjs} +1 -1
- package/dist/{button-component_2.entry-5db80bec.js → button-component_2.entry-6eb55e97.js} +1 -1
- package/dist/calendar-agenda-fill-icon_37.entry-0ca8b9f4.cjs +6 -0
- package/dist/calendar-agenda-fill-icon_37.entry-4adf73a2.js +5231 -0
- package/dist/{calendar-cancel-icon.entry-8b43441c.js → calendar-cancel-icon.entry-2a29cb3f.js} +1 -1
- package/dist/{calendar-cancel-icon.entry-9546c7c3.cjs → calendar-cancel-icon.entry-e0dee585.cjs} +1 -1
- package/dist/{calendar-check-icon.entry-a03b249a.cjs → calendar-check-icon.entry-7f96d456.cjs} +1 -1
- package/dist/{calendar-check-icon.entry-4e6abda7.js → calendar-check-icon.entry-c12b63ea.js} +1 -1
- package/dist/{calendar-icon.entry-cd4b0ec4.cjs → calendar-icon.entry-a2d19ff2.cjs} +1 -1
- package/dist/{calendar-icon.entry-5b622c12.js → calendar-icon.entry-e82a5169.js} +1 -1
- package/dist/checkbox-component.entry-59612a67.js +52 -0
- package/dist/checkbox-component.entry-ddce70bc.cjs +1 -0
- package/dist/checkbox-group_4.entry-3311da64.cjs +28 -0
- package/dist/{checkbox-group_4.entry-b2a5b2b2.js → checkbox-group_4.entry-7df47ad4.js} +287 -246
- package/dist/{checkmark-circle-icon.entry-30582af4.js → checkmark-circle-icon.entry-677b0def.js} +1 -1
- package/dist/{checkmark-circle-icon.entry-9617301c.cjs → checkmark-circle-icon.entry-67df713b.cjs} +1 -1
- package/dist/checkmark-icon_15.entry-2121e1b7.cjs +5 -0
- package/dist/checkmark-icon_15.entry-9fd0ec58.js +1412 -0
- package/dist/chevron-icon_3.entry-1a42235c.cjs +1 -0
- package/dist/{chevron-icon_3.entry-517447a6.js → chevron-icon_3.entry-f0ad71d9.js} +19 -10
- package/dist/{clock-icon_4.entry-5351318c.cjs → clock-icon_4.entry-88822a84.cjs} +1 -1
- package/dist/{clock-icon_4.entry-7ea1274d.js → clock-icon_4.entry-e7472d5f.js} +1 -1
- package/dist/{customParseFormat-f0d21eb3-904f1e57.js → customParseFormat-eeec04f5-3ad26beb.js} +1 -1
- package/dist/{customParseFormat-f0d21eb3-769d6bf2.cjs → customParseFormat-eeec04f5-d5957784.cjs} +1 -1
- package/dist/{delete-icon.entry-64b61f5c.cjs → delete-icon.entry-3cb58910.cjs} +1 -1
- package/dist/{delete-icon.entry-02e44ba1.js → delete-icon.entry-813429d7.js} +1 -1
- package/dist/{document-refresh-icon.entry-2f599a22.cjs → document-refresh-icon.entry-ae361b0b.cjs} +1 -1
- package/dist/{document-refresh-icon.entry-fcaa84ad.js → document-refresh-icon.entry-c224c778.js} +1 -1
- package/dist/{feedbackSync-b9c9e719-b54b3268.js → feedbackSync-0ebd0eda-803c3ebe.js} +1 -1
- package/dist/{feedbackSync-b9c9e719-bee3fea1.cjs → feedbackSync-0ebd0eda-e12b00d5.cjs} +1 -1
- package/dist/{folder-icon.entry-55c123dc.cjs → folder-icon.entry-107841af.cjs} +1 -1
- package/dist/{folder-icon.entry-f4862c1b.js → folder-icon.entry-9c1f7c41.js} +1 -1
- package/dist/{forward-icon.entry-4a41e94f.js → forward-icon.entry-4ac22c16.js} +1 -1
- package/dist/{forward-icon.entry-82719382.cjs → forward-icon.entry-6cec1f94.cjs} +1 -1
- package/dist/globe-icon.entry-7798c93b.js +16 -0
- package/dist/globe-icon.entry-909c1382.cjs +1 -0
- package/dist/google-logo-icon_6.entry-1f4ad364.cjs +2 -0
- package/dist/{google-logo-icon_6.entry-b331ab60.js → google-logo-icon_6.entry-b198c90a.js} +332 -282
- package/dist/{google-meet-icon_5.entry-e3d44d56.cjs → google-meet-icon_5.entry-82d87e77.cjs} +1 -1
- package/dist/{google-meet-icon_5.entry-eb9f7d93.js → google-meet-icon_5.entry-fa6dc1dc.js} +1 -1
- package/dist/{inbox-icon.entry-a385095d.js → inbox-icon.entry-1b123e64.js} +1 -1
- package/dist/{inbox-icon.entry-fa9085cd.cjs → inbox-icon.entry-84f96d31.cjs} +1 -1
- package/dist/{index-ad781fbc.js → index-140eb219.js} +6753 -6439
- package/dist/index-d8a42c15.cjs +118 -0
- package/dist/{index.es-ccb2a286-dfa2bfbe.js → index.es-57d4a08f-184cbc01.js} +1 -1
- package/dist/{index.es-ccb2a286-9a2c0934.cjs → index.es-57d4a08f-b0a2ca19.cjs} +1 -1
- package/dist/info-icon_2.entry-f09e7dae.cjs +1 -0
- package/dist/info-icon_2.entry-f8b72d08.js +35 -0
- package/dist/input-component.entry-44607977.js +93 -0
- package/dist/input-component.entry-fd38953d.cjs +1 -0
- package/dist/input-dropdown_2.entry-4c2e5e1a.cjs +1 -0
- package/dist/{input-dropdown_2.entry-1b55ef0c.js → input-dropdown_2.entry-6898b420.js} +30 -9
- package/dist/{italic-icon.entry-4266a817.js → italic-icon.entry-16aa1ada.js} +1 -1
- package/dist/{italic-icon.entry-843feb2b.cjs → italic-icon.entry-beef2254.cjs} +1 -1
- package/dist/lib/elements/index.d.ts +1 -0
- package/dist/lib/notetaker/SendNotetaker/SendNotetaker.d.ts +3 -2
- package/dist/lib/notetaker/VideoPlayer/VideoPlayer.d.ts +2 -0
- package/dist/lib/notetaker/lib/store.d.ts +1 -2
- package/dist/multi-select-dropdown.entry-50133d29.js +130 -0
- package/dist/multi-select-dropdown.entry-c82cd6d4.cjs +1 -0
- package/dist/{nylas-booked-event-card_11.entry-ccf30d91.js → nylas-booked-event-card_11.entry-56768a09.js} +69 -69
- package/dist/nylas-booked-event-card_11.entry-eb4b3c5c.cjs +1 -0
- package/dist/nylas-date-component_2.entry-93f2f352.cjs +1 -0
- package/dist/nylas-date-component_2.entry-df957150.js +307 -0
- package/dist/nylas-form-card.entry-4d95a4ad.cjs +1 -0
- package/dist/nylas-form-card.entry-7724e61f.js +72 -0
- package/dist/nylas-notification_2.entry-448c2cb8.cjs +1 -0
- package/dist/nylas-notification_2.entry-af763b6c.js +85 -0
- package/dist/{nylas-scheduler-editor.entry-aa079dff.js → nylas-scheduler-editor.entry-0e4ba46d.js} +45 -34
- package/dist/{nylas-scheduler-editor.entry-9744694a.cjs → nylas-scheduler-editor.entry-e36cdd9d.cjs} +2 -2
- package/dist/{nylas-scheduling.entry-7441979c.js → nylas-scheduling.entry-1b207e91.js} +196 -185
- package/dist/nylas-scheduling.entry-904dd10e.cjs +1 -0
- package/dist/{person-icon.entry-acf4d22b.cjs → person-icon.entry-70d46ca6.cjs} +1 -1
- package/dist/{person-icon.entry-23a69633.js → person-icon.entry-f2979577.js} +1 -1
- package/dist/{play-icon.entry-aa088180.cjs → play-icon.entry-c2cf0b12.cjs} +1 -1
- package/dist/{play-icon.entry-4e7884d4.js → play-icon.entry-d387df5d.js} +1 -1
- package/dist/radio-button-group.entry-45dbd2df.js +56 -0
- package/dist/radio-button-group.entry-94e06176.cjs +1 -0
- package/dist/react.cjs +1 -1
- package/dist/react.js +41 -40
- package/dist/{refresh-icon.entry-96cb008f.cjs → refresh-icon.entry-5ab20f26.cjs} +1 -1
- package/dist/{refresh-icon.entry-d1603555.js → refresh-icon.entry-777cff27.js} +1 -1
- package/dist/{register-component-9d4ceee5-46f58baf.js → register-component-0aad9e3d-b395364a.js} +1 -1
- package/dist/{register-component-9d4ceee5-6fabc42c.cjs → register-component-0aad9e3d-d2f2e543.cjs} +1 -1
- package/dist/{reply-all-icon.entry-537f7718.cjs → reply-all-icon.entry-3c90510e.cjs} +1 -1
- package/dist/{reply-all-icon.entry-6fae7288.js → reply-all-icon.entry-e2dd6da9.js} +1 -1
- package/dist/{reply-icon.entry-ae114e35.js → reply-icon.entry-00a97d9f.js} +1 -1
- package/dist/{reply-icon.entry-72fa6e4c.cjs → reply-icon.entry-d96478be.cjs} +1 -1
- package/dist/{sent-icon.entry-30a6ac17.cjs → sent-icon.entry-2d16da4e.cjs} +1 -1
- package/dist/{sent-icon.entry-b10d5e26.js → sent-icon.entry-949cf214.js} +1 -1
- package/dist/{spam-icon.entry-bed45849.js → spam-icon.entry-3baf9e79.js} +1 -1
- package/dist/{spam-icon.entry-357aa525.cjs → spam-icon.entry-7ee61730.cjs} +1 -1
- package/dist/{star-icon.entry-010349a5.js → star-icon.entry-9fdb278b.js} +1 -1
- package/dist/{star-icon.entry-53c85ebb.cjs → star-icon.entry-dc702d73.cjs} +1 -1
- package/dist/{stop-icon.entry-20af3bf5.cjs → stop-icon.entry-b5ae7e55.cjs} +1 -1
- package/dist/{stop-icon.entry-18f650bf.js → stop-icon.entry-efa1ea66.js} +1 -1
- package/dist/textarea-component.entry-247aca42.cjs +1 -0
- package/dist/textarea-component.entry-7c6fc4d8.js +55 -0
- package/dist/toggle-switch.entry-a0295d17.js +49 -0
- package/dist/toggle-switch.entry-d52b0338.cjs +1 -0
- package/dist/{translate-icon.entry-2308a8e4.js → translate-icon.entry-219cab17.js} +1 -1
- package/dist/{translate-icon.entry-7cb7a479.cjs → translate-icon.entry-985b3b29.cjs} +1 -1
- package/dist/{trash-fill-icon.entry-7f410c82.js → trash-fill-icon.entry-03c90559.js} +1 -1
- package/dist/{trash-fill-icon.entry-c70b9326.cjs → trash-fill-icon.entry-4dfd7d24.cjs} +1 -1
- package/dist/{underline-icon.entry-58ef1a9f.js → underline-icon.entry-58fa18b5.js} +1 -1
- package/dist/{underline-icon.entry-23f478f3.cjs → underline-icon.entry-c60b77a6.cjs} +1 -1
- package/package.json +3 -3
- package/dist/calendar-agenda-fill-icon_36.entry-75d7cd5b.cjs +0 -6
- package/dist/calendar-agenda-fill-icon_36.entry-78fc2e0d.js +0 -4708
- package/dist/checkbox-component_2.entry-82f4b1f2.js +0 -115
- package/dist/checkbox-component_2.entry-c9c8a87d.cjs +0 -1
- package/dist/checkbox-group_4.entry-5a4f0ed2.cjs +0 -28
- package/dist/checkmark-icon_15.entry-01536ed2.js +0 -1339
- package/dist/checkmark-icon_15.entry-c5eaad9b.cjs +0 -5
- package/dist/chevron-icon_3.entry-26f14744.cjs +0 -1
- package/dist/globe-icon_2.entry-3f0e408e.cjs +0 -1
- package/dist/globe-icon_2.entry-8f5c79b2.js +0 -210
- package/dist/google-logo-icon_6.entry-9c91c3d4.cjs +0 -2
- package/dist/index-dc6efb5e.cjs +0 -118
- package/dist/info-icon_2.entry-9f32753b.cjs +0 -1
- package/dist/info-icon_2.entry-c18a111e.js +0 -35
- package/dist/input-component.entry-eae64f46.js +0 -84
- package/dist/input-component.entry-ff9e04c9.cjs +0 -1
- package/dist/input-dropdown_2.entry-67d6d292.cjs +0 -1
- package/dist/multi-select-dropdown.entry-854265ef.js +0 -121
- package/dist/multi-select-dropdown.entry-ca9acf75.cjs +0 -1
- package/dist/nylas-booked-event-card_11.entry-8d3e2019.cjs +0 -1
- package/dist/nylas-form-card.entry-481ede48.js +0 -58
- package/dist/nylas-form-card.entry-58162c72.cjs +0 -1
- package/dist/nylas-notification_2.entry-7d3ed3b0.js +0 -85
- package/dist/nylas-notification_2.entry-dffa3ff6.cjs +0 -1
- package/dist/nylas-scheduling.entry-b1fcb48f.cjs +0 -1
- package/dist/radio-button-group.entry-243d7988.js +0 -47
- package/dist/radio-button-group.entry-cea225c8.cjs +0 -1
- package/dist/textarea-component.entry-b19642f1.cjs +0 -1
- package/dist/textarea-component.entry-e6120440.js +0 -39
- package/dist/toggle-switch.entry-32b0e964.js +0 -34
- package/dist/toggle-switch.entry-becdda2c.cjs +0 -1
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { r as o, a as t, y as l, h as a, g as n } from "./index-140eb219.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react/jsx-runtime";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
const i = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:100%}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0;display:flex;gap:4px;align-items:center}label .error{color:var(--nylas-error)}textarea{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}textarea:focus{outline-color:var(--nylas-primary)}textarea.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}textarea.error::placeholder{font-weight:400}textarea::placeholder{color:var(--nylas-base-300)}textarea::-webkit-resizer{display:none}textarea:read-only{background-color:var(--nylas-base-100);cursor:not-allowed}', c = i, y = class {
|
|
6
|
+
constructor(e) {
|
|
7
|
+
o(this, e), this.nylasFormInputChanged = t(this, "nylasFormInputChanged", 7), this.name = "textarea", this.defaultValue = void 0, this.label = "", this.placeholder = "", this.required = !1, this.readOnly = !1, this.autoFocus = !1, this.maxLength = 255, this.type = "multi_line_text", this.tooltip = "", this.errorMessage = "", this.themeConfig = void 0, this.value = "", this.error = "";
|
|
8
|
+
}
|
|
9
|
+
componentDidLoad() {
|
|
10
|
+
this.value = l(this.defaultValue || ""), this.applyThemeConfig(this.themeConfig);
|
|
11
|
+
}
|
|
12
|
+
themeConfigChangedHandler(e, r) {
|
|
13
|
+
e !== r && this.applyThemeConfig(e);
|
|
14
|
+
}
|
|
15
|
+
applyThemeConfig(e) {
|
|
16
|
+
if (e)
|
|
17
|
+
for (const [r, s] of Object.entries(e))
|
|
18
|
+
this.el.style.setProperty(`${r}`, s);
|
|
19
|
+
}
|
|
20
|
+
handleBookingFormSubmitted(e) {
|
|
21
|
+
this.validate(this.value), this.error && e.preventDefault();
|
|
22
|
+
}
|
|
23
|
+
handletriggerValidation(e) {
|
|
24
|
+
this.validate(this.value), this.error && e.preventDefault();
|
|
25
|
+
}
|
|
26
|
+
handleInput(e) {
|
|
27
|
+
this.error = "";
|
|
28
|
+
const r = e.target;
|
|
29
|
+
this.value = l(r.value), this.nylasFormInputChanged.emit({
|
|
30
|
+
value: this.value,
|
|
31
|
+
name: this.name,
|
|
32
|
+
error: this.error,
|
|
33
|
+
label: this.label,
|
|
34
|
+
type: this.type
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
validate(e) {
|
|
38
|
+
this.required && !e ? this.error = this.errorMessage || `${this.label} is required.` : e.length > this.maxLength ? this.error = `${this.label} cannot exceed ${this.maxLength} characters.` : this.error = "";
|
|
39
|
+
}
|
|
40
|
+
render() {
|
|
41
|
+
return a("label", { key: "6838bd252440e3919d71357e490991acc6a32625", part: "tc__label", class: { error: !!this.error } }, a("p", { key: "c1b308e1cebcfd3ff26e74938cdb9be01591e2f9" }, a("span", { key: "1bd454c83edd1f239d3f54c450f5c5cc9273e9a0", class: "label" }, this.label), this.required && a("span", { class: "required" }, "*"), this.tooltip && a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, this.tooltip))), a("textarea", { key: "37b3f46f961c7fe8aa3bd640628a7f8c9596e388", 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 && a("span", { class: "error help-text" }, this.error));
|
|
42
|
+
}
|
|
43
|
+
get el() {
|
|
44
|
+
return n(this);
|
|
45
|
+
}
|
|
46
|
+
static get watchers() {
|
|
47
|
+
return {
|
|
48
|
+
themeConfig: ["themeConfigChangedHandler"]
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
y.style = c;
|
|
53
|
+
export {
|
|
54
|
+
y as textarea_component
|
|
55
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { r as a, a as r, h as s, g as c } from "./index-140eb219.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react/jsx-runtime";
|
|
4
|
+
import "react-dom";
|
|
5
|
+
const n = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:var(--nylas-base-300);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{background-color:var(--nylas-base-50);bottom:4px;content:"";height:32px;left:4px;position:absolute;transition:0.4s;width:32px}input:checked+.slider{background-color:var(--nylas-success)}input:checked+.slider:before{transform:translateX(32px)}.slider.round{border-radius:35px;width:72px;height:40px}.slider.round:before{border-radius:50%}', t = n, y = class {
|
|
6
|
+
constructor(e) {
|
|
7
|
+
a(this, e), this.nylasFormSwitchToggled = r(this, "nylasFormSwitchToggled", 7), this.name = "toggle-switch", this.checked = !1, this.label = "", this.themeConfig = void 0, this.isChecked = this.checked;
|
|
8
|
+
}
|
|
9
|
+
checkedChanged(e) {
|
|
10
|
+
this.isChecked = e;
|
|
11
|
+
}
|
|
12
|
+
themeConfigChangedHandler(e, l) {
|
|
13
|
+
e !== l && this.applyThemeConfig(e);
|
|
14
|
+
}
|
|
15
|
+
applyThemeConfig(e) {
|
|
16
|
+
if (e)
|
|
17
|
+
for (const [l, o] of Object.entries(e))
|
|
18
|
+
this.el.style.setProperty(`${l}`, o);
|
|
19
|
+
}
|
|
20
|
+
componentWillLoad() {
|
|
21
|
+
this.isChecked = this.checked, this.applyThemeConfig(this.themeConfig);
|
|
22
|
+
}
|
|
23
|
+
componentDidLoad() {
|
|
24
|
+
this.applyThemeConfig(this.themeConfig);
|
|
25
|
+
}
|
|
26
|
+
toggleCheck() {
|
|
27
|
+
this.isChecked = !this.isChecked, this.nylasFormSwitchToggled.emit({
|
|
28
|
+
checked: this.isChecked,
|
|
29
|
+
name: this.name,
|
|
30
|
+
label: this.label
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
render() {
|
|
34
|
+
return s("label", { key: "352f5292473fb4037e68538367db0b471c5719ae", class: "switch", part: "ts_label" }, s("input", { key: "ec6e64bdbc04b06f2342443d11bbc2c431481c7e", type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), s("div", { key: "1dad5953e4cb9e1f2b1b835e1042737264ddcfef", class: "slider round", part: `ts_slider ${this.isChecked ? "ts_slider_checked" : ""}` }));
|
|
35
|
+
}
|
|
36
|
+
get el() {
|
|
37
|
+
return c(this);
|
|
38
|
+
}
|
|
39
|
+
static get watchers() {
|
|
40
|
+
return {
|
|
41
|
+
checked: ["checkedChanged"],
|
|
42
|
+
themeConfig: ["themeConfigChangedHandler"]
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
y.style = t;
|
|
47
|
+
export {
|
|
48
|
+
y as toggle_switch
|
|
49
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-d8a42c15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const a=':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:var(--nylas-base-300);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{background-color:var(--nylas-base-50);bottom:4px;content:"";height:32px;left:4px;position:absolute;transition:0.4s;width:32px}input:checked+.slider{background-color:var(--nylas-success)}input:checked+.slider:before{transform:translateX(32px)}.slider.round{border-radius:35px;width:72px;height:40px}.slider.round:before{border-radius:50%}',c=a,o=class{constructor(e){l.registerInstance(this,e),this.nylasFormSwitchToggled=l.createEvent(this,"nylasFormSwitchToggled",7),this.name="toggle-switch",this.checked=!1,this.label="",this.themeConfig=void 0,this.isChecked=this.checked}checkedChanged(e){this.isChecked=e}themeConfigChangedHandler(e,s){e!==s&&this.applyThemeConfig(e)}applyThemeConfig(e){if(e)for(const[s,r]of Object.entries(e))this.el.style.setProperty(`${s}`,r)}componentWillLoad(){this.isChecked=this.checked,this.applyThemeConfig(this.themeConfig)}componentDidLoad(){this.applyThemeConfig(this.themeConfig)}toggleCheck(){this.isChecked=!this.isChecked,this.nylasFormSwitchToggled.emit({checked:this.isChecked,name:this.name,label:this.label})}render(){return l.h("label",{key:"352f5292473fb4037e68538367db0b471c5719ae",class:"switch",part:"ts_label"},l.h("input",{key:"ec6e64bdbc04b06f2342443d11bbc2c431481c7e",type:"checkbox",part:"ts_input",name:this.name,checked:this.isChecked,onChange:()=>this.toggleCheck()}),l.h("div",{key:"1dad5953e4cb9e1f2b1b835e1042737264ddcfef",class:"slider round",part:`ts_slider ${this.isChecked?"ts_slider_checked":""}`}))}get el(){return l.getElement(this)}static get watchers(){return{checked:["checkedChanged"],themeConfig:["themeConfigChangedHandler"]}}};o.style=c;exports.toggle_switch=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index-d8a42c15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const i=".sc-translate-icon-h{display:flex}",r=i,e=class{constructor(t){C.registerInstance(this,t),this.width="16",this.height="16"}render(){return C.h("svg",{key:"a3a970b623885825526a8531efc2fa6b61f1e9e7",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,viewBox:"0 0 20 20",fill:"none"},C.h("path",{key:"b6789bfce9afcaa691cb81a864a4596f9c8dc3c6",fill:"currentColor",d:"M14.1663 4.02867C14.4267 4.12081 14.563 4.40654 14.4709 4.66685C14.3501 5.00788 14.2182 5.4771 14.1178 5.86047C14.6877 5.77587 15.2665 5.65653 15.8867 5.51288C16.1557 5.45058 16.4243 5.61815 16.4866 5.88717C16.5489 6.15619 16.3814 6.42479 16.1123 6.4871C15.339 6.66621 14.6101 6.81289 13.8717 6.90283C13.7759 7.35654 13.7014 7.77084 13.6451 8.15021C14.1202 8.04599 14.5738 8.00553 14.9996 8.02075L14.9996 8C14.9996 7.72386 15.2235 7.5 15.4996 7.5C15.7758 7.5 15.9996 7.72386 15.9996 8C15.9996 8.05657 15.9991 8.11281 15.9979 8.16871C17.1392 8.47838 17.9781 9.23987 18.3435 10.2263C18.9579 11.8853 18.1287 13.8787 15.7027 14.9569C15.4504 15.069 15.1549 14.9554 15.0427 14.7031C14.9306 14.4507 15.0442 14.1552 15.2966 14.0431C17.3705 13.1213 17.7913 11.6147 17.4057 10.5737C17.1874 9.984 16.6776 9.44916 15.9129 9.18633C15.6829 10.7237 15.021 11.9466 14.229 12.7925C14.3126 12.9656 14.3958 13.1436 14.4641 13.3151C14.5662 13.5717 14.441 13.8625 14.1844 13.9646C13.9278 14.0667 13.637 13.9415 13.5349 13.6849C13.5066 13.6137 13.4777 13.5463 13.448 13.4802C13.028 13.7794 12.5905 13.9869 12.1705 14.0835C11.5942 14.2161 10.963 14.1517 10.534 13.6942C9.88917 13.0053 9.84361 11.8611 10.2855 10.8412C10.6652 9.96479 11.4186 9.11781 12.5848 8.54034C12.6387 8.07338 12.7199 7.55894 12.8332 6.98891C12.3926 7.00755 11.9403 7.00326 11.4659 6.97127C11.1904 6.95269 10.9821 6.71428 11.0007 6.43876C11.0192 6.16325 11.2577 5.95496 11.5332 5.97353C12.0633 6.00928 12.5641 6.00772 13.0566 5.97553C13.1605 5.55444 13.3512 4.8331 13.5282 4.33317C13.6203 4.07286 13.906 3.93653 14.1663 4.02867ZM12.501 9.74109C11.8436 10.1821 11.427 10.7219 11.2031 11.2387C10.8542 12.0439 10.9881 12.716 11.2638 13.0105C11.2637 13.0104 11.2639 13.0106 11.2638 13.0105C11.3573 13.11 11.5624 13.1973 11.9463 13.109C12.2578 13.0373 12.6311 12.8571 13.0121 12.5576C12.8658 12.22 12.7272 11.8324 12.6313 11.353C12.5405 10.8996 12.4899 10.3743 12.501 9.74109ZM13.7808 11.7797C14.316 11.0956 14.759 10.1665 14.9271 9.01632C14.539 9.00681 14.1111 9.05601 13.6457 9.17854C13.605 9.19274 13.5647 9.20726 13.525 9.22209C13.4663 10.0545 13.5146 10.671 13.6118 11.1568C13.6578 11.3868 13.7156 11.5913 13.7808 11.7797ZM6.92028 5.2159C5.77942 4.88398 4.78409 5.00841 4.07616 5.21575C3.72264 5.3193 3.439 5.44393 3.24121 5.5443C3.14215 5.59457 3.0641 5.63901 3.00903 5.67212C2.98147 5.68868 2.95962 5.70244 2.9437 5.71271L2.92429 5.72542L2.91797 5.72966L2.91566 5.73123L2.91393 5.73241C2.91384 5.73249 2.91436 5.73325 2.94925 5.78397C3.23698 6.20225 3.1703 6.10548 2.91393 5.73241C2.68634 5.88881 2.62863 6.20009 2.78502 6.42767C2.94134 6.65514 3.25207 6.71313 3.47963 6.55703L3.4788 6.5576L3.48576 6.55305C3.49318 6.54826 3.50608 6.5401 3.52423 6.52919C3.56057 6.50735 3.6177 6.47463 3.69373 6.43605C3.84612 6.35872 4.07228 6.2589 4.35724 6.17544C4.92619 6.0088 5.72242 5.90898 6.64043 6.17595C7.35305 6.38517 7.66747 6.76919 7.82692 7.16112C7.98173 7.54163 8.0026 7.95751 8.00531 8.33243C7.46199 8.18407 6.79336 8.03682 6.08385 8.00744C5.04808 7.96456 3.8874 8.17096 2.87738 9.01102C1.98877 9.75011 1.78345 10.8818 2.07014 11.853C2.35713 12.8252 3.14925 13.692 4.31803 13.9348C5.22351 14.123 6.18016 13.8639 6.9599 13.5212C7.3403 13.354 7.69572 13.1594 8.0057 12.9665V13.5C8.0057 13.7761 8.22956 14 8.5057 14C8.78184 14 9.0057 13.7754 9.0057 13.4993L9.0057 8.44586C9.0058 8.05404 9.00595 7.40554 8.7532 6.78428C8.48142 6.11625 7.93342 5.51313 6.92136 5.21622L6.92028 5.2159ZM6.04249 9.00659C6.76366 9.03645 7.44769 9.209 8.0057 9.37205V11.757C7.65814 12.0182 7.13927 12.35 6.55757 12.6057C5.85264 12.9155 5.12729 13.0816 4.52148 12.9557C3.75127 12.7957 3.22322 12.2271 3.02922 11.5699C2.83491 10.9116 2.98777 10.2199 3.51683 9.77985C4.27958 9.14545 5.16917 8.97043 6.04249 9.00659Z"}))}};e.style=r;exports.translate_icon=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-d8a42c15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const s=".sc-trash-fill-icon-h{display:flex}",a=s,t=class{constructor(d){e.registerInstance(this,d),this.width="15",this.height="15"}render(){return e.h("svg",{key:"d91a0b4a4fe83f9e8eda0f0925ddfa4de2e0ba78",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"6129e4dcceb4fba9571a9f499fdb0fd36b09a86e",d:"M3 6H5H21",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"6d06dc26a0f98d8afde40f2c4de69ca8c8d9cc92",d:"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"e5bd2116bb19b79d84ab67139adfac56bd3f3740",d:"M10 11V17",stroke:"auto","stroke-width":"1.5"}),e.h("path",{key:"bc014f02ebd86b4fd85ae744bfc47fed60ab0fe6",d:"M14 11V17",stroke:"auto","stroke-width":"1.5"}))}};t.style=a;exports.trash_fill_icon=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-d8a42c15.cjs");require("react");require("react/jsx-runtime");require("react-dom");const n=".sc-underline-icon-h{display:flex}",r=n,t=class{constructor(i){e.registerInstance(this,i),this.width="15",this.height="15"}render(){return e.h("svg",{key:"96ed32bea9de1ea04ec4f8d5d8ccab5b01f65401",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"e37b2de78c212e7dd46583ad3fc6fc17c7a510a3",d:"M19 4V10C19 13.866 15.866 17 12 17C8.13401 17 5 13.866 5 10V4M8.5 4V10C8.5 13.2218 10.6766 15.9352 13.6395 16.7501M4 21H20M3 4L10.5 4M17 4L21 4",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}};t.style=r;exports.underline_icon=t;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nylas/react",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"lucide-react": "^0.453.0",
|
|
34
34
|
"tailwind-variants": "^1.0.0",
|
|
35
35
|
"zustand": "^5.0.3",
|
|
36
|
-
"@nylas/
|
|
37
|
-
"@nylas/
|
|
36
|
+
"@nylas/web-elements": "^2.0.6",
|
|
37
|
+
"@nylas/core": "^1.1.8"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": ">=18.2.0 <20.0.0",
|