@club-employes/utopia 4.413.0 → 4.415.0

package/dist/tokens/club-employes/dark.css

@@ -661,6 +661,8 @@
   --color-zinc-800: #27272a;
   --color-zinc-900: #18181b;
   --color-zinc-950: #09090b;
+  --color-periwinkle-50: #f7f9ff; /** Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE) */
+  --color-periwinkle-100: #eff3ff; /** Etat actif/hover de nav sur fond workspace */
   --color-brand-primary-25: #0a1b3e;
   --color-brand-primary-50: #172554;
   --color-brand-primary-100: #1e3a8a;
@@ -2334,4 +2336,19 @@
   --theme-colors-state-success-background: #002c22;
   --theme-colors-state-warning: #f54900;
   --theme-colors-state-warning-background: #441306;
+  --theme-colors-shell-tone-neutral-menu-surface: #1f2937;
+  --theme-colors-shell-tone-neutral-header-surface: #1f2937;
+  --theme-colors-shell-tone-neutral-nav-hover-surface: #0a1b3e;
+  --theme-colors-shell-tone-neutral-nav-active-surface: #172554;
+  --theme-colors-shell-tone-neutral-nav-active-text: #f9fafb; /** Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast) */
+  --theme-colors-shell-tone-workspace-menu-surface: #1f2937;
+  --theme-colors-shell-tone-workspace-header-surface: #1f2937;
+  --theme-colors-shell-tone-workspace-nav-hover-surface: #0a1b3e;
+  --theme-colors-shell-tone-workspace-nav-active-surface: #172554;
+  --theme-colors-shell-tone-workspace-nav-active-text: #f9fafb; /** Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast) */
+  --theme-colors-shell-tone-shop-menu-surface: #1f2937;
+  --theme-colors-shell-tone-shop-header-surface: #1f2937;
+  --theme-colors-shell-tone-shop-nav-hover-surface: #0a1b3e;
+  --theme-colors-shell-tone-shop-nav-active-surface: #172554;
+  --theme-colors-shell-tone-shop-nav-active-text: #f9fafb; /** Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast) */
 }

package/dist/tokens/club-employes/dark.js

@@ -668,6 +668,8 @@ export const colorZinc700 = "#3f3f47";
 export const colorZinc800 = "#27272a";
 export const colorZinc900 = "#18181b";
 export const colorZinc950 = "#09090b";
+export const colorPeriwinkle50 = "#f7f9ff"; // Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE)
+export const colorPeriwinkle100 = "#eff3ff"; // Etat actif/hover de nav sur fond workspace
 export const colorBrandPrimary25 = "#0a1b3e";
 export const colorBrandPrimary50 = "#172554";
 export const colorBrandPrimary100 = "#1e3a8a";
@@ -3583,3 +3585,18 @@ export const themeColorsStateSuccess = "#0a9c55";
 export const themeColorsStateSuccessBackground = "#002c22";
 export const themeColorsStateWarning = "#f54900";
 export const themeColorsStateWarningBackground = "#441306";
+export const themeColorsShellToneNeutralMenuSurface = "#1f2937";
+export const themeColorsShellToneNeutralHeaderSurface = "#1f2937";
+export const themeColorsShellToneNeutralNavHoverSurface = "#0a1b3e";
+export const themeColorsShellToneNeutralNavActiveSurface = "#172554";
+export const themeColorsShellToneNeutralNavActiveText = "#f9fafb"; // Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast)
+export const themeColorsShellToneWorkspaceMenuSurface = "#1f2937";
+export const themeColorsShellToneWorkspaceHeaderSurface = "#1f2937";
+export const themeColorsShellToneWorkspaceNavHoverSurface = "#0a1b3e";
+export const themeColorsShellToneWorkspaceNavActiveSurface = "#172554";
+export const themeColorsShellToneWorkspaceNavActiveText = "#f9fafb"; // Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast)
+export const themeColorsShellToneShopMenuSurface = "#1f2937";
+export const themeColorsShellToneShopHeaderSurface = "#1f2937";
+export const themeColorsShellToneShopNavHoverSurface = "#0a1b3e";
+export const themeColorsShellToneShopNavActiveSurface = "#172554";
+export const themeColorsShellToneShopNavActiveText = "#f9fafb"; // Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast)

package/dist/tokens/club-employes/light.css

@@ -661,6 +661,8 @@
   --color-zinc-800: #27272a;
   --color-zinc-900: #18181b;
   --color-zinc-950: #09090b;
+  --color-periwinkle-50: #f7f9ff; /** Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE) */
+  --color-periwinkle-100: #eff3ff; /** Etat actif/hover de nav sur fond workspace */
   --color-product-exclusive-sale-primary: #ff6b35;
   --color-product-exclusive-sale-light: #fff2ed;
   --color-product-promo-code-primary: #e91e63;
@@ -2334,4 +2336,19 @@
   --theme-colors-state-success-background: #e8fcf2;
   --theme-colors-state-warning: #ff8904;
   --theme-colors-state-warning-background: #fff5db;
+  --theme-colors-shell-tone-neutral-menu-surface: #ffffff;
+  --theme-colors-shell-tone-neutral-header-surface: #ffffff;
+  --theme-colors-shell-tone-neutral-nav-hover-surface: #f6f8fe;
+  --theme-colors-shell-tone-neutral-nav-active-surface: #f2f5fe;
+  --theme-colors-shell-tone-neutral-nav-active-text: #275cf1;
+  --theme-colors-shell-tone-workspace-menu-surface: #f7f9ff; /** Tone bleu clair (espace-com / manager) — valeurs a valider au jalon design */
+  --theme-colors-shell-tone-workspace-header-surface: #f7f9ff;
+  --theme-colors-shell-tone-workspace-nav-hover-surface: #eff3ff;
+  --theme-colors-shell-tone-workspace-nav-active-surface: #eff3ff;
+  --theme-colors-shell-tone-workspace-nav-active-text: #275cf1;
+  --theme-colors-shell-tone-shop-menu-surface: #fafaf9; /** Tone beige (e-commerce / mfe-user) — valeurs a valider au jalon design */
+  --theme-colors-shell-tone-shop-header-surface: #fafaf9; /** Même beige que le menu (retour Benoit 07/09) */
+  --theme-colors-shell-tone-shop-nav-hover-surface: #ffffff;
+  --theme-colors-shell-tone-shop-nav-active-surface: #ffffff; /** Pill BLANCHE sur fond beige (maquettes boutique) */
+  --theme-colors-shell-tone-shop-nav-active-text: #0b1c48;
 }

package/dist/tokens/club-employes/light.js

@@ -668,6 +668,8 @@ export const colorZinc700 = "#3f3f47";
 export const colorZinc800 = "#27272a";
 export const colorZinc900 = "#18181b";
 export const colorZinc950 = "#09090b";
+export const colorPeriwinkle50 = "#f7f9ff"; // Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE)
+export const colorPeriwinkle100 = "#eff3ff"; // Etat actif/hover de nav sur fond workspace
 export const colorProductExclusiveSalePrimary = "#ff6b35";
 export const colorProductExclusiveSaleLight = "#fff2ed";
 export const colorProductPromoCodePrimary = "#e91e63";
@@ -3583,3 +3585,18 @@ export const themeColorsStateSuccess = "#00d492";
 export const themeColorsStateSuccessBackground = "#e8fcf2";
 export const themeColorsStateWarning = "#ff8904";
 export const themeColorsStateWarningBackground = "#fff5db";
+export const themeColorsShellToneNeutralMenuSurface = "#ffffff";
+export const themeColorsShellToneNeutralHeaderSurface = "#ffffff";
+export const themeColorsShellToneNeutralNavHoverSurface = "#f6f8fe";
+export const themeColorsShellToneNeutralNavActiveSurface = "#f2f5fe";
+export const themeColorsShellToneNeutralNavActiveText = "#275cf1";
+export const themeColorsShellToneWorkspaceMenuSurface = "#f7f9ff"; // Tone bleu clair (espace-com / manager) — valeurs a valider au jalon design
+export const themeColorsShellToneWorkspaceHeaderSurface = "#f7f9ff";
+export const themeColorsShellToneWorkspaceNavHoverSurface = "#eff3ff";
+export const themeColorsShellToneWorkspaceNavActiveSurface = "#eff3ff";
+export const themeColorsShellToneWorkspaceNavActiveText = "#275cf1";
+export const themeColorsShellToneShopMenuSurface = "#fafaf9"; // Tone beige (e-commerce / mfe-user) — valeurs a valider au jalon design
+export const themeColorsShellToneShopHeaderSurface = "#fafaf9"; // Même beige que le menu (retour Benoit 07/09)
+export const themeColorsShellToneShopNavHoverSurface = "#ffffff";
+export const themeColorsShellToneShopNavActiveSurface = "#ffffff"; // Pill BLANCHE sur fond beige (maquettes boutique)
+export const themeColorsShellToneShopNavActiveText = "#0b1c48";

package/dist/tokens/gifteo/dark.css

@@ -661,6 +661,8 @@
   --color-zinc-800: #27272a;
   --color-zinc-900: #18181b;
   --color-zinc-950: #09090b;
+  --color-periwinkle-50: #f7f9ff; /** Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE) */
+  --color-periwinkle-100: #eff3ff; /** Etat actif/hover de nav sur fond workspace */
   --color-brand-primary-25: #2a0a0a;
   --color-brand-primary-50: #7f1d1d;
   --color-brand-primary-100: #991b1b;
@@ -2330,4 +2332,19 @@
   --theme-colors-state-success-background: #002c22;
   --theme-colors-state-warning: #f54900;
   --theme-colors-state-warning-background: #441306;
+  --theme-colors-shell-tone-neutral-menu-surface: #292524;
+  --theme-colors-shell-tone-neutral-header-surface: #292524;
+  --theme-colors-shell-tone-neutral-nav-hover-surface: #2a0a0a;
+  --theme-colors-shell-tone-neutral-nav-active-surface: #7f1d1d;
+  --theme-colors-shell-tone-neutral-nav-active-text: #fafaf9; /** Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast) */
+  --theme-colors-shell-tone-workspace-menu-surface: #292524;
+  --theme-colors-shell-tone-workspace-header-surface: #292524;
+  --theme-colors-shell-tone-workspace-nav-hover-surface: #2a0a0a;
+  --theme-colors-shell-tone-workspace-nav-active-surface: #7f1d1d;
+  --theme-colors-shell-tone-workspace-nav-active-text: #fafaf9; /** Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast) */
+  --theme-colors-shell-tone-shop-menu-surface: #292524;
+  --theme-colors-shell-tone-shop-header-surface: #292524;
+  --theme-colors-shell-tone-shop-nav-hover-surface: #2a0a0a;
+  --theme-colors-shell-tone-shop-nav-active-surface: #7f1d1d;
+  --theme-colors-shell-tone-shop-nav-active-text: #fafaf9; /** Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast) */
 }

package/dist/tokens/gifteo/dark.js

@@ -668,6 +668,8 @@ export const colorZinc700 = "#3f3f47";
 export const colorZinc800 = "#27272a";
 export const colorZinc900 = "#18181b";
 export const colorZinc950 = "#09090b";
+export const colorPeriwinkle50 = "#f7f9ff"; // Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE)
+export const colorPeriwinkle100 = "#eff3ff"; // Etat actif/hover de nav sur fond workspace
 export const colorBrandPrimary25 = "#2a0a0a";
 export const colorBrandPrimary50 = "#7f1d1d";
 export const colorBrandPrimary100 = "#991b1b";
@@ -3575,3 +3577,18 @@ export const themeColorsStateSuccess = "#0a9c55";
 export const themeColorsStateSuccessBackground = "#002c22";
 export const themeColorsStateWarning = "#f54900";
 export const themeColorsStateWarningBackground = "#441306";
+export const themeColorsShellToneNeutralMenuSurface = "#292524";
+export const themeColorsShellToneNeutralHeaderSurface = "#292524";
+export const themeColorsShellToneNeutralNavHoverSurface = "#2a0a0a";
+export const themeColorsShellToneNeutralNavActiveSurface = "#7f1d1d";
+export const themeColorsShellToneNeutralNavActiveText = "#fafaf9"; // Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast)
+export const themeColorsShellToneWorkspaceMenuSurface = "#292524";
+export const themeColorsShellToneWorkspaceHeaderSurface = "#292524";
+export const themeColorsShellToneWorkspaceNavHoverSurface = "#2a0a0a";
+export const themeColorsShellToneWorkspaceNavActiveSurface = "#7f1d1d";
+export const themeColorsShellToneWorkspaceNavActiveText = "#fafaf9"; // Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast)
+export const themeColorsShellToneShopMenuSurface = "#292524";
+export const themeColorsShellToneShopHeaderSurface = "#292524";
+export const themeColorsShellToneShopNavHoverSurface = "#2a0a0a";
+export const themeColorsShellToneShopNavActiveSurface = "#7f1d1d";
+export const themeColorsShellToneShopNavActiveText = "#fafaf9"; // Texte clair sur pill sombre : les refs brand.primary.500 dark sont illisibles sur brand.primary.100 dark (cf. check-shell-contrast)

package/dist/tokens/gifteo/light.css

@@ -661,6 +661,8 @@
   --color-zinc-800: #27272a;
   --color-zinc-900: #18181b;
   --color-zinc-950: #09090b;
+  --color-periwinkle-50: #f7f9ff; /** Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE) */
+  --color-periwinkle-100: #eff3ff; /** Etat actif/hover de nav sur fond workspace */
   --color-brand-primary-25: #fffbfb;
   --color-brand-primary-50: #fff7f7;
   --color-brand-primary-100: #fef3f4;
@@ -2330,4 +2332,19 @@
   --theme-colors-state-success-background: #e8fcf2;
   --theme-colors-state-warning: #ff8904;
   --theme-colors-state-warning-background: #fff5db;
+  --theme-colors-shell-tone-neutral-menu-surface: #ffffff;
+  --theme-colors-shell-tone-neutral-header-surface: #ffffff;
+  --theme-colors-shell-tone-neutral-nav-hover-surface: #fff7f7;
+  --theme-colors-shell-tone-neutral-nav-active-surface: #fef3f4;
+  --theme-colors-shell-tone-neutral-nav-active-text: #f43e40;
+  --theme-colors-shell-tone-workspace-menu-surface: #fff7f7; /** Tone bleu clair (espace-com / manager) — valeurs a valider au jalon design */
+  --theme-colors-shell-tone-workspace-header-surface: #fff7f7;
+  --theme-colors-shell-tone-workspace-nav-hover-surface: #fef3f4;
+  --theme-colors-shell-tone-workspace-nav-active-surface: #fef3f4;
+  --theme-colors-shell-tone-workspace-nav-active-text: #f43e40;
+  --theme-colors-shell-tone-shop-menu-surface: #fafaf9; /** Tone beige (e-commerce / mfe-user) — valeurs a valider au jalon design */
+  --theme-colors-shell-tone-shop-header-surface: #fafaf9; /** Même beige que le menu (retour Benoit 07/09) */
+  --theme-colors-shell-tone-shop-nav-hover-surface: #ffffff;
+  --theme-colors-shell-tone-shop-nav-active-surface: #ffffff; /** Pill BLANCHE sur fond beige (maquettes boutique) */
+  --theme-colors-shell-tone-shop-nav-active-text: #130101;
 }

package/dist/tokens/gifteo/light.js

@@ -668,6 +668,8 @@ export const colorZinc700 = "#3f3f47";
 export const colorZinc800 = "#27272a";
 export const colorZinc900 = "#18181b";
 export const colorZinc950 = "#09090b";
+export const colorPeriwinkle50 = "#f7f9ff"; // Fond menu/header du tone shell 'workspace' (maquettes Header - Nav MFE)
+export const colorPeriwinkle100 = "#eff3ff"; // Etat actif/hover de nav sur fond workspace
 export const colorBrandPrimary25 = "#fffbfb";
 export const colorBrandPrimary50 = "#fff7f7";
 export const colorBrandPrimary100 = "#fef3f4";
@@ -3575,3 +3577,18 @@ export const themeColorsStateSuccess = "#00d492";
 export const themeColorsStateSuccessBackground = "#e8fcf2";
 export const themeColorsStateWarning = "#ff8904";
 export const themeColorsStateWarningBackground = "#fff5db";
+export const themeColorsShellToneNeutralMenuSurface = "#ffffff";
+export const themeColorsShellToneNeutralHeaderSurface = "#ffffff";
+export const themeColorsShellToneNeutralNavHoverSurface = "#fff7f7";
+export const themeColorsShellToneNeutralNavActiveSurface = "#fef3f4";
+export const themeColorsShellToneNeutralNavActiveText = "#f43e40";
+export const themeColorsShellToneWorkspaceMenuSurface = "#fff7f7"; // Tone bleu clair (espace-com / manager) — valeurs a valider au jalon design
+export const themeColorsShellToneWorkspaceHeaderSurface = "#fff7f7";
+export const themeColorsShellToneWorkspaceNavHoverSurface = "#fef3f4";
+export const themeColorsShellToneWorkspaceNavActiveSurface = "#fef3f4";
+export const themeColorsShellToneWorkspaceNavActiveText = "#f43e40";
+export const themeColorsShellToneShopMenuSurface = "#fafaf9"; // Tone beige (e-commerce / mfe-user) — valeurs a valider au jalon design
+export const themeColorsShellToneShopHeaderSurface = "#fafaf9"; // Même beige que le menu (retour Benoit 07/09)
+export const themeColorsShellToneShopNavHoverSurface = "#ffffff";
+export const themeColorsShellToneShopNavActiveSurface = "#ffffff"; // Pill BLANCHE sur fond beige (maquettes boutique)
+export const themeColorsShellToneShopNavActiveText = "#130101";