@cnamts/synapse 1.0.26 → 1.1.0

package/dist/designTokens/tokens/cnam/cnamContextual.d.ts

@@ -12,6 +12,12 @@ export declare const cnamContextualTokens: {
         interactiveDisabled: string;
         interactiveHoverOnSelected: string;
     };
+    radius: {
+        rounded0: string;
+        rounded: string;
+        roundedLg: string;
+        roundedPill: string;
+    };
     gap: {
         0: string;
         1: string;
@@ -37,12 +43,6 @@ export declare const cnamContextualTokens: {
         default: string;
         large: string;
     };
-    radius: {
-        rounded0: string;
-        rounded: string;
-        roundedLg: string;
-        roundedPill: string;
-    };
     padding: {
         0: string;
         2: string;

package/dist/designTokens/tokens/cnam/cnamDarkTheme.d.ts

@@ -1,3 +1,3 @@
 export declare const cnamDarkTheme: {
-    backgroundSurface: string;
+    backgroundSurface: "#2F384D";
 };

package/dist/designTokens/tokens/cnam/cnamLightTheme.d.ts

@@ -1,103 +1,59 @@
 export declare const cnamLightTheme: {
-    primary: string;
-    secondary: string;
-    accentPrimaryLight: string;
-    accentPrimary: string;
-    accentPrimaryContrasted: string;
-    accentSecondaryLight: string;
-    accentSecondary: string;
-    accentSecondaryContrasted: string;
-    accentAlt: string;
-    error: string;
-    info: string;
-    avatar: string;
-    success: string;
-    warning: string;
-    risquePro: string;
-    light: string;
-    dark: string;
-    onBackground: string;
-    onSurfaceAlt: string;
-    onSurface: string;
-    onWarning: string;
-    overlayFullpage: string;
-    overlayOnDark: string;
-    overlayOnLight: string;
-    interactiveSelectionEnabled: string;
-    interactiveSelectionHover: string;
-    interactiveSelectionPressed: string;
-    interactiveSelectionSelected: string;
-    interactiveSelectionHoverOnSelected: string;
-    interactiveSelectionSelectedAccent: string;
-    interactiveSelectionHoverOnSelectedAccent: string;
-    interactiveSelectionDisabled: string;
-    backgroundMain: string;
-    backgroundMainAlt: string;
-    backgroundMainTer: string;
-    backgroundSurface: string;
-    backgroundSurfaceAlt: string;
-    backgroundRaised: string;
-    backgroundAccent: string;
-    backgroundAccentContrasted: string;
-    backgroundAccentAlt: string;
-    backgroundInfo: string;
-    backgroundInfoSubdued: string;
-    backgroundInfoContrasted: string;
-    backgroundSuccess: string;
-    backgroundSuccessSubdued: string;
-    backgroundSuccessContrasted: string;
-    backgroundWarning: string;
-    backgroundWarningSubdued: string;
-    backgroundWarningContrasted: string;
-    backgroundError: string;
-    backgroundErrorSubdued: string;
-    backgroundErrorContrasted: string;
-    backgroundDisabled: string;
-    backgroundDisabledOnDark: string;
-    backgroundAssure: string;
-    backgroundProfessionnel: string;
-    backgroundEntreprise: string;
-    borderDarker: string;
-    borderBase: string;
-    borderSubdued: string;
-    borderAccentPrimary: string;
-    borderAccentPrimaryContrasted: string;
-    borderAccentPrimaryOnDark: string;
-    borderAccentSecondary: string;
-    borderAccentSecondaryContrasted: string;
-    borderInfo: string;
-    borderSuccess: string;
-    borderWarning: string;
-    borderError: string;
-    borderOnDark: string;
-    borderDisabled: string;
-    borderDisabledOnDark: string;
-    textBase: string;
-    textAccentPrimary: string;
-    textAccentPrimaryContrasted: string;
-    textAccentSecondary: string;
-    textSubdued: string;
-    textInfo: string;
-    textSuccess: string;
-    textWarning: string;
-    textError: string;
-    textDisabled: string;
-    textOnDark: string;
-    textSubduedOnDark: string;
-    textDisabledOnDark: string;
-    iconBase: string;
-    iconSubdued: string;
-    iconSubduedOnDark: string;
-    iconAccentPrimary: string;
-    iconAccentPrimaryContrasted: string;
-    iconAccentSecondary: string;
-    iconInfo: string;
-    iconSuccess: string;
-    iconWarning: string;
-    iconError: string;
-    iconOnDark: string;
-    iconDisabled: string;
-    iconDisabledOnDark: string;
-    feedbackOnSuccess: string;
-    colorPrimary: string;
+    risquePro: "#CD545B";
+    border: "#0C419A";
+    borderVariant: "#989B9B";
+    borderBright: "#FFFFFF";
+    borderDim: "rgba(255,255,255,0.4000000059604645)";
+    disabled: "#DDDEDE";
+    onDisabled: "#989B9B";
+    inverseSurface: "#545859";
+    onDisabledVariant: "rgba(255,255,255,0.4000000059604645)";
+    primary: "#0C419A";
+    onPrimary: "#FFFFFF";
+    primaryVariant: "#07275C";
+    onPrimaryVariant: "#FFFFFF";
+    secondary: "#006386";
+    onSecondary: "#FFFFFF";
+    secondaryVariant: "#004259";
+    onSecondaryVariant: "#FFFFFF";
+    overlay: "rgba(152,155,155,0.4000000059604645)";
+    surface: "#FFFFFF";
+    surfaceBright: "#F8F9FC";
+    surfaceDim: "#E7ECF5";
+    onSurface: "#222324";
+    onSurfaceVariant: "#545859";
+    background: "#E7ECF5";
+    onBackground: "#222324";
+    backgroundVariant: "#FFFFFF";
+    onBackgroundVariant: "#989B9B";
+    info: "#0C419A";
+    infoVariant: "#CED9EB";
+    infoVariant90: "#E7ECF5";
+    onInfo: "#FFFFFF";
+    onInfoVariant: "#0A347B";
+    error: "#B33F2E";
+    onError: "#FFFFFF";
+    errorVariant: "#F9DCD7";
+    errorVariant90: "#FCEDEB";
+    onErrorVariant: "#5A2017";
+    success: "#56C271";
+    successVariant: "#DDF3E3";
+    successVariant90: "#EEF9F1";
+    onSuccess: "#222324";
+    onSuccessVariant: "#224E2D";
+    warning: "#F0B323";
+    onWarning: "#222324";
+    warningVariant: "#FCF0D3";
+    warningVariant90: "#FDF7E9";
+    onWarningVariant: "#60480E";
+    interactionLightenEnabled: "rgba(255,255,255,0)";
+    interactionLightenHover: "rgba(255,255,255,0.20000000298023224)";
+    interactionLightenSelected: "rgba(255,255,255,0.20000000298023224)";
+    interactionLightenPressed: "rgba(255,255,255,0.3799999952316284)";
+    interactionDarkEnabled: "rgba(12,65,154,0)";
+    interactionDarkHover: "rgba(12,65,154,0.07999999821186066)";
+    interactionDarkPressed: "rgba(12,65,154,0.18000000715255737)";
+    interactionDarkenEnabled: "rgba(0,0,0,0)";
+    interactionDarkenHover: "rgba(0,0,0,0.20000000298023224)";
+    interactionDarkenPressed: "rgba(0,0,0,0.4000000059604645)";
 };

package/dist/designTokens/tokens/pa/paContextual.d.ts

@@ -32,12 +32,6 @@ export declare const paContextualTokens: {
         default: string;
         large: string;
     };
-    radius: {
-        rounded0: string;
-        rounded: string;
-        roundedLg: string;
-        roundedPill: string;
-    };
     padding: {
         0: string;
         2: string;

package/dist/designTokens/tokens/pa/paDarkTheme.d.ts

@@ -1,3 +1,3 @@
 export declare const paDarkTheme: {
-    backgroundSurface: string;
+    backgroundSurface: "#2F384D";
 };

package/dist/designTokens/tokens/pa/paLightTheme.d.ts

@@ -1,99 +1,56 @@
 export declare const paLightTheme: {
-    primary: string;
-    secondary: string;
-    accentPrimaryLight: string;
-    accentPrimary: string;
-    accentPrimaryContrasted: string;
-    accentSecondaryLight: string;
-    accentSecondary: string;
-    accentSecondaryContrasted: string;
-    accentAlt: string;
-    error: string;
-    info: string;
-    success: string;
-    warning: string;
-    risquePro: string;
-    light: string;
-    dark: string;
-    onBackground: string;
-    onSurfaceAlt: string;
-    onSurface: string;
-    onWarning: string;
-    overlayFullpage: string;
-    overlayOnDark: string;
-    overlayOnLight: string;
-    interactiveSelectionEnabled: string;
-    interactiveSelectionHover: string;
-    interactiveSelectionPressed: string;
-    interactiveSelectionSelected: string;
-    interactiveSelectionHoverOnSelected: string;
-    interactiveSelectionSelectedAccent: string;
-    interactiveSelectionHoverOnSelectedAccent: string;
-    interactiveSelectionDisabled: string;
-    backgroundMain: string;
-    backgroundSurface: string;
-    backgroundSurfaceAlt: string;
-    backgroundMainAlt: string;
-    backgroundRaised: string;
-    backgroundAccent: string;
-    backgroundAccentContrasted: string;
-    backgroundAccentAlt: string;
-    backgroundInfo: string;
-    backgroundInfoSubdued: string;
-    backgroundInfoContrasted: string;
-    backgroundSuccess: string;
-    backgroundSuccessSubdued: string;
-    backgroundSuccessContrasted: string;
-    backgroundWarning: string;
-    backgroundWarningSubdued: string;
-    backgroundWarningContrasted: string;
-    backgroundError: string;
-    backgroundErrorSubdued: string;
-    backgroundErrorContrasted: string;
-    backgroundDisabled: string;
-    backgroundDisabledOnDark: string;
-    backgroundAssure: string;
-    backgroundProfessionnel: string;
-    backgroundEntreprise: string;
-    borderDarker: string;
-    borderBase: string;
-    borderSubdued: string;
-    borderAccentPrimary: string;
-    borderAccentPrimaryContrasted: string;
-    borderAccentPrimaryOnDark: string;
-    borderAccentSecondary: string;
-    borderAccentSecondaryContrasted: string;
-    borderInfo: string;
-    borderSuccess: string;
-    borderWarning: string;
-    borderError: string;
-    borderOnDark: string;
-    borderDisabled: string;
-    borderDisabledOnDark: string;
-    textBase: string;
-    textAccentPrimary: string;
-    textAccentPrimaryContrasted: string;
-    textAccentSecondary: string;
-    textSubdued: string;
-    textInfo: string;
-    textSuccess: string;
-    textWarning: string;
-    textError: string;
-    textDisabled: string;
-    textOnDark: string;
-    textSubduedOnDark: string;
-    textDisabledOnDark: string;
-    iconBase: string;
-    iconSubdued: string;
-    iconSubduedOnDark: string;
-    iconAccentPrimary: string;
-    iconAccentPrimaryContrasted: string;
-    iconAccentSecondary: string;
-    iconInfo: string;
-    iconSuccess: string;
-    iconWarning: string;
-    iconError: string;
-    iconOnDark: string;
-    iconDisabled: string;
-    iconDisabledOnDark: string;
+    risquePro: "#CD545B";
+    border: "#0C419A";
+    borderVariant: "#989B9B";
+    borderBright: "#FFFFFF";
+    borderDim: "rgba(255,255,255,0.4000000059604645)";
+    disabled: "#DDDEDE";
+    onDisabled: "#989B9B";
+    inverseSurface: "#545859";
+    onDisabledVariant: "rgba(255,255,255,0.4000000059604645)";
+    primary: "#0C419A";
+    onPrimary: "#FFFFFF";
+    primaryVariant: "#07275C";
+    onPrimaryVariant: "#FFFFFF";
+    secondary: "#006386";
+    onSecondary: "#FFFFFF";
+    secondaryVariant: "#004259";
+    onSecondaryVariant: "#FFFFFF";
+    overlay: "rgba(152,155,155,0.4000000059604645)";
+    surface: "#FFFFFF";
+    surfaceBright: "#F8F9FC";
+    surfaceDim: "#E7ECF5";
+    onSurface: "#222324";
+    onSurfaceVariant: "#545859";
+    background: "#E7ECF5";
+    onBackground: "#222324";
+    backgroundVariant: "#FFFFFF";
+    onBackgroundVariant: "#989B9B";
+    info: "#0C419A";
+    infoVariant: "#CED9EB";
+    infoVariant90: "#E7ECF5";
+    onInfo: "#FFFFFF";
+    onInfoVariant: "#0A347B";
+    error: "#B33F2E";
+    onError: "#FFFFFF";
+    errorVariant: "#F9DCD7";
+    onErrorVariant: "#5A2017";
+    success: "#56C271";
+    successVariant: "#DDF3E3";
+    onSuccess: "#222324";
+    onSuccessVariant: "#222324";
+    warning: "#F0B323";
+    onWarning: "#222324";
+    warningVariant: "#FCF0D3";
+    onWarningVariant: "#60480E";
+    interactionLightenEnabled: "rgba(255,255,255,0)";
+    interactionLightenHover: "rgba(255,255,255,0.20000000298023224)";
+    interactionLightenSelected: "rgba(255,255,255,0.20000000298023224)";
+    interactionLightenPressed: "rgba(255,255,255,0.3799999952316284)";
+    interactionDarkEnabled: "rgba(12,65,154,0)";
+    interactionDarkHover: "rgba(12,65,154,0.07999999821186066)";
+    interactionDarkPressed: "rgba(12,65,154,0.18000000715255737)";
+    interactionDarkenEnabled: "rgba(0,0,0,0)";
+    interactionDarkenHover: "rgba(0,0,0,0.20000000298023224)";
+    interactionDarkenPressed: "rgba(0,0,0,0.4000000059604645)";
 };

package/dist/designTokens/tokens/pa/paSemantic.d.ts

@@ -4,6 +4,7 @@ export declare const paSemanticTokens: {
             main: string;
             surface: string;
             mainAlt: string;
+            mainTer: string;
             surfaceAlt: string;
             raised: string;
             accent: string;

package/dist/designTokens/tokens/semanticTokens.d.ts

@@ -0,0 +1,112 @@
+export declare const semanticTokens: {
+    readonly CNAM: {
+        readonly color: {
+            readonly border: "#0C419A";
+            readonly borderVariant: "#989B9B";
+            readonly disabled: "#DDDEDE";
+            readonly inverseSurface: "#545859";
+            readonly onDisabled: "#989B9B";
+            readonly onPrimary: "#FFFFFF";
+            readonly onPrimaryVariant: "#FFFFFF";
+            readonly onSecondary: "#FFFFFF";
+            readonly onSecondaryVariant: "#FFFFFF";
+            readonly onSurfaceVariant: "#545859";
+            readonly overlay: "rgba(152,155,155,0.4000000059604645)";
+            readonly primary: "#0C419A";
+            readonly primaryVariant: "#07275C";
+            readonly secondary: "#006386";
+            readonly secondaryVariant: "#004259";
+            readonly surface: "#FFFFFF";
+            readonly surfaceBright: "#F8F9FC";
+            readonly surfaceDim: "#E7ECF5";
+        };
+        readonly background: {
+            readonly background: "#E7ECF5";
+            readonly backgroundVariant: "#FFFFFF";
+            readonly onBackgroundVariant: "#989B9B";
+        };
+        readonly feedback: {
+            readonly error: "#B33F2E";
+            readonly errorVariant: "#F9DCD7";
+            readonly info: "#0C419A";
+            readonly infoVariant: "#CED9EB";
+            readonly onError: "#FFFFFF";
+            readonly onErrorVariant: "#5A2017";
+            readonly onInfo: "#FFFFFF";
+            readonly onInfoVariant: "#0A347B";
+            readonly onSuccess: "#222324";
+            readonly onSuccessVariant: "#222324";
+            readonly onWarningVariant: "#60480E";
+            readonly success: "#56C271";
+            readonly successVariant: "#DDF3E3";
+            readonly warning: "#F0B323";
+            readonly warningVariant: "#FCF0D3";
+        };
+        readonly interaction: {
+            readonly darkEnabled: "rgba(12,65,154,0)";
+            readonly darkHover: "rgba(12,65,154,0.07999999821186066)";
+            readonly darkPressed: "rgba(12,65,154,0.20000000298023224)";
+            readonly darkenEnabled: "rgba(0,0,0,0)";
+            readonly darkenHover: "rgba(0,0,0,0.20000000298023224)";
+            readonly darkenPressed: "rgba(0,0,0,0.4000000059604645)";
+            readonly lightenEnabled: "rgba(255,255,255,0)";
+            readonly lightenHover: "rgba(255,255,255,0.20000000298023224)";
+            readonly lightenPressed: "rgba(255,255,255,0.4000000059604645)";
+        };
+    };
+    readonly ap: {
+        readonly color: {
+            readonly border: "#0084B2";
+            readonly borderVariant: "#989B9B";
+            readonly disabled: "#DDDEDE";
+            readonly inverseSurface: "#545859";
+            readonly onDisabled: "#989B9B";
+            readonly onPrimary: "#FFFFFF";
+            readonly onPrimaryVariant: "#FFFFFF";
+            readonly onSecondary: "#FFFFFF";
+            readonly onSecondaryVariant: "#FFFFFF";
+            readonly onSurfaceVariant: "#545859";
+            readonly overlay: "rgba(152,155,155,0.4000000059604645)";
+            readonly primary: "#0084B2";
+            readonly primaryVariant: "#006386";
+            readonly secondary: "#004259";
+            readonly secondaryVariant: "#00212D";
+            readonly surface: "#FFFFFF";
+            readonly surfaceBright: "#F7FCFE";
+            readonly surfaceDim: "#CCEDF9";
+        };
+        readonly background: {
+            readonly background: "#F7FCFE";
+            readonly backgroundVariant: "#FFFFFF";
+            readonly onBackgroundVariant: "#989B9B";
+        };
+        readonly feedback: {
+            readonly error: "#B30E0E";
+            readonly errorVariant: "#FACCCC";
+            readonly info: "#465473";
+            readonly infoVariant: "#E3E8F2";
+            readonly onError: "#FFFFFF";
+            readonly onErrorVariant: "#740000";
+            readonly onInfo: "#FFFFFF";
+            readonly onInfoVariant: "#2F384D";
+            readonly onSuccess: "#FFFFFF";
+            readonly onSuccessVariant: "#003C32";
+            readonly onWarningVariant: "#60480E";
+            readonly success: "#007863";
+            readonly successVariant: "#CCE4E0";
+            readonly warning: "#F0B323";
+            readonly warningVariant: "#FCF0D3";
+        };
+        readonly interaction: {
+            readonly darkEnabled: "rgba(0,132,178,0)";
+            readonly darkHover: "rgba(0,132,178,0.07999999821186066)";
+            readonly darkPressed: "rgba(0,132,178,0.18000000715255737)";
+            readonly darkenEnabled: "rgba(0,0,0,0)";
+            readonly darkenHover: "rgba(0,0,0,0.20000000298023224)";
+            readonly darkenPressed: "rgba(0,0,0,0.4000000059604645)";
+            readonly lightenEnabled: "rgba(255,255,255,0)";
+            readonly lightenHover: "rgba(255,255,255,0.20000000298023224)";
+            readonly lightenPressed: "rgba(255,255,255,0.3799999952316284)";
+        };
+    };
+};