strapi-plugin-magic-mail 2.6.1 → 2.6.3

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 (15) hide show
  1. package/dist/_chunks/{App-Boq8cits.js → App-Cp6QQAHt.js} +341 -416
  2. package/dist/_chunks/{App-zdhx2Ony.mjs → App-DvwmedNr.mjs} +341 -416
  3. package/dist/_chunks/{LicensePage-Bg72gy8w.js → LicensePage-C38rs_Wj.js} +15 -15
  4. package/dist/_chunks/{LicensePage-ndUhjynY.mjs → LicensePage-DTrGRpi7.mjs} +15 -15
  5. package/dist/_chunks/{PluginSettings-ywPWZVt0.mjs → PluginSettings-XwyzH95_.mjs} +20 -20
  6. package/dist/_chunks/{PluginSettings-D2BUUHY1.js → PluginSettings-cZXE_vy8.js} +20 -20
  7. package/dist/_chunks/{Settings-CPPrGxLm.js → Settings-BRFoD1yZ.js} +4 -4
  8. package/dist/_chunks/{Settings-Cc-hhoLA.mjs → Settings-DoSrZKfp.mjs} +4 -4
  9. package/dist/_chunks/{StyledButtons-nt2C730e.mjs → StyledButtons-CdOf4Sps.mjs} +52 -52
  10. package/dist/_chunks/{StyledButtons-M7vUd2N4.js → StyledButtons-DVGuFoqy.js} +52 -52
  11. package/dist/admin/index.js +4 -4
  12. package/dist/admin/index.mjs +4 -4
  13. package/dist/server/index.js +1 -1
  14. package/dist/server/index.mjs +1 -1
  15. package/package.json +1 -1
package/dist/_chunks/{StyledButtons-nt2C730e.mjs → StyledButtons-CdOf4Sps.mjs} RENAMED
@@ -2,7 +2,7 @@ import styled from "styled-components";
2
2
  import { Button } from "@strapi/design-system";
3
3
  const GradientButton = styled(Button)`
4
4
  && {
5
- background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
5
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
6
6
  color: white;
7
7
  font-weight: 600;
8
8
  border: none;
@@ -11,7 +11,7 @@ const GradientButton = styled(Button)`
11
11
  transition: all 0.2s ease;
12
12
 
13
13
  &:hover:not(:disabled) {
14
- background: linear-gradient(135deg, #0284C7 0%, #9333EA 100%);
14
+ background: linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%);
15
15
  transform: translateY(-1px);
16
16
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
17
17
  }
@@ -28,11 +28,11 @@ const GradientButton = styled(Button)`
28
28
  `;
29
29
  const SecondaryButton = styled(Button)`
30
30
  && {
31
- background: white;
32
- color: #7C3AED;
31
+ background: ${(p) => p.theme.colors.neutral0};
32
+ color: var(--colors-secondary600, #7C3AED);
33
33
  font-weight: 600;
34
34
  border: 2px solid transparent;
35
- background-image: linear-gradient(white, white), linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
35
+ background-image: linear-gradient(${(p) => p.theme.colors.neutral0}, ${(p) => p.theme.colors.neutral0}), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
36
36
  background-origin: border-box;
37
37
  background-clip: padding-box, border-box;
38
38
  padding: 10px 20px;
@@ -40,7 +40,7 @@ const SecondaryButton = styled(Button)`
40
40
  transition: all 0.2s ease;
41
41
 
42
42
  &:hover:not(:disabled) {
43
- background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
43
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
44
44
  background-clip: padding-box;
45
45
  color: white;
46
46
  transform: translateY(-1px);
@@ -60,17 +60,17 @@ const SecondaryButton = styled(Button)`
60
60
  const TertiaryButton = styled(Button)`
61
61
  && {
62
62
  background: transparent;
63
- color: ${(props) => props.theme.colors.neutral600};
63
+ color: var(--colors-neutral600);
64
64
  font-weight: 500;
65
- border: 1px solid ${(props) => props.theme.colors.neutral200};
65
+ border: 1px solid rgba(128, 128, 128, 0.2);
66
66
  padding: 10px 20px;
67
67
  min-height: 40px;
68
68
  transition: all 0.2s ease;
69
69
 
70
70
  &:hover:not(:disabled) {
71
- background: ${(props) => props.theme.colors.neutral100};
72
- border-color: ${(props) => props.theme.colors.neutral300};
73
- color: ${(props) => props.theme.colors.neutral800};
71
+ background: var(--colors-neutral100);
72
+ border-color: rgba(128, 128, 128, 0.3);
73
+ color: var(--colors-neutral800);
74
74
  }
75
75
 
76
76
  &:disabled {
@@ -81,18 +81,18 @@ const TertiaryButton = styled(Button)`
81
81
  `;
82
82
  const DangerButton = styled(Button)`
83
83
  && {
84
- background: #FEE2E2;
85
- color: #DC2626;
84
+ background: rgba(220, 38, 38, 0.12);
85
+ color: var(--colors-danger600, #DC2626);
86
86
  font-weight: 600;
87
- border: 1px solid #FECACA;
87
+ border: 1px solid rgba(220, 38, 38, 0.3);
88
88
  padding: 10px 20px;
89
89
  min-height: 40px;
90
90
  transition: all 0.2s ease;
91
91
 
92
92
  &:hover:not(:disabled) {
93
- background: #DC2626;
93
+ background: var(--colors-danger600, #DC2626);
94
94
  color: white;
95
- border-color: #DC2626;
95
+ border-color: var(--colors-danger600, #DC2626);
96
96
  }
97
97
 
98
98
  &:disabled {
@@ -103,7 +103,7 @@ const DangerButton = styled(Button)`
103
103
  `;
104
104
  styled(Button)`
105
105
  && {
106
- background: linear-gradient(135deg, #10B981 0%, #059669 100%);
106
+ background: linear-gradient(135deg, var(--colors-success500, #10B981) 0%, var(--colors-success600, #059669) 100%);
107
107
  color: white;
108
108
  font-weight: 600;
109
109
  border: none;
@@ -112,7 +112,7 @@ styled(Button)`
112
112
  transition: all 0.2s ease;
113
113
 
114
114
  &:hover:not(:disabled) {
115
- background: linear-gradient(135deg, #059669 0%, #047857 100%);
115
+ background: linear-gradient(135deg, var(--colors-success600, #059669) 0%, var(--colors-success700, #047857) 100%);
116
116
  transform: translateY(-1px);
117
117
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
118
118
  }
@@ -125,9 +125,9 @@ styled(Button)`
125
125
  `;
126
126
  const IconButton = styled(Button)`
127
127
  && {
128
- background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
129
- color: #64748B;
130
- border: 1px solid #E2E8F0;
128
+ background: linear-gradient(135deg, rgba(128, 128, 128, 0.04) 0%, rgba(128, 128, 128, 0.08) 100%);
129
+ color: var(--colors-neutral600, #64748B);
130
+ border: 1px solid rgba(128, 128, 128, 0.2);
131
131
  padding: 8px;
132
132
  min-width: 38px;
133
133
  min-height: 38px;
@@ -146,8 +146,8 @@ const IconButton = styled(Button)`
146
146
  }
147
147
 
148
148
  &:hover:not(:disabled) {
149
- background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
150
- border-color: #0EA5E9;
149
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-primary700, #0284C7) 100%);
150
+ border-color: var(--colors-primary600, #0EA5E9);
151
151
  color: white;
152
152
  transform: translateY(-1px);
153
153
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25);
@@ -161,9 +161,9 @@ const IconButton = styled(Button)`
161
161
  `;
162
162
  const IconButtonDanger = styled(Button)`
163
163
  && {
164
- background: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);
165
- color: #EF4444;
166
- border: 1px solid #FECACA;
164
+ background: linear-gradient(135deg, rgba(239, 68, 68, 0.06) 0%, rgba(220, 38, 38, 0.12) 100%);
165
+ color: var(--colors-danger500, #EF4444);
166
+ border: 1px solid rgba(220, 38, 38, 0.3);
167
167
  padding: 8px;
168
168
  min-width: 38px;
169
169
  min-height: 38px;
@@ -182,8 +182,8 @@ const IconButtonDanger = styled(Button)`
182
182
  }
183
183
 
184
184
  &:hover:not(:disabled) {
185
- background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
186
- border-color: #EF4444;
185
+ background: linear-gradient(135deg, var(--colors-danger500, #EF4444) 0%, var(--colors-danger600, #DC2626) 100%);
186
+ border-color: var(--colors-danger500, #EF4444);
187
187
  color: white;
188
188
  transform: translateY(-1px);
189
189
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
@@ -197,9 +197,9 @@ const IconButtonDanger = styled(Button)`
197
197
  `;
198
198
  const IconButtonPrimary = styled(Button)`
199
199
  && {
200
- background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
201
- color: #0EA5E9;
202
- border: 1px solid #BAE6FD;
200
+ background: linear-gradient(135deg, rgba(14, 165, 233, 0.06) 0%, rgba(14, 165, 233, 0.12) 100%);
201
+ color: var(--colors-primary600, #0EA5E9);
202
+ border: 1px solid rgba(14, 165, 233, 0.3);
203
203
  padding: 8px;
204
204
  min-width: 38px;
205
205
  min-height: 38px;
@@ -218,8 +218,8 @@ const IconButtonPrimary = styled(Button)`
218
218
  }
219
219
 
220
220
  &:hover:not(:disabled) {
221
- background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
222
- border-color: #0EA5E9;
221
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-primary700, #0284C7) 100%);
222
+ border-color: var(--colors-primary600, #0EA5E9);
223
223
  color: white;
224
224
  transform: translateY(-1px);
225
225
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
@@ -233,9 +233,9 @@ const IconButtonPrimary = styled(Button)`
233
233
  `;
234
234
  const IconButtonSuccess = styled(Button)`
235
235
  && {
236
- background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);
237
- color: #22C55E;
238
- border: 1px solid #BBF7D0;
236
+ background: linear-gradient(135deg, rgba(34, 197, 94, 0.06) 0%, rgba(34, 197, 94, 0.15) 100%);
237
+ color: var(--colors-success600, #22C55E);
238
+ border: 1px solid rgba(34, 197, 94, 0.3);
239
239
  padding: 8px;
240
240
  min-width: 38px;
241
241
  min-height: 38px;
@@ -254,8 +254,8 @@ const IconButtonSuccess = styled(Button)`
254
254
  }
255
255
 
256
256
  &:hover:not(:disabled) {
257
- background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
258
- border-color: #22C55E;
257
+ background: linear-gradient(135deg, var(--colors-success600, #22C55E) 0%, var(--colors-success700, #16A34A) 100%);
258
+ border-color: var(--colors-success600, #22C55E);
259
259
  color: white;
260
260
  transform: translateY(-1px);
261
261
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
@@ -269,9 +269,9 @@ const IconButtonSuccess = styled(Button)`
269
269
  `;
270
270
  styled(Button)`
271
271
  && {
272
- background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
273
- color: #F59E0B;
274
- border: 1px solid #FDE68A;
272
+ background: linear-gradient(135deg, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.15) 100%);
273
+ color: var(--colors-warning500, #F59E0B);
274
+ border: 1px solid rgba(234, 179, 8, 0.4);
275
275
  padding: 8px;
276
276
  min-width: 38px;
277
277
  min-height: 38px;
@@ -290,8 +290,8 @@ styled(Button)`
290
290
  }
291
291
 
292
292
  &:hover:not(:disabled) {
293
- background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
294
- border-color: #F59E0B;
293
+ background: linear-gradient(135deg, var(--colors-warning500, #F59E0B) 0%, var(--colors-warning600, #D97706) 100%);
294
+ border-color: var(--colors-warning500, #F59E0B);
295
295
  color: white;
296
296
  transform: translateY(-1px);
297
297
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
@@ -305,9 +305,9 @@ styled(Button)`
305
305
  `;
306
306
  const IconButtonPurple = styled(Button)`
307
307
  && {
308
- background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%);
309
- color: #A855F7;
310
- border: 1px solid #E9D5FF;
308
+ background: linear-gradient(135deg, rgba(168, 85, 247, 0.06) 0%, rgba(168, 85, 247, 0.12) 100%);
309
+ color: var(--colors-secondary500, #A855F7);
310
+ border: 1px solid rgba(139, 92, 246, 0.3);
311
311
  padding: 8px;
312
312
  min-width: 38px;
313
313
  min-height: 38px;
@@ -326,8 +326,8 @@ const IconButtonPurple = styled(Button)`
326
326
  }
327
327
 
328
328
  &:hover:not(:disabled) {
329
- background: linear-gradient(135deg, #A855F7 0%, #9333EA 100%);
330
- border-color: #A855F7;
329
+ background: linear-gradient(135deg, var(--colors-secondary500, #A855F7) 0%, var(--colors-secondary600, #9333EA) 100%);
330
+ border-color: var(--colors-secondary500, #A855F7);
331
331
  color: white;
332
332
  transform: translateY(-1px);
333
333
  box-shadow: 0 4px 12px rgba(168, 85, 247, 0.3);
@@ -341,7 +341,7 @@ const IconButtonPurple = styled(Button)`
341
341
  `;
342
342
  const CTAButton = styled(Button)`
343
343
  && {
344
- background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
344
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
345
345
  color: white;
346
346
  font-weight: 700;
347
347
  font-size: 1rem;
@@ -353,7 +353,7 @@ const CTAButton = styled(Button)`
353
353
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.25);
354
354
 
355
355
  &:hover:not(:disabled) {
356
- background: linear-gradient(135deg, #0284C7 0%, #9333EA 100%);
356
+ background: linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%);
357
357
  transform: translateY(-2px);
358
358
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.35);
359
359
  }
@@ -371,7 +371,7 @@ const CTAButton = styled(Button)`
371
371
  styled(Button)`
372
372
  && {
373
373
  background: transparent;
374
- color: #0EA5E9;
374
+ color: var(--colors-primary600, #0EA5E9);
375
375
  font-weight: 500;
376
376
  border: none;
377
377
  padding: 4px 8px;
@@ -380,7 +380,7 @@ styled(Button)`
380
380
  transition: all 0.2s ease;
381
381
 
382
382
  &:hover:not(:disabled) {
383
- color: #0284C7;
383
+ color: var(--colors-primary700, #0284C7);
384
384
  text-decoration: none;
385
385
  }
386
386
 
package/dist/_chunks/{StyledButtons-M7vUd2N4.js → StyledButtons-DVGuFoqy.js} RENAMED
@@ -5,7 +5,7 @@ const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
5
5
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
6
6
  const GradientButton = styled__default.default(designSystem.Button)`
7
7
  && {
8
- background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
8
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
9
9
  color: white;
10
10
  font-weight: 600;
11
11
  border: none;
@@ -14,7 +14,7 @@ const GradientButton = styled__default.default(designSystem.Button)`
14
14
  transition: all 0.2s ease;
15
15
 
16
16
  &:hover:not(:disabled) {
17
- background: linear-gradient(135deg, #0284C7 0%, #9333EA 100%);
17
+ background: linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%);
18
18
  transform: translateY(-1px);
19
19
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
20
20
  }
@@ -31,11 +31,11 @@ const GradientButton = styled__default.default(designSystem.Button)`
31
31
  `;
32
32
  const SecondaryButton = styled__default.default(designSystem.Button)`
33
33
  && {
34
- background: white;
35
- color: #7C3AED;
34
+ background: ${(p) => p.theme.colors.neutral0};
35
+ color: var(--colors-secondary600, #7C3AED);
36
36
  font-weight: 600;
37
37
  border: 2px solid transparent;
38
- background-image: linear-gradient(white, white), linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
38
+ background-image: linear-gradient(${(p) => p.theme.colors.neutral0}, ${(p) => p.theme.colors.neutral0}), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
39
39
  background-origin: border-box;
40
40
  background-clip: padding-box, border-box;
41
41
  padding: 10px 20px;
@@ -43,7 +43,7 @@ const SecondaryButton = styled__default.default(designSystem.Button)`
43
43
  transition: all 0.2s ease;
44
44
 
45
45
  &:hover:not(:disabled) {
46
- background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
46
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
47
47
  background-clip: padding-box;
48
48
  color: white;
49
49
  transform: translateY(-1px);
@@ -63,17 +63,17 @@ const SecondaryButton = styled__default.default(designSystem.Button)`
63
63
  const TertiaryButton = styled__default.default(designSystem.Button)`
64
64
  && {
65
65
  background: transparent;
66
- color: ${(props) => props.theme.colors.neutral600};
66
+ color: var(--colors-neutral600);
67
67
  font-weight: 500;
68
- border: 1px solid ${(props) => props.theme.colors.neutral200};
68
+ border: 1px solid rgba(128, 128, 128, 0.2);
69
69
  padding: 10px 20px;
70
70
  min-height: 40px;
71
71
  transition: all 0.2s ease;
72
72
 
73
73
  &:hover:not(:disabled) {
74
- background: ${(props) => props.theme.colors.neutral100};
75
- border-color: ${(props) => props.theme.colors.neutral300};
76
- color: ${(props) => props.theme.colors.neutral800};
74
+ background: var(--colors-neutral100);
75
+ border-color: rgba(128, 128, 128, 0.3);
76
+ color: var(--colors-neutral800);
77
77
  }
78
78
 
79
79
  &:disabled {
@@ -84,18 +84,18 @@ const TertiaryButton = styled__default.default(designSystem.Button)`
84
84
  `;
85
85
  const DangerButton = styled__default.default(designSystem.Button)`
86
86
  && {
87
- background: #FEE2E2;
88
- color: #DC2626;
87
+ background: rgba(220, 38, 38, 0.12);
88
+ color: var(--colors-danger600, #DC2626);
89
89
  font-weight: 600;
90
- border: 1px solid #FECACA;
90
+ border: 1px solid rgba(220, 38, 38, 0.3);
91
91
  padding: 10px 20px;
92
92
  min-height: 40px;
93
93
  transition: all 0.2s ease;
94
94
 
95
95
  &:hover:not(:disabled) {
96
- background: #DC2626;
96
+ background: var(--colors-danger600, #DC2626);
97
97
  color: white;
98
- border-color: #DC2626;
98
+ border-color: var(--colors-danger600, #DC2626);
99
99
  }
100
100
 
101
101
  &:disabled {
@@ -106,7 +106,7 @@ const DangerButton = styled__default.default(designSystem.Button)`
106
106
  `;
107
107
  styled__default.default(designSystem.Button)`
108
108
  && {
109
- background: linear-gradient(135deg, #10B981 0%, #059669 100%);
109
+ background: linear-gradient(135deg, var(--colors-success500, #10B981) 0%, var(--colors-success600, #059669) 100%);
110
110
  color: white;
111
111
  font-weight: 600;
112
112
  border: none;
@@ -115,7 +115,7 @@ styled__default.default(designSystem.Button)`
115
115
  transition: all 0.2s ease;
116
116
 
117
117
  &:hover:not(:disabled) {
118
- background: linear-gradient(135deg, #059669 0%, #047857 100%);
118
+ background: linear-gradient(135deg, var(--colors-success600, #059669) 0%, var(--colors-success700, #047857) 100%);
119
119
  transform: translateY(-1px);
120
120
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
121
121
  }
@@ -128,9 +128,9 @@ styled__default.default(designSystem.Button)`
128
128
  `;
129
129
  const IconButton = styled__default.default(designSystem.Button)`
130
130
  && {
131
- background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
132
- color: #64748B;
133
- border: 1px solid #E2E8F0;
131
+ background: linear-gradient(135deg, rgba(128, 128, 128, 0.04) 0%, rgba(128, 128, 128, 0.08) 100%);
132
+ color: var(--colors-neutral600, #64748B);
133
+ border: 1px solid rgba(128, 128, 128, 0.2);
134
134
  padding: 8px;
135
135
  min-width: 38px;
136
136
  min-height: 38px;
@@ -149,8 +149,8 @@ const IconButton = styled__default.default(designSystem.Button)`
149
149
  }
150
150
 
151
151
  &:hover:not(:disabled) {
152
- background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
153
- border-color: #0EA5E9;
152
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-primary700, #0284C7) 100%);
153
+ border-color: var(--colors-primary600, #0EA5E9);
154
154
  color: white;
155
155
  transform: translateY(-1px);
156
156
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25);
@@ -164,9 +164,9 @@ const IconButton = styled__default.default(designSystem.Button)`
164
164
  `;
165
165
  const IconButtonDanger = styled__default.default(designSystem.Button)`
166
166
  && {
167
- background: linear-gradient(135deg, #FEF2F2 0%, #FEE2E2 100%);
168
- color: #EF4444;
169
- border: 1px solid #FECACA;
167
+ background: linear-gradient(135deg, rgba(239, 68, 68, 0.06) 0%, rgba(220, 38, 38, 0.12) 100%);
168
+ color: var(--colors-danger500, #EF4444);
169
+ border: 1px solid rgba(220, 38, 38, 0.3);
170
170
  padding: 8px;
171
171
  min-width: 38px;
172
172
  min-height: 38px;
@@ -185,8 +185,8 @@ const IconButtonDanger = styled__default.default(designSystem.Button)`
185
185
  }
186
186
 
187
187
  &:hover:not(:disabled) {
188
- background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
189
- border-color: #EF4444;
188
+ background: linear-gradient(135deg, var(--colors-danger500, #EF4444) 0%, var(--colors-danger600, #DC2626) 100%);
189
+ border-color: var(--colors-danger500, #EF4444);
190
190
  color: white;
191
191
  transform: translateY(-1px);
192
192
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
@@ -200,9 +200,9 @@ const IconButtonDanger = styled__default.default(designSystem.Button)`
200
200
  `;
201
201
  const IconButtonPrimary = styled__default.default(designSystem.Button)`
202
202
  && {
203
- background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
204
- color: #0EA5E9;
205
- border: 1px solid #BAE6FD;
203
+ background: linear-gradient(135deg, rgba(14, 165, 233, 0.06) 0%, rgba(14, 165, 233, 0.12) 100%);
204
+ color: var(--colors-primary600, #0EA5E9);
205
+ border: 1px solid rgba(14, 165, 233, 0.3);
206
206
  padding: 8px;
207
207
  min-width: 38px;
208
208
  min-height: 38px;
@@ -221,8 +221,8 @@ const IconButtonPrimary = styled__default.default(designSystem.Button)`
221
221
  }
222
222
 
223
223
  &:hover:not(:disabled) {
224
- background: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);
225
- border-color: #0EA5E9;
224
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-primary700, #0284C7) 100%);
225
+ border-color: var(--colors-primary600, #0EA5E9);
226
226
  color: white;
227
227
  transform: translateY(-1px);
228
228
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);
@@ -236,9 +236,9 @@ const IconButtonPrimary = styled__default.default(designSystem.Button)`
236
236
  `;
237
237
  const IconButtonSuccess = styled__default.default(designSystem.Button)`
238
238
  && {
239
- background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);
240
- color: #22C55E;
241
- border: 1px solid #BBF7D0;
239
+ background: linear-gradient(135deg, rgba(34, 197, 94, 0.06) 0%, rgba(34, 197, 94, 0.15) 100%);
240
+ color: var(--colors-success600, #22C55E);
241
+ border: 1px solid rgba(34, 197, 94, 0.3);
242
242
  padding: 8px;
243
243
  min-width: 38px;
244
244
  min-height: 38px;
@@ -257,8 +257,8 @@ const IconButtonSuccess = styled__default.default(designSystem.Button)`
257
257
  }
258
258
 
259
259
  &:hover:not(:disabled) {
260
- background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);
261
- border-color: #22C55E;
260
+ background: linear-gradient(135deg, var(--colors-success600, #22C55E) 0%, var(--colors-success700, #16A34A) 100%);
261
+ border-color: var(--colors-success600, #22C55E);
262
262
  color: white;
263
263
  transform: translateY(-1px);
264
264
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
@@ -272,9 +272,9 @@ const IconButtonSuccess = styled__default.default(designSystem.Button)`
272
272
  `;
273
273
  styled__default.default(designSystem.Button)`
274
274
  && {
275
- background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
276
- color: #F59E0B;
277
- border: 1px solid #FDE68A;
275
+ background: linear-gradient(135deg, rgba(245, 158, 11, 0.06) 0%, rgba(245, 158, 11, 0.15) 100%);
276
+ color: var(--colors-warning500, #F59E0B);
277
+ border: 1px solid rgba(234, 179, 8, 0.4);
278
278
  padding: 8px;
279
279
  min-width: 38px;
280
280
  min-height: 38px;
@@ -293,8 +293,8 @@ styled__default.default(designSystem.Button)`
293
293
  }
294
294
 
295
295
  &:hover:not(:disabled) {
296
- background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
297
- border-color: #F59E0B;
296
+ background: linear-gradient(135deg, var(--colors-warning500, #F59E0B) 0%, var(--colors-warning600, #D97706) 100%);
297
+ border-color: var(--colors-warning500, #F59E0B);
298
298
  color: white;
299
299
  transform: translateY(-1px);
300
300
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
@@ -308,9 +308,9 @@ styled__default.default(designSystem.Button)`
308
308
  `;
309
309
  const IconButtonPurple = styled__default.default(designSystem.Button)`
310
310
  && {
311
- background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%);
312
- color: #A855F7;
313
- border: 1px solid #E9D5FF;
311
+ background: linear-gradient(135deg, rgba(168, 85, 247, 0.06) 0%, rgba(168, 85, 247, 0.12) 100%);
312
+ color: var(--colors-secondary500, #A855F7);
313
+ border: 1px solid rgba(139, 92, 246, 0.3);
314
314
  padding: 8px;
315
315
  min-width: 38px;
316
316
  min-height: 38px;
@@ -329,8 +329,8 @@ const IconButtonPurple = styled__default.default(designSystem.Button)`
329
329
  }
330
330
 
331
331
  &:hover:not(:disabled) {
332
- background: linear-gradient(135deg, #A855F7 0%, #9333EA 100%);
333
- border-color: #A855F7;
332
+ background: linear-gradient(135deg, var(--colors-secondary500, #A855F7) 0%, var(--colors-secondary600, #9333EA) 100%);
333
+ border-color: var(--colors-secondary500, #A855F7);
334
334
  color: white;
335
335
  transform: translateY(-1px);
336
336
  box-shadow: 0 4px 12px rgba(168, 85, 247, 0.3);
@@ -344,7 +344,7 @@ const IconButtonPurple = styled__default.default(designSystem.Button)`
344
344
  `;
345
345
  const CTAButton = styled__default.default(designSystem.Button)`
346
346
  && {
347
- background: linear-gradient(135deg, #0EA5E9 0%, #A855F7 100%);
347
+ background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #A855F7) 100%);
348
348
  color: white;
349
349
  font-weight: 700;
350
350
  font-size: 1rem;
@@ -356,7 +356,7 @@ const CTAButton = styled__default.default(designSystem.Button)`
356
356
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.25);
357
357
 
358
358
  &:hover:not(:disabled) {
359
- background: linear-gradient(135deg, #0284C7 0%, #9333EA 100%);
359
+ background: linear-gradient(135deg, var(--colors-primary700, #0284C7) 0%, var(--colors-secondary600, #9333EA) 100%);
360
360
  transform: translateY(-2px);
361
361
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.35);
362
362
  }
@@ -374,7 +374,7 @@ const CTAButton = styled__default.default(designSystem.Button)`
374
374
  styled__default.default(designSystem.Button)`
375
375
  && {
376
376
  background: transparent;
377
- color: #0EA5E9;
377
+ color: var(--colors-primary600, #0EA5E9);
378
378
  font-weight: 500;
379
379
  border: none;
380
380
  padding: 4px 8px;
@@ -383,7 +383,7 @@ styled__default.default(designSystem.Button)`
383
383
  transition: all 0.2s ease;
384
384
 
385
385
  &:hover:not(:disabled) {
386
- color: #0284C7;
386
+ color: var(--colors-primary700, #0284C7);
387
387
  text-decoration: none;
388
388
  }
389
389
 
package/dist/admin/index.js CHANGED
@@ -65,7 +65,7 @@ const index = {
65
65
  id: `${pluginId}.plugin.name`,
66
66
  defaultMessage: "MagicMail"
67
67
  },
68
- Component: () => Promise.resolve().then(() => require("../_chunks/App-Boq8cits.js"))
68
+ Component: () => Promise.resolve().then(() => require("../_chunks/App-Cp6QQAHt.js"))
69
69
  });
70
70
  app.createSettingSection(
71
71
  {
@@ -81,7 +81,7 @@ const index = {
81
81
  },
82
82
  id: "plugin-settings",
83
83
  to: `${pluginId}/plugin-settings`,
84
- Component: () => Promise.resolve().then(() => require("../_chunks/PluginSettings-D2BUUHY1.js"))
84
+ Component: () => Promise.resolve().then(() => require("../_chunks/PluginSettings-cZXE_vy8.js"))
85
85
  },
86
86
  {
87
87
  intlLabel: {
@@ -90,7 +90,7 @@ const index = {
90
90
  },
91
91
  id: "upgrade",
92
92
  to: `${pluginId}/upgrade`,
93
- Component: () => Promise.resolve().then(() => require("../_chunks/LicensePage-Bg72gy8w.js"))
93
+ Component: () => Promise.resolve().then(() => require("../_chunks/LicensePage-C38rs_Wj.js"))
94
94
  },
95
95
  {
96
96
  intlLabel: {
@@ -99,7 +99,7 @@ const index = {
99
99
  },
100
100
  id: "license",
101
101
  to: `${pluginId}/license`,
102
- Component: () => Promise.resolve().then(() => require("../_chunks/Settings-CPPrGxLm.js"))
102
+ Component: () => Promise.resolve().then(() => require("../_chunks/Settings-BRFoD1yZ.js"))
103
103
  }
104
104
  ]
105
105
  );
package/dist/admin/index.mjs CHANGED
@@ -64,7 +64,7 @@ const index = {
64
64
  id: `${pluginId}.plugin.name`,
65
65
  defaultMessage: "MagicMail"
66
66
  },
67
- Component: () => import("../_chunks/App-zdhx2Ony.mjs")
67
+ Component: () => import("../_chunks/App-DvwmedNr.mjs")
68
68
  });
69
69
  app.createSettingSection(
70
70
  {
@@ -80,7 +80,7 @@ const index = {
80
80
  },
81
81
  id: "plugin-settings",
82
82
  to: `${pluginId}/plugin-settings`,
83
- Component: () => import("../_chunks/PluginSettings-ywPWZVt0.mjs")
83
+ Component: () => import("../_chunks/PluginSettings-XwyzH95_.mjs")
84
84
  },
85
85
  {
86
86
  intlLabel: {
@@ -89,7 +89,7 @@ const index = {
89
89
  },
90
90
  id: "upgrade",
91
91
  to: `${pluginId}/upgrade`,
92
- Component: () => import("../_chunks/LicensePage-ndUhjynY.mjs")
92
+ Component: () => import("../_chunks/LicensePage-DTrGRpi7.mjs")
93
93
  },
94
94
  {
95
95
  intlLabel: {
@@ -98,7 +98,7 @@ const index = {
98
98
  },
99
99
  id: "license",
100
100
  to: `${pluginId}/license`,
101
- Component: () => import("../_chunks/Settings-Cc-hhoLA.mjs")
101
+ Component: () => import("../_chunks/Settings-DoSrZKfp.mjs")
102
102
  }
103
103
  ]
104
104
  );
package/dist/server/index.js CHANGED
@@ -5649,7 +5649,7 @@ function requireOauth() {
5649
5649
  });
5650
5650
  return oauth;
5651
5651
  }
5652
- const version = "2.6.0";
5652
+ const version = "2.6.2";
5653
5653
  const require$$2 = {
5654
5654
  version
5655
5655
  };
package/dist/server/index.mjs CHANGED
@@ -5639,7 +5639,7 @@ function requireOauth() {
5639
5639
  });
5640
5640
  return oauth;
5641
5641
  }
5642
- const version = "2.6.0";
5642
+ const version = "2.6.2";
5643
5643
  const require$$2 = {
5644
5644
  version
5645
5645
  };
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.6.1",
2
+ "version": "2.6.3",
3
3
  "keywords": [
4
4
  "strapi",
5
5
  "strapi-plugin",