strapi-plugin-magic-mail 2.6.2 → 2.6.4

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.
@@ -21,14 +21,14 @@ const Title = styled(Typography)`
21
21
  font-size: 2.5rem;
22
22
  font-weight: 700;
23
23
  margin-bottom: 8px;
24
- background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9), var(--colors-secondary500, #A855F7));
24
+ background: linear-gradient(135deg, #4945ff, #7c3aed);
25
25
  -webkit-background-clip: text;
26
26
  -webkit-text-fill-color: transparent;
27
27
  display: block;
28
28
  `;
29
29
  const Subtitle = styled(Typography)`
30
30
  font-size: 1.125rem;
31
- color: var(--colors-neutral600);
31
+ color: ${(p) => p.theme.colors.neutral600};
32
32
  line-height: 1.6;
33
33
  display: block;
34
34
  `;
@@ -47,27 +47,27 @@ const TierWrapper = styled(Box)`
47
47
  display: flex;
48
48
  `;
49
49
  const TierCard = styled(Box)`
50
- background: var(--colors-neutral0, white);
50
+ background: ${(p) => p.theme.colors.neutral0};
51
51
  border-radius: 16px;
52
52
  padding: 32px;
53
- border: 2px solid ${(props) => props.$featured ? "var(--colors-primary600, #0EA5E9)" : "rgba(128, 128, 128, 0.2)"};
53
+ border: 2px solid ${(props) => props.$featured ? "#4945ff" : props.theme.colors.neutral200};
54
54
  position: relative;
55
55
  transition: all 0.3s ease;
56
- box-shadow: ${(props) => props.$featured ? "0 20px 25px -5px rgba(14, 165, 233, 0.25), 0 8px 10px -6px rgba(14, 165, 233, 0.2)" : "0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.05)"};
56
+ box-shadow: ${(props) => props.$featured ? "0 20px 25px -5px rgba(73, 69, 255, 0.25), 0 8px 10px -6px rgba(73, 69, 255, 0.2)" : "0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05)"};
57
57
  display: flex;
58
58
  flex-direction: column;
59
59
  width: 100%;
60
60
 
61
61
  &:hover {
62
62
  transform: translateY(-4px);
63
- box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.15), 0 8px 10px -6px rgba(15, 23, 42, 0.1);
63
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
64
64
  }
65
65
  `;
66
66
  const PopularBadge = styled(Badge)`
67
67
  position: absolute;
68
68
  top: -12px;
69
69
  right: 24px;
70
- background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9), var(--colors-primary700, #0284C7));
70
+ background: linear-gradient(135deg, #4945ff, #4338ca);
71
71
  color: white;
72
72
  padding: 4px 16px;
73
73
  font-size: 12px;
@@ -93,16 +93,36 @@ const TierName = styled(Typography)`
93
93
  font-size: 1.5rem;
94
94
  font-weight: 700;
95
95
  margin-bottom: 8px;
96
+ color: ${(p) => p.theme.colors.neutral800};
96
97
  `;
97
98
  const TierPrice = styled(Typography)`
98
99
  font-size: 2rem;
99
100
  font-weight: 800;
100
101
  margin-bottom: 4px;
102
+ color: ${(p) => p.theme.colors.neutral800};
101
103
  `;
102
104
  const TierDescription = styled(Typography)`
103
- color: var(--colors-neutral600);
105
+ color: ${(p) => p.theme.colors.neutral600};
104
106
  margin-bottom: 24px;
105
107
  `;
108
+ const LimitsBox = styled(Box)`
109
+ background: ${(p) => p.theme.colors.neutral100};
110
+ border-radius: 8px;
111
+ padding: 12px;
112
+ margin-bottom: 20px;
113
+ `;
114
+ const LimitText = styled(Typography)`
115
+ font-size: 13px;
116
+ color: ${(p) => p.theme.colors.neutral800};
117
+ `;
118
+ const PeriodText = styled(Typography)`
119
+ color: ${(p) => p.theme.colors.neutral600};
120
+ `;
121
+ const FeatureText = styled(Typography)`
122
+ font-size: 14px;
123
+ color: ${(p) => p.$included ? p.theme.colors.neutral800 : p.theme.colors.neutral500};
124
+ text-decoration: ${(p) => p.$included ? "none" : "line-through"};
125
+ `;
106
126
  const FeatureList = styled(Box)`
107
127
  margin-bottom: 24px;
108
128
  flex: 1;
@@ -124,10 +144,10 @@ const FeatureIcon = styled(Box)`
124
144
 
125
145
  ${(props) => props.$included ? `
126
146
  background: rgba(34, 197, 94, 0.15);
127
- svg { color: var(--colors-success600, #16A34A); }
147
+ svg { color: #16A34A; }
128
148
  ` : `
129
149
  background: rgba(220, 38, 38, 0.12);
130
- svg { color: var(--colors-danger600, #DC2626); }
150
+ svg { color: #DC2626; }
131
151
  `}
132
152
  `;
133
153
  const UpgradeButton = styled(Button)`
@@ -150,8 +170,8 @@ const CurrentPlanBadge = styled(Badge)`
150
170
  display: flex;
151
171
  align-items: center;
152
172
  justify-content: center;
153
- background: var(--colors-neutral100);
154
- color: var(--colors-neutral600);
173
+ background: ${(p) => p.theme.colors.neutral100};
174
+ color: ${(p) => p.theme.colors.neutral600};
155
175
  font-weight: 600;
156
176
  font-size: 15px;
157
177
  `;
@@ -292,26 +312,21 @@ const LicensePage = () => {
292
312
  /* @__PURE__ */ jsx(TierName, { variant: "beta", children: tier.name }),
293
313
  /* @__PURE__ */ jsxs(Flex, { alignItems: "baseline", gap: 1, children: [
294
314
  /* @__PURE__ */ jsx(TierPrice, { variant: "alpha", children: tier.price }),
295
- /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { color: "var(--colors-neutral600)" }, children: tier.period })
315
+ /* @__PURE__ */ jsx(PeriodText, { variant: "omega", children: tier.period })
296
316
  ] }),
297
317
  /* @__PURE__ */ jsx(TierDescription, { variant: "omega", children: tier.description }),
298
- /* @__PURE__ */ jsx(Box, { style: {
299
- background: "var(--colors-neutral100, #F9FAFB)",
300
- borderRadius: "8px",
301
- padding: "12px",
302
- marginBottom: "20px"
303
- }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
304
- /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "13px" }, children: [
318
+ /* @__PURE__ */ jsx(LimitsBox, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 2, children: [
319
+ /* @__PURE__ */ jsxs(LimitText, { variant: "pi", children: [
305
320
  /* @__PURE__ */ jsx("strong", { children: "Templates:" }),
306
321
  " ",
307
322
  tier.limits.templates
308
323
  ] }),
309
- /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "13px" }, children: [
324
+ /* @__PURE__ */ jsxs(LimitText, { variant: "pi", children: [
310
325
  /* @__PURE__ */ jsx("strong", { children: "Accounts:" }),
311
326
  " ",
312
327
  tier.limits.accounts
313
328
  ] }),
314
- /* @__PURE__ */ jsxs(Typography, { variant: "pi", style: { fontSize: "13px" }, children: [
329
+ /* @__PURE__ */ jsxs(LimitText, { variant: "pi", children: [
315
330
  /* @__PURE__ */ jsx("strong", { children: "Routing Rules:" }),
316
331
  " ",
317
332
  tier.limits.rules
@@ -319,18 +334,7 @@ const LicensePage = () => {
319
334
  ] }) }),
320
335
  /* @__PURE__ */ jsx(FeatureList, { children: tier.features.map((feature, index) => /* @__PURE__ */ jsxs(Feature, { children: [
321
336
  /* @__PURE__ */ jsx(FeatureIcon, { $included: feature.included, children: feature.included ? /* @__PURE__ */ jsx(Check, { style: { width: 14, height: 14 } }) : /* @__PURE__ */ jsx(Cross, { style: { width: 14, height: 14 } }) }),
322
- /* @__PURE__ */ jsx(
323
- Typography,
324
- {
325
- variant: "omega",
326
- style: {
327
- fontSize: "14px",
328
- color: feature.included ? "var(--colors-neutral800)" : "var(--colors-neutral500)",
329
- textDecoration: feature.included ? "none" : "line-through"
330
- },
331
- children: feature.name
332
- }
333
- )
337
+ /* @__PURE__ */ jsx(FeatureText, { variant: "omega", $included: feature.included, children: feature.name })
334
338
  ] }, index)) }),
335
339
  currentTier === tier.id ? /* @__PURE__ */ jsx(CurrentPlanBadge, { children: "Current Plan" }) : /* @__PURE__ */ jsx(
336
340
  UpgradeButton,
@@ -25,14 +25,14 @@ const Title = styled__default.default(designSystem.Typography)`
25
25
  font-size: 2.5rem;
26
26
  font-weight: 700;
27
27
  margin-bottom: 8px;
28
- background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9), var(--colors-secondary500, #A855F7));
28
+ background: linear-gradient(135deg, #4945ff, #7c3aed);
29
29
  -webkit-background-clip: text;
30
30
  -webkit-text-fill-color: transparent;
31
31
  display: block;
32
32
  `;
33
33
  const Subtitle = styled__default.default(designSystem.Typography)`
34
34
  font-size: 1.125rem;
35
- color: var(--colors-neutral600);
35
+ color: ${(p) => p.theme.colors.neutral600};
36
36
  line-height: 1.6;
37
37
  display: block;
38
38
  `;
@@ -51,27 +51,27 @@ const TierWrapper = styled__default.default(designSystem.Box)`
51
51
  display: flex;
52
52
  `;
53
53
  const TierCard = styled__default.default(designSystem.Box)`
54
- background: var(--colors-neutral0, white);
54
+ background: ${(p) => p.theme.colors.neutral0};
55
55
  border-radius: 16px;
56
56
  padding: 32px;
57
- border: 2px solid ${(props) => props.$featured ? "var(--colors-primary600, #0EA5E9)" : "rgba(128, 128, 128, 0.2)"};
57
+ border: 2px solid ${(props) => props.$featured ? "#4945ff" : props.theme.colors.neutral200};
58
58
  position: relative;
59
59
  transition: all 0.3s ease;
60
- box-shadow: ${(props) => props.$featured ? "0 20px 25px -5px rgba(14, 165, 233, 0.25), 0 8px 10px -6px rgba(14, 165, 233, 0.2)" : "0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.05)"};
60
+ box-shadow: ${(props) => props.$featured ? "0 20px 25px -5px rgba(73, 69, 255, 0.25), 0 8px 10px -6px rgba(73, 69, 255, 0.2)" : "0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.05)"};
61
61
  display: flex;
62
62
  flex-direction: column;
63
63
  width: 100%;
64
64
 
65
65
  &:hover {
66
66
  transform: translateY(-4px);
67
- box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.15), 0 8px 10px -6px rgba(15, 23, 42, 0.1);
67
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
68
68
  }
69
69
  `;
70
70
  const PopularBadge = styled__default.default(designSystem.Badge)`
71
71
  position: absolute;
72
72
  top: -12px;
73
73
  right: 24px;
74
- background: linear-gradient(135deg, var(--colors-primary600, #0EA5E9), var(--colors-primary700, #0284C7));
74
+ background: linear-gradient(135deg, #4945ff, #4338ca);
75
75
  color: white;
76
76
  padding: 4px 16px;
77
77
  font-size: 12px;
@@ -97,16 +97,36 @@ const TierName = styled__default.default(designSystem.Typography)`
97
97
  font-size: 1.5rem;
98
98
  font-weight: 700;
99
99
  margin-bottom: 8px;
100
+ color: ${(p) => p.theme.colors.neutral800};
100
101
  `;
101
102
  const TierPrice = styled__default.default(designSystem.Typography)`
102
103
  font-size: 2rem;
103
104
  font-weight: 800;
104
105
  margin-bottom: 4px;
106
+ color: ${(p) => p.theme.colors.neutral800};
105
107
  `;
106
108
  const TierDescription = styled__default.default(designSystem.Typography)`
107
- color: var(--colors-neutral600);
109
+ color: ${(p) => p.theme.colors.neutral600};
108
110
  margin-bottom: 24px;
109
111
  `;
112
+ const LimitsBox = styled__default.default(designSystem.Box)`
113
+ background: ${(p) => p.theme.colors.neutral100};
114
+ border-radius: 8px;
115
+ padding: 12px;
116
+ margin-bottom: 20px;
117
+ `;
118
+ const LimitText = styled__default.default(designSystem.Typography)`
119
+ font-size: 13px;
120
+ color: ${(p) => p.theme.colors.neutral800};
121
+ `;
122
+ const PeriodText = styled__default.default(designSystem.Typography)`
123
+ color: ${(p) => p.theme.colors.neutral600};
124
+ `;
125
+ const FeatureText = styled__default.default(designSystem.Typography)`
126
+ font-size: 14px;
127
+ color: ${(p) => p.$included ? p.theme.colors.neutral800 : p.theme.colors.neutral500};
128
+ text-decoration: ${(p) => p.$included ? "none" : "line-through"};
129
+ `;
110
130
  const FeatureList = styled__default.default(designSystem.Box)`
111
131
  margin-bottom: 24px;
112
132
  flex: 1;
@@ -128,10 +148,10 @@ const FeatureIcon = styled__default.default(designSystem.Box)`
128
148
 
129
149
  ${(props) => props.$included ? `
130
150
  background: rgba(34, 197, 94, 0.15);
131
- svg { color: var(--colors-success600, #16A34A); }
151
+ svg { color: #16A34A; }
132
152
  ` : `
133
153
  background: rgba(220, 38, 38, 0.12);
134
- svg { color: var(--colors-danger600, #DC2626); }
154
+ svg { color: #DC2626; }
135
155
  `}
136
156
  `;
137
157
  const UpgradeButton = styled__default.default(designSystem.Button)`
@@ -154,8 +174,8 @@ const CurrentPlanBadge = styled__default.default(designSystem.Badge)`
154
174
  display: flex;
155
175
  align-items: center;
156
176
  justify-content: center;
157
- background: var(--colors-neutral100);
158
- color: var(--colors-neutral600);
177
+ background: ${(p) => p.theme.colors.neutral100};
178
+ color: ${(p) => p.theme.colors.neutral600};
159
179
  font-weight: 600;
160
180
  font-size: 15px;
161
181
  `;
@@ -296,26 +316,21 @@ const LicensePage = () => {
296
316
  /* @__PURE__ */ jsxRuntime.jsx(TierName, { variant: "beta", children: tier.name }),
297
317
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "baseline", gap: 1, children: [
298
318
  /* @__PURE__ */ jsxRuntime.jsx(TierPrice, { variant: "alpha", children: tier.price }),
299
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { color: "var(--colors-neutral600)" }, children: tier.period })
319
+ /* @__PURE__ */ jsxRuntime.jsx(PeriodText, { variant: "omega", children: tier.period })
300
320
  ] }),
301
321
  /* @__PURE__ */ jsxRuntime.jsx(TierDescription, { variant: "omega", children: tier.description }),
302
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: {
303
- background: "var(--colors-neutral100, #F9FAFB)",
304
- borderRadius: "8px",
305
- padding: "12px",
306
- marginBottom: "20px"
307
- }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
308
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "13px" }, children: [
322
+ /* @__PURE__ */ jsxRuntime.jsx(LimitsBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, children: [
323
+ /* @__PURE__ */ jsxRuntime.jsxs(LimitText, { variant: "pi", children: [
309
324
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Templates:" }),
310
325
  " ",
311
326
  tier.limits.templates
312
327
  ] }),
313
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "13px" }, children: [
328
+ /* @__PURE__ */ jsxRuntime.jsxs(LimitText, { variant: "pi", children: [
314
329
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Accounts:" }),
315
330
  " ",
316
331
  tier.limits.accounts
317
332
  ] }),
318
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "13px" }, children: [
333
+ /* @__PURE__ */ jsxRuntime.jsxs(LimitText, { variant: "pi", children: [
319
334
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Routing Rules:" }),
320
335
  " ",
321
336
  tier.limits.rules
@@ -323,18 +338,7 @@ const LicensePage = () => {
323
338
  ] }) }),
324
339
  /* @__PURE__ */ jsxRuntime.jsx(FeatureList, { children: tier.features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(Feature, { children: [
325
340
  /* @__PURE__ */ jsxRuntime.jsx(FeatureIcon, { $included: feature.included, children: feature.included ? /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: 14, height: 14 } }) : /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, { style: { width: 14, height: 14 } }) }),
326
- /* @__PURE__ */ jsxRuntime.jsx(
327
- designSystem.Typography,
328
- {
329
- variant: "omega",
330
- style: {
331
- fontSize: "14px",
332
- color: feature.included ? "var(--colors-neutral800)" : "var(--colors-neutral500)",
333
- textDecoration: feature.included ? "none" : "line-through"
334
- },
335
- children: feature.name
336
- }
337
- )
341
+ /* @__PURE__ */ jsxRuntime.jsx(FeatureText, { variant: "omega", $included: feature.included, children: feature.name })
338
342
  ] }, index)) }),
339
343
  currentTier === tier.id ? /* @__PURE__ */ jsxRuntime.jsx(CurrentPlanBadge, { children: "Current Plan" }) : /* @__PURE__ */ jsxRuntime.jsx(
340
344
  UpgradeButton,
@@ -4,7 +4,7 @@ import { Loader, Typography, Flex, Toggle, Box, Field, TextInput } from "@strapi
4
4
  import { useFetchClient, useNotification } from "@strapi/strapi/admin";
5
5
  import { ArrowPathIcon, LinkIcon, EyeIcon, EnvelopeIcon, UserIcon } from "@heroicons/react/24/outline";
6
6
  import styled, { css, keyframes } from "styled-components";
7
- import { T as TertiaryButton, G as GradientButton } from "./StyledButtons-B1mvI82D.mjs";
7
+ import { T as TertiaryButton, G as GradientButton } from "./StyledButtons-CdOf4Sps.mjs";
8
8
  const fadeIn = keyframes`
9
9
  from { opacity: 0; transform: translateY(10px); }
10
10
  to { opacity: 1; transform: translateY(0); }
@@ -35,13 +35,13 @@ const PageSubtitle = styled(Typography)`
35
35
  const ActionBar = styled(Flex)`
36
36
  margin-bottom: 32px;
37
37
  padding: 16px 20px;
38
- background: var(--colors-neutral0, white);
38
+ background: ${(p) => p.theme.colors.neutral0};
39
39
  border: 1px solid rgba(128, 128, 128, 0.2);
40
40
  border-radius: 8px;
41
41
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
42
42
  `;
43
43
  const SettingsSection = styled(Box)`
44
- background: var(--colors-neutral0, white);
44
+ background: ${(p) => p.theme.colors.neutral0};
45
45
  border: 1px solid rgba(128, 128, 128, 0.2);
46
46
  border-radius: 12px;
47
47
  overflow: hidden;
@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
6
6
  const admin = require("@strapi/strapi/admin");
7
7
  const outline = require("@heroicons/react/24/outline");
8
8
  const styled = require("styled-components");
9
- const StyledButtons = require("./StyledButtons-BthPdM8c.js");
9
+ const StyledButtons = require("./StyledButtons-DVGuFoqy.js");
10
10
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
11
11
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
12
12
  const fadeIn = styled.keyframes`
@@ -39,13 +39,13 @@ const PageSubtitle = styled__default.default(designSystem.Typography)`
39
39
  const ActionBar = styled__default.default(designSystem.Flex)`
40
40
  margin-bottom: 32px;
41
41
  padding: 16px 20px;
42
- background: var(--colors-neutral0, white);
42
+ background: ${(p) => p.theme.colors.neutral0};
43
43
  border: 1px solid rgba(128, 128, 128, 0.2);
44
44
  border-radius: 8px;
45
45
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
46
46
  `;
47
47
  const SettingsSection = styled__default.default(designSystem.Box)`
48
- background: var(--colors-neutral0, white);
48
+ background: ${(p) => p.theme.colors.neutral0};
49
49
  border: 1px solid rgba(128, 128, 128, 0.2);
50
50
  border-radius: 12px;
51
51
  overflow: hidden;
@@ -6,7 +6,7 @@ const designSystem = require("@strapi/design-system");
6
6
  const admin = require("@strapi/strapi/admin");
7
7
  const outline = require("@heroicons/react/24/outline");
8
8
  const styled = require("styled-components");
9
- const StyledButtons = require("./StyledButtons-BthPdM8c.js");
9
+ const StyledButtons = require("./StyledButtons-DVGuFoqy.js");
10
10
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
11
11
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
12
12
  const fadeIn = styled.keyframes`
@@ -26,7 +26,7 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
26
26
  position: sticky;
27
27
  top: 0;
28
28
  z-index: 10;
29
- background: var(--colors-neutral0, white);
29
+ background: ${(p) => p.theme.colors.neutral0};
30
30
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
31
31
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
32
32
  `;
@@ -4,7 +4,7 @@ import { Loader, Box, Alert, Flex, Typography, Badge, Accordion } from "@strapi/
4
4
  import { useFetchClient, useNotification } from "@strapi/strapi/admin";
5
5
  import { ArrowPathIcon, DocumentDuplicateIcon, ArrowDownTrayIcon, UserIcon, ShieldCheckIcon, SparklesIcon, ChartBarIcon } from "@heroicons/react/24/outline";
6
6
  import styled, { css, keyframes } from "styled-components";
7
- import { S as SecondaryButton, W as WhiteOutlineButton } from "./StyledButtons-B1mvI82D.mjs";
7
+ import { S as SecondaryButton, W as WhiteOutlineButton } from "./StyledButtons-CdOf4Sps.mjs";
8
8
  const fadeIn = keyframes`
9
9
  from { opacity: 0; transform: translateY(10px); }
10
10
  to { opacity: 1; transform: translateY(0); }
@@ -22,7 +22,7 @@ const StickySaveBar = styled(Box)`
22
22
  position: sticky;
23
23
  top: 0;
24
24
  z-index: 10;
25
- background: var(--colors-neutral0, white);
25
+ background: ${(p) => p.theme.colors.neutral0};
26
26
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
27
27
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
28
28
  `;
@@ -28,11 +28,11 @@ const GradientButton = styled(Button)`
28
28
  `;
29
29
  const SecondaryButton = styled(Button)`
30
30
  && {
31
- background: var(--colors-neutral0, white);
31
+ background: ${(p) => p.theme.colors.neutral0};
32
32
  color: var(--colors-secondary600, #7C3AED);
33
33
  font-weight: 600;
34
34
  border: 2px solid transparent;
35
- background-image: linear-gradient(var(--colors-neutral0, white), var(--colors-neutral0, white)), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #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;
@@ -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: var(--colors-neutral0, white);
34
+ background: ${(p) => p.theme.colors.neutral0};
35
35
  color: var(--colors-secondary600, #7C3AED);
36
36
  font-weight: 600;
37
37
  border: 2px solid transparent;
38
- background-image: linear-gradient(var(--colors-neutral0, white), var(--colors-neutral0, white)), linear-gradient(135deg, var(--colors-primary600, #0EA5E9) 0%, var(--colors-secondary500, #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;
@@ -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-BQRVLK7n.js"))
68
+ Component: () => Promise.resolve().then(() => require("../_chunks/App-DGGqHEPC.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-BwL8Vqwq.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-B-EIY3Gv.js"))
93
+ Component: () => Promise.resolve().then(() => require("../_chunks/LicensePage-sB-xDRL9.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-Bz6ogaIs.js"))
102
+ Component: () => Promise.resolve().then(() => require("../_chunks/Settings-BRFoD1yZ.js"))
103
103
  }
104
104
  ]
105
105
  );
@@ -64,7 +64,7 @@ const index = {
64
64
  id: `${pluginId}.plugin.name`,
65
65
  defaultMessage: "MagicMail"
66
66
  },
67
- Component: () => import("../_chunks/App-CtzU0GEJ.mjs")
67
+ Component: () => import("../_chunks/App-CaT5U0uM.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-B4qJyLnA.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-C8ZmA1BC.mjs")
92
+ Component: () => import("../_chunks/LicensePage-B61HnhyD.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-BMyRAG6n.mjs")
101
+ Component: () => import("../_chunks/Settings-DoSrZKfp.mjs")
102
102
  }
103
103
  ]
104
104
  );
@@ -5649,7 +5649,7 @@ function requireOauth() {
5649
5649
  });
5650
5650
  return oauth;
5651
5651
  }
5652
- const version = "2.6.1";
5652
+ const version = "2.6.3";
5653
5653
  const require$$2 = {
5654
5654
  version
5655
5655
  };
@@ -5639,7 +5639,7 @@ function requireOauth() {
5639
5639
  });
5640
5640
  return oauth;
5641
5641
  }
5642
- const version = "2.6.1";
5642
+ const version = "2.6.3";
5643
5643
  const require$$2 = {
5644
5644
  version
5645
5645
  };
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.6.2",
2
+ "version": "2.6.4",
3
3
  "keywords": [
4
4
  "strapi",
5
5
  "strapi-plugin",