@cnamts/synapse 1.0.21 → 1.0.23

package/dist/vuetifyConfig.d.ts

@@ -1,10 +1,10 @@
 export declare const createVuetifyInstance: () => {
-    install: (app: import('vue').App) => void;
+    install: (app: import('vue').App<any>) => void;
     unmount: () => void;
     defaults: import('vue').Ref<import('vuetify').DefaultsInstance, import('vuetify').DefaultsInstance>;
     display: import('vuetify').DisplayInstance;
     theme: import('vuetify').ThemeInstance & {
-        install: (app: import('vue').App) => void;
+        install: (app: import('vue').App<any>) => void;
     };
     icons: {
         defaultSet: string;
@@ -12,17 +12,17 @@ export declare const createVuetifyInstance: () => {
         sets: Record<string, import('vuetify').IconSet>;
     };
     locale: {
-        isRtl: import('vue').Ref<boolean>;
-        rtl: import('vue').Ref<Record<string, boolean>>;
-        rtlClasses: import('vue').Ref<string>;
         name: string;
         decimalSeparator: import('vue').ShallowRef<string>;
-        messages: import('vue').Ref<import('vuetify').LocaleMessages>;
-        current: import('vue').Ref<string>;
-        fallback: import('vue').Ref<string>;
+        messages: import('vue').Ref<import('vuetify').LocaleMessages, import('vuetify').LocaleMessages>;
+        current: import('vue').Ref<string, string>;
+        fallback: import('vue').Ref<string, string>;
         t: (key: string, ...params: unknown[]) => string;
         n: (value: number) => string;
         provide: (props: import('vuetify').LocaleOptions) => import('vuetify').LocaleInstance;
+        isRtl: import('vue').Ref<boolean, boolean>;
+        rtl: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
+        rtlClasses: import('vue').Ref<string, string>;
     };
     date: {
         options: {
@@ -34,7 +34,6 @@ export declare const createVuetifyInstance: () => {
             locale: Record<string, any>;
         };
         instance: {
-            locale?: any;
             date: (value?: any) => unknown;
             format: (date: unknown, formatString: string) => string;
             toJsDate: (value: unknown) => Date;
@@ -42,7 +41,7 @@ export declare const createVuetifyInstance: () => {
             toISO: (date: unknown) => string;
             startOfDay: (date: unknown) => unknown;
             endOfDay: (date: unknown) => unknown;
-            startOfWeek: (date: unknown, firstDayOfWeek?: number | string) => unknown;
+            startOfWeek: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown;
             endOfWeek: (date: unknown) => unknown;
             startOfMonth: (date: unknown) => unknown;
             endOfMonth: (date: unknown) => unknown;
@@ -64,10 +63,10 @@ export declare const createVuetifyInstance: () => {
             addMonths: (date: unknown, amount: number) => unknown;
             getYear: (date: unknown) => number;
             setYear: (date: unknown, year: number) => unknown;
-            getDiff: (date: unknown, comparing: unknown, unit?: string) => number;
-            getWeekArray: (date: unknown, firstDayOfWeek?: number | string) => unknown[][];
-            getWeekdays: (firstDayOfWeek?: number | string, weekdayFormat?: "long" | "short" | "narrow") => string[];
-            getWeek: (date: unknown, firstDayOfWeek?: number | string, firstWeekMinSize?: number) => number;
+            getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
+            getWeekArray: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown[][];
+            getWeekdays: (firstDayOfWeek?: string | number | undefined, weekdayFormat?: "long" | "narrow" | "short" | undefined) => string[];
+            getWeek: (date: unknown, firstDayOfWeek?: string | number | undefined, firstDayOfYear?: string | number | undefined) => number;
             getMonth: (date: unknown) => number;
             setMonth: (date: unknown, month: number) => unknown;
             getDate: (date: unknown) => number;
@@ -78,6 +77,7 @@ export declare const createVuetifyInstance: () => {
             setHours: (date: unknown, hours: number) => unknown;
             getMinutes: (date: unknown) => number;
             setMinutes: (date: unknown, minutes: number) => unknown;
+            locale?: any;
         };
     };
     goTo: import('vuetify').GoToInstance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnamts/synapse",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "private": false,
   "description": "CNAM DS v3",
   "type": "module",
@@ -18,19 +18,23 @@
       "require": "./dist/design-system-v3.umd.cjs"
     },
     "./style.css": "./dist/style.css",
-    "./*": "./src/*"
+    "./*": {
+      "types": "./src/*",
+      "default": "./src/*"
+    }
   },
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc -p tsconfig.app.json && vite build",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build-storybook": "cross-env NODE_OPTIONS=--max-old-space-size=4096 storybook build",
     "lint": "eslint \"src/**/*.{ts,vue}\"",
     "lint:style": "stylelint \"src/**/*.{css,scss,vue}\"",
     "lint:fix": "eslint \"src/**/*.{ts,vue}\" --fix && stylelint \"src/**/*.{css,scss,vue}\" --fix",
     "test:unit": "vitest run --exclude='**/*.a11y.spec.ts'",
     "test:a11y": "pnpm vitest run a11y.spec.ts",
     "a11y:report": "node ./scripts/a11y-report.mjs",
+    "a11y:status": "node generate-a11y-report.mjs",
     "prepare": "husky",
     "generate:changelog": "auto-changelog -o CHANGELOG-TEMP.md -p --starting-date 2024-10-10"
   },
@@ -78,11 +82,12 @@
     "auto-changelog": "^2.4.0",
     "axe-core": "^4.11.0",
     "axios": "^1.7.7",
+    "cross-env": "^10.1.0",
     "eslint": "^9.13.0",
     "eslint-plugin-storybook": "^0.11.3",
     "eslint-plugin-vue": "^9.30.0",
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
-    "happy-dom": "^20.0.0",
+    "happy-dom": "^20.8.8",
     "husky": "^9.1.6",
     "jsdom": "^27.3.0",
     "marked": "^16.0.0",
@@ -112,7 +117,7 @@
   },
   "peerDependencies": {
     "vue": "^3.5.18",
-    "vuetify": "3.9.2"
+    "vuetify": "3.12.2"
   },
   "dependencies": {
     "@emotion/css": "^11.13.5",
@@ -130,18 +135,25 @@
     "esbuild": "^0.25.0",
     "parse5": "7.1.2",
     "npm": "^11.8.1",
-    "undici": "^6.21.0",
-    "rollup": "^4.59.0"
+    "undici": "^6.24.0",
+    "rollup": "^4.59.0",
+    "immutable": ">=5.1.5"
   },
   "pnpm": {
     "overrides": {
       "esbuild": "^0.25.0",
-      "undici": "^6.21.0",
+      "undici": "^6.24.0",
       "glob": ">=10.5.0",
       "js-yaml": ">=4.1.1",
       "parse5": "7.1.2",
       "npm": "^11.8.1",
-      "minimatch": ">=10.2.3"
+      "minimatch": ">=10.2.3",
+      "immutable": ">=5.1.5",
+      "flatted": ">=3.4.2",
+      "handlebars": ">=4.7.9"
+    },
+    "patchedDependencies": {
+      "vuetify@3.12.2": "patches/vuetify@3.12.2.patch"
     }
   }
 }

package/src/assets/amelipro/img/logo-amelipro.svg

@@ -0,0 +1,9 @@
+<svg width="190" height="53" viewBox="0 0 190 53" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="190" height="53" fill="url(#pattern0_870_3762)"/>
+<defs>
+<pattern id="pattern0_870_3762" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_870_3762" transform="scale(0.00526316 0.0188679)"/>
+</pattern>
+<image id="image0_870_3762" width="190" height="53" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/src/assets/apTokens.scss

@@ -159,7 +159,14 @@ $primary-lighter-2: #33b7e5;
 $primary-lighter-3: #66c9ec;
 $primary-lighter-4: #e5f6fc;
 $primary-lighter-5: #f7fcfe;
-$secondary: #004259;
+$secondary-darker-2: #00212d;
+$secondary-darker: #00212d;
+$secondary-base: #004259;
+$secondary-light: #0084b2;
+$secondary-lighter-2: #00a5df;
+$secondary-lighter-3: #33b7e5;
+$secondary-lighter-4: #66c9ec;
+$secondary-lighter-5: #99dbf2;
 $neutral-black: #111212;
 $neutral-black-lighter: #545859;
 $neutral-black-lighter-2: #989b9b;
@@ -183,6 +190,7 @@ $warning-darker: #60480e;
 $danger-lightest: #facccc;
 $danger-lighter: #f7aaaa;
 $danger-default: #b30e0e;
+$danger-darker: #740000;
 $user-professionnel: #66c9ec;
 $user-assure: #ed76b3;
 $user-entreprise: #f0b323;
@@ -217,6 +225,7 @@ $icon-size-default: 24px;
 $icon-size-large: 32px;
 $radius-rounded-0: 0;
 $radius-rounded: 4px;
+$radius-rounded-md: 4px;
 $radius-rounded-lg: 8px;
 $radius-rounded-pill: 64px;
 $padding-0: 0;
@@ -237,11 +246,16 @@ $font-size-link-label: 14px;
 $colors-background-main: #e7ecf5;
 $colors-background-surface: #fff;
 $colors-background-main-alt: #fff;
+$colors-background-main-ter: #fafafa;
 $colors-background-surface-alt: #e7ecf5;
 $colors-background-raised: #f8f9fc;
-$colors-background-accent: #0084b2;
-$colors-background-accent-contrasted: #004259;
-$colors-background-accent-alt: #545859;
+$colors-background-accent-primary: #0084b2;
+$colors-background-accent-primary-contrasted: #004259;
+$colors-background-accent-primary-alt: #545859;
+$colors-background-accent-primary-light: #33b7e5;
+$colors-background-accent-secondary-light: #00a5df;
+$colors-background-accent-secondary: #004259;
+$colors-background-accent-secondary-contrasted: #00212d;
 $colors-background-info: #ced9eb;
 $colors-background-info-subdued: #e7ecf5;
 $colors-background-info-contrasted: #465473;
@@ -262,9 +276,11 @@ $colors-background-entreprise: #f0b323;
 $colors-border-darker: #222324;
 $colors-border-base: #989b9b;
 $colors-border-subdued: #dddede;
-$colors-border-accent: #0084b2;
-$colors-border-accent-contrasted: #006386;
-$colors-border-accent-ondark: #fff;
+$colors-border-accent-primary: #0084b2;
+$colors-border-accent-primary-contrasted: #006386;
+$colors-border-accent-primary-ondark: #fff;
+$colors-border-accent-secondary: #004259;
+$colors-border-accent-secondary-contrasted: #00212d;
 $colors-border-info: #465473;
 $colors-border-success: #007863;
 $colors-border-warning: #60480e;
@@ -273,8 +289,9 @@ $colors-border-ondark: rgb(255 255 255 / 70%);
 $colors-border-disabled: #dddede;
 $colors-border-disabled-ondark: rgb(255 255 255 / 40%);
 $colors-text-base: #222324;
-$colors-text-accent: #0084b2;
-$colors-text-accent-contrasted: #006386;
+$colors-text-accent-primary: #0084b2;
+$colors-text-accent-primary-contrasted: #006386;
+$colors-text-accent-secondary: #006386;
 $colors-text-subdued: #545859;
 $colors-text-info: #465473;
 $colors-text-success: #007863;
@@ -287,8 +304,9 @@ $colors-text-disabled-ondark: rgb(255 255 255 / 40%);
 $colors-icon-base: #222324;
 $colors-icon-subdued: #545859;
 $colors-icon-subdued-ondark: rgb(255 255 255 / 70%);
-$colors-icon-accent: #0084b2;
-$colors-icon-accent-contrasted: #006386;
+$colors-icon-accent-primary: #0084b2;
+$colors-icon-accent-primary-contrasted: #006386;
+$colors-icon-accent-secondary: #006386;
 $colors-icon-info: #465473;
 $colors-icon-success: #007863;
 $colors-icon-warning: #60480e;
@@ -299,9 +317,27 @@ $colors-icon-disabled-ondark: rgb(255 255 255 / 40%);
 $colors-overlay-fullpage: #222324;
 $colors-overlay-ondark: #006386;
 $colors-overlay-onlight: #fff;
-$colors-interactive-default: rgb(255 255 255 / 0%);
-$colors-interactive-hover: #e5f6fc;
-$colors-interactive-pressed: #ccedf9;
-$colors-interactive-focus: #e5f6fc;
-$colors-interactive-disabled: rgb(255 255 255 / 0%);
-$colors-interactive-hover-on-selected: #ced9eb;
+$colors-interactive-selection-enabled: rgb(255 255 255 / 0%);
+$colors-interactive-selection-hover: #ccedf9;
+$colors-interactive-selection-pressed: #99dbf2;
+$colors-interactive-selection-selected: #ccedf9;
+$colors-interactive-selection-hover-on-selected: #99dbf2;
+$colors-interactive-selection-selected-accent: #0084b2;
+$colors-interactive-selection-hover-on-selected-accent: #33b7e5;
+$colors-interactive-selection-disabled: rgb(255 255 255 / 0%);
+$colors-interactive-positive-primary-action-enabled: #0084b2;
+$colors-interactive-positive-primary-action-hover: #33b7e5;
+$colors-interactive-positive-primary-action-pressed: #66c9ec;
+$colors-interactive-positive-primary-action-disabled: #dddede;
+$colors-interactive-negative-primary-action-enabled: #fff;
+$colors-interactive-negative-primary-action-hover: #99dbf2;
+$colors-interactive-negative-primary-action-pressed: #66c9ec;
+$colors-interactive-negative-primary-action-disabled: #dddede;
+$colors-interactive-positive-secondary-action-enabled: rgb(255 255 255 / 0%);
+$colors-interactive-positive-secondary-action-hover: #f7fcfe;
+$colors-interactive-positive-secondary-action-pressed: #ccedf9;
+$colors-interactive-positive-secondary-action-disabled: rgb(255 255 255 / 0%);
+$colors-interactive-negative-secondary-action-enabled: rgb(255 255 255 / 0%);
+$colors-interactive-negative-secondary-action-hover: rgb(255 255 255 / 8%);
+$colors-interactive-negative-secondary-action-pressed: rgb(255 255 255 / 20%);
+$colors-interactive-negative-secondary-action-disabled: rgb(255 255 255 / 0%);

package/src/assets/overrides/_btns.scss

@@ -1,3 +1,5 @@
+@use '@/assets/apTokens';
+
 .v-btn {
 	text-transform: inherit !important;
 	font-weight: 700 !important;
@@ -13,3 +15,9 @@
 .v-btn.v-tab {
 	text-transform: uppercase !important;
 }
+
+.theme-ap .v-btn {
+	&:hover {
+		background-color: apTokens.$colors-interactive-positive-secondary-action-hover !important;
+	}
+}

package/src/assets/overrides/_forms.scss

@@ -12,3 +12,12 @@
 .v-radio .v-selection-control {
 	min-height: 40px;
 }
+
+// AP theme: inset the loader bar to match the larger field border-radius (12px)
+.theme-ap,
+.theme-ap2026 {
+	.v-field__loader .v-progress-linear {
+		margin-inline: 10px;
+		width: calc(100% - 20px);
+	}
+}

package/src/assets/overrides/_icons.scss

@@ -1,10 +1,49 @@
 @use '@/assets/apTokens';
+@use '@/assets/amelipro/apTokens2026';
+@use '@/assets/tokens';
 
 .v-theme--ap.v-btn--icon .v-icon {
-	color: apTokens.$primary-base;
+	color: apTokens.$colors-icon-accent-primary;
 	transition: color 0.2s ease;
+}
+
+.v-theme--ap2026.v-btn--icon .v-icon {
+	color: apTokens2026.$ap-blue-darken1;
+	transition: color 0.2s ease;
+}
+
+.v-theme--cnam.v-btn--icon .v-icon,
+.v-theme--pa.v-btn--icon .v-icon {
+	color: tokens.$colors-icon-accent-primary;
+	transition: color 0.2s ease;
+}
+
+.v-theme--ap .v-btn--icon:hover,
+.v-theme--ap2026 .v-btn--icon:hover,
+.v-theme--cnam .v-btn--icon:hover,
+.v-theme--pa .v-btn--icon:hover {
+	opacity: 0.08;
+}
+
+.v-theme--ap.v-icon,
+.v-theme--ap2026.v-icon,
+.v-theme--cnam.v-icon,
+.v-theme--pa.v-icon {
+	transition: color 0.2s ease;
+}
+
+.v-theme--ap.v-btn--icon .v-ripple__animation {
+	background-color: apTokens.$colors-icon-accent-primary !important;
+	opacity: 0.18;
+}
+
+.v-theme--ap2026.v-btn--icon .v-ripple__animation {
+	background-color: apTokens2026.$ap-blue-darken1 !important;
+	opacity: 0.18;
+}
 
-	&:hover {
-		color: apTokens.$secondary;
-	}
+.v-theme--cnam.v-btn--icon .v-ripple__animation,
+.v-theme--pa.v-btn--icon .v-ripple__animation {
+	background-color: tokens.$colors-icon-accent-primary !important;
+	opacity: 0.18;
 }

package/src/assets/overrides/_tables.scss

@@ -1,4 +1,5 @@
 @use '@/assets/tokens';
+@use '@/assets/apTokens';
 
 .v-data-table thead th .v-data-table-header__content {
 	opacity: 0.65;
@@ -16,3 +17,21 @@
 		background: tokens.$primary-base !important;
 	}
 }
+
+// Pagination color variables
+.theme-cnam,
+.theme-pa {
+	--pagination-color: #{tokens.$primary-base};
+	--pagination-border: #{tokens.$primary-base};
+	--pagination-ellipsis: #{tokens.$primary-base};
+	--pagination-focused-background-color: rgba(tokens.$primary-base, 0.1);
+	--pagination-background-color: #{tokens.$primary-base};
+}
+
+.theme-ap {
+	--pagination-color: #{apTokens.$primary-base};
+	--pagination-border: #{apTokens.$primary-base};
+	--pagination-ellipsis: #{apTokens.$primary-base};
+	--pagination-focused-background-color: rgba(apTokens.$primary-base, 0.1);
+	--pagination-background-color: #{apTokens.$primary-base};
+}

package/src/assets/overrides/_tooltips.scss

@@ -2,16 +2,15 @@
 @use '@/assets/apTokens';
 
 .v-tooltip .v-overlay__content {
-	background-color: rgb(0 0 0 / 70%) !important;
+	background-color: rgb(0 0 0 / 70%);
 }
 
 .v-theme--ap2026.v-tooltip .v-overlay__content {
-	background-color: apTokens2026.$ap-white !important;
-	border: 1px solid apTokens2026.$ap-parme-darken1 !important;
+	color: apTokens2026.$ap-black;
+	background-color: apTokens2026.$ap-white;
+	border: 1px solid apTokens2026.$ap-parme-darken1;
 }
 
 .v-theme--ap.v-tooltip .v-overlay__content {
-	color: apTokens.$colors-text-base;
-	border: 1px solid apTokens.$colors-border-base;
-	background-color: apTokens.$colors-background-surface !important;
+	font-size: apTokens.$font-size-link-label;
 }

package/src/assets/overrides/_typography.scss

@@ -1,5 +1,6 @@
 /* Typography styles for CNAM and PA themes */
 @use '@/assets/tokens.scss' as *;
+@use '@/assets/apTokens';
 @use '@/assets/amelipro/apTokens2026' as *;
 
 .theme-cnam,
@@ -196,6 +197,22 @@
 	}
 }
 
+.theme-ap {
+	a {
+		color: apTokens.$colors-text-accent-primary;
+	}
+}
+
+.theme-ap2026 {
+	a {
+		color: $ap-blue-darken1;
+
+		&:hover {
+			color: $ap-blue-darken2;
+		}
+	}
+}
+
 .theme-ap,
 .theme-ap2026 {
 	p {
@@ -204,10 +221,8 @@
 
 	a {
 		font-size: $font-size-xs;
-		color: $ap-blue-darken1;
 
 		&:hover {
-			color: $ap-blue-darken2;
 			text-decoration: underline;
 		}
 	}

package/src/assets/overrides/_utilities.scss

@@ -1,8 +1,54 @@
 @use '@/assets/amelipro/apTokens2026' as *;
+@use '@/assets/apTokens';
+@use '@/assets/tokens';
+
+.theme-cnam,
+.theme-pa {
+	--footer-background: #{tokens.$parma-darken-60};
+	--alert-warning-background: #{tokens.$colors-background-warning};
+	--alert-warning-accent: #{tokens.$colors-border-warning};
+	--alert-warning-border: #{tokens.$colors-border-warning};
+	--alert-warning-icon: #{tokens.$colors-icon-warning};
+	--alert-warning-icon-bg: #{tokens.$colors-background-warning-subdued};
+	--alert-info-background: #{tokens.$colors-background-info};
+	--alert-info-accent: #{tokens.$colors-border-info};
+	--alert-info-border: #{tokens.$colors-border-info};
+	--alert-info-icon: #{tokens.$colors-icon-info};
+	--alert-info-icon-bg: #{tokens.$colors-background-info-subdued};
+	--alert-success-background: #{tokens.$colors-background-success};
+	--alert-success-accent: #{tokens.$colors-border-success};
+	--alert-success-border: #{tokens.$colors-border-success};
+	--alert-success-icon: #{tokens.$colors-icon-success};
+	--alert-success-icon-bg: #{tokens.$colors-background-success-subdued};
+	--alert-error-background: #{tokens.$colors-background-error};
+	--alert-error-accent: #{tokens.$colors-border-error};
+	--alert-error-border: #{tokens.$colors-border-error};
+	--alert-error-icon: #{tokens.$colors-icon-error};
+	--alert-error-icon-bg: #{tokens.$colors-background-error-subdued};
+}
 
 .theme-ap,
 .theme-ap2026 {
-	.border-0 {
-		border: 0;
-	}
+	--footer-background: #{apTokens.$primary-darker};
+	--alert-background: #{apTokens.$primary-darker};
+	--alert-warning-background: #{apTokens.$colors-background-warning};
+	--alert-warning-accent: #{apTokens.$colors-border-warning};
+	--alert-warning-border: #{apTokens.$colors-border-warning};
+	--alert-warning-icon: #{apTokens.$colors-icon-warning};
+	--alert-warning-icon-bg: #{apTokens.$colors-background-warning-subdued};
+	--alert-info-background: #{apTokens.$colors-background-info};
+	--alert-info-accent: #{apTokens.$colors-border-info};
+	--alert-info-border: #{apTokens.$colors-border-info};
+	--alert-info-icon: #{apTokens.$colors-icon-info};
+	--alert-info-icon-bg: #{apTokens.$colors-background-info-subdued};
+	--alert-success-background: #{apTokens.$colors-background-success};
+	--alert-success-accent: #{apTokens.$colors-border-success};
+	--alert-success-border: #{apTokens.$colors-border-success};
+	--alert-success-icon: #{apTokens.$colors-icon-success};
+	--alert-success-icon-bg: #{apTokens.$colors-background-success-subdued};
+	--alert-error-background: #{apTokens.$colors-background-error};
+	--alert-error-accent: #{apTokens.$colors-border-error};
+	--alert-error-border: #{apTokens.$colors-border-error};
+	--alert-error-icon: #{apTokens.$colors-icon-error};
+	--alert-error-icon-bg: #{apTokens.$colors-background-error-subdued};
 }

package/src/assets/tokens.scss

@@ -159,7 +159,14 @@ $primary-lighter-2: #9eb3d7;
 $primary-lighter-3: #ced9eb;
 $primary-lighter-4: #e7ecf5;
 $primary-lighter-5: #f8f9fc;
-$secondary: #006386;
+$secondary-darker-2: #006386;
+$secondary-darker: #0084b2;
+$secondary-base: #00a5df;
+$secondary-light: #33b7e5;
+$secondary-lighter-2: #99dbf2;
+$secondary-lighter-3: #ccedf9;
+$secondary-lighter-4: #e5f6fc;
+$secondary-lighter-5: #f7fcfe;
 $neutral-black: #222324;
 $neutral-black-lighter: #545859;
 $neutral-black-lighter-2: #989b9b;
@@ -183,6 +190,7 @@ $warning-darker: #60480e;
 $danger-lightest: #fcedeb;
 $danger-lighter: #f9dcd7;
 $danger-default: #b33f2e;
+$danger-darker: #5a2017;
 $user-professionnel: #66c9ec;
 $user-assure: #ed76b3;
 $user-entreprise: #f0b323;
@@ -217,6 +225,7 @@ $icon-size-default: 24px;
 $icon-size-large: 32px;
 $radius-rounded-0: 0;
 $radius-rounded: 4px;
+$radius-rounded-md: 4px;
 $radius-rounded-lg: 8px;
 $radius-rounded-pill: 64px;
 $padding-0: 0;
@@ -237,11 +246,16 @@ $font-size-link-label: 14px;
 $colors-background-main: #e7ecf5;
 $colors-background-surface: #fff;
 $colors-background-main-alt: #fff;
+$colors-background-main-ter: #fafafa;
 $colors-background-surface-alt: #e7ecf5;
 $colors-background-raised: #f8f9fc;
-$colors-background-accent: #0c419a;
-$colors-background-accent-contrasted: #07275c;
-$colors-background-accent-alt: #111212;
+$colors-background-accent-primary: #0c419a;
+$colors-background-accent-primary-contrasted: #07275c;
+$colors-background-accent-primary-alt: #111212;
+$colors-background-accent-primary-light: #3d67ae;
+$colors-background-accent-secondary-light: #99dbf2;
+$colors-background-accent-secondary: #00a5df;
+$colors-background-accent-secondary-contrasted: #006386;
 $colors-background-info: #ced9eb;
 $colors-background-info-subdued: #e7ecf5;
 $colors-background-info-contrasted: #0c419a;
@@ -262,9 +276,11 @@ $colors-background-entreprise: #f0b323;
 $colors-border-darker: #222324;
 $colors-border-base: #989b9b;
 $colors-border-subdued: #dddede;
-$colors-border-accent: #0c419a;
-$colors-border-accent-contrasted: #07275c;
-$colors-border-accent-ondark: #fff;
+$colors-border-accent-primary: #0c419a;
+$colors-border-accent-primary-contrasted: #07275c;
+$colors-border-accent-primary-ondark: #fff;
+$colors-border-accent-secondary: #00a5df;
+$colors-border-accent-secondary-contrasted: #006386;
 $colors-border-info: #0c419a;
 $colors-border-success: #224e2d;
 $colors-border-warning: #60480e;
@@ -273,8 +289,9 @@ $colors-border-ondark: rgb(255 255 255 / 70%);
 $colors-border-disabled: #dddede;
 $colors-border-disabled-ondark: rgb(255 255 255 / 40%);
 $colors-text-base: #222324;
-$colors-text-accent: #0c419a;
-$colors-text-accent-contrasted: #07275c;
+$colors-text-accent-primary: #0c419a;
+$colors-text-accent-primary-contrasted: #07275c;
+$colors-text-accent-secondary: #006386;
 $colors-text-subdued: #545859;
 $colors-text-info: #0c419a;
 $colors-text-success: #224e2d;
@@ -287,8 +304,9 @@ $colors-text-disabled-ondark: rgb(255 255 255 / 40%);
 $colors-icon-base: #222324;
 $colors-icon-subdued: #545859;
 $colors-icon-subdued-ondark: rgb(255 255 255 / 70%);
-$colors-icon-accent: #0c419a;
-$colors-icon-accent-contrasted: #07275c;
+$colors-icon-accent-primary: #0c419a;
+$colors-icon-accent-primary-contrasted: #07275c;
+$colors-icon-accent-secondary: #006386;
 $colors-icon-info: #0c419a;
 $colors-icon-success: #224e2d;
 $colors-icon-warning: #60480e;
@@ -299,12 +317,30 @@ $colors-icon-disabled-ondark: rgb(255 255 255 / 40%);
 $colors-overlay-fullpage: #989b9b;
 $colors-overlay-ondark: #fff;
 $colors-overlay-onlight: #0c419a;
-$colors-interactive-default: rgb(255 255 255 / 0%);
-$colors-interactive-hover: #e7ecf5;
-$colors-interactive-pressed: #ced9eb;
-$colors-interactive-focus: #e7ecf5;
-$colors-interactive-disabled: rgb(255 255 255 / 0%);
-$colors-interactive-hover-on-selected: #ced9eb;
+$colors-interactive-selection-enabled: rgb(255 255 255 / 0%);
+$colors-interactive-selection-hover: #e7ecf5;
+$colors-interactive-selection-pressed: #ced9eb;
+$colors-interactive-selection-selected: #e7ecf5;
+$colors-interactive-selection-hover-on-selected: #ced9eb;
+$colors-interactive-selection-selected-accent: #0c419a;
+$colors-interactive-selection-hover-on-selected-accent: #3d67ae;
+$colors-interactive-selection-disabled: rgb(255 255 255 / 0%);
+$colors-interactive-positive-primary-action-enabled: #0c419a;
+$colors-interactive-positive-primary-action-hover: #3d67ae;
+$colors-interactive-positive-primary-action-pressed: #9eb3d7;
+$colors-interactive-positive-primary-action-disabled: #dddede;
+$colors-interactive-negative-primary-action-enabled: #fff;
+$colors-interactive-negative-primary-action-hover: #ced9eb;
+$colors-interactive-negative-primary-action-pressed: #9eb3d7;
+$colors-interactive-negative-primary-action-disabled: #dddede;
+$colors-interactive-positive-secondary-action-enabled: rgb(255 255 255 / 0%);
+$colors-interactive-positive-secondary-action-hover: #e7ecf5;
+$colors-interactive-positive-secondary-action-pressed: #ced9eb;
+$colors-interactive-positive-secondary-action-disabled: rgb(255 255 255 / 0%);
+$colors-interactive-negative-secondary-action-enabled: rgb(255 255 255 / 0%);
+$colors-interactive-negative-secondary-action-hover: rgb(255 255 255 / 8%);
+$colors-interactive-negative-secondary-action-pressed: rgb(255 255 255 / 20%);
+$colors-interactive-negative-secondary-action-disabled: rgb(255 255 255 / 0%);
 $padding-0: 0;
 $padding-2: 8px;
 $padding-3: 12px;