@cnamts/synapse 1.0.26 → 1.0.27

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

@@ -0,0 +1,232 @@
+export declare const baseTokens: {
+    readonly color: {
+        readonly none: "rgba(255,255,255,0)";
+        readonly orange: {
+            readonly darken80: "#2D100B";
+            readonly darken60: "#5A2017";
+            readonly darken40: "#862F22";
+            readonly darken20: "#B33F2E";
+            readonly base: "#E04F39";
+            readonly lighten20: "#E67261";
+            readonly lighten40: "#EC9588";
+            readonly lighten60: "#F3B9B0";
+            readonly lighten80: "#F9DCD7";
+            readonly lighten90: "#FCEDEB";
+            readonly lighten97: "#FEFAF9";
+        };
+        readonly yellow: {
+            readonly darken80: "#302407";
+            readonly darken60: "#60480E";
+            readonly darken40: "#906B15";
+            readonly darken20: "#C08F1C";
+            readonly base: "#F0B323";
+            readonly lighten20: "#F3C24F";
+            readonly lighten40: "#F6D17B";
+            readonly lighten60: "#F9E1A7";
+            readonly lighten80: "#FCF0D3";
+            readonly lighten90: "#FDF7E9";
+            readonly lighten97: "#FFFDF8";
+        };
+        readonly green: {
+            readonly darken80: "#112717";
+            readonly darken60: "#224E2D";
+            readonly darken40: "#347444";
+            readonly darken20: "#459B5A";
+            readonly base: "#56C271";
+            readonly lighten20: "#78CE8D";
+            readonly lighten40: "#9ADAAA";
+            readonly lighten60: "#BBE7C6";
+            readonly lighten80: "#DDF3E3";
+            readonly lighten90: "#EEF9F1";
+            readonly lighten97: "#FAFDFB";
+        };
+        readonly turquoise: {
+            readonly darken80: "#00221C";
+            readonly darken60: "#004439";
+            readonly darken40: "#006755";
+            readonly darken20: "#008972";
+            readonly base: "#00AB8E";
+            readonly lighten20: "#33BCA5";
+            readonly lighten40: "#66CDBB";
+            readonly lighten60: "#99DDD2";
+            readonly lighten80: "#CCEEE8";
+            readonly lighten90: "#E5F7F4";
+            readonly lighten97: "#F7FCFC";
+        };
+        readonly blue: {
+            readonly darken80: "#020D1F";
+            readonly darken60: "#051A3E";
+            readonly darken40: "#07275C";
+            readonly darken20: "#0A347B";
+            readonly base: "#0C419A";
+            readonly lighten20: "#3D67AE";
+            readonly lighten40: "#6D8DC2";
+            readonly lighten60: "#9EB3D7";
+            readonly lighten80: "#CED9EB";
+            readonly lighten90: "#E7ECF5";
+            readonly lighten97: "#F8F9FC";
+        };
+        readonly cyan: {
+            readonly darken80: "#00212D";
+            readonly darken60: "#004259";
+            readonly darken40: "#006386";
+            readonly darken20: "#0084B2";
+            readonly base: "#00A5DF";
+            readonly lighten20: "#33B7E5";
+            readonly lighten40: "#66C9EC";
+            readonly lighten60: "#99DBF2";
+            readonly lighten80: "#CCEDF9";
+            readonly lighten90: "#E5F6FC";
+            readonly lighten97: "#F7FCFE";
+        };
+        readonly frostedBlue: {
+            readonly darken80: "#142327";
+            readonly darken60: "#28464D";
+            readonly darken40: "#3D6874";
+            readonly darken20: "#518B9A";
+            readonly base: "#65AEC1";
+            readonly lighten20: "#84BECD";
+            readonly lighten40: "#A3CEDA";
+            readonly lighten60: "#C1DFE6";
+            readonly lighten80: "#E0EFF3";
+            readonly lighten90: "#F0F7F9";
+            readonly lighten97: "#FAFDFD";
+        };
+        readonly parma: {
+            readonly darken80: "#171C26";
+            readonly darken60: "#2F384D";
+            readonly darken40: "#465473";
+            readonly darken20: "#5E709A";
+            readonly base: "#758CC0";
+            readonly lighten20: "#91A3CD";
+            readonly lighten40: "#ACBAD9";
+            readonly lighten60: "#C8D1E6";
+            readonly lighten80: "#E3E8F2";
+            readonly lighten90: "#F1F3F9";
+            readonly lighten97: "#FBFCFD";
+        };
+        readonly mauve: {
+            readonly darken80: "#201224";
+            readonly darken60: "#402449";
+            readonly darken40: "#60376D";
+            readonly darken20: "#804992";
+            readonly base: "#A05BB6";
+            readonly lighten20: "#B37CC5";
+            readonly lighten40: "#C69DD3";
+            readonly lighten60: "#D9BDE2";
+            readonly lighten80: "#ECDEF0";
+            readonly lighten90: "#F5EFF8";
+            readonly lighten97: "#FCFAFD";
+        };
+        readonly pink: {
+            readonly darken80: "#2D051A";
+            readonly darken60: "#5A0A34";
+            readonly darken40: "#87104D";
+            readonly darken20: "#B41567";
+            readonly base: "#E11A81";
+            readonly lighten20: "#E7489A";
+            readonly lighten40: "#ED76B3";
+            readonly lighten60: "#F3A3CD";
+            readonly lighten80: "#F9D1E6";
+            readonly lighten90: "#FCE8F2";
+            readonly lighten97: "#FEF8FB";
+        };
+        readonly brick: {
+            readonly darken80: "#291112";
+            readonly darken60: "#522224";
+            readonly darken40: "#7B3237";
+            readonly darken20: "#A44349";
+            readonly base: "#CD545B";
+            readonly lighten20: "#D7767C";
+            readonly lighten40: "#E1989D";
+            readonly lighten60: "#EBBBBD";
+            readonly lighten80: "#F5DDDE";
+            readonly lighten90: "#FAEEEF";
+            readonly lighten97: "#FDFAFA";
+        };
+        readonly grey: {
+            readonly darken80: "#111212";
+            readonly darken60: "#222324";
+            readonly darken40: "#323535";
+            readonly darken20: "#434647";
+            readonly base: "#545859";
+            readonly lighten20: "#76797A";
+            readonly lighten40: "#989B9B";
+            readonly lighten60: "#BBBCBD";
+            readonly lighten80: "#DDDEDE";
+            readonly lighten90: "#EEEEEE";
+            readonly lighten97: "#FAFAFA";
+            readonly alpha40: "rgba(152,155,155,0.4000000059604645)";
+        };
+        readonly white: {
+            readonly base: "#FFFFFF";
+            readonly alpha70: "rgba(255,255,255,0.699999988079071)";
+            readonly alpha40: "rgba(255,255,255,0.4000000059604645)";
+            readonly alpha38: "rgba(255,255,255,0.3799999952316284)";
+            readonly alpha20: "rgba(255,255,255,0.20000000298023224)";
+            readonly alpha08: "rgba(255,255,255,0.07999999821186066)";
+            readonly alpha00: "rgba(255,255,255,0)";
+        };
+        readonly transparentBlue: {
+            readonly alpha40: "rgba(12,65,154,0.4000000059604645)";
+            readonly alpha20: "rgba(12,65,154,0.20000000298023224)";
+            readonly alpha18: "rgba(12,65,154,0.18000000715255737)";
+            readonly alpha08: "rgba(12,65,154,0.07999999821186066)";
+            readonly alpha00: "rgba(12,65,154,0)";
+        };
+        readonly transparentCyan: {
+            readonly alpha00: "rgba(0,132,178,0)";
+            readonly alpha08: "rgba(0,132,178,0.07999999821186066)";
+            readonly alpha18: "rgba(0,132,178,0.18000000715255737)";
+            readonly alpha20: "rgba(0,132,178,0.20000000298023224)";
+            readonly alpha40: "rgba(0,132,178,0.4000000059604645)";
+        };
+        readonly transparentBlack: {
+            readonly alpha00: "rgba(0,0,0,0)";
+            readonly alpha08: "rgba(0,0,0,0.07999999821186066)";
+            readonly alpha18: "rgba(0,0,0,0.18000000715255737)";
+            readonly alpha20: "rgba(0,0,0,0.20000000298023224)";
+            readonly alpha40: "rgba(0,0,0,0.4000000059604645)";
+        };
+        readonly amber: {
+            readonly darken80: "#502C01";
+            readonly darken60: "#784201";
+            readonly darken40: "#9F5801";
+            readonly darken20: "#C76E02";
+            readonly base: "#EF8402";
+            readonly lighten20: "#F2992C";
+            readonly lighten40: "#F4AD56";
+            readonly lighten60: "#F7C281";
+            readonly lighten80: "#FAD6AB";
+            readonly lighten90: "#FCE6CC";
+            readonly lighten97: "#FFFAF5";
+        };
+        readonly forestGreen: {
+            readonly darken90: "#001814";
+            readonly darken80: "#002821";
+            readonly darken60: "#003C32";
+            readonly darken40: "#005042";
+            readonly darken20: "#006453";
+            readonly base: "#007863";
+            readonly lighten20: "#2A8F7D";
+            readonly lighten40: "#55A597";
+            readonly lighten60: "#80BCB1";
+            readonly lighten80: "#AAD2CB";
+            readonly lighten90: "#CCE4E0";
+            readonly lighten97: "#EEFFFC";
+        };
+        readonly red: {
+            readonly darken80: "#4D0000";
+            readonly darken60: "#740000";
+            readonly darken40: "#9B0000";
+            readonly darken20: "#B30E0E";
+            readonly base: "#E80000";
+            readonly lighten20: "#EC2A2A";
+            readonly lighten40: "#FF5E5E";
+            readonly lighten60: "#F48080";
+            readonly lighten80: "#F7AAAA";
+            readonly lighten90: "#FACCCC";
+            readonly lighten97: "#FFF4F4";
+        };
+    };
+};

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,55 @@
 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";
+    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;