@cnamts/synapse 1.0.26 → 1.1.0

package/dist/vuetifyConfig.js

@@ -1,10 +1,10 @@
-import { g as d, h as S, f as b, a as m, p as z, i as W, j as u, c as F, k as H, e as A, d as $ } from "./apLightTheme-DS0Uy44H.js";
-import * as x from "vuetify/components";
-import * as T from "vuetify/directives";
-import { mdi as w, aliases as P } from "vuetify/iconsets/mdi-svg";
-import { fr as v } from "vuetify/locale";
-import { createVuetify as X } from "vuetify";
-const g = {
+import { g as e, h as b, f as S, a as h, c as u, i as w, e as k, d as z } from "./apLightTheme2026-DbS7BPUf.js";
+import * as W from "vuetify/components";
+import * as H from "vuetify/directives";
+import { mdi as F, aliases as V } from "vuetify/iconsets/mdi-svg";
+import { fr as A } from "vuetify/locale";
+import { createVuetify as x } from "vuetify";
+const f = {
   family: {
     primary: '"Arial", sans-serif',
     secondary: '"Arial", sans-serif'
@@ -165,7 +165,9 @@ const g = {
       letterSpacing: "-0.00375em"
     }
   }
-}, h = {
+}, $ = {
+  backgroundSurface: e.color.parma.darken60
+}, m = {
   family: {
     primary: '"Arial", sans-serif',
     secondary: '"Arial", sans-serif'
@@ -326,8 +328,8 @@ const g = {
       letterSpacing: "-0.003em"
     }
   }
-}, j = {
-  ...d,
+}, P = {
+  ...b,
   colors: {
     background: "#ffffff",
     border: "#dddddd",
@@ -336,8 +338,74 @@ const g = {
     overlay: "rgba(0, 0, 0, 0.5)",
     interactive: "#007bff"
   }
+}, T = {
+  risquePro: e.color.brick.base,
+  // Border
+  border: e.color.blue.base,
+  borderVariant: e.color.grey.lighten40,
+  borderBright: e.color.white.base,
+  borderDim: e.color.white.alpha40,
+  // Disabled
+  disabled: e.color.grey.lighten80,
+  onDisabled: e.color.grey.lighten40,
+  inverseSurface: e.color.grey.base,
+  onDisabledVariant: e.color.white.alpha40,
+  // Primary
+  primary: e.color.blue.base,
+  onPrimary: e.color.white.base,
+  primaryVariant: e.color.blue.darken40,
+  onPrimaryVariant: e.color.white.base,
+  // Secondary
+  secondary: e.color.cyan.darken40,
+  onSecondary: e.color.white.base,
+  secondaryVariant: e.color.cyan.darken60,
+  onSecondaryVariant: e.color.white.base,
+  // Overlay
+  overlay: e.color.grey.alpha40,
+  // Surface
+  surface: e.color.white.base,
+  surfaceBright: e.color.blue.lighten97,
+  surfaceDim: e.color.blue.lighten90,
+  onSurface: e.color.grey.darken60,
+  onSurfaceVariant: e.color.grey.base,
+  // Background
+  background: e.color.blue.lighten90,
+  onBackground: e.color.grey.darken60,
+  backgroundVariant: e.color.white.base,
+  onBackgroundVariant: e.color.grey.lighten40,
+  // Feedback
+  info: e.color.blue.base,
+  infoVariant: e.color.blue.lighten80,
+  infoVariant90: e.color.blue.lighten90,
+  onInfo: e.color.white.base,
+  onInfoVariant: e.color.blue.darken20,
+  error: e.color.orange.darken20,
+  onError: e.color.white.base,
+  errorVariant: e.color.orange.lighten80,
+  onErrorVariant: e.color.orange.darken60,
+  success: e.color.green.base,
+  successVariant: e.color.green.lighten80,
+  onSuccess: e.color.grey.darken60,
+  onSuccessVariant: e.color.grey.darken60,
+  warning: e.color.yellow.base,
+  onWarning: e.color.grey.darken60,
+  warningVariant: e.color.yellow.lighten80,
+  onWarningVariant: e.color.yellow.darken60,
+  // Interaction
+  interactionLightenEnabled: e.color.none,
+  interactionLightenHover: e.color.white.alpha20,
+  interactionLightenSelected: e.color.white.alpha20,
+  interactionLightenPressed: e.color.white.alpha38,
+  interactionDarkEnabled: e.color.transparentBlue.alpha00,
+  interactionDarkHover: e.color.transparentBlue.alpha08,
+  interactionDarkPressed: e.color.transparentBlue.alpha18,
+  interactionDarkenEnabled: e.color.transparentBlack.alpha00,
+  interactionDarkenHover: e.color.transparentBlack.alpha20,
+  interactionDarkenPressed: e.color.transparentBlack.alpha40
+}, D = {
+  backgroundSurface: e.color.parma.darken60
 }, p = {
-  ...d,
+  ...b,
   colors: {
     background: "#ffffff",
     border: "#dddddd",
@@ -398,59 +466,129 @@ const g = {
     switchThumbElevation: "0",
     switchWidth: "3.5rem",
     switchTrackOpacity: "1"
+  },
+  radius: {
+    rounded0: "0",
+    rounded: "12px",
+    roundedLg: "24px",
+    roundedPill: "64px"
   }
-}, c = {
-  // backgroundSurface: apColorsTokens.parma.darken60,
-}, C = (n) => typeof n == "object" && n !== null, s = (n) => {
-  const t = {}, e = (i, r = "") => {
-    for (const [a, l] of Object.entries(i)) {
-      const o = r ? `${r}-${a}` : a;
-      if (l === void 0)
-        throw new Error(`Missing theme value for key "${o}"`);
-      C(l) ? e(l, o) : t[o] = l;
+}, B = {
+  risquePro: e.color.red.base,
+  // Border
+  border: e.color.cyan.darken20,
+  borderVariant: e.color.grey.lighten40,
+  borderBright: e.color.white.base,
+  borderDim: e.color.white.alpha40,
+  // Disabled
+  disabled: e.color.grey.lighten80,
+  inverseSurface: e.color.grey.base,
+  onDisabled: e.color.grey.lighten40,
+  onDisabledVariant: e.color.white.alpha40,
+  // Primary
+  primary: e.color.cyan.darken20,
+  onPrimary: e.color.white.base,
+  primaryVariant: e.color.cyan.darken40,
+  onPrimaryVariant: e.color.white.base,
+  // Secondary
+  secondary: e.color.cyan.darken60,
+  onSecondary: e.color.white.base,
+  secondaryVariant: e.color.cyan.darken80,
+  onSecondaryVariant: e.color.white.base,
+  // Overlay
+  overlay: e.color.grey.alpha40,
+  // Surface
+  surface: e.color.white.base,
+  surfaceBright: e.color.cyan.lighten97,
+  surfaceDim: e.color.cyan.lighten80,
+  onSurface: e.color.grey.darken60,
+  onSurfaceVariant: e.color.grey.base,
+  // Background
+  background: e.color.cyan.lighten97,
+  backgroundVariant: e.color.white.base,
+  onBackground: e.color.grey.darken60,
+  onBackgroundVariant: e.color.grey.lighten40,
+  // Feedback
+  info: e.color.parma.darken40,
+  infoVariant: e.color.parma.lighten80,
+  infoVariant90: e.color.parma.lighten90,
+  onInfo: e.color.white.base,
+  onInfoVariant: e.color.parma.darken60,
+  error: e.color.red.darken20,
+  onError: e.color.white.base,
+  errorVariant: e.color.red.lighten90,
+  onErrorVariant: e.color.red.darken60,
+  success: e.color.forestGreen.base,
+  onSuccess: e.color.white.base,
+  successVariant: e.color.forestGreen.lighten90,
+  onSuccessVariant: e.color.forestGreen.darken60,
+  warning: e.color.yellow.base,
+  onWarning: e.color.grey.darken60,
+  warningVariant: e.color.yellow.lighten80,
+  onWarningVariant: e.color.yellow.darken60,
+  // Interaction
+  interactionLightenEnabled: e.color.none,
+  interactionLightenHover: e.color.white.alpha20,
+  interactionLightenSelected: e.color.white.alpha20,
+  interactionLightenPressed: e.color.white.alpha38,
+  interactionDarkEnabled: e.color.transparentCyan.alpha00,
+  interactionDarkHover: e.color.transparentCyan.alpha08,
+  interactionDarkPressed: e.color.transparentCyan.alpha18,
+  interactionDarkenEnabled: e.color.transparentBlack.alpha00,
+  interactionDarkenHover: e.color.transparentBlack.alpha20,
+  interactionDarkenPressed: e.color.transparentBlack.alpha40
+}, d = {
+  backgroundSurface: e.color.parma.darken60
+}, v = (n) => typeof n == "object" && n !== null, c = (n) => {
+  const i = {}, r = (t, a = "") => {
+    for (const [o, s] of Object.entries(t)) {
+      const l = a ? `${a}-${o}` : o;
+      if (s === void 0)
+        throw new Error(`Missing theme value for key "${l}"`);
+      v(s) ? r(s, l) : i[l] = s;
     }
   };
-  return e(n), t;
+  return r(n), i;
 };
 function y(n) {
-  const t = {};
-  if (n.family && n.family.primary && (t["font-family"] = n.family.primary), n.heading && Object.entries(n.heading).forEach(([e, i]) => {
-    var r, a;
-    t[`typography-${e}-font-size`] = i.fontSize || "", t[`typography-${e}-font-weight`] = ((r = i.fontWeight) == null ? void 0 : r.toString()) || "", t[`typography-${e}-line-height`] = ((a = i.lineHeight) == null ? void 0 : a.toString()) || "", t[`typography-${e}-letter-spacing`] = i.letterSpacing || "normal";
-  }), n.body && Object.entries(n.body).forEach(([e, i]) => {
-    var r, a;
-    t[`typography-${e}-font-size`] = i.fontSize || "", t[`typography-${e}-font-weight`] = ((r = i.fontWeight) == null ? void 0 : r.toString()) || "", t[`typography-${e}-line-height`] = ((a = i.lineHeight) == null ? void 0 : a.toString()) || "", t[`typography-${e}-letter-spacing`] = i.letterSpacing || "normal";
-  }), n.subtitle && Object.entries(n.subtitle).forEach(([e, i]) => {
-    var r, a;
-    t[`typography-${e}-font-size`] = i.fontSize || "", t[`typography-${e}-font-weight`] = ((r = i.fontWeight) == null ? void 0 : r.toString()) || "", t[`typography-${e}-line-height`] = ((a = i.lineHeight) == null ? void 0 : a.toString()) || "", t[`typography-${e}-letter-spacing`] = i.letterSpacing || "normal";
-  }), ["caption", "overline"].forEach((e) => {
-    var i, r, a, l;
-    if (n[e]) {
-      const o = n[e];
-      if (o && typeof o == "object" && !Array.isArray(o))
-        if ("fontSize" in o)
-          t[`typography-${e}-font-size`] = o.fontSize || "", t[`typography-${e}-font-weight`] = ((i = o.fontWeight) == null ? void 0 : i.toString()) || "", t[`typography-${e}-line-height`] = ((r = o.lineHeight) == null ? void 0 : r.toString()) || "", t[`typography-${e}-letter-spacing`] = o.letterSpacing || "normal", o.textTransform && (t[`typography-${e}-text-transform`] = o.textTransform || "");
+  const i = {};
+  if (n.family && n.family.primary && (i["font-family"] = n.family.primary), n.heading && Object.entries(n.heading).forEach(([r, t]) => {
+    var a, o;
+    i[`typography-${r}-font-size`] = t.fontSize || "", i[`typography-${r}-font-weight`] = ((a = t.fontWeight) == null ? void 0 : a.toString()) || "", i[`typography-${r}-line-height`] = ((o = t.lineHeight) == null ? void 0 : o.toString()) || "", i[`typography-${r}-letter-spacing`] = t.letterSpacing || "normal";
+  }), n.body && Object.entries(n.body).forEach(([r, t]) => {
+    var a, o;
+    i[`typography-${r}-font-size`] = t.fontSize || "", i[`typography-${r}-font-weight`] = ((a = t.fontWeight) == null ? void 0 : a.toString()) || "", i[`typography-${r}-line-height`] = ((o = t.lineHeight) == null ? void 0 : o.toString()) || "", i[`typography-${r}-letter-spacing`] = t.letterSpacing || "normal";
+  }), n.subtitle && Object.entries(n.subtitle).forEach(([r, t]) => {
+    var a, o;
+    i[`typography-${r}-font-size`] = t.fontSize || "", i[`typography-${r}-font-weight`] = ((a = t.fontWeight) == null ? void 0 : a.toString()) || "", i[`typography-${r}-line-height`] = ((o = t.lineHeight) == null ? void 0 : o.toString()) || "", i[`typography-${r}-letter-spacing`] = t.letterSpacing || "normal";
+  }), ["caption", "overline"].forEach((r) => {
+    var t, a, o, s;
+    if (n[r]) {
+      const l = n[r];
+      if (l && typeof l == "object" && !Array.isArray(l))
+        if ("fontSize" in l)
+          i[`typography-${r}-font-size`] = l.fontSize || "", i[`typography-${r}-font-weight`] = ((t = l.fontWeight) == null ? void 0 : t.toString()) || "", i[`typography-${r}-line-height`] = ((a = l.lineHeight) == null ? void 0 : a.toString()) || "", i[`typography-${r}-letter-spacing`] = l.letterSpacing || "normal", l.textTransform && (i[`typography-${r}-text-transform`] = l.textTransform || "");
         else {
-          const f = o[e];
-          f && (t[`typography-${e}-font-size`] = f.fontSize || "", t[`typography-${e}-font-weight`] = ((a = f.fontWeight) == null ? void 0 : a.toString()) || "", t[`typography-${e}-line-height`] = ((l = f.lineHeight) == null ? void 0 : l.toString()) || "", t[`typography-${e}-letter-spacing`] = f.letterSpacing || "normal", f.textTransform && (t[`typography-${e}-text-transform`] = f.textTransform || ""));
+          const g = l[r];
+          g && (i[`typography-${r}-font-size`] = g.fontSize || "", i[`typography-${r}-font-weight`] = ((o = g.fontWeight) == null ? void 0 : o.toString()) || "", i[`typography-${r}-line-height`] = ((s = g.lineHeight) == null ? void 0 : s.toString()) || "", i[`typography-${r}-letter-spacing`] = g.letterSpacing || "normal", g.textTransform && (i[`typography-${r}-text-transform`] = g.textTransform || ""));
         }
     }
   }), n.display) {
-    const e = n.display;
-    ["display1", "display2"].forEach((i) => {
-      var a, l;
-      const r = e[i];
-      r && (t[`typography-${i}-font-size`] = r.fontSize || "", t[`typography-${i}-font-weight`] = ((a = r.fontWeight) == null ? void 0 : a.toString()) || "", t[`typography-${i}-line-height`] = ((l = r.lineHeight) == null ? void 0 : l.toString()) || "", t[`typography-${i}-letter-spacing`] = r.letterSpacing || "normal", r.textTransform && (t[`typography-${i}-text-transform`] = r.textTransform || ""));
+    const r = n.display;
+    ["display1", "display2"].forEach((t) => {
+      var o, s;
+      const a = r[t];
+      a && (i[`typography-${t}-font-size`] = a.fontSize || "", i[`typography-${t}-font-weight`] = ((o = a.fontWeight) == null ? void 0 : o.toString()) || "", i[`typography-${t}-line-height`] = ((s = a.lineHeight) == null ? void 0 : s.toString()) || "", i[`typography-${t}-letter-spacing`] = a.letterSpacing || "normal", a.textTransform && (i[`typography-${t}-text-transform`] = a.textTransform || ""));
     });
   }
-  return t;
+  return i;
 }
-const M = () => X({
-  components: x,
-  directives: T,
+const R = () => x({
+  components: W,
+  directives: H,
   locale: {
     locale: "fr",
-    messages: { fr: v }
+    messages: { fr: A }
   },
   theme: {
     defaultTheme: "cnam",
@@ -458,65 +596,65 @@ const M = () => X({
       cnam: {
         dark: !1,
         colors: {
-          ...F,
           ...u,
-          ...s(m)
+          ...$,
+          ...c(h)
         },
         variables: {
-          "border-color": m.grey.base,
-          "font-family": g.family.primary,
-          ...y(g),
-          ...s($)
+          "border-color": h.grey.base,
+          "font-family": f.family.primary,
+          ...y(f),
+          ...c(z)
         }
       },
       pa: {
         dark: !1,
         colors: {
-          ...W,
-          ...z,
-          ...s(m)
+          ...T,
+          ...D,
+          ...c(h)
         },
         variables: {
-          "border-color": m.grey.base,
-          "font-family": h.family.primary,
-          ...y(h),
-          ...s(j)
+          "border-color": h.grey.base,
+          "font-family": m.family.primary,
+          ...y(m),
+          ...c(P)
         }
       },
       ap2026: {
         dark: !1,
         colors: {
-          ...b,
-          ...c,
-          ...s(A)
+          ...S,
+          ...d,
+          ...c(k)
         },
         variables: {
           "font-family": '"Arial", sans-serif',
-          ...s(p)
+          ...c(p)
         }
       },
       ap: {
         dark: !1,
         colors: {
-          ...S,
-          ...c,
-          ...s(H)
+          ...B,
+          ...d,
+          ...c(w)
         },
         variables: {
           "font-family": '"Arial", sans-serif',
-          ...s(p)
+          ...c(p)
         }
       }
     }
   },
   icons: {
     defaultSet: "mdi",
-    aliases: P,
+    aliases: V,
     sets: {
-      mdi: w
+      mdi: F
     }
   }
 });
 export {
-  M as createVuetifyInstance
+  R as createVuetifyInstance
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnamts/synapse",
-  "version": "1.0.26",
+  "version": "1.1.0",
   "private": false,
   "description": "CNAM DS v3",
   "type": "module",
@@ -58,7 +58,7 @@
   },
   "license": "ISC",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.11.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",
@@ -86,7 +86,7 @@
     "@types/node": "^20.17.1",
     "@typescript-eslint/parser": "^8.11.0",
     "@vitejs/plugin-vue": "5.2.1",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "^4.1.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "~0.8.0",
     "auto-changelog": "^2.4.0",
@@ -119,7 +119,7 @@
     "vite": "^6.4.2",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-vuetify": "^2.1.1",
-    "vitest": "^3.2.4",
+    "vitest": "^4.1.0",
     "vitest-axe": "^0.1.0",
     "vue": "^3.5.18",
     "vue-component-type-helpers": "2.2.0",
@@ -168,7 +168,10 @@
       "uuid": ">=14.0.0",
       "@cypress/request>uuid": "8.3.2",
       "postcss": ">=8.5.10",
-      "fast-uri": ">=3.1.2"
+      "fast-uri": ">=3.1.2",
+      "js-cookie": ">=3.0.7",
+      "qs": ">=6.15.2",
+      "tmp": ">=0.2.6"
     },
     "patchedDependencies": {
       "vuetify@3.12.2": "patches/vuetify@3.12.2.patch"

package/src/assets/overrides/_icons.scss

@@ -4,8 +4,9 @@
 }
 
 .v-theme--cnam.v-btn--icon .v-icon,
-.v-theme--pa.v-btn--icon .v-icon {
-	color: rgb(var(--v-theme-iconAccentPrimary));
+.v-theme--pa.v-btn--icon .v-icon,
+.v-theme--ap.v-btn--icon .v-icon {
+	color: rgb(var(--v-theme-primary));
 	transition: color 0.2s ease;
 }
 
@@ -24,7 +25,7 @@
 }
 
 .v-theme--ap.v-btn--icon .v-ripple__animation {
-	background-color: rgb(var(--v-theme-iconAccentPrimary)) !important;
+	background-color: rgb(var(--v-theme-primary)) !important;
 	opacity: 0.18;
 }
 
@@ -35,6 +36,6 @@
 
 .v-theme--cnam.v-btn--icon .v-ripple__animation,
 .v-theme--pa.v-btn--icon .v-ripple__animation {
-	background-color: rgb(var(--v-theme-iconAccentPrimary)) !important;
+	background-color: rgb(var(--v-theme-primary)) !important;
 	opacity: 0.18;
 }

package/src/assets/overrides/_otp.scss

@@ -5,7 +5,7 @@
 		.v-field__outline__start,
 		.v-field__outline__end,
 		.v-field__outline__notch {
-			border-color: rgb(var(--v-theme-borderAccentPrimary)) !important;
+			border-color: rgb(var(--v-theme-primary)) !important;
 		}
 
 		.v-field--focused,
@@ -13,7 +13,7 @@
 			.v-field__outline__start,
 			.v-field__outline__end,
 			.v-field__outline__notch {
-				border-color: rgb(var(--v-theme-borderAccentPrimaryContrasted)) !important;
+				border-color: rgb(var(--v-theme-primaryVariant)) !important;
 			}
 		}
 	}
@@ -25,7 +25,7 @@
 		.v-field__outline__start,
 		.v-field__outline__end,
 		.v-field__outline__notch {
-			border-color: rgb(var(--v-theme-borderAccentPrimary)) !important;
+			border-color: rgb(var(--v-theme-primary)) !important;
 		}
 
 		.v-field--focused,
@@ -33,7 +33,7 @@
 			.v-field__outline__start,
 			.v-field__outline__end,
 			.v-field__outline__notch {
-				border-color: rgb(var(--v-theme-borderAccentPrimaryContrasted)) !important;
+				border-color: rgb(var(--v-theme-primaryVariant)) !important;
 			}
 		}
 	}

package/src/assets/overrides/_typography.scss

@@ -2,7 +2,8 @@
 @use 'breakpoints' as bp;
 
 .theme-cnam,
-.theme-pa {
+.theme-pa,
+.theme-ap {
 	/* Headings with Vuetify classes */
 	.text-h1 {
 		font-size: var(--v-typography-h1-font-size);

package/src/assets/overrides/_utilities.scss

@@ -1,50 +1,9 @@
 .theme-cnam,
 .theme-pa {
 	--footer-background: rgb(var(--v-theme-parma-darken60));
-	--alert-warning-background: rgb(var(--v-theme-backgroundWarning));
-	--alert-warning-accent: rgb(var(--v-theme-borderWarning));
-	--alert-warning-border: rgb(var(--v-theme-borderWarning));
-	--alert-warning-icon: rgb(var(--v-theme-iconWarning));
-	--alert-warning-icon-bg: rgb(var(--v-theme-backgroundWarningSubdued));
-	--alert-info-background: rgb(var(--v-theme-backgroundInfo));
-	--alert-info-accent: rgb(var(--v-theme-borderInfo));
-	--alert-info-border: rgb(var(--v-theme-borderInfo));
-	--alert-info-icon: rgb(var(--v-theme-iconInfo));
-	--alert-info-icon-bg: rgb(var(--v-theme-backgroundInfoSubdued));
-	--alert-success-background: rgb(var(--v-theme-backgroundSuccess));
-	--alert-success-accent: rgb(var(--v-theme-borderSuccess));
-	--alert-success-border: rgb(var(--v-theme-borderSuccess));
-	--alert-success-icon: rgb(var(--v-theme-iconSuccess));
-	--alert-success-icon-bg: rgb(var(--v-theme-backgroundSuccessSubdued));
-	--alert-error-background: rgb(var(--v-theme-backgroundError));
-	--alert-error-accent: rgb(var(--v-theme-borderError));
-	--alert-error-border: rgb(var(--v-theme-borderError));
-	--alert-error-icon: rgb(var(--v-theme-iconError));
-	--alert-error-icon-bg: rgb(var(--v-theme-backgroundErrorSubdued));
 }
 
 .theme-ap,
 .theme-ap2026 {
-	--footer-background: rgb(var(--v-theme-accentPrimaryContrasted));
-	--alert-background: rgb(var(--v-theme-accentPrimaryContrasted));
-	--alert-warning-background: rgb(var(--v-theme-backgroundWarning));
-	--alert-warning-accent: rgb(var(--v-theme-borderWarning));
-	--alert-warning-border: rgb(var(--v-theme-borderWarning));
-	--alert-warning-icon: rgb(var(--v-theme-iconWarning));
-	--alert-warning-icon-bg: rgb(var(--v-theme-backgroundWarningSubdued));
-	--alert-info-background: rgb(var(--v-theme-backgroundInfo));
-	--alert-info-accent: rgb(var(--v-theme-borderInfo));
-	--alert-info-border: rgb(var(--v-theme-borderInfo));
-	--alert-info-icon: rgb(var(--v-theme-iconInfo));
-	--alert-info-icon-bg: rgb(var(--v-theme-backgroundInfoSubdued));
-	--alert-success-background: rgb(var(--v-theme-backgroundSuccess));
-	--alert-success-accent: rgb(var(--v-theme-borderSuccess));
-	--alert-success-border: rgb(var(--v-theme-borderSuccess));
-	--alert-success-icon: rgb(var(--v-theme-iconSuccess));
-	--alert-success-icon-bg: rgb(var(--v-theme-backgroundSuccessSubdued));
-	--alert-error-background: rgb(var(--v-theme-backgroundError));
-	--alert-error-accent: rgb(var(--v-theme-borderError));
-	--alert-error-border: rgb(var(--v-theme-borderError));
-	--alert-error-icon: rgb(var(--v-theme-iconError));
-	--alert-error-icon-bg: rgb(var(--v-theme-backgroundErrorSubdued));
+	--footer-background: rgb(var(--v-theme-primary));
 }

package/src/components/Accordion/tests/Accordion.visual.cy.ts

@@ -0,0 +1,44 @@
+import Accordion from '../Accordion.vue'
+
+const defaultItems = [
+	{ id: '1', title: 'Premier élément', content: 'Contenu du premier élément' },
+	{ id: '2', title: 'Deuxième élément', content: 'Contenu du deuxième élément' },
+	{ id: '3', title: 'Troisième élément', content: 'Contenu du troisième élément' },
+]
+
+describe('Accordion - Visual regression tests', () => {
+	it('displays the accordion collapsed by default', () => {
+		cy.mountWithVuetify(Accordion, {
+			props: { items: defaultItems },
+		})
+
+		cy.get('.sy-accordion').should('be.visible')
+		cy.matchImageSnapshot('accordion-default', cy.get('.sy-accordion'))
+	})
+
+	it('displays the accordion with one item open', () => {
+		cy.mountWithVuetify(Accordion, {
+			props: {
+				items: defaultItems,
+				modelValue: ['1'],
+			},
+		})
+
+		cy.get('.sy-accordion').should('be.visible')
+		cy.matchImageSnapshot('accordion-open-first', cy.get('.sy-accordion'))
+	})
+
+	it('displays the accordion with a disabled item', () => {
+		cy.mountWithVuetify(Accordion, {
+			props: {
+				items: [
+					{ id: '1', title: 'Actif', content: 'Contenu actif' },
+					{ id: '2', title: 'Désactivé', content: 'Contenu désactivé', disabled: true },
+				],
+			},
+		})
+
+		cy.get('.sy-accordion').should('be.visible')
+		cy.matchImageSnapshot('accordion-disabled-item', cy.get('.sy-accordion'))
+	})
+})

package/src/components/BackToTopBtn/tests/BackToTopBtn.visual.cy.ts

@@ -0,0 +1,34 @@
+import BackToTopBtn from '../BackToTopBtn.vue'
+
+function triggerScroll(scrollY = 200) {
+	cy.window().then((win) => {
+		Object.defineProperty(win, 'scrollY', { value: scrollY, writable: true })
+		win.dispatchEvent(new Event('scroll'))
+	})
+}
+
+describe('BackToTopBtn - Visual regression tests', () => {
+	it('displays the button after scroll', () => {
+		cy.mountWithVuetify(BackToTopBtn, {
+			props: { threshold: 0 },
+		})
+
+		triggerScroll()
+		cy.get('.vd-back-to-top-btn').should('be.visible')
+		cy.matchImageSnapshot('back-to-top-btn-default', cy.get('.vd-back-to-top-btn'))
+	})
+
+	it('displays the button with custom nudge', () => {
+		cy.mountWithVuetify(BackToTopBtn, {
+			props: {
+				threshold: 0,
+				nudgeRight: '32px',
+				nudgeBottom: '32px',
+			},
+		})
+
+		triggerScroll()
+		cy.get('.vd-back-to-top-btn').should('be.visible')
+		cy.matchImageSnapshot('back-to-top-btn-custom-nudge', cy.get('.vd-back-to-top-btn'))
+	})
+})