@lab-anssi/ui-kit 1.24.0 → 1.25.0

package/dist/suite-cyber/navigation/BlocLiens.svelte.d.ts

@@ -1,25 +1,14 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        titre: string;
-        services: {
-            nom: string;
-            lien: string;
-            icone: string;
-            labels?: string[];
-            classeTracking: string;
-        }[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
+type Service = {
+    nom: string;
+    lien: string;
+    icone: string;
+    labels?: string[];
+    classeTracking: string;
 };
-export type BlocLiensProps = typeof __propDef.props;
-export type BlocLiensEvents = typeof __propDef.events;
-export type BlocLiensSlots = typeof __propDef.slots;
-export default class BlocLiens extends SvelteComponent<BlocLiensProps, BlocLiensEvents, BlocLiensSlots> {
+interface Props {
+    titre: string;
+    services: Service[];
 }
-export {};
+declare const BlocLiens: import("svelte").Component<Props, {}, "">;
+type BlocLiens = ReturnType<typeof BlocLiens>;
+export default BlocLiens;

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

@@ -1,6 +1,6 @@
 <svelte:options customElement="lab-anssi-bouton-suite-cyber-navigation" />
 
-<script>import { srcAsset } from "../../assets/assets.js";
+<script lang="ts">import { srcAsset } from "../../assets/assets.js";
 import { slide } from "svelte/transition";
 import AccueilMsc from "./AccueilMSC.svelte";
 import BlocLiens from "./BlocLiens.svelte";
@@ -12,15 +12,15 @@ const certFr = srcAsset("/icones/CERT-FR.svg");
 const mac = srcAsset("/icones/MAC.svg");
 const mss = srcAsset("/icones/MSS.svg");
 const lienExterne = srcAsset("/icones/lien-externe.svg");
-export let sourceUtm = "";
-let estOuvert = false;
+let { sourceUtm = "" } = $props();
+let estOuvert = $state(false);
 </script>
 
 <div class="suite-cyber">
   <div class="navigation">
     <button
       class:actif={estOuvert}
-      on:click={() => {
+      onclick={() => {
         estOuvert = !estOuvert;
       }}
     >
@@ -33,7 +33,7 @@ let estOuvert = false;
   </div>
   {#if estOuvert}
     <div class="contenu" transition:slide>
-      <button class="fermer invisible-tablette" on:click={() => (estOuvert = false)}>
+      <button class="fermer invisible-tablette" onclick={() => (estOuvert = false)}>
         Fermer
         <img src={croix} alt="Fermer" />
       </button>

package/dist/suite-cyber/navigation/Navigation.svelte.d.ts

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

package/dist/{types.d.ts → types/commun.d.ts}

@@ -1,12 +1,8 @@
-export type Image = {
-    lien: string;
-    alt: string;
-};
-export type Video = {
-    source: string;
-    sourcesoustitres?: string;
-    imagedecouverture?: string;
-};
+/**
+ * Le fichier `commun.ts` contient des types communs partagés entre plusieurs composants d'un même "scope".
+ * Ces `types` peuvent être utilisés pour assurer la cohérence et la réutilisabilité au sein de ce scope.
+ */
+import type { Image } from "./global";
 export type Action = {
     titre: string;
     lien: string;
@@ -40,7 +36,6 @@ type Feuille = {
     label: string;
 };
 export type NoeudFilAriane = Lien | Feuille;
-export declare const estLien: (noeud: NoeudFilAriane) => noeud is Lien;
 export type InfosTag = {
     label: string;
     couleurTexte: string;

package/dist/types/commun.js

@@ -0,0 +1 @@
+export {};

package/dist/types/global.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Le fichier `global.ts` contient les `types` globaux utilisés dans l'application.
+ * Il regroupe les `types` pouvant être utilisés par l'ensemble des éléments de l'application (DSFR & LAB).
+ * Ces `types` peuvent être étendus, modifiés ou être combinés pour créer des `types` plus complexes selon les besoins de l'application.
+ *
+ * > [!NOTE] : Les `types` définis ici respectent les conventions de nommage propre au contexte qui ont engendrés leurs créations.
+ * > Cela signifie que les `types` en provenance du DSFR sont nommés selon les conventions du DSFR et il est en de même pour les `types` en provenance du LAB.
+ */
+export type Accent = "défaut" | "green-tilleul-verveine" | "green-bourgeon" | "green-emeraude" | "green-menthe" | "green-archipel" | "blue-ecume" | "blue-cumulus" | "purple-glycine" | "pink-macaron" | "pink-tuile" | "yellow-tournesol" | "yellow-moutarde" | "orange-terre-battue" | "brown-cafe-creme" | "brown-caramel" | "brown-opera" | "beige-gris-galet";
+export type iconPlace = "only" | "left" | "right";
+export type Size = "sm" | "md" | "lg" | "xl";
+export type Status = "success" | "warning" | "error" | "info" | "new";
+export type Target = "self" | "blank";
+export type Image = {
+    lien: string;
+    alt: string;
+};
+export type Video = {
+    source: string;
+    sourcesoustitres?: string;
+    imagedecouverture?: string;
+};

package/dist/types/global.js

@@ -0,0 +1,9 @@
+/**
+ * Le fichier `global.ts` contient les `types` globaux utilisés dans l'application.
+ * Il regroupe les `types` pouvant être utilisés par l'ensemble des éléments de l'application (DSFR & LAB).
+ * Ces `types` peuvent être étendus, modifiés ou être combinés pour créer des `types` plus complexes selon les besoins de l'application.
+ *
+ * > [!NOTE] : Les `types` définis ici respectent les conventions de nommage propre au contexte qui ont engendrés leurs créations.
+ * > Cela signifie que les `types` en provenance du DSFR sont nommés selon les conventions du DSFR et il est en de même pour les `types` en provenance du LAB.
+ */
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export type * from "./global";
+export type * from "./commun";

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/utilitaires/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Génère une classe d'icône FR avec validation
+ * @param {string} icon - Le nom de l'icône
+ * @returns {string} La classe CSS complète ou une classe par défaut
+ */
+export declare function setIconClass(icon: string): string | undefined;

package/dist/utilitaires/index.js

@@ -0,0 +1,12 @@
+/**
+ * Génère une classe d'icône FR avec validation
+ * @param {string} icon - Le nom de l'icône
+ * @returns {string} La classe CSS complète ou une classe par défaut
+ */
+export function setIconClass(icon) {
+    if (!icon || typeof icon !== "string") {
+        console.warn("iconClass: La prop `icon` doit être une chaîne de caractères");
+        return;
+    }
+    return `fr-icon-${icon}`;
+}