strapi-plugin-magic-link-v5 5.3.16 → 5.3.17

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 (11) hide show
  1. package/dist/_chunks/{index-DRrOQmHI.js → index-B2xZYpX4.js} +1 -1
  2. package/dist/_chunks/{index-uwUKk17V.mjs → index-BgpjdW58.mjs} +3 -3
  3. package/dist/_chunks/{index-B5ocEHHM.mjs → index-CElXiYhz.mjs} +110 -120
  4. package/dist/_chunks/{index-uEW37Cq7.js → index-CKTfFcY_.js} +3 -3
  5. package/dist/_chunks/{index-CoPzo3AB.js → index-D4H9YZpN.js} +1 -1
  6. package/dist/_chunks/{index-DdtbtuBN.mjs → index-DE3ezoyh.mjs} +1 -1
  7. package/dist/_chunks/{index-B_W1UPwO.js → index-DvhGDDc6.js} +110 -120
  8. package/dist/_chunks/{index-Ci-1p8MA.mjs → index-JV5Cw7Sp.mjs} +1 -1
  9. package/dist/admin/index.js +1 -1
  10. package/dist/admin/index.mjs +1 -1
  11. package/package.json +1 -1
package/dist/_chunks/{index-B_W1UPwO.js → index-DvhGDDc6.js} RENAMED
@@ -7,7 +7,7 @@ const reactIntl = require("react-intl");
7
7
  const designSystem = require("@strapi/design-system");
8
8
  const icons = require("@strapi/icons");
9
9
  const admin = require("@strapi/strapi/admin");
10
- const index = require("./index-uEW37Cq7.js");
10
+ const index = require("./index-CKTfFcY_.js");
11
11
  const LicenseGuard = require("./LicenseGuard-BEEd9IpN.js");
12
12
  const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
13
13
  const styled__default = /* @__PURE__ */ _interopDefault(styled);
@@ -440,13 +440,6 @@ const getTemplate = (key) => {
440
440
  return EMAIL_TEMPLATES[key] || EMAIL_TEMPLATES.modern;
441
441
  };
442
442
  const theme = {
443
- colors: {
444
- primary: { 600: "#0284C7", 700: "#075985", 100: "#E0F2FE" },
445
- success: { 600: "#16A34A", 700: "#15803D" },
446
- danger: { 600: "#DC2626", 700: "#B91C1C" },
447
- warning: { 600: "#D97706", 700: "#A16207" },
448
- neutral: { 400: "#9CA3AF", 700: "#374151", 800: "#1F2937" }
449
- },
450
443
  shadows: { sm: "0 1px 3px rgba(0,0,0,0.1)" },
451
444
  borderRadius: { md: "8px", lg: "12px" }
452
445
  };
@@ -473,7 +466,7 @@ const PlaceholderTile = styled__default.default(designSystem.Box)`
473
466
  &:hover {
474
467
  transform: translateY(-2px);
475
468
  box-shadow: 0 6px 16px rgba(2, 132, 199, 0.15);
476
- border-color: #0ea5e9;
469
+ border-color: rgba(14, 165, 233, 0.6);
477
470
  }
478
471
 
479
472
  &:active {
@@ -517,7 +510,7 @@ const ToggleCard = styled__default.default(designSystem.Box)`
517
510
  position: absolute;
518
511
  top: 8px;
519
512
  right: 8px;
520
- background: ${theme.colors.success[600]};
513
+ background: #16A34A;
521
514
  color: white;
522
515
  padding: 2px 8px;
523
516
  border-radius: 4px;
@@ -579,7 +572,6 @@ const StickySaveBar = styled__default.default(designSystem.Box)`
579
572
  position: sticky;
580
573
  top: 0;
581
574
  z-index: 10;
582
- background: var(--colors-neutral0, white);
583
575
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
584
576
  box-shadow: ${theme.shadows.sm};
585
577
  `;
@@ -596,7 +588,7 @@ const IconWrapper = styled__default.default.div`
596
588
  svg {
597
589
  width: 24px;
598
590
  height: 24px;
599
- color: ${(props) => props.$iconColor || theme.colors.primary[600]};
591
+ color: ${(props) => props.$iconColor || "var(--colors-primary600, #0284C7)"};
600
592
  }
601
593
  `;
602
594
  const SettingsModern = () => {
@@ -945,10 +937,10 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
945
937
  const statusActive = formatMessage({ id: index.getTrad("status.active") });
946
938
  const statusInactive = formatMessage({ id: index.getTrad("status.inactive") });
947
939
  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { as: "form", onSubmit: handleSave, children: [
948
- /* @__PURE__ */ jsxRuntime.jsx(StickySaveBar, { paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
940
+ /* @__PURE__ */ jsxRuntime.jsx(StickySaveBar, { background: "neutral0", paddingTop: 5, paddingBottom: 5, paddingLeft: 6, paddingRight: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
949
941
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
950
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", fontWeight: "bold", style: { fontSize: "24px" }, children: formatMessage({ id: index.getTrad("settings.page.title") }) }),
951
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage({ id: index.getTrad("settings.page.subtitle") }) })
942
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", fontWeight: "bold", textColor: "neutral800", tag: "h1", style: { fontSize: "24px" }, children: formatMessage({ id: index.getTrad("settings.page.title") }) }),
943
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", tag: "p", children: formatMessage({ id: index.getTrad("settings.page.subtitle") }) })
952
944
  ] }),
953
945
  /* @__PURE__ */ jsxRuntime.jsx(
954
946
  designSystem.Button,
@@ -985,9 +977,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
985
977
  /* @__PURE__ */ jsxRuntime.jsx(
986
978
  designSystem.Box,
987
979
  {
988
- background: "primary50",
989
980
  padding: 5,
990
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #BAE6FD", marginBottom: "24px" },
981
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(2, 132, 199, 0.3)", marginBottom: "24px", background: "rgba(2, 132, 199, 0.06)" },
991
982
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
992
983
  /* @__PURE__ */ jsxRuntime.jsx(
993
984
  designSystem.Box,
@@ -996,7 +987,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
996
987
  width: "40px",
997
988
  height: "40px",
998
989
  borderRadius: "50%",
999
- background: theme.colors.primary[600],
990
+ background: "var(--colors-primary600, #0284C7)",
1000
991
  display: "flex",
1001
992
  alignItems: "center",
1002
993
  justifyContent: "center",
@@ -1006,8 +997,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1006
997
  }
1007
998
  ),
1008
999
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1009
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "14px", marginBottom: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.info.header") }) }),
1010
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { lineHeight: "1.6", fontSize: "13px" }, children: [
1000
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", style: { fontSize: "14px", marginBottom: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.info.header") }) }),
1001
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { lineHeight: "1.6", fontSize: "13px" }, children: [
1011
1002
  "• ",
1012
1003
  formatMessage({ id: index.getTrad("settings.info.line1") }),
1013
1004
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
@@ -1055,7 +1046,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1055
1046
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", flex: 1 }, children: formatMessage({ id: index.getTrad("settings.language.hint") }) })
1056
1047
  ] }) }),
1057
1048
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
1058
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.features.title") }) }),
1049
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.features.title") }) }),
1059
1050
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.features.subtitle") }) }),
1060
1051
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
1061
1052
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.enabled, $statusLabel: settings.enabled ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
@@ -1099,7 +1090,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1099
1090
  ] }) }) })
1100
1091
  ] })
1101
1092
  ] }),
1102
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.time.title") }) }),
1093
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.time.title") }) }),
1103
1094
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
1104
1095
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1105
1096
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.expire.label") }) }),
@@ -1128,7 +1119,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1128
1119
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "success50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.tokenLength.recommendation") }, { length: settings.token_length }) }) })
1129
1120
  ] }) })
1130
1121
  ] }),
1131
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.security.title") }) }),
1122
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.security.title") }) }),
1132
1123
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1133
1124
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.maxAttempts.label") }) }),
1134
1125
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1142,7 +1133,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1142
1133
  ),
1143
1134
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "warning50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "warning700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.maxAttempts.warning") }) }) })
1144
1135
  ] }) }) }),
1145
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.context.title") }) }),
1136
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.context.title") }) }),
1146
1137
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
1147
1138
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1148
1139
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.context.whitelist.label") }) }),
@@ -1185,7 +1176,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1185
1176
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 2, background: "danger50", style: { borderRadius: "4px", marginTop: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "danger700", style: { fontSize: "11px" }, children: formatMessage({ id: index.getTrad("settings.context.blacklist.info") }) }) })
1186
1177
  ] }) })
1187
1178
  ] }),
1188
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.api.title") }) }),
1179
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.api.title") }) }),
1189
1180
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
1190
1181
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1191
1182
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.loginPath.label") }) }),
@@ -1271,7 +1262,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1271
1262
  }
1272
1263
  ) }),
1273
1264
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
1274
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "success50", padding: 4, style: { borderRadius: "8px", border: "2px solid #22C55E", marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
1265
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "success50", padding: 4, style: { borderRadius: "8px", border: "2px solid rgba(34, 197, 94, 0.4)", marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-start", children: [
1275
1266
  /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { style: { color: "#22C55E", width: "24px", height: "24px", flexShrink: 0, marginTop: "2px" } }),
1276
1267
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1277
1268
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { display: "block", marginBottom: "4px" }, children: "WhatsApp Magic Link Delivery" }),
@@ -1334,7 +1325,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1334
1325
  ) }),
1335
1326
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
1336
1327
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
1337
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.auth.options.title") }) }),
1328
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.auth.options.title") }) }),
1338
1329
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.auth.options.subtitle") }) }),
1339
1330
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
1340
1331
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 3, s: 6, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.verify_email, $statusLabel: settings.verify_email ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
@@ -1395,7 +1386,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1395
1386
  ] }) }) })
1396
1387
  ] })
1397
1388
  ] }),
1398
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.auth.management.title") }) }),
1389
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.auth.management.title") }) }),
1399
1390
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
1400
1391
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
1401
1392
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.auth.strategy.label") }) }),
@@ -1449,22 +1440,22 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1449
1440
  style: {
1450
1441
  borderRadius: theme.borderRadius.md,
1451
1442
  marginBottom: "32px",
1452
- border: "2px solid #fca5a5",
1443
+ border: "2px solid rgba(239, 68, 68, 0.4)",
1453
1444
  boxShadow: "0 4px 12px rgba(220, 38, 38, 0.15)"
1454
1445
  },
1455
1446
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
1456
1447
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
1457
- /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { style: { color: theme.colors.danger[600], width: "24px", height: "24px" } }),
1458
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: theme.colors.danger[700] }, children: "⚠️ No Email Provider Configured" })
1448
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { style: { color: "var(--colors-danger600, #DC2626)", width: "24px", height: "24px" } }),
1449
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: "var(--colors-danger600, #B91C1C)" }, children: "⚠️ No Email Provider Configured" })
1459
1450
  ] }),
1460
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "13px", color: theme.colors.danger[700], lineHeight: "1.6" }, children: [
1451
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "13px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.6" }, children: [
1461
1452
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Magic Link cannot send emails!" }),
1462
1453
  " You need to configure an email provider for the plugin to work."
1463
1454
  ] }),
1464
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { backgroundColor: theme.colors.danger[300] } }),
1465
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", style: { fontSize: "13px", color: theme.colors.danger[800], marginBottom: "8px" }, children: "📋 Choose one of these options:" }),
1455
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { backgroundColor: "rgba(220, 38, 38, 0.3)" } }),
1456
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", style: { fontSize: "13px", color: "var(--colors-danger600, #991B1B)", marginBottom: "8px" }, children: "📋 Choose one of these options:" }),
1466
1457
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingLeft: 3, children: [
1467
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.danger[700], lineHeight: "1.8" }, children: [
1458
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8" }, children: [
1468
1459
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "1. Install Nodemailer (Recommended)" }),
1469
1460
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
1470
1461
  /* @__PURE__ */ jsxRuntime.jsx("code", { style: {
@@ -1478,12 +1469,12 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1478
1469
  "Then configure in ",
1479
1470
  /* @__PURE__ */ jsxRuntime.jsx("code", { children: "config/plugins.js" })
1480
1471
  ] }),
1481
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.danger[700], lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
1472
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
1482
1473
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "2. Install MagicMail Plugin" }),
1483
1474
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
1484
1475
  "Advanced email routing with OAuth2, multi-account support, and analytics"
1485
1476
  ] }),
1486
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.danger[700], lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
1477
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-danger600, #B91C1C)", lineHeight: "1.8", marginTop: "12px", display: "block" }, children: [
1487
1478
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "3. Use other providers" }),
1488
1479
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
1489
1480
  "SendGrid, Mailgun, Amazon SES, or any Strapi email provider"
@@ -1497,14 +1488,14 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1497
1488
  {
1498
1489
  background: "success100",
1499
1490
  padding: 4,
1500
- style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "2px solid #86efac" },
1491
+ style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "2px solid rgba(34, 197, 94, 0.4)" },
1501
1492
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
1502
- /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { color: theme.colors.success[600] } }),
1503
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", style: { color: theme.colors.success[700] }, children: magicMailInstalled ? "✅ Email Provider: MagicMail (Advanced Routing)" : `✅ Email Provider: ${emailProviderName || "Configured"}` })
1493
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { color: "var(--colors-success600, #16A34A)" } }),
1494
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "semiBold", style: { color: "var(--colors-success600, #15803D)" }, children: magicMailInstalled ? "✅ Email Provider: MagicMail (Advanced Routing)" : `✅ Email Provider: ${emailProviderName || "Configured"}` })
1504
1495
  ] })
1505
1496
  }
1506
1497
  ),
1507
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.email.sender.title") }) }),
1498
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.email.sender.title") }) }),
1508
1499
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.email.sender.subtitle") }) }),
1509
1500
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
1510
1501
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
@@ -1567,28 +1558,27 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1567
1558
  /* @__PURE__ */ jsxRuntime.jsxs(
1568
1559
  designSystem.Box,
1569
1560
  {
1570
- background: "neutral0",
1571
1561
  padding: 5,
1572
1562
  style: {
1573
1563
  borderRadius: theme.borderRadius.lg,
1574
- border: "2px solid #10b981",
1564
+ border: "2px solid rgba(16, 185, 129, 0.4)",
1575
1565
  marginBottom: "24px",
1576
- background: "linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%)"
1566
+ background: "rgba(16, 185, 129, 0.06)"
1577
1567
  },
1578
1568
  children: [
1579
1569
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 3, style: { marginBottom: "12px" }, children: [
1580
- /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { width: "24px", height: "24px", style: { color: "#059669" } }),
1581
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: "#065F46" }, children: "📧 Email Designer Integration" }),
1570
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { width: "24px", height: "24px", style: { color: "#10b981" } }),
1571
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", textColor: "success600", children: "Email Designer Integration" }),
1582
1572
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { backgroundColor: "#10b981", color: "white" }, children: "Active" })
1583
1573
  ] }),
1584
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { color: "#047857", fontSize: "13px" }, children: "Use your beautiful Email Designer 5 templates for Magic Link emails!" })
1574
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "success600", style: { fontSize: "13px" }, children: "Use your beautiful Email Designer 5 templates for Magic Link emails!" })
1585
1575
  ]
1586
1576
  }
1587
1577
  ),
1588
1578
  /* @__PURE__ */ jsxRuntime.jsx(
1589
1579
  designSystem.Box,
1590
1580
  {
1591
- background: "white",
1581
+ background: "neutral0",
1592
1582
  padding: 5,
1593
1583
  style: {
1594
1584
  borderRadius: theme.borderRadius.lg,
@@ -1619,7 +1609,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1619
1609
  background: "primary50",
1620
1610
  style: {
1621
1611
  borderRadius: "8px",
1622
- border: "2px solid #BAE6FD",
1612
+ border: "2px solid rgba(14, 165, 233, 0.3)",
1623
1613
  marginBottom: "16px"
1624
1614
  },
1625
1615
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1648,8 +1638,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1648
1638
  {
1649
1639
  background: "success100",
1650
1640
  padding: 3,
1651
- style: { borderRadius: "6px", border: "1px solid #86efac" },
1652
- children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.success[700] }, children: [
1641
+ style: { borderRadius: "6px", border: "1px solid rgba(34, 197, 94, 0.4)" },
1642
+ children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)" }, children: [
1653
1643
  "✨ ",
1654
1644
  emailTemplates.length,
1655
1645
  " template",
@@ -1662,8 +1652,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1662
1652
  {
1663
1653
  background: "warning100",
1664
1654
  padding: 3,
1665
- style: { borderRadius: "6px", border: "1px solid #fcd34d" },
1666
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.warning[700] }, children: "⚠️ No templates found. Create one in Email Designer 5 first!" })
1655
+ style: { borderRadius: "6px", border: "1px solid rgba(234, 179, 8, 0.4)" },
1656
+ children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: "⚠️ No templates found. Create one in Email Designer 5 first!" })
1667
1657
  }
1668
1658
  )
1669
1659
  ] })
@@ -1675,8 +1665,8 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1675
1665
  {
1676
1666
  background: "warning100",
1677
1667
  padding: 3,
1678
- style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid #fcd34d" },
1679
- children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.warning[700] }, children: formatMessage({ id: index.getTrad("settings.email.designer.variables") }) })
1668
+ style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid rgba(234, 179, 8, 0.4)" },
1669
+ children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: formatMessage({ id: index.getTrad("settings.email.designer.variables") }) })
1680
1670
  }
1681
1671
  )
1682
1672
  ] }),
@@ -1729,7 +1719,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1729
1719
  /* @__PURE__ */ jsxRuntime.jsx(
1730
1720
  designSystem.Box,
1731
1721
  {
1732
- background: "white",
1722
+ background: "neutral0",
1733
1723
  padding: 5,
1734
1724
  style: {
1735
1725
  borderRadius: theme.borderRadius.lg,
@@ -1756,7 +1746,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1756
1746
  style: {
1757
1747
  borderRadius: "12px",
1758
1748
  border: "2px solid rgba(139, 92, 246, 0.3)",
1759
- background: "linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%)",
1749
+ background: "rgba(124, 58, 237, 0.06)",
1760
1750
  marginBottom: "16px"
1761
1751
  },
1762
1752
  children: [
@@ -1769,7 +1759,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1769
1759
  alignItems: "center",
1770
1760
  justifyContent: "center"
1771
1761
  }, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "16px", height: "16px", style: { color: "white" } }) }),
1772
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "15px", color: "#5B21B6" }, children: "Select Email Template" })
1762
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "15px", color: "var(--colors-neutral800, #5B21B6)" }, children: "Select Email Template" })
1773
1763
  ] }),
1774
1764
  /* @__PURE__ */ jsxRuntime.jsx(
1775
1765
  designSystem.SingleSelect,
@@ -1791,7 +1781,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1791
1781
  ] }, template.id))
1792
1782
  }
1793
1783
  ),
1794
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", style: { fontSize: "12px", color: "#7C3AED", marginTop: "12px", display: "block" }, children: "💡 Templates are managed in your MagicMail settings" })
1784
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral500", style: { fontSize: "12px", marginTop: "12px", display: "block" }, children: "💡 Templates are managed in your MagicMail settings" })
1795
1785
  ]
1796
1786
  }
1797
1787
  )
@@ -1804,10 +1794,10 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1804
1794
  {
1805
1795
  background: "warning100",
1806
1796
  padding: 3,
1807
- style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid #fcd34d" },
1797
+ style: { borderRadius: theme.borderRadius.md, marginBottom: "24px", border: "1px solid rgba(234, 179, 8, 0.4)" },
1808
1798
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
1809
- /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "14px", height: "14px", style: { color: theme.colors.warning[700], flexShrink: 0, marginTop: "2px" } }),
1810
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.warning[700] }, children: [
1799
+ /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "14px", height: "14px", style: { color: "var(--colors-warning600, #A16207)", flexShrink: 0, marginTop: "2px" } }),
1800
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-warning600, #A16207)" }, children: [
1811
1801
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Tip:" }),
1812
1802
  " MagicMail will use your configured email accounts and routing rules. Make sure you have at least one active account configured in MagicMail settings."
1813
1803
  ] })
@@ -1816,9 +1806,9 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1816
1806
  )
1817
1807
  ] }),
1818
1808
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
1819
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: [
1809
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: [
1820
1810
  formatMessage({ id: index.getTrad("settings.email.templates.title") }),
1821
- emailDesignerInstalled && settings.use_email_designer && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { marginLeft: "8px", backgroundColor: theme.colors.neutral[400] }, children: formatMessage({ id: index.getTrad("settings.email.designer.fallbackBadge") }) })
1811
+ emailDesignerInstalled && settings.use_email_designer && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { marginLeft: "8px", backgroundColor: "rgba(128, 128, 128, 0.3)" }, children: formatMessage({ id: index.getTrad("settings.email.designer.fallbackBadge") }) })
1822
1812
  ] }),
1823
1813
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: emailDesignerInstalled && settings.use_email_designer ? formatMessage({ id: index.getTrad("settings.email.designer.fallbackDescription") }) : formatMessage({ id: index.getTrad("settings.email.templates.subtitle") }) }),
1824
1814
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1826,10 +1816,10 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1826
1816
  {
1827
1817
  background: "primary100",
1828
1818
  padding: 3,
1829
- style: { borderRadius: theme.borderRadius.md, marginBottom: "16px", border: "2px solid #BAE6FD" },
1819
+ style: { borderRadius: theme.borderRadius.md, marginBottom: "16px", border: "2px solid rgba(14, 165, 233, 0.3)" },
1830
1820
  children: [
1831
1821
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", style: { marginBottom: "12px" }, children: [
1832
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: theme.colors.primary[700], fontSize: "13px" }, children: [
1822
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)", fontSize: "13px" }, children: [
1833
1823
  "📋 ",
1834
1824
  formatMessage({ id: index.getTrad("settings.email.placeholders.title") })
1835
1825
  ] }),
@@ -1850,7 +1840,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1850
1840
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: {
1851
1841
  fontFamily: "monospace",
1852
1842
  fontSize: "13px",
1853
- color: theme.colors.primary[700],
1843
+ color: "var(--colors-primary600, #075985)",
1854
1844
  fontWeight: "bold",
1855
1845
  wordBreak: "break-all"
1856
1846
  }, children: placeholder.code }),
@@ -1871,11 +1861,11 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1871
1861
  {
1872
1862
  background: "neutral0",
1873
1863
  padding: 5,
1874
- style: { borderRadius: theme.borderRadius.lg, border: "2px solid #0EA5E9", marginBottom: "24px", background: "rgba(14, 165, 233, 0.06)" },
1864
+ style: { borderRadius: theme.borderRadius.lg, border: "2px solid rgba(14, 165, 233, 0.4)", marginBottom: "24px", background: "rgba(14, 165, 233, 0.06)" },
1875
1865
  children: [
1876
1866
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "12px" }, children: [
1877
1867
  /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "20px", height: "20px", style: { color: "#0EA5E9" } }),
1878
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: "#0369A1" }, children: "🎨 Email Template Gallery" }),
1868
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { color: "var(--colors-primary600, #0369A1)" }, children: "Email Template Gallery" }),
1879
1869
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: { backgroundColor: "#0EA5E9", color: "white" }, children: "New" })
1880
1870
  ] }),
1881
1871
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "16px", fontSize: "13px" }, children: "Choose from our professionally designed templates. Click to instantly load a beautiful template!" }),
@@ -1894,7 +1884,7 @@ _Falls du diesen Link nicht angefordert hast, ignoriere diese Nachricht._`,
1894
1884
  {
1895
1885
  role: "button",
1896
1886
  tabIndex: 0,
1897
- background: "white",
1887
+ background: "neutral0",
1898
1888
  style: {
1899
1889
  borderRadius: "10px",
1900
1890
  border: `2px solid ${isActive ? "rgba(2, 132, 199, 0.6)" : "rgba(128, 128, 128, 0.2)"}`,
@@ -2134,7 +2124,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2134
2124
  border: "2px solid rgba(128, 128, 128, 0.2)",
2135
2125
  borderRadius: "6px",
2136
2126
  overflow: "hidden",
2137
- background: "#f5f5f5",
2127
+ background: "var(--colors-neutral100, #f5f5f5)",
2138
2128
  height: "500px",
2139
2129
  display: "flex",
2140
2130
  flexDirection: "column"
@@ -2159,8 +2149,8 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2159
2149
  height: "100%",
2160
2150
  fontSize: "14px",
2161
2151
  lineHeight: "1.8",
2162
- background: "#f5f5f5",
2163
- color: "#1f2937",
2152
+ background: "var(--colors-neutral100, #f5f5f5)",
2153
+ color: "var(--colors-neutral800, #1f2937)",
2164
2154
  border: "none",
2165
2155
  padding: "20px",
2166
2156
  resize: "none",
@@ -2206,7 +2196,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2206
2196
  }
2207
2197
  ) }),
2208
2198
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
2209
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.advanced.title") }) }),
2199
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.advanced.title") }) }),
2210
2200
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.advanced.subtitle") }) }),
2211
2201
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.allow_magic_links_on_public_registration, $statusLabel: settings.allow_magic_links_on_public_registration ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
2212
2202
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2269,7 +2259,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2269
2259
  ]
2270
2260
  }
2271
2261
  ),
2272
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[800] }, children: "Choose Authentication Mode" }),
2262
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral800)" }, children: "Choose Authentication Mode" }),
2273
2263
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, style: { marginBottom: "24px" }, children: [
2274
2264
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, style: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
2275
2265
  ToggleCard,
@@ -2283,11 +2273,11 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2283
2273
  },
2284
2274
  style: { cursor: "pointer", minHeight: "160px", width: "100%", display: "flex", flexDirection: "column", justifyContent: "space-between" },
2285
2275
  children: [
2286
- /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { $bgColor: theme.colors.primary[100], $iconColor: theme.colors.primary[600], children: /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {}) }),
2276
+ /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { $bgColor: "rgba(2, 132, 199, 0.12)", $iconColor: "var(--colors-primary600, #0284C7)", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {}) }),
2287
2277
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
2288
2278
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Magic Link Only" }),
2289
2279
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Ein-Klick-Login per E-Mail. Schnell und benutzerfreundlich." }),
2290
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "10px", color: theme.colors.primary[600], display: "block", marginBottom: "8px" }, children: [
2280
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "10px", color: "var(--colors-primary600, #0284C7)", display: "block", marginBottom: "8px" }, children: [
2291
2281
  "✓ Keine Passwörter",
2292
2282
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
2293
2283
  "✓ Schneller Login",
@@ -2297,7 +2287,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2297
2287
  ] }),
2298
2288
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { style: {
2299
2289
  marginTop: "8px",
2300
- backgroundColor: theme.colors.primary[600],
2290
+ backgroundColor: "var(--colors-primary600, #0284C7)",
2301
2291
  color: "white",
2302
2292
  fontWeight: "600",
2303
2293
  fontSize: "11px",
@@ -2551,18 +2541,18 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2551
2541
  style: {
2552
2542
  borderRadius: theme.borderRadius.md,
2553
2543
  marginBottom: "24px",
2554
- border: "1px solid #BFDBFE"
2544
+ border: "1px solid rgba(14, 165, 233, 0.3)"
2555
2545
  },
2556
2546
  children: [
2557
2547
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, style: { marginBottom: "8px" }, children: [
2558
- /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "18px", height: "18px", style: { color: theme.colors.primary[700] } }),
2559
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: theme.colors.primary[700] }, children: "Email OTP Einstellungen" })
2548
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "18px", height: "18px", style: { color: "var(--colors-primary600, #075985)" } }),
2549
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)" }, children: "Email OTP Einstellungen" })
2560
2550
  ] }),
2561
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.primary[700], lineHeight: "1.6" }, children: "Konfiguriere hier, wie der OTP-Code per E-Mail verschickt wird. Benutzer erhalten nach dem Klick auf den Magic Link einen zusätzlichen Verifikationscode per E-Mail." })
2551
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-primary600, #075985)", lineHeight: "1.6" }, children: "Konfiguriere hier, wie der OTP-Code per E-Mail verschickt wird. Benutzer erhalten nach dem Klick auf den Magic Link einen zusätzlichen Verifikationscode per E-Mail." })
2562
2552
  ]
2563
2553
  }
2564
2554
  ),
2565
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "Code-Einstellungen" }),
2555
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: "Code-Einstellungen" }),
2566
2556
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "24px" }, children: [
2567
2557
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
2568
2558
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "📧 Versandmethode" }),
@@ -2639,12 +2629,12 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2639
2629
  {
2640
2630
  background: "success100",
2641
2631
  padding: 4,
2642
- style: { borderRadius: theme.borderRadius.md, border: "1px solid #BBF7D0", marginBottom: "24px" },
2632
+ style: { borderRadius: theme.borderRadius.md, border: "1px solid rgba(34, 197, 94, 0.3)", marginBottom: "24px" },
2643
2633
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", style: { marginBottom: "12px" }, children: [
2644
- /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "16px", height: "16px", style: { color: theme.colors.success[700], flexShrink: 0, marginTop: "2px" } }),
2634
+ /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "16px", height: "16px", style: { color: "var(--colors-success600, #15803D)", flexShrink: 0, marginTop: "2px" } }),
2645
2635
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
2646
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "13px", color: theme.colors.success[700], marginBottom: "6px", display: "block" }, children: "So funktioniert's:" }),
2647
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.success[700], lineHeight: "1.6" }, children: [
2636
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { fontSize: "13px", color: "var(--colors-success600, #15803D)", marginBottom: "6px", display: "block" }, children: "So funktioniert's:" }),
2637
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)", lineHeight: "1.6" }, children: [
2648
2638
  "1. Benutzer klickt auf Magic Link in der E-Mail",
2649
2639
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
2650
2640
  "2. Wird zu OTP-Verifikationsseite weitergeleitet",
@@ -2679,8 +2669,8 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2679
2669
  ] }),
2680
2670
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "11px", marginBottom: "12px" }, children: "Allow users to login with Email + TOTP code directly, without waiting for magic link email." }),
2681
2671
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
2682
- /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { width: "14px", height: "14px", style: { color: theme.colors.warning[700], flexShrink: 0, marginTop: "2px" } }),
2683
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "11px", color: theme.colors.warning[700] }, children: [
2672
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { width: "14px", height: "14px", style: { color: "var(--colors-warning600, #A16207)", flexShrink: 0, marginTop: "2px" } }),
2673
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "11px", color: "var(--colors-warning600, #A16207)" }, children: [
2684
2674
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Fast login:" }),
2685
2675
  " Users open authenticator app, enter code → instant login (no email needed)"
2686
2676
  ] })
@@ -2701,7 +2691,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2701
2691
  ] }) }),
2702
2692
  (settings.mfa_require_totp || settings.totp_as_primary_auth) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2703
2693
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
2704
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: "TOTP Configuration" }),
2694
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: "TOTP Configuration" }),
2705
2695
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, children: [
2706
2696
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
2707
2697
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: "Issuer Name" }),
@@ -2747,10 +2737,10 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2747
2737
  {
2748
2738
  background: "success100",
2749
2739
  padding: 4,
2750
- style: { borderRadius: theme.borderRadius.md, border: "1px solid #BBF7D0", marginTop: "16px" },
2740
+ style: { borderRadius: theme.borderRadius.md, border: "1px solid rgba(34, 197, 94, 0.3)", marginTop: "16px" },
2751
2741
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
2752
- /* @__PURE__ */ jsxRuntime.jsx(icons.Key, { width: "14px", height: "14px", style: { color: theme.colors.success[700], flexShrink: 0, marginTop: "2px" } }),
2753
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.success[700] }, children: [
2742
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Key, { width: "14px", height: "14px", style: { color: "var(--colors-success600, #15803D)", flexShrink: 0, marginTop: "2px" } }),
2743
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-success600, #15803D)" }, children: [
2754
2744
  /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "How it works:" }),
2755
2745
  " Users scan QR code with Google Authenticator, Authy, or any TOTP app. They'll get a new 6-digit code every 30 seconds."
2756
2746
  ] })
@@ -2764,27 +2754,27 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2764
2754
  {
2765
2755
  background: "primary100",
2766
2756
  padding: 4,
2767
- style: { borderRadius: theme.borderRadius.md, border: "2px solid #BFDBFE" },
2757
+ style: { borderRadius: theme.borderRadius.md, border: "2px solid rgba(14, 165, 233, 0.3)" },
2768
2758
  children: [
2769
2759
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", style: { marginBottom: "8px" }, children: [
2770
- /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "16px", height: "16px", style: { color: theme.colors.primary[700] } }),
2771
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: theme.colors.primary[700] }, children: "Current Configuration:" })
2760
+ /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { width: "16px", height: "16px", style: { color: "var(--colors-primary600, #075985)" } }),
2761
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { color: "var(--colors-primary600, #075985)" }, children: "Current Configuration:" })
2772
2762
  ] }),
2773
2763
  !settings.otp_enabled && !settings.mfa_require_totp && !settings.totp_as_primary_auth && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
2774
- /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
2775
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "Users login with Magic Link only (one-click email login)" })
2764
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
2765
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users login with Magic Link only (one-click email login)" })
2776
2766
  ] }),
2777
2767
  settings.otp_enabled && !settings.mfa_require_totp && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
2778
- /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
2779
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "Users click Magic Link → Enter 6-digit code from email" })
2768
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
2769
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users click Magic Link → Enter 6-digit code from email" })
2780
2770
  ] }),
2781
2771
  settings.mfa_require_totp && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", children: [
2782
- /* @__PURE__ */ jsxRuntime.jsx(icons.Lock, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
2783
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "Users click Magic Link → Enter code from authenticator app (MFA)" })
2772
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Lock, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
2773
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "Users click Magic Link → Enter code from authenticator app (MFA)" })
2784
2774
  ] }),
2785
2775
  settings.totp_as_primary_auth && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-start", style: { marginTop: settings.mfa_require_totp ? "8px" : "0" }, children: [
2786
- /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { width: "14px", height: "14px", style: { color: theme.colors.neutral[700], flexShrink: 0, marginTop: "2px" } }),
2787
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: theme.colors.neutral[700] }, children: "+ TOTP-only login enabled (users can skip email and login with code directly)" })
2776
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, { width: "14px", height: "14px", style: { color: "var(--colors-neutral700)", flexShrink: 0, marginTop: "2px" } }),
2777
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", style: { fontSize: "12px", color: "var(--colors-neutral700)" }, children: "+ TOTP-only login enabled (users can skip email and login with code directly)" })
2788
2778
  ] })
2789
2779
  ]
2790
2780
  }
@@ -2802,7 +2792,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2802
2792
  ) }),
2803
2793
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
2804
2794
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral100", padding: 5, style: { borderRadius: theme.borderRadius.md, marginBottom: "24px" }, children: [
2805
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.rateLimit.title") }) }),
2795
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", textAlign: "center", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.title") }) }),
2806
2796
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", textAlign: "center", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.subtitle") }) }),
2807
2797
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleCard, { $active: settings.rate_limit_enabled, $statusLabel: settings.rate_limit_enabled ? statusActive : statusInactive, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
2808
2798
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", alignItems: "center", style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2819,7 +2809,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2819
2809
  ] })
2820
2810
  ] }) }) }) })
2821
2811
  ] }),
2822
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.rateLimit.config.title") }) }),
2812
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.config.title") }) }),
2823
2813
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 6, style: { marginBottom: "32px" }, children: [
2824
2814
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
2825
2815
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "8px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.maxAttempts.label") }) }),
@@ -2852,22 +2842,22 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2852
2842
  ] }),
2853
2843
  rateLimitStats && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2854
2844
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, { style: { marginBottom: "24px" } }),
2855
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.title") }) }),
2845
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "16px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.title") }) }),
2856
2846
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, wrap: "wrap", justifyContent: "center", style: { marginBottom: "24px" }, children: [
2857
2847
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "neutral100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
2858
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: theme.colors.primary[600], fontWeight: "700" }, children: rateLimitStats.totalEntries || 0 }),
2848
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-primary600, #0284C7)", fontWeight: "700" }, children: rateLimitStats.totalEntries || 0 }),
2859
2849
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.total") }) })
2860
2850
  ] }),
2861
2851
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "danger100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
2862
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: theme.colors.danger[600], fontWeight: "700" }, children: rateLimitStats.blocked || 0 }),
2852
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-danger600, #DC2626)", fontWeight: "700" }, children: rateLimitStats.blocked || 0 }),
2863
2853
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.blocked") }) })
2864
2854
  ] }),
2865
2855
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "primary100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
2866
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: theme.colors.primary[600], fontWeight: "700" }, children: rateLimitStats.ipLimits || 0 }),
2856
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-primary600, #0284C7)", fontWeight: "700" }, children: rateLimitStats.ipLimits || 0 }),
2867
2857
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.ipLimits") }) })
2868
2858
  ] }),
2869
2859
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 4, background: "success100", style: { borderRadius: "8px", textAlign: "center", minWidth: "140px", flex: "1" }, children: [
2870
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: theme.colors.success[600], fontWeight: "700" }, children: rateLimitStats.emailLimits || 0 }),
2860
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", style: { color: "var(--colors-success600, #16A34A)", fontWeight: "700" }, children: rateLimitStats.emailLimits || 0 }),
2871
2861
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textColor: "neutral600", style: { fontSize: "11px", marginTop: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.rateLimit.stats.emailLimits") }) })
2872
2862
  ] })
2873
2863
  ] }),
@@ -2904,7 +2894,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2904
2894
  }
2905
2895
  ) }),
2906
2896
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { padding: 6, children: [
2907
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: theme.colors.neutral[700] }, children: formatMessage({ id: index.getTrad("settings.compatibility.title") }) }),
2897
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", fontWeight: "bold", style: { marginBottom: "8px", display: "block", color: "var(--colors-neutral700)" }, children: formatMessage({ id: index.getTrad("settings.compatibility.title") }) }),
2908
2898
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { marginBottom: "20px", display: "block", fontSize: "12px" }, children: formatMessage({ id: index.getTrad("settings.compatibility.subtitle") }) }),
2909
2899
  /* @__PURE__ */ jsxRuntime.jsx(
2910
2900
  designSystem.Box,
@@ -2914,10 +2904,10 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2914
2904
  style: {
2915
2905
  borderRadius: theme.borderRadius.md,
2916
2906
  marginBottom: "24px",
2917
- border: "2px solid #BAE6FD"
2907
+ border: "2px solid rgba(14, 165, 233, 0.3)"
2918
2908
  },
2919
2909
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-start", gap: 3, children: [
2920
- /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { width: "20px", height: "20px", style: { color: theme.colors.primary[600], flexShrink: 0, marginTop: "2px" } }),
2910
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { width: "20px", height: "20px", style: { color: "var(--colors-primary600, #0284C7)", flexShrink: 0, marginTop: "2px" } }),
2921
2911
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
2922
2912
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "6px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.compatibility.info.title") }) }),
2923
2913
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.5" }, children: formatMessage({ id: index.getTrad("settings.compatibility.info.description") }) })
@@ -2947,7 +2937,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2947
2937
  style: {
2948
2938
  borderRadius: theme.borderRadius.md,
2949
2939
  marginTop: "8px",
2950
- border: "1px solid #BBF7D0"
2940
+ border: "1px solid rgba(34, 197, 94, 0.3)"
2951
2941
  },
2952
2942
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "11px", fontFamily: "monospace" }, children: [
2953
2943
  "POST /api/passwordless/send-link",
@@ -2978,7 +2968,7 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2978
2968
  style: {
2979
2969
  borderRadius: theme.borderRadius.md,
2980
2970
  marginTop: "8px",
2981
- border: "1px solid #BBF7D0"
2971
+ border: "1px solid rgba(34, 197, 94, 0.3)"
2982
2972
  },
2983
2973
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", style: { fontSize: "11px" }, children: [
2984
2974
  "✓ Email Designer 5 Integration",
@@ -2997,10 +2987,10 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
2997
2987
  style: {
2998
2988
  borderRadius: theme.borderRadius.md,
2999
2989
  marginTop: "24px",
3000
- border: "2px solid #FDE68A"
2990
+ border: "2px solid rgba(234, 179, 8, 0.4)"
3001
2991
  },
3002
2992
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "flex-start", gap: 3, children: [
3003
- /* @__PURE__ */ jsxRuntime.jsx(icons.Code, { width: "20px", height: "20px", style: { color: theme.colors.warning[600], flexShrink: 0, marginTop: "2px" } }),
2993
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Code, { width: "20px", height: "20px", style: { color: "var(--colors-warning600, #D97706)", flexShrink: 0, marginTop: "2px" } }),
3004
2994
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
3005
2995
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "6px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.compatibility.migration.title") }) }),
3006
2996
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", style: { fontSize: "12px", lineHeight: "1.5" }, children: formatMessage({ id: index.getTrad("settings.compatibility.migration.description") }) })
@@ -3016,9 +3006,9 @@ ${language === "de" ? "Der Link läuft in 1 Stunde ab." : "The link expires in 1
3016
3006
  {
3017
3007
  background: "success50",
3018
3008
  padding: 5,
3019
- style: { borderRadius: theme.borderRadius.lg, marginTop: "32px", border: "2px solid #BBF7D0" },
3009
+ style: { borderRadius: theme.borderRadius.lg, marginTop: "32px", border: "2px solid rgba(34, 197, 94, 0.3)" },
3020
3010
  children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", justifyContent: "center", children: [
3021
- /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: "24px", height: "24px", color: theme.colors.success[600] } }),
3011
+ /* @__PURE__ */ jsxRuntime.jsx(icons.Check, { style: { width: "24px", height: "24px", color: "var(--colors-success600, #16A34A)" } }),
3022
3012
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
3023
3013
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", style: { marginBottom: "4px", display: "block" }, children: formatMessage({ id: index.getTrad("settings.footer.quickhelp") }) }),
3024
3014
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", style: { fontSize: "13px" }, children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: formatMessage({ id: index.getTrad("settings.footer.reminder") }) }) })