@nylas/web-elements 0.0.0-canary-20251007200552 → 0.0.0-canary-20251008142712

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.
Files changed (141) hide show
  1. package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +1571 -1480
  2. package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +100 -9
  3. package/dist/cjs/calendar-agenda-fill-icon_38.cjs.entry.js +1 -1
  4. package/dist/cjs/calendar-agenda-fill-icon_38.cjs.entry.js.map +1 -1
  5. package/dist/cjs/info-icon.tooltip-component.entry.cjs.js.map +1 -1
  6. package/dist/cjs/info-icon_2.cjs.entry.js +151 -6
  7. package/dist/cjs/info-icon_2.cjs.entry.js.map +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/cjs/nylas-web-elements.cjs.js +1 -1
  10. package/dist/collection/components/design-system/tooltip-component/toolitp-component.js +181 -8
  11. package/dist/collection/components/design-system/tooltip-component/toolitp-component.js.map +1 -1
  12. package/dist/collection/components/design-system/tooltip-component/tooltip-component.css +64 -52
  13. package/dist/collection/components/scheduler-editor/nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.css +4 -1
  14. package/dist/components/nylas-additional-participants.js +1 -1
  15. package/dist/components/nylas-availability-picker.js +1 -1
  16. package/dist/components/nylas-booking-calendar-picker.js +1 -1
  17. package/dist/components/nylas-booking-confirmation-redirect.js +1 -1
  18. package/dist/components/nylas-booking-confirmation-type.js +1 -1
  19. package/dist/components/nylas-booking-form.js +1 -1
  20. package/dist/components/nylas-buffer-time.js +1 -1
  21. package/dist/components/nylas-cancel-booking-form.js +1 -1
  22. package/dist/components/nylas-cancellation-policy.js +1 -1
  23. package/dist/components/nylas-confirmation-email.js +1 -1
  24. package/dist/components/nylas-connected-calendars.js +1 -1
  25. package/dist/components/nylas-custom-event-slug.js +1 -1
  26. package/dist/components/nylas-customize-booking-settings.js +1 -1
  27. package/dist/components/nylas-disable-emails.js +1 -1
  28. package/dist/components/nylas-editor-tabs-group.js +1 -1
  29. package/dist/components/nylas-editor-tabs.js +1 -1
  30. package/dist/components/nylas-event-calendar.js +1 -1
  31. package/dist/components/nylas-event-capacity.js +1 -1
  32. package/dist/components/nylas-event-description.js +1 -1
  33. package/dist/components/nylas-event-location.js +1 -1
  34. package/dist/components/nylas-event-title.js +1 -1
  35. package/dist/components/nylas-feedback-form.js +1 -1
  36. package/dist/components/nylas-limit-future-bookings.js +1 -1
  37. package/dist/components/nylas-min-booking-notice.js +1 -1
  38. package/dist/components/nylas-min-cancellation-notice.js +1 -1
  39. package/dist/components/nylas-only-specific-time-availability.js +1 -1
  40. package/dist/components/nylas-page-name.js +1 -1
  41. package/dist/components/nylas-participant-booking-calendars.js +1 -1
  42. package/dist/components/nylas-participants-custom-availability.js +1 -1
  43. package/dist/components/nylas-reminder-emails.js +1 -1
  44. package/dist/components/nylas-scheduler-editor.js +33 -33
  45. package/dist/components/nylas-scheduling-method.js +1 -1
  46. package/dist/components/nylas-scheduling.js +5 -5
  47. package/dist/components/nylas-specific-time-availability-picker.js +1 -1
  48. package/dist/components/nylas-timeslot-interval.js +1 -1
  49. package/dist/components/{p-BqGEzlcQ.js → p-0q9sgr4i.js} +3 -3
  50. package/dist/components/{p-BqGEzlcQ.js.map → p-0q9sgr4i.js.map} +1 -1
  51. package/dist/components/{p-CwwJpDaO.js → p-B1psbbaJ.js} +3 -3
  52. package/dist/components/{p-CwwJpDaO.js.map → p-B1psbbaJ.js.map} +1 -1
  53. package/dist/components/{p-CbLs5Pk5.js → p-BFJmQasy.js} +4 -4
  54. package/dist/components/{p-CbLs5Pk5.js.map → p-BFJmQasy.js.map} +1 -1
  55. package/dist/components/{p-wzGjOUhU.js → p-BNmwL6-W.js} +4 -4
  56. package/dist/components/{p-wzGjOUhU.js.map → p-BNmwL6-W.js.map} +1 -1
  57. package/dist/components/{p-B-b3QZAX.js → p-Bfh24JOX.js} +3 -3
  58. package/dist/components/{p-B-b3QZAX.js.map → p-Bfh24JOX.js.map} +1 -1
  59. package/dist/components/{p-pjEuYJeR.js → p-Bk42j8OF.js} +3 -3
  60. package/dist/components/{p-pjEuYJeR.js.map → p-Bk42j8OF.js.map} +1 -1
  61. package/dist/components/{p-CXG_Ufsz.js → p-BpnsgdmY.js} +3 -3
  62. package/dist/components/{p-CXG_Ufsz.js.map → p-BpnsgdmY.js.map} +1 -1
  63. package/dist/components/{p-BbV-LHPC.js → p-BvCN7qQY.js} +3 -3
  64. package/dist/components/{p-BbV-LHPC.js.map → p-BvCN7qQY.js.map} +1 -1
  65. package/dist/components/{p-BT4xqZtB.js → p-BzvnGJrN.js} +4 -4
  66. package/dist/components/p-BzvnGJrN.js.map +1 -0
  67. package/dist/components/{p-BD1JIBI-.js → p-C20VhZn-.js} +3 -3
  68. package/dist/components/{p-BD1JIBI-.js.map → p-C20VhZn-.js.map} +1 -1
  69. package/dist/components/{p-2bXE-Vfv.js → p-C2lhNwAw.js} +3 -3
  70. package/dist/components/{p-2bXE-Vfv.js.map → p-C2lhNwAw.js.map} +1 -1
  71. package/dist/components/{p-C_lK5fHn.js → p-CD62_7I9.js} +23 -23
  72. package/dist/components/{p-C_lK5fHn.js.map → p-CD62_7I9.js.map} +1 -1
  73. package/dist/components/{p-B6C_M9Jr.js → p-CE9apE9h.js} +31 -31
  74. package/dist/components/{p-B6C_M9Jr.js.map → p-CE9apE9h.js.map} +1 -1
  75. package/dist/components/{p-DyYv3p94.js → p-CHxdUdXp.js} +3 -3
  76. package/dist/components/{p-DyYv3p94.js.map → p-CHxdUdXp.js.map} +1 -1
  77. package/dist/components/{p-Dj99qyJ3.js → p-CXsByTmW.js} +5 -5
  78. package/dist/components/{p-Dj99qyJ3.js.map → p-CXsByTmW.js.map} +1 -1
  79. package/dist/components/p-CelgQqJU.js +192 -0
  80. package/dist/components/p-CelgQqJU.js.map +1 -0
  81. package/dist/components/{p-COiHEYHM.js → p-CfSWSyFi.js} +4 -4
  82. package/dist/components/{p-COiHEYHM.js.map → p-CfSWSyFi.js.map} +1 -1
  83. package/dist/components/{p-BRLg6H-E.js → p-CfVpiH3G.js} +3 -3
  84. package/dist/components/{p-BRLg6H-E.js.map → p-CfVpiH3G.js.map} +1 -1
  85. package/dist/components/{p-Dzb4S0Ql.js → p-CnNHkU1E.js} +8 -8
  86. package/dist/components/{p-Dzb4S0Ql.js.map → p-CnNHkU1E.js.map} +1 -1
  87. package/dist/components/{p-Bt1Mbyo5.js → p-Coh5sPoS.js} +3 -3
  88. package/dist/components/{p-Bt1Mbyo5.js.map → p-Coh5sPoS.js.map} +1 -1
  89. package/dist/components/{p-DCescN3V.js → p-D3Qd1n_P.js} +3 -3
  90. package/dist/components/{p-DCescN3V.js.map → p-D3Qd1n_P.js.map} +1 -1
  91. package/dist/components/{p-BCPPCoYO.js → p-D4UyMIEq.js} +3 -3
  92. package/dist/components/{p-BCPPCoYO.js.map → p-D4UyMIEq.js.map} +1 -1
  93. package/dist/components/{p-nPHjU3jr.js → p-D5qrC2lA.js} +3 -3
  94. package/dist/components/{p-nPHjU3jr.js.map → p-D5qrC2lA.js.map} +1 -1
  95. package/dist/components/{p-Cffi7D48.js → p-DJajrAgg.js} +3 -3
  96. package/dist/components/{p-Cffi7D48.js.map → p-DJajrAgg.js.map} +1 -1
  97. package/dist/components/{p-B6clCy4A.js → p-DQZVOwPH.js} +3 -3
  98. package/dist/components/{p-B6clCy4A.js.map → p-DQZVOwPH.js.map} +1 -1
  99. package/dist/components/{p-B0o5xunX.js → p-DhtHRxq1.js} +3 -3
  100. package/dist/components/{p-B0o5xunX.js.map → p-DhtHRxq1.js.map} +1 -1
  101. package/dist/components/{p-CSWehFEc.js → p-DlQNeDle.js} +3 -3
  102. package/dist/components/{p-CSWehFEc.js.map → p-DlQNeDle.js.map} +1 -1
  103. package/dist/components/{p-CJcp_GoJ.js → p-DosSBspi.js} +3 -3
  104. package/dist/components/{p-CJcp_GoJ.js.map → p-DosSBspi.js.map} +1 -1
  105. package/dist/components/{p-jTVu8Py-.js → p-ENcpb5di.js} +4 -4
  106. package/dist/components/{p-jTVu8Py-.js.map → p-ENcpb5di.js.map} +1 -1
  107. package/dist/components/{p-BW7q0oI_.js → p-G063shWV.js} +3 -3
  108. package/dist/components/{p-BW7q0oI_.js.map → p-G063shWV.js.map} +1 -1
  109. package/dist/components/{p-6cQLqvfv.js → p-_Y7InDst.js} +3 -3
  110. package/dist/components/{p-6cQLqvfv.js.map → p-_Y7InDst.js.map} +1 -1
  111. package/dist/components/{p-BELvPT6B.js → p-gi3_0xjc.js} +3 -3
  112. package/dist/components/{p-BELvPT6B.js.map → p-gi3_0xjc.js.map} +1 -1
  113. package/dist/components/{p-BFr5rgUi.js → p-kop9MA9K.js} +3 -3
  114. package/dist/components/{p-BFr5rgUi.js.map → p-kop9MA9K.js.map} +1 -1
  115. package/dist/components/{p-CLUzc1bh.js → p-lfia5tlH.js} +3 -3
  116. package/dist/components/{p-CLUzc1bh.js.map → p-lfia5tlH.js.map} +1 -1
  117. package/dist/components/{p-Dqb4SZcE.js → p-vzH8CS8d.js} +4 -4
  118. package/dist/components/{p-Dqb4SZcE.js.map → p-vzH8CS8d.js.map} +1 -1
  119. package/dist/components/textarea-component.js +1 -1
  120. package/dist/components/tooltip-component.js +1 -1
  121. package/dist/esm/calendar-agenda-fill-icon_38.entry.js +1 -1
  122. package/dist/esm/calendar-agenda-fill-icon_38.entry.js.map +1 -1
  123. package/dist/esm/info-icon.tooltip-component.entry.js.map +1 -1
  124. package/dist/esm/info-icon_2.entry.js +151 -6
  125. package/dist/esm/info-icon_2.entry.js.map +1 -1
  126. package/dist/esm/loader.js +1 -1
  127. package/dist/esm/nylas-web-elements.js +1 -1
  128. package/dist/nylas-web-elements/info-icon.tooltip-component.entry.esm.js.map +1 -1
  129. package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
  130. package/dist/nylas-web-elements/p-2890bb11.entry.js +2 -0
  131. package/dist/nylas-web-elements/p-2890bb11.entry.js.map +1 -0
  132. package/dist/nylas-web-elements/{p-2fcae310.entry.js → p-545e93e8.entry.js} +2 -2
  133. package/dist/nylas-web-elements/{p-2fcae310.entry.js.map → p-545e93e8.entry.js.map} +1 -1
  134. package/dist/types/components/design-system/tooltip-component/toolitp-component.d.ts +25 -3
  135. package/dist/types/components.d.ts +8 -4
  136. package/package.json +4 -3
  137. package/dist/components/p-BT4xqZtB.js.map +0 -1
  138. package/dist/components/p-C6fgjGAL.js +0 -43
  139. package/dist/components/p-C6fgjGAL.js.map +0 -1
  140. package/dist/nylas-web-elements/p-4ebae0d7.entry.js +0 -2
  141. package/dist/nylas-web-elements/p-4ebae0d7.entry.js.map +0 -1
@@ -85,84 +85,96 @@
85
85
  --nylas-color-sky-50: #d9f2ff;
86
86
  }
87
87
 
88
+ .info-icon {
89
+ cursor: pointer;
90
+ display: inline-flex;
91
+ align-items: center;
92
+ justify-content: center;
93
+ outline: none;
94
+ transition: opacity 0.2s ease-in-out;
95
+ }
96
+ .info-icon:hover {
97
+ opacity: 0.8;
98
+ }
99
+ .info-icon:active {
100
+ opacity: 0.6;
101
+ }
102
+ .info-icon:focus-visible {
103
+ outline: 2px solid var(--nylas-primary-500, #2563eb);
104
+ outline-offset: 2px;
105
+ border-radius: 2px;
106
+ }
107
+ .info-icon[aria-pressed=true] {
108
+ opacity: 1;
109
+ background-color: var(--nylas-primary-50, rgba(37, 99, 235, 0.1));
110
+ border-radius: 4px;
111
+ }
112
+
88
113
  .tooltip-content {
89
114
  display: none;
90
115
  background-color: var(--nylas-base-800);
91
116
  color: var(--nylas-base-0);
92
117
  text-align: left;
93
118
  border-radius: 6px;
94
- padding: 5px 0;
95
- position: absolute;
96
- z-index: 1;
97
- transition: opacity 0.3s;
98
119
  padding: 0.5rem 1rem;
99
- max-width: 200px;
120
+ max-width: 300px;
100
121
  width: max-content;
122
+ z-index: 9999;
123
+ opacity: 0;
124
+ transition: opacity 0.2s ease-in-out;
125
+ pointer-events: none;
126
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
101
127
  }
102
-
103
- /* Position-specific styles */
104
- .tooltip-content.top {
105
- bottom: 0;
106
- left: 0;
107
- margin-bottom: 1.25rem;
108
- transform: translateX(-50%);
109
- }
110
-
111
- .tooltip-content.right {
112
- top: 50%;
113
- left: 0%;
114
- margin-left: 1.25rem;
115
- transform: translateY(-50%);
116
- }
117
-
118
- .tooltip-content.bottom {
119
- top: 0;
120
- left: 0;
121
- margin-top: 1.25rem;
122
- transform: translateX(-50%);
123
- }
124
-
125
- .tooltip-content.left {
126
- top: 50%;
127
- right: 0%;
128
- margin-right: 1.25rem;
129
- transform: translateY(-50%);
130
- }
131
-
132
- .tooltip-container:hover .tooltip-content,
133
- .tooltip-container:focus-within .tooltip-content {
134
- display: inline;
128
+ .tooltip-content.tooltip-visible {
129
+ display: block;
130
+ opacity: 1;
131
+ pointer-events: auto;
135
132
  }
136
133
 
137
134
  /* Arrow styles */
138
135
  .tooltip-content::after {
139
136
  content: "";
140
137
  position: absolute;
141
- top: -0.75rem;
142
- left: 50%;
143
- transform: rotate(180deg);
144
138
  border-width: 6px;
145
139
  border-style: solid;
146
- border-color: var(--nylas-base-900) transparent transparent transparent;
147
140
  }
148
141
 
149
142
  .tooltip-content.top::after {
150
- top: 100%;
143
+ bottom: -12px;
151
144
  left: 50%;
152
- transform: rotate(0deg);
145
+ transform: translateX(-50%);
146
+ border-color: var(--nylas-base-800) transparent transparent transparent;
153
147
  }
154
148
  .tooltip-content.bottom::after {
155
- top: -0.75rem;
149
+ top: -12px;
156
150
  left: 50%;
157
- transform: rotate(180deg);
151
+ transform: translateX(-50%);
152
+ border-color: transparent transparent var(--nylas-base-800) transparent;
158
153
  }
159
154
  .tooltip-content.left::after {
160
- top: 47.5%;
161
- left: 100%;
162
- transform: rotate(270deg);
155
+ right: -12px;
156
+ top: 50%;
157
+ transform: translateY(-50%);
158
+ border-color: transparent transparent transparent var(--nylas-base-800);
163
159
  }
164
160
  .tooltip-content.right::after {
165
- top: 47.5%;
166
- left: -0.75rem;
167
- transform: rotate(90deg);
161
+ left: -12px;
162
+ top: 50%;
163
+ transform: translateY(-50%);
164
+ border-color: transparent var(--nylas-base-800) transparent transparent;
165
+ }
166
+
167
+ /* Animation for tooltip appearance */
168
+ @keyframes tooltip-fade-in {
169
+ from {
170
+ opacity: 0;
171
+ transform: scale(0.95);
172
+ }
173
+ to {
174
+ opacity: 1;
175
+ transform: scale(1);
176
+ }
177
+ }
178
+ .tooltip-visible {
179
+ animation: tooltip-fade-in 0.15s ease-out;
168
180
  }
@@ -81,6 +81,9 @@
81
81
  border-radius: var(--nylas-border-radius);
82
82
  background: var(--nylas-base-0);
83
83
  }
84
+ .nylas-specific-time-availability-picker .specific-time-entry:last-of-type {
85
+ margin-bottom: 1rem;
86
+ }
84
87
  .nylas-specific-time-availability-picker .specific-time-entry .entry-content {
85
88
  display: grid;
86
89
  grid-template-columns: 160px auto 30px 30px;
@@ -190,7 +193,7 @@
190
193
  display: flex;
191
194
  align-items: center;
192
195
  justify-content: center;
193
- width: 40px;
196
+ width: 20px;
194
197
  height: 48px;
195
198
  padding: 0;
196
199
  border: none;
@@ -1,4 +1,4 @@
1
- import { N as NylasAdditionalParticipants$1, d as defineCustomElement$1 } from './p-BELvPT6B.js';
1
+ import { N as NylasAdditionalParticipants$1, d as defineCustomElement$1 } from './p-gi3_0xjc.js';
2
2
 
3
3
  const NylasAdditionalParticipants = NylasAdditionalParticipants$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasAvailabilityPicker$1, d as defineCustomElement$1 } from './p-pjEuYJeR.js';
1
+ import { N as NylasAvailabilityPicker$1, d as defineCustomElement$1 } from './p-Bk42j8OF.js';
2
2
 
3
3
  const NylasAvailabilityPicker = NylasAvailabilityPicker$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasBookingCalendarPicker$1, d as defineCustomElement$1 } from './p-DyYv3p94.js';
1
+ import { N as NylasBookingCalendarPicker$1, d as defineCustomElement$1 } from './p-CHxdUdXp.js';
2
2
 
3
3
  const NylasBookingCalendarPicker = NylasBookingCalendarPicker$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasBookingConfirmationRedirect$1, d as defineCustomElement$1 } from './p-B0o5xunX.js';
1
+ import { N as NylasBookingConfirmationRedirect$1, d as defineCustomElement$1 } from './p-DhtHRxq1.js';
2
2
 
3
3
  const NylasBookingConfirmationRedirect = NylasBookingConfirmationRedirect$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasBookingConfirmationType$1, d as defineCustomElement$1 } from './p-nPHjU3jr.js';
1
+ import { N as NylasBookingConfirmationType$1, d as defineCustomElement$1 } from './p-D5qrC2lA.js';
2
2
 
3
3
  const NylasBookingConfirmationType = NylasBookingConfirmationType$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasBookingForm$1, d as defineCustomElement$1 } from './p-CbLs5Pk5.js';
1
+ import { N as NylasBookingForm$1, d as defineCustomElement$1 } from './p-BFJmQasy.js';
2
2
 
3
3
  const NylasBookingForm = NylasBookingForm$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasBufferTime$1, d as defineCustomElement$1 } from './p-6cQLqvfv.js';
1
+ import { N as NylasBufferTime$1, d as defineCustomElement$1 } from './p-_Y7InDst.js';
2
2
 
3
3
  const NylasBufferTime = NylasBufferTime$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasCancelBookingForm$1, d as defineCustomElement$1 } from './p-Dqb4SZcE.js';
1
+ import { N as NylasCancelBookingForm$1, d as defineCustomElement$1 } from './p-vzH8CS8d.js';
2
2
 
3
3
  const NylasCancelBookingForm = NylasCancelBookingForm$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasCancellationPolicy$1, d as defineCustomElement$1 } from './p-BRLg6H-E.js';
1
+ import { N as NylasCancellationPolicy$1, d as defineCustomElement$1 } from './p-CfVpiH3G.js';
2
2
 
3
3
  const NylasCancellationPolicy = NylasCancellationPolicy$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasConfirmationEmail$1, d as defineCustomElement$1 } from './p-COiHEYHM.js';
1
+ import { N as NylasConfirmationEmail$1, d as defineCustomElement$1 } from './p-CfSWSyFi.js';
2
2
 
3
3
  const NylasConfirmationEmail = NylasConfirmationEmail$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasConnectedCalendars$1, d as defineCustomElement$1 } from './p-BD1JIBI-.js';
1
+ import { N as NylasConnectedCalendars$1, d as defineCustomElement$1 } from './p-C20VhZn-.js';
2
2
 
3
3
  const NylasConnectedCalendars = NylasConnectedCalendars$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasCustomEventSlug$1, d as defineCustomElement$1 } from './p-BCPPCoYO.js';
1
+ import { N as NylasCustomEventSlug$1, d as defineCustomElement$1 } from './p-D4UyMIEq.js';
2
2
 
3
3
  const NylasCustomEventSlug = NylasCustomEventSlug$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasCustomizeBookingSettings$1, d as defineCustomElement$1 } from './p-CLUzc1bh.js';
1
+ import { N as NylasCustomizeBookingSettings$1, d as defineCustomElement$1 } from './p-lfia5tlH.js';
2
2
 
3
3
  const NylasCustomizeBookingSettings = NylasCustomizeBookingSettings$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasDisableEmails$1, d as defineCustomElement$1 } from './p-2bXE-Vfv.js';
1
+ import { N as NylasDisableEmails$1, d as defineCustomElement$1 } from './p-C2lhNwAw.js';
2
2
 
3
3
  const NylasDisableEmails = NylasDisableEmails$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasEditorTabsGroup$1, d as defineCustomElement$1 } from './p-C_lK5fHn.js';
1
+ import { N as NylasEditorTabsGroup$1, d as defineCustomElement$1 } from './p-CD62_7I9.js';
2
2
 
3
3
  const NylasEditorTabsGroup = NylasEditorTabsGroup$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasEditorTabs$1, d as defineCustomElement$1 } from './p-B6C_M9Jr.js';
1
+ import { N as NylasEditorTabs$1, d as defineCustomElement$1 } from './p-CE9apE9h.js';
2
2
 
3
3
  const NylasEditorTabs = NylasEditorTabs$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasEventCalendar$1, d as defineCustomElement$1 } from './p-Dzb4S0Ql.js';
1
+ import { N as NylasEventCalendar$1, d as defineCustomElement$1 } from './p-CnNHkU1E.js';
2
2
 
3
3
  const NylasEventCalendar = NylasEventCalendar$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasEventCapacity$1, d as defineCustomElement$1 } from './p-B6clCy4A.js';
1
+ import { N as NylasEventCapacity$1, d as defineCustomElement$1 } from './p-DQZVOwPH.js';
2
2
 
3
3
  const NylasEventCapacity = NylasEventCapacity$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasEventDescription$1, d as defineCustomElement$1 } from './p-Cffi7D48.js';
1
+ import { N as NylasEventDescription$1, d as defineCustomElement$1 } from './p-DJajrAgg.js';
2
2
 
3
3
  const NylasEventDescription = NylasEventDescription$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasEventLocation$1, d as defineCustomElement$1 } from './p-B-b3QZAX.js';
1
+ import { N as NylasEventLocation$1, d as defineCustomElement$1 } from './p-Bfh24JOX.js';
2
2
 
3
3
  const NylasEventLocation = NylasEventLocation$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasEventTitle$1, d as defineCustomElement$1 } from './p-BW7q0oI_.js';
1
+ import { N as NylasEventTitle$1, d as defineCustomElement$1 } from './p-G063shWV.js';
2
2
 
3
3
  const NylasEventTitle = NylasEventTitle$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasFeedbackForm$1, d as defineCustomElement$1 } from './p-wzGjOUhU.js';
1
+ import { N as NylasFeedbackForm$1, d as defineCustomElement$1 } from './p-BNmwL6-W.js';
2
2
 
3
3
  const NylasFeedbackForm = NylasFeedbackForm$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasLimitFutureBookings$1, d as defineCustomElement$1 } from './p-CSWehFEc.js';
1
+ import { N as NylasLimitFutureBookings$1, d as defineCustomElement$1 } from './p-DlQNeDle.js';
2
2
 
3
3
  const NylasLimitFutureBookings = NylasLimitFutureBookings$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasMinBookingNotice$1, d as defineCustomElement$1 } from './p-CXG_Ufsz.js';
1
+ import { N as NylasMinBookingNotice$1, d as defineCustomElement$1 } from './p-BpnsgdmY.js';
2
2
 
3
3
  const NylasMinBookingNotice = NylasMinBookingNotice$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasMinCancellationNotice$1, d as defineCustomElement$1 } from './p-Bt1Mbyo5.js';
1
+ import { N as NylasMinCancellationNotice$1, d as defineCustomElement$1 } from './p-Coh5sPoS.js';
2
2
 
3
3
  const NylasMinCancellationNotice = NylasMinCancellationNotice$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasOnlySpecificTimeAvailability$1, d as defineCustomElement$1 } from './p-CwwJpDaO.js';
1
+ import { N as NylasOnlySpecificTimeAvailability$1, d as defineCustomElement$1 } from './p-B1psbbaJ.js';
2
2
 
3
3
  const NylasOnlySpecificTimeAvailability = NylasOnlySpecificTimeAvailability$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasPageName$1, d as defineCustomElement$1 } from './p-BFr5rgUi.js';
1
+ import { N as NylasPageName$1, d as defineCustomElement$1 } from './p-kop9MA9K.js';
2
2
 
3
3
  const NylasPageName = NylasPageName$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasParticipantBookingCalendars$1, d as defineCustomElement$1 } from './p-jTVu8Py-.js';
1
+ import { N as NylasParticipantBookingCalendars$1, d as defineCustomElement$1 } from './p-ENcpb5di.js';
2
2
 
3
3
  const NylasParticipantBookingCalendars = NylasParticipantBookingCalendars$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasParticipantsCustomAvailability$1, d as defineCustomElement$1 } from './p-Dj99qyJ3.js';
1
+ import { N as NylasParticipantsCustomAvailability$1, d as defineCustomElement$1 } from './p-CXsByTmW.js';
2
2
 
3
3
  const NylasParticipantsCustomAvailability = NylasParticipantsCustomAvailability$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasReminderEmails$1, d as defineCustomElement$1 } from './p-BqGEzlcQ.js';
1
+ import { N as NylasReminderEmails$1, d as defineCustomElement$1 } from './p-0q9sgr4i.js';
2
2
 
3
3
  const NylasReminderEmails = NylasReminderEmails$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -42,52 +42,52 @@ import { d as defineCustomElement$13 } from './p-AMYgy5xP.js';
42
42
  import { d as defineCustomElement$12 } from './p-DbJHZJKs.js';
43
43
  import { d as defineCustomElement$11 } from './p-Bq0LsxvJ.js';
44
44
  import { d as defineCustomElement$10 } from './p-D_q6spwG.js';
45
- import { d as defineCustomElement$$ } from './p-BELvPT6B.js';
46
- import { d as defineCustomElement$_ } from './p-pjEuYJeR.js';
47
- import { d as defineCustomElement$Z } from './p-DyYv3p94.js';
48
- import { d as defineCustomElement$Y } from './p-B0o5xunX.js';
49
- import { d as defineCustomElement$X } from './p-nPHjU3jr.js';
45
+ import { d as defineCustomElement$$ } from './p-gi3_0xjc.js';
46
+ import { d as defineCustomElement$_ } from './p-Bk42j8OF.js';
47
+ import { d as defineCustomElement$Z } from './p-CHxdUdXp.js';
48
+ import { d as defineCustomElement$Y } from './p-DhtHRxq1.js';
49
+ import { d as defineCustomElement$X } from './p-D5qrC2lA.js';
50
50
  import { d as defineCustomElement$W } from './p-D0TjNEyD.js';
51
- import { d as defineCustomElement$V } from './p-6cQLqvfv.js';
51
+ import { d as defineCustomElement$V } from './p-_Y7InDst.js';
52
52
  import { d as defineCustomElement$U } from './p-D1TRhdV1.js';
53
- import { d as defineCustomElement$T } from './p-BRLg6H-E.js';
54
- import { d as defineCustomElement$S } from './p-COiHEYHM.js';
55
- import { d as defineCustomElement$R } from './p-BD1JIBI-.js';
53
+ import { d as defineCustomElement$T } from './p-CfVpiH3G.js';
54
+ import { d as defineCustomElement$S } from './p-CfSWSyFi.js';
55
+ import { d as defineCustomElement$R } from './p-C20VhZn-.js';
56
56
  import { d as defineCustomElement$Q } from './p-lJ3IXxC-.js';
57
- import { d as defineCustomElement$P } from './p-BCPPCoYO.js';
58
- import { d as defineCustomElement$O } from './p-CLUzc1bh.js';
57
+ import { d as defineCustomElement$P } from './p-D4UyMIEq.js';
58
+ import { d as defineCustomElement$O } from './p-lfia5tlH.js';
59
59
  import { d as defineCustomElement$N } from './p-CxKoqJ-5.js';
60
- import { d as defineCustomElement$M } from './p-2bXE-Vfv.js';
61
- import { d as defineCustomElement$L } from './p-B6C_M9Jr.js';
62
- import { d as defineCustomElement$K } from './p-C_lK5fHn.js';
63
- import { d as defineCustomElement$J } from './p-Dzb4S0Ql.js';
64
- import { d as defineCustomElement$I } from './p-B6clCy4A.js';
65
- import { d as defineCustomElement$H } from './p-Cffi7D48.js';
60
+ import { d as defineCustomElement$M } from './p-C2lhNwAw.js';
61
+ import { d as defineCustomElement$L } from './p-CE9apE9h.js';
62
+ import { d as defineCustomElement$K } from './p-CD62_7I9.js';
63
+ import { d as defineCustomElement$J } from './p-CnNHkU1E.js';
64
+ import { d as defineCustomElement$I } from './p-DQZVOwPH.js';
65
+ import { d as defineCustomElement$H } from './p-DJajrAgg.js';
66
66
  import { d as defineCustomElement$G } from './p-DDdofW8E.js';
67
67
  import { d as defineCustomElement$F } from './p-DT_qFliv.js';
68
68
  import { d as defineCustomElement$E } from './p-Er5_VX5M.js';
69
- import { d as defineCustomElement$D } from './p-B-b3QZAX.js';
69
+ import { d as defineCustomElement$D } from './p-Bfh24JOX.js';
70
70
  import { d as defineCustomElement$C } from './p-BOdn42Rj.js';
71
- import { d as defineCustomElement$B } from './p-BW7q0oI_.js';
72
- import { d as defineCustomElement$A } from './p-wzGjOUhU.js';
71
+ import { d as defineCustomElement$B } from './p-G063shWV.js';
72
+ import { d as defineCustomElement$A } from './p-BNmwL6-W.js';
73
73
  import { d as defineCustomElement$z } from './p-DLE_pww1.js';
74
- import { d as defineCustomElement$y } from './p-CSWehFEc.js';
74
+ import { d as defineCustomElement$y } from './p-DlQNeDle.js';
75
75
  import { d as defineCustomElement$x } from './p-BdvQW48_.js';
76
- import { d as defineCustomElement$w } from './p-CXG_Ufsz.js';
77
- import { d as defineCustomElement$v } from './p-Bt1Mbyo5.js';
76
+ import { d as defineCustomElement$w } from './p-BpnsgdmY.js';
77
+ import { d as defineCustomElement$v } from './p-Coh5sPoS.js';
78
78
  import { d as defineCustomElement$u } from './p-B17n4hla.js';
79
- import { d as defineCustomElement$t } from './p-CwwJpDaO.js';
80
- import { d as defineCustomElement$s } from './p-BFr5rgUi.js';
79
+ import { d as defineCustomElement$t } from './p-B1psbbaJ.js';
80
+ import { d as defineCustomElement$s } from './p-kop9MA9K.js';
81
81
  import { d as defineCustomElement$r } from './p-DIEmfv07.js';
82
- import { d as defineCustomElement$q } from './p-jTVu8Py-.js';
83
- import { d as defineCustomElement$p } from './p-Dj99qyJ3.js';
84
- import { d as defineCustomElement$o } from './p-BqGEzlcQ.js';
82
+ import { d as defineCustomElement$q } from './p-ENcpb5di.js';
83
+ import { d as defineCustomElement$p } from './p-CXsByTmW.js';
84
+ import { d as defineCustomElement$o } from './p-0q9sgr4i.js';
85
85
  import { d as defineCustomElement$n } from './p-NmINsl6b.js';
86
- import { d as defineCustomElement$m } from './p-BbV-LHPC.js';
86
+ import { d as defineCustomElement$m } from './p-BvCN7qQY.js';
87
87
  import { d as defineCustomElement$l } from './p-DTAL_9o2.js';
88
- import { d as defineCustomElement$k } from './p-BT4xqZtB.js';
88
+ import { d as defineCustomElement$k } from './p-BzvnGJrN.js';
89
89
  import { d as defineCustomElement$j } from './p-Cpjsa5iV.js';
90
- import { d as defineCustomElement$i } from './p-CJcp_GoJ.js';
90
+ import { d as defineCustomElement$i } from './p-DosSBspi.js';
91
91
  import { d as defineCustomElement$h } from './p-C3u98H5V.js';
92
92
  import { d as defineCustomElement$g } from './p-Y5yHtt0u.js';
93
93
  import { d as defineCustomElement$f } from './p-DVNTMIYq.js';
@@ -96,10 +96,10 @@ import { d as defineCustomElement$d } from './p-DlcSImKX.js';
96
96
  import { d as defineCustomElement$c } from './p-Dl0kJKrG.js';
97
97
  import { d as defineCustomElement$b } from './p-ClTk9Ttz.js';
98
98
  import { d as defineCustomElement$a } from './p-D7lRYhTx.js';
99
- import { d as defineCustomElement$9 } from './p-DCescN3V.js';
99
+ import { d as defineCustomElement$9 } from './p-D3Qd1n_P.js';
100
100
  import { d as defineCustomElement$8 } from './p-ZNBlPB7r.js';
101
101
  import { d as defineCustomElement$7 } from './p-3m3YER4_.js';
102
- import { d as defineCustomElement$6 } from './p-C6fgjGAL.js';
102
+ import { d as defineCustomElement$6 } from './p-CelgQqJU.js';
103
103
  import { d as defineCustomElement$5 } from './p-BOH1HbTO.js';
104
104
  import { d as defineCustomElement$4 } from './p-CeiWfySh.js';
105
105
  import { d as defineCustomElement$3 } from './p-Ce7p0KXO.js';
@@ -1,4 +1,4 @@
1
- import { N as NylasSchedulingMethod$1, d as defineCustomElement$1 } from './p-BbV-LHPC.js';
1
+ import { N as NylasSchedulingMethod$1, d as defineCustomElement$1 } from './p-BvCN7qQY.js';
2
2
 
3
3
  const NylasSchedulingMethod = NylasSchedulingMethod$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -22,13 +22,13 @@ import { d as defineCustomElement$q } from './p-Crz-yl85.js';
22
22
  import { d as defineCustomElement$p } from './p-S2TOEjUD.js';
23
23
  import { d as defineCustomElement$o } from './p-D_q6spwG.js';
24
24
  import { d as defineCustomElement$n } from './p-DNAtwqrl.js';
25
- import { d as defineCustomElement$m } from './p-CbLs5Pk5.js';
26
- import { d as defineCustomElement$l } from './p-Dqb4SZcE.js';
25
+ import { d as defineCustomElement$m } from './p-BFJmQasy.js';
26
+ import { d as defineCustomElement$l } from './p-vzH8CS8d.js';
27
27
  import { d as defineCustomElement$k } from './p-CrnWtRqk.js';
28
28
  import { d as defineCustomElement$j } from './p-Co1_vf0I.js';
29
29
  import { d as defineCustomElement$i } from './p-CxKoqJ-5.js';
30
30
  import { d as defineCustomElement$h } from './p-BlESWU-d.js';
31
- import { d as defineCustomElement$g } from './p-wzGjOUhU.js';
31
+ import { d as defineCustomElement$g } from './p-BNmwL6-W.js';
32
32
  import { d as defineCustomElement$f } from './p-D_PSRhO1.js';
33
33
  import { d as defineCustomElement$e } from './p-Bbeqpu87.js';
34
34
  import { d as defineCustomElement$d } from './p-B17n4hla.js';
@@ -39,8 +39,8 @@ import { d as defineCustomElement$9 } from './p-Bvymvdqm.js';
39
39
  import { d as defineCustomElement$8 } from './p-Dl0kJKrG.js';
40
40
  import { d as defineCustomElement$7 } from './p-ClTk9Ttz.js';
41
41
  import { d as defineCustomElement$6 } from './p-D7lRYhTx.js';
42
- import { d as defineCustomElement$5 } from './p-DCescN3V.js';
43
- import { d as defineCustomElement$4 } from './p-C6fgjGAL.js';
42
+ import { d as defineCustomElement$5 } from './p-D3Qd1n_P.js';
43
+ import { d as defineCustomElement$4 } from './p-CelgQqJU.js';
44
44
  import { d as defineCustomElement$3 } from './p-BOH1HbTO.js';
45
45
  import { d as defineCustomElement$2 } from './p-Ce7p0KXO.js';
46
46
 
@@ -1,4 +1,4 @@
1
- import { N as NylasSpecificTimeAvailabilityPicker$1, d as defineCustomElement$1 } from './p-BT4xqZtB.js';
1
+ import { N as NylasSpecificTimeAvailabilityPicker$1, d as defineCustomElement$1 } from './p-BzvnGJrN.js';
2
2
 
3
3
  const NylasSpecificTimeAvailabilityPicker = NylasSpecificTimeAvailabilityPicker$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NylasTimeslotInterval$1, d as defineCustomElement$1 } from './p-CJcp_GoJ.js';
1
+ import { N as NylasTimeslotInterval$1, d as defineCustomElement$1 } from './p-DosSBspi.js';
2
2
 
3
3
  const NylasTimeslotInterval = NylasTimeslotInterval$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -15,7 +15,7 @@ import { d as defineCustomElement$6 } from './p-DlcSImKX.js';
15
15
  import { d as defineCustomElement$5 } from './p-ClTk9Ttz.js';
16
16
  import { d as defineCustomElement$4 } from './p-D7lRYhTx.js';
17
17
  import { d as defineCustomElement$3 } from './p-ZNBlPB7r.js';
18
- import { d as defineCustomElement$2 } from './p-C6fgjGAL.js';
18
+ import { d as defineCustomElement$2 } from './p-CelgQqJU.js';
19
19
  import { d as defineCustomElement$1 } from './p-CeiWfySh.js';
20
20
 
21
21
  const nylasReminderEmailsCss = ":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:inherit}.cards-container{margin-bottom:4rem;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .reminder-open-close-toggle{display:flex;gap:16px}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:hover,.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__block{display:flex;flex-direction:column;gap:0.5rem;border-top:1px solid var(--nylas-base-200);padding-top:1rem;margin-top:0.5rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message{color:var(--nylas-error);display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message button-component button{color:blue}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p.error-message button-component button:hover{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:16px;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button trash-icon{color:var(--nylas-error)}";
@@ -394,6 +394,6 @@ function defineCustomElement() {
394
394
  }
395
395
 
396
396
  export { NylasReminderEmails as N, defineCustomElement as d };
397
- //# sourceMappingURL=p-BqGEzlcQ.js.map
397
+ //# sourceMappingURL=p-0q9sgr4i.js.map
398
398
 
399
- //# sourceMappingURL=p-BqGEzlcQ.js.map
399
+ //# sourceMappingURL=p-0q9sgr4i.js.map