@cnamts/synapse 1.0.26 → 1.0.27

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 { e, d as b, c as S, f as h, h as u, a as w, b as k, g as z } from "./apLightTheme2026-ug4Y23ns.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,73 @@ const g = {
     overlay: "rgba(0, 0, 0, 0.5)",
     interactive: "#007bff"
   }
-}, p = {
-  ...d,
+}, 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,
+  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
+}, d = {
+  ...b,
   colors: {
     background: "#ffffff",
     border: "#dddddd",
@@ -398,59 +465,128 @@ 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,
+  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
+}, p = {
+  backgroundSurface: e.color.parma.darken60
+}, v = (n) => typeof n == "object" && n !== null, c = (n) => {
+  const t = {}, r = (i, a = "") => {
+    for (const [o, s] of Object.entries(i)) {
+      const l = a ? `${a}-${o}` : o;
+      if (s === void 0)
+        throw new Error(`Missing theme value for key "${l}"`);
+      v(s) ? r(s, l) : t[l] = s;
     }
   };
-  return e(n), t;
+  return r(n), t;
 };
 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 || "");
+  if (n.family && n.family.primary && (t["font-family"] = n.family.primary), n.heading && Object.entries(n.heading).forEach(([r, i]) => {
+    var a, o;
+    t[`typography-${r}-font-size`] = i.fontSize || "", t[`typography-${r}-font-weight`] = ((a = i.fontWeight) == null ? void 0 : a.toString()) || "", t[`typography-${r}-line-height`] = ((o = i.lineHeight) == null ? void 0 : o.toString()) || "", t[`typography-${r}-letter-spacing`] = i.letterSpacing || "normal";
+  }), n.body && Object.entries(n.body).forEach(([r, i]) => {
+    var a, o;
+    t[`typography-${r}-font-size`] = i.fontSize || "", t[`typography-${r}-font-weight`] = ((a = i.fontWeight) == null ? void 0 : a.toString()) || "", t[`typography-${r}-line-height`] = ((o = i.lineHeight) == null ? void 0 : o.toString()) || "", t[`typography-${r}-letter-spacing`] = i.letterSpacing || "normal";
+  }), n.subtitle && Object.entries(n.subtitle).forEach(([r, i]) => {
+    var a, o;
+    t[`typography-${r}-font-size`] = i.fontSize || "", t[`typography-${r}-font-weight`] = ((a = i.fontWeight) == null ? void 0 : a.toString()) || "", t[`typography-${r}-line-height`] = ((o = i.lineHeight) == null ? void 0 : o.toString()) || "", t[`typography-${r}-letter-spacing`] = i.letterSpacing || "normal";
+  }), ["caption", "overline"].forEach((r) => {
+    var i, a, o, s;
+    if (n[r]) {
+      const l = n[r];
+      if (l && typeof l == "object" && !Array.isArray(l))
+        if ("fontSize" in l)
+          t[`typography-${r}-font-size`] = l.fontSize || "", t[`typography-${r}-font-weight`] = ((i = l.fontWeight) == null ? void 0 : i.toString()) || "", t[`typography-${r}-line-height`] = ((a = l.lineHeight) == null ? void 0 : a.toString()) || "", t[`typography-${r}-letter-spacing`] = l.letterSpacing || "normal", l.textTransform && (t[`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 && (t[`typography-${r}-font-size`] = g.fontSize || "", t[`typography-${r}-font-weight`] = ((o = g.fontWeight) == null ? void 0 : o.toString()) || "", t[`typography-${r}-line-height`] = ((s = g.lineHeight) == null ? void 0 : s.toString()) || "", t[`typography-${r}-letter-spacing`] = g.letterSpacing || "normal", g.textTransform && (t[`typography-${r}-text-transform`] = g.textTransform || ""));
         }
     }
   }), n.display) {
-    const e = n.display;
+    const r = 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 || ""));
+      var o, s;
+      const a = r[i];
+      a && (t[`typography-${i}-font-size`] = a.fontSize || "", t[`typography-${i}-font-weight`] = ((o = a.fontWeight) == null ? void 0 : o.toString()) || "", t[`typography-${i}-line-height`] = ((s = a.lineHeight) == null ? void 0 : s.toString()) || "", t[`typography-${i}-letter-spacing`] = a.letterSpacing || "normal", a.textTransform && (t[`typography-${i}-text-transform`] = a.textTransform || ""));
     });
   }
   return t;
 }
-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 +594,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,
+          ...p,
+          ...c(k)
         },
         variables: {
           "font-family": '"Arial", sans-serif',
-          ...s(p)
+          ...c(d)
         }
       },
       ap: {
         dark: !1,
         colors: {
-          ...S,
-          ...c,
-          ...s(H)
+          ...B,
+          ...p,
+          ...c(w)
         },
         variables: {
           "font-family": '"Arial", sans-serif',
-          ...s(p)
+          ...c(d)
         }
       }
     }
   },
   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.0.27",
   "private": false,
   "description": "CNAM DS v3",
   "type": "module",
@@ -168,7 +168,9 @@
       "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"
     },
     "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/ChipList/ChipList.vue

@@ -30,10 +30,17 @@
 	}
 
 	const BACKGROUND_COLORS: Record<NonEmptyChipState, string> = {
-		success: 'backgroundSuccessSubdued',
-		warning: 'backgroundWarningSubdued',
-		error: 'backgroundErrorSubdued',
-		info: 'backgroundInfoSubdued',
+		success: 'successVariant',
+		warning: 'warningVariant',
+		error: 'errorVariant',
+		info: 'infoVariant',
+	} as const
+
+	const ICON_COLORS: Record<NonEmptyChipState, string> = {
+		success: 'onSuccessVariant',
+		warning: 'onWarningVariant',
+		error: 'onErrorVariant',
+		info: 'onInfoVariant',
 	} as const
 
 	const props = withDefaults(defineProps<Props & CustomizableOptions>(), {
@@ -128,6 +135,12 @@
 		return state ? BACKGROUND_COLORS[state] : 'primary'
 	}
 
+	function getIconColor(state: ChipState): string {
+		return state ? ICON_COLORS[state] : 'surface'
+	}
+
+	// item.state || 'white'/
+
 	/**
 	 * Retourne l'icône correspondant à l'état du chip
 	 *
@@ -209,7 +222,6 @@
 						<SyIcon
 							v-bind="options.icon"
 							:icon="customIcon || getIcon(item.state)"
-							:color="item.state"
 							decorative
 							class="mr-1"
 						/>
@@ -245,7 +257,7 @@
 						<SyIcon
 							v-bind="options.icon"
 							:icon="deleteIcon"
-							:color="item.state || 'white'"
+							:color="getIconColor(item.state)"
 							decorative
 						/>
 					</VBtn>
@@ -340,23 +352,23 @@
 }
 
 .sy-chip-success {
-	color: rgb(var(--v-theme-textSuccess)) !important;
-	border: 1px solid rgb(var(--v-theme-borderSuccess)) !important;
+	color: rgb(var(--v-theme-onSuccessVariant)) !important;
+	border: 1px solid rgb(var(--v-theme-onSuccessVariant)) !important;
 }
 
 .sy-chip-error {
-	color: rgb(var(--v-theme-textError)) !important;
-	border: 1px solid rgb(var(--v-theme-borderError)) !important;
+	color: rgb(var(--v-theme-onErrorVariant)) !important;
+	border: 1px solid rgb(var(--v-theme-onErrorVariant)) !important;
 }
 
 .sy-chip-info {
-	color: rgb(var(--v-theme-textInfo)) !important;
-	border: 1px solid rgb(var(--v-theme-borderInfo)) !important;
+	color: rgb(var(--v-theme-onInfoVariant)) !important;
+	border: 1px solid rgb(var(--v-theme-onInfoVariant)) !important;
 }
 
 .sy-chip-warning {
-	color: rgb(var(--v-theme-textWarning)) !important;
-	border: 1px solid rgb(var(--v-theme-borderWarning)) !important;
+	color: rgb(var(--v-theme-onWarningVariant)) !important;
+	border: 1px solid rgb(var(--v-theme-onWarningVariant)) !important;
 }
 
 .overflow-chip {
@@ -380,22 +392,22 @@
 
 // Styles spécifiques pour améliorer le contraste de focus selon le thème du chip
 .sy-chip-success .remove-chip:focus-visible {
-	outline: 2px solid rgb(var(--v-theme-borderSuccess)) !important;
+	outline: 2px solid rgb(var(--v-theme-onSuccessVariant)) !important;
 	outline-offset: -2px !important;
 }
 
 .sy-chip-info .remove-chip:focus-visible {
-	outline: 2px solid rgb(var(--v-theme-borderInfo)) !important;
+	outline: 2px solid rgb(var(--v-theme-onInfoVariant)) !important;
 	outline-offset: -2px !important;
 }
 
 .sy-chip-warning .remove-chip:focus-visible {
-	outline: 2px solid rgb(var(--v-theme-borderWarning)) !important;
+	outline: 2px solid rgb(var(--v-theme-onWarningVariant)) !important;
 	outline-offset: -2px !important;
 }
 
 .sy-chip-error .remove-chip:focus-visible {
-	outline: 2px solid rgb(var(--v-theme-borderError)) !important;
+	outline: 2px solid rgb(var(--v-theme-onErrorVariant)) !important;
 	outline-offset: -2px !important;
 }
 </style>

package/src/components/ChipList/tests/chipList.spec.ts

@@ -80,10 +80,10 @@ describe('ChipList', () => {
 		expect(chips[3]?.classes()).toContain('sy-chip-error')
 
 		// Vérifie les couleurs de fond via les classes
-		expect(chips[0]?.classes()).toContain('bg-backgroundSuccessSubdued')
-		expect(chips[1]?.classes()).toContain('bg-backgroundInfoSubdued')
-		expect(chips[2]?.classes()).toContain('bg-backgroundWarningSubdued')
-		expect(chips[3]?.classes()).toContain('bg-backgroundErrorSubdued')
+		expect(chips[0]?.classes()).toContain('bg-successVariant')
+		expect(chips[1]?.classes()).toContain('bg-infoVariant')
+		expect(chips[2]?.classes()).toContain('bg-warningVariant')
+		expect(chips[3]?.classes()).toContain('bg-errorVariant')
 		expect(chips[4]?.classes()).toContain('bg-primary') // État par défaut
 	})
 

package/src/components/CopyBtn/CopyBtn.vue

@@ -145,11 +145,11 @@
 }
 
 .v-theme--ap.v-btn--icon .v-icon {
-	color: rgb(var(--v-theme-iconAccentPrimary)) !important;
+	color: rgb(var(--v-theme-primary)) !important;
 	transition: color 0.2s ease;
 
 	&:hover {
-		color: rgb(var(--v-theme-iconAccentSecondary)) !important;
+		color: rgb(var(--v-theme-secondary)) !important;
 	}
 }
 </style>