@lab-anssi/ui-kit 1.23.2 → 1.25.0

package/dist/lab/vitrines-produits/briques/CarrouselTuiles/IconeFlecheDroite.svelte.d.ts

@@ -1,25 +1,26 @@
-/** @typedef {typeof __propDef.props}  IconeFlecheDroiteProps */
-/** @typedef {typeof __propDef.events}  IconeFlecheDroiteEvents */
-/** @typedef {typeof __propDef.slots}  IconeFlecheDroiteSlots */
-export default class IconeFlecheDroite extends SvelteComponent<{
+export default IconeFlecheDroite;
+type IconeFlecheDroite = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconeFlecheDroiteProps = typeof __propDef.props;
-export type IconeFlecheDroiteEvents = typeof __propDef.events;
-export type IconeFlecheDroiteSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const IconeFlecheDroite: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/lab/vitrines-produits/briques/CarrouselTuiles/IconeFlecheGauche.svelte.d.ts

@@ -1,25 +1,26 @@
-/** @typedef {typeof __propDef.props}  IconeFlecheGaucheProps */
-/** @typedef {typeof __propDef.events}  IconeFlecheGaucheEvents */
-/** @typedef {typeof __propDef.slots}  IconeFlecheGaucheSlots */
-export default class IconeFlecheGauche extends SvelteComponent<{
+export default IconeFlecheGauche;
+type IconeFlecheGauche = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconeFlecheGaucheProps = typeof __propDef.props;
-export type IconeFlecheGaucheEvents = typeof __propDef.events;
-export type IconeFlecheGaucheSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const IconeFlecheGauche: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/lab/vitrines-produits/briques/LecteurVideo.svelte

@@ -1,7 +1,4 @@
-<script>export let source;
-export let sourceSousTitres;
-export let imageDeCouverture = "";
-export let classe = "";
+<script lang="ts">let { source, sourceSousTitres, imageDeCouverture = "", classe = "" } = $props();
 </script>
 
 <video controls class={classe} src={source} poster={imageDeCouverture}>

package/dist/lab/vitrines-produits/briques/LecteurVideo.svelte.d.ts

@@ -1,21 +1,9 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        source: string;
-        sourceSousTitres: string;
-        imageDeCouverture?: string;
-        classe?: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LecteurVideoProps = typeof __propDef.props;
-export type LecteurVideoEvents = typeof __propDef.events;
-export type LecteurVideoSlots = typeof __propDef.slots;
-export default class LecteurVideo extends SvelteComponent<LecteurVideoProps, LecteurVideoEvents, LecteurVideoSlots> {
+interface Props {
+    source: string;
+    sourceSousTitres: string;
+    imageDeCouverture?: string;
+    classe?: string;
 }
-export {};
+declare const LecteurVideo: import("svelte").Component<Props, {}, "">;
+type LecteurVideo = ReturnType<typeof LecteurVideo>;
+export default LecteurVideo;

package/dist/lab/vitrines-produits/briques/PresentationANSSI.svelte

@@ -4,7 +4,7 @@
   }}
 />
 
-<script>import Brique from "./Brique.svelte";
+<script lang="ts">import Brique from "./Brique.svelte";
 import { srcAsset } from "../../../assets/assets.js";
 import LienExterne from "../../icones/LienExterne.svelte";
 </script>

package/dist/lab/vitrines-produits/briques/PresentationANSSI.svelte.d.ts

@@ -1,16 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type PresentationAnssiProps = typeof __propDef.props;
-export type PresentationAnssiEvents = typeof __propDef.events;
-export type PresentationAnssiSlots = typeof __propDef.slots;
-export default class PresentationAnssi extends SvelteComponent<PresentationAnssiProps, PresentationAnssiEvents, PresentationAnssiSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const PresentationAnssi: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PresentationAnssi = InstanceType<typeof PresentationAnssi>;
+export default PresentationAnssi;

package/dist/lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte

@@ -10,11 +10,8 @@
   }}
 />
 
-<script>import Brique from "./Brique.svelte";
-export let titre;
-export let raisons;
-export let action = void 0;
-export let illustration;
+<script lang="ts">import Brique from "./Brique.svelte";
+let { titre, raisons, action = void 0, illustration } = $props();
 </script>
 
 <Brique variation="primaire">

package/dist/lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte.d.ts

@@ -1,22 +1,10 @@
-import { SvelteComponent } from "svelte";
 import type { Action, Image } from "../../../types";
-declare const __propDef: {
-    props: {
-        titre: string;
-        raisons: string[];
-        action?: Action | undefined;
-        illustration: Image;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type RejoindreLaCommunauteProps = typeof __propDef.props;
-export type RejoindreLaCommunauteEvents = typeof __propDef.events;
-export type RejoindreLaCommunauteSlots = typeof __propDef.slots;
-export default class RejoindreLaCommunaute extends SvelteComponent<RejoindreLaCommunauteProps, RejoindreLaCommunauteEvents, RejoindreLaCommunauteSlots> {
+interface Props {
+    titre: string;
+    raisons: string[];
+    action?: Action | undefined;
+    illustration: Image;
 }
-export {};
+declare const RejoindreLaCommunaute: import("svelte").Component<Props, {}, "">;
+type RejoindreLaCommunaute = ReturnType<typeof RejoindreLaCommunaute>;
+export default RejoindreLaCommunaute;

package/dist/lab/vitrines-produits/briques/Tuile.svelte

@@ -1,7 +1,4 @@
-<script>export let titre;
-export let illustration;
-export let contenu;
-export let position = null;
+<script lang="ts">let { titre, illustration, contenu, position = null } = $props();
 </script>
 
 <div class="tuile {position ?? ''}">

package/dist/lab/vitrines-produits/briques/Tuile.svelte.d.ts

@@ -1,22 +1,10 @@
-import { SvelteComponent } from "svelte";
-import type { Image } from "../../../types.js";
-declare const __propDef: {
-    props: {
-        titre: string;
-        illustration: Image;
-        contenu: string;
-        position?: "premiere" | "derniere" | null;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TuileProps = typeof __propDef.props;
-export type TuileEvents = typeof __propDef.events;
-export type TuileSlots = typeof __propDef.slots;
-export default class Tuile extends SvelteComponent<TuileProps, TuileEvents, TuileSlots> {
+import type { Image } from "../../../types";
+interface Props {
+    titre: string;
+    illustration: Image;
+    contenu: string;
+    position?: "premiere" | "derniere" | null;
 }
-export {};
+declare const Tuile: import("svelte").Component<Props, {}, "">;
+type Tuile = ReturnType<typeof Tuile>;
+export default Tuile;

package/dist/lab/vitrines-produits/briques/marelle/Etape.svelte

@@ -1,6 +1,5 @@
-<script>import LienExterne from "../../../icones/LienExterne.svelte";
-export let index;
-export let etapeMarelle;
+<script lang="ts">import LienExterne from "../../../icones/LienExterne.svelte";
+let { index, etapeMarelle } = $props();
 </script>
 
 <div class="marelle-etape">

package/dist/lab/vitrines-produits/briques/marelle/Etape.svelte.d.ts

@@ -1,20 +1,8 @@
-import { SvelteComponent } from "svelte";
 import type { EtapeMarelle } from "../../../../types";
-declare const __propDef: {
-    props: {
-        index: number;
-        etapeMarelle: EtapeMarelle;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type EtapeProps = typeof __propDef.props;
-export type EtapeEvents = typeof __propDef.events;
-export type EtapeSlots = typeof __propDef.slots;
-export default class Etape extends SvelteComponent<EtapeProps, EtapeEvents, EtapeSlots> {
+interface Props {
+    index: number;
+    etapeMarelle: EtapeMarelle;
 }
-export {};
+declare const Etape: import("svelte").Component<Props, {}, "">;
+type Etape = ReturnType<typeof Etape>;
+export default Etape;

package/dist/lab/vitrines-produits/briques/marelle/Marelle.svelte

@@ -9,12 +9,10 @@
   }}
 />
 
-<script>import Brique from "../Brique.svelte";
+<script lang="ts">import Brique from "../Brique.svelte";
 import Etape from "./Etape.svelte";
 import LienExterne from "../../../icones/LienExterne.svelte";
-export let titre = "";
-export let etapesmarelle = [];
-export let action;
+let { titre = "", etapesmarelle = [], action } = $props();
 </script>
 
 <Brique variation="secondaire">

package/dist/lab/vitrines-produits/briques/marelle/Marelle.svelte.d.ts

@@ -1,21 +1,9 @@
-import { SvelteComponent } from "svelte";
 import type { Action, EtapeMarelle } from "../../../../types";
-declare const __propDef: {
-    props: {
-        titre?: string;
-        etapesmarelle?: EtapeMarelle[];
-        action: Action;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type MarelleProps = typeof __propDef.props;
-export type MarelleEvents = typeof __propDef.events;
-export type MarelleSlots = typeof __propDef.slots;
-export default class Marelle extends SvelteComponent<MarelleProps, MarelleEvents, MarelleSlots> {
+interface Props {
+    titre?: string;
+    etapesmarelle?: EtapeMarelle[];
+    action: Action;
 }
-export {};
+declare const Marelle: import("svelte").Component<Props, {}, "">;
+type Marelle = ReturnType<typeof Marelle>;
+export default Marelle;

package/dist/lab/vitrines-produits/briques/temoignages/IconeTemoignage.svelte.d.ts

@@ -1,25 +1,26 @@
-/** @typedef {typeof __propDef.props}  IconeTemoignageProps */
-/** @typedef {typeof __propDef.events}  IconeTemoignageEvents */
-/** @typedef {typeof __propDef.slots}  IconeTemoignageSlots */
-export default class IconeTemoignage extends SvelteComponent<{
+export default IconeTemoignage;
+type IconeTemoignage = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type IconeTemoignageProps = typeof __propDef.props;
-export type IconeTemoignageEvents = typeof __propDef.events;
-export type IconeTemoignageSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const IconeTemoignage: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/lab/vitrines-produits/briques/temoignages/Temoignages.svelte

@@ -8,13 +8,12 @@
   }}
 />
 
-<script>import Brique from "../Brique.svelte";
+<script lang="ts">import Brique from "../Brique.svelte";
 import IconeTemoignage from "./IconeTemoignage.svelte";
 import IconeFlecheGauche from "../CarrouselTuiles/IconeFlecheGauche.svelte";
 import IconeFlecheDroite from "../CarrouselTuiles/IconeFlecheDroite.svelte";
-export let titre = "Les avis de nos utilisateurs";
-export let temoignages = [];
-let elementCarrousel;
+let { titre = "Les avis de nos utilisateurs", temoignages = [] } = $props();
+let elementCarrousel = $state();
 var Direction = /* @__PURE__ */ ((Direction2) => {
   Direction2[Direction2["DROITE"] = 1] = "DROITE";
   Direction2[Direction2["GAUCHE"] = -1] = "GAUCHE";
@@ -43,10 +42,10 @@ const scrollVers = (direction) => {
       </div>
       {#if temoignages.length > 1}
         <div class="conteneur-actions" class:deux-ou-moins={temoignages.length <= 2}>
-          <button class="precedent" type="button" on:click={() => scrollVers(Direction.GAUCHE)}>
+          <button class="precedent" type="button" onclick={() => scrollVers(Direction.GAUCHE)}>
             <span class="icone"><IconeFlecheGauche /></span>Précédent
           </button>
-          <button class="suivant" type="button" on:click={() => scrollVers(Direction.DROITE)}
+          <button class="suivant" type="button" onclick={() => scrollVers(Direction.DROITE)}
             >Suivant
             <span class="icone"><IconeFlecheDroite /></span>
           </button>
@@ -92,11 +91,6 @@ const scrollVers = (direction) => {
   width: 100%;
   flex-shrink: 0;
   scroll-snap-align: start;
-  color: #161616;
-  font-size: 1.25rem;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 2rem;
 }
 .brique-temoignages .carrousel-temoignages .conteneur-carrousel .temoignage:after {
   content: "";
@@ -124,6 +118,13 @@ const scrollVers = (direction) => {
     border-left: 1px solid #dddddd;
   }
 }
+.brique-temoignages .carrousel-temoignages .conteneur-carrousel .temoignage {
+  color: #161616;
+  font-size: 1.25rem;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 2rem;
+}
 .brique-temoignages .carrousel-temoignages .conteneur-carrousel .temoignage h4 {
   margin: 8px 0 0;
   font-size: 1.25rem;

package/dist/lab/vitrines-produits/briques/temoignages/Temoignages.svelte.d.ts

@@ -1,20 +1,8 @@
-import { SvelteComponent } from "svelte";
 import type { Temoignage } from "../../../../types";
-declare const __propDef: {
-    props: {
-        titre?: string;
-        temoignages?: Temoignage[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TemoignagesProps = typeof __propDef.props;
-export type TemoignagesEvents = typeof __propDef.events;
-export type TemoignagesSlots = typeof __propDef.slots;
-export default class Temoignages extends SvelteComponent<TemoignagesProps, TemoignagesEvents, TemoignagesSlots> {
+interface Props {
+    titre?: string;
+    temoignages?: Temoignage[];
 }
-export {};
+declare const Temoignages: import("svelte").Component<Props, {}, "">;
+type Temoignages = ReturnType<typeof Temoignages>;
+export default Temoignages;

package/dist/mes-services-cyber/bandeau/Bandeau.svelte

@@ -1,8 +1,10 @@
 <svelte:options customElement="lab-anssi-mes-services-cyber-bandeau" />
 
-<script>import { srcAsset } from "../../assets/assets.js";
+<script lang="ts">import { srcAsset } from "../../assets/assets.js";
 const CLE_LOCAL_STORAGE = "lab-anssi-ui-kit-msc-bandeau-affichage";
-let affichage = localStorage.getItem(CLE_LOCAL_STORAGE) || "visible";
+let affichage = $state(
+  localStorage.getItem(CLE_LOCAL_STORAGE) || "visible"
+);
 const croix = srcAsset("/icones/croix-blanche.svg");
 </script>
 
@@ -11,7 +13,7 @@ const croix = srcAsset("/icones/croix-blanche.svg");
     <div class="contenu">
       <button
         class="fermer"
-        on:click={() => {
+        onclick={() => {
           affichage = "invisible";
           localStorage.setItem(CLE_LOCAL_STORAGE, "invisible");
         }}

package/dist/mes-services-cyber/bandeau/Bandeau.svelte.d.ts

@@ -1,16 +1,3 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type BandeauProps = typeof __propDef.props;
-export type BandeauEvents = typeof __propDef.events;
-export type BandeauSlots = typeof __propDef.slots;
-export default class Bandeau extends SvelteComponent<BandeauProps, BandeauEvents, BandeauSlots> {
-}
-export {};
+declare const Bandeau: import("svelte").Component<Record<string, never>, {}, "">;
+type Bandeau = ReturnType<typeof Bandeau>;
+export default Bandeau;

package/dist/mes-services-cyber/lien/LienDiagnosticCyber.svelte

@@ -1,8 +1,7 @@
 <svelte:options customElement="lab-anssi-mes-services-cyber-lien-diagnostic-cyber" />
 
-<script>import { srcAsset } from "../../assets/assets";
-export let lien;
-export let versExterne = false;
+<script lang="ts">import { srcAsset } from "../../assets/assets";
+let { lien, versExterne = false } = $props();
 let target = versExterne ? "_blank" : "_self";
 let rel = versExterne ? "noreferrer" : void 0;
 let icone = versExterne ? "lien-externe" : "lien-interne";
@@ -35,6 +34,7 @@ let icone = versExterne ? "lien-externe" : "lien-interne";
 <style>.racine {
   position: relative;
   display: block;
+  font-family: Marianne, sans-serif;
 }
 .racine .lien-diagnostic-cyber {
   font-size: 1rem;

package/dist/mes-services-cyber/lien/LienDiagnosticCyber.svelte.d.ts

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        lien: any;
-        versExterne?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LienDiagnosticCyberProps = typeof __propDef.props;
-export type LienDiagnosticCyberEvents = typeof __propDef.events;
-export type LienDiagnosticCyberSlots = typeof __propDef.slots;
-export default class LienDiagnosticCyber extends SvelteComponent<LienDiagnosticCyberProps, LienDiagnosticCyberEvents, LienDiagnosticCyberSlots> {
+interface Props {
+    lien: any;
+    versExterne?: boolean;
 }
-export {};
+declare const LienDiagnosticCyber: import("svelte").Component<Props, {}, "">;
+type LienDiagnosticCyber = ReturnType<typeof LienDiagnosticCyber>;
+export default LienDiagnosticCyber;

package/dist/pied-de-page/NavigationPiedDePage.svelte

@@ -1,6 +1,6 @@
 <svelte:options customElement="lab-anssi-navigation-pied-de-page" />
 
-<script>export let conforme = false;
+<script lang="ts">let { conforme = false } = $props();
 </script>
 
 <div class="conteneur-navigation-pied-de-page">

package/dist/pied-de-page/NavigationPiedDePage.svelte.d.ts

@@ -1,18 +1,6 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        conforme?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type NavigationPiedDePageProps = typeof __propDef.props;
-export type NavigationPiedDePageEvents = typeof __propDef.events;
-export type NavigationPiedDePageSlots = typeof __propDef.slots;
-export default class NavigationPiedDePage extends SvelteComponent<NavigationPiedDePageProps, NavigationPiedDePageEvents, NavigationPiedDePageSlots> {
+interface Props {
+    conforme?: boolean;
 }
-export {};
+declare const NavigationPiedDePage: import("svelte").Component<Props, {}, "">;
+type NavigationPiedDePage = ReturnType<typeof NavigationPiedDePage>;
+export default NavigationPiedDePage;

package/dist/styles/mixins.scss

@@ -0,0 +1,17 @@
+/// Ajoute un style d'outline personnalisé lors du focus clavier (`:focus-visible`).
+@mixin set-focus() {
+  outline: {
+    color: #0a76f6;
+    offset: 2px;
+    style: solid;
+    width: 2px;
+  }
+}
+
+/// Réinitialise le style de base d'un bouton pour supprimer les styles par défaut du navigateur.
+@mixin reset-bouton() {
+  background-color: transparent;
+  font-family: inherit;
+  appearance: none;
+  cursor: pointer;
+}

package/dist/suite-cyber/navigation/AccueilMSC.svelte

@@ -1,4 +1,4 @@
-<script>import { srcAsset } from "../../assets/assets.js";
+<script lang="ts">import { srcAsset } from "../../assets/assets.js";
 const accueilMSC = srcAsset("/icones/bouton-accueil-msc.svg");
 const chevronDroite = srcAsset("/icones/chevron-noir.svg");
 </script>