v1.20.0

📦 Nouveaux composants

Tag

Ajoute le composant <Tag>.

Web Component <lab-anssi-tag>, propriétés :

couleurFond: { type: "String", attribute: "couleur-fond" },
couleurTexte: { type: "String", attribute: "couleur-texte" },
label: { type: "String", attribute: "label" },
taille: { type: "String", attribute: "taille" },

v1.19.0

📦 Nouveaux composants

Lien

Ajoute le composant <Lien>.

Web Component <lab-anssi-lien>, propriétés :

titre: { reflect: false, type: "String", attribute: "titre" },
href: { reflect: false, type: "String", attribute: "href" },
variante: { reflect: false, type: "String", attribute: "variante" },
taille: { reflect: false, type: "String", attribute: "taille" },
icone: { reflect: false, type: "String", attribute: "icone" },
apparence: { reflect: false, type: "String", attribute: "apparence" },
cible: { reflect: false, type: "String", attribute: "cible" },
positionIcone: { reflect: false, type: "String", attribute: "position-icone" },

📦 Mise à jour de composants

Mets à jour le composant <Bouton>

• ajoute les thèmes de chaque application
• ajoute les variantes primaire et tertiaire sans bordure
• la variante tertiaire sans bordure remplace la variante tertiaire + l'attribut sans-bordure
• ajoute la position de l'icône : gauche droite seule sans
• ⚠️ il n'y a plus de taille par défaut
• ⚠️ il n'y a plus de variante par défaut

Mets à jour le composant <Icone>

• ⚠️ la taille par défaut n'est plus md, la taille par défaut est undefined ce qui permet à l'icône d'adapter sa taille à celle de son parent

v1.18.0

📦 Nouveaux composants

Icone

Ajoute le composant <Icone> qui permet d'afficher des icônes SVG issues du DSFR (indirectement de Remix icon)

Web Component <lab-anssi-icone>, propriétés :

nom: { type: "String", attribute: "nom" },
taille: { type: "String", attribute: "taille" },    

Bouton

Ajoute le composant <Bouton>. Pour le momeent, seule la variante tertiaire et la petite taille sont supportées. De plus le thème MSC est appliqué sans variable.

Web Component <lab-anssi-bouton>, propriétés :

titre: { type: "String", attribute: "titre" },
variante: { type: "String", attribute: "variante" },
taille: { type: "String", attribute: "taille" },
icone: { type: "String", attribute: "icone" },
sansBordure: { type: "Boolean", attribute: "sans-bordure" },

v1.17.1

✏️ Amélioration du wording de l’encart de diagnostic

Ajoute le terme « en visio » pour préciser qu’un diagnostic peut être fait par ce moyen

v1.17.0

📦 Composant Alerte

• Permet d'afficher/masquer à volonté le bouton de fermeture de l'alerte (son état par défaut est affiché)
• Rajoute la police Marianne

v1.16.0

📦 Composant

Ajoute une variante pour les alertes de type Erreur

🐞 Correction

Corrige l’arrondi des bords de l’alerte

v1.15.2

🐞 Correction

Corrige une typo sur la PSSI qui remplace Nous auditions également par Nous auditons également

v1.15.1

🐞 Correction

Empêche la liste déroulante de s'étendre au-delà d'un écran mobile

v1.15.0

🚀 Composant

Ajout du composant ListeArticles permettant d'afficher un page d'accueil de blog.

Le composant :

<lab-anssi-liste-articles 
    articles={...}
    categories={...}
    id-categorie-choisie={...}
>
</lab-anssi-liste-articles>

Avec les types :

type ResumeArticle = {
  idCategorie: string;
  titre: string;
  href: string;
};

type Tag = {
  label: string;
  couleurTexte: string;
  couleurFond: string;
};

type CategoriesArticle = Record<string, Tag>;

Et les propriétés:

export let articles: ResumeArticle[];
export let categories: CategoriesArticle;
export let idCategorieChoisie: string = "tous";

v1.14.4

🐞 Correction du menu mobile de la page Crisp

... qui affiche des caractères HTML au chargement de la page.