npm - @lab-anssi/ui-kit - Versions diffs - 1.12.3 → 1.13.0 - Mend

@lab-anssi/ui-kit 1.12.3 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

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

@@ -36,37 +36,7 @@ import LienExterne from "../../icones/LienExterne.svelte";
   </div>
 </Brique>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.presentation-anssi {
+<style>.presentation-anssi {
   color: #3a3a3a;
   display: grid;
   grid-template-columns: 1fr;
@@ -140,6 +110,7 @@ import LienExterne from "../../icones/LienExterne.svelte";
   font-family: Marianne, sans-serif;
   padding: 8px 16px;
   display: flex;
+  justify-content: center;
   align-items: center;
   gap: 8px;
   text-align: center;

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

@@ -43,37 +43,7 @@ export let illustration;
   </div>
 </Brique>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.grille-contenu {
+<style>.grille-contenu {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-areas: "contenu" "illustration" "action";

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

@@ -12,37 +12,7 @@ export let position = null;
   <span>{contenu}</span>
 </div>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.tuile {
+<style>.tuile {
   --couleur-texte: #000000;
   border-radius: 8px;
   border: 1px solid #ddd;

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

@@ -26,37 +26,7 @@ export let etapeMarelle;
   </div>
 </div>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.marelle-etape {
+<style>.marelle-etape {
   display: grid;
   row-gap: 32px;
   grid-template-areas: "numero-etape" "contenu" "illustration";
@@ -152,11 +122,8 @@ export let etapeMarelle;
   }
 }
-.marelle-etape > div > p > b {
-  color: var(--brique-marelle-etapes-lien-couleur);
-}
 .marelle-etape > div > a {
+  position: relative;
   width: fit-content;
   color: var(--brique-marelle-etapes-lien-couleur);
   display: flex;
@@ -164,5 +131,17 @@ export let etapeMarelle;
   gap: 8px;
   border: none;
   text-decoration: none;
-  box-shadow: inset 0 -1px 0 var(--brique-marelle-etapes-lien-couleur);
+}
+.marelle-etape > div > a:hover:after {
+  bottom: -1px;
+  height: 2px;
+}
+.marelle-etape > div > a:after {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  content: "";
+  width: 100%;
+  height: 1px;
+  background: var(--brique-marelle-etapes-lien-couleur);
 }</style>

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

@@ -38,37 +38,7 @@ export let action;
   </div>
 </Brique>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.brique-marelle {
+<style>.brique-marelle {
   display: flex;
   flex-direction: column;
   gap: 48px;

package/dist/lab/vitrines-produits/briques/temoignages/IconeTemoignage.svelte CHANGED Viewed

@@ -13,36 +13,6 @@
   </g>
 </svg>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-svg path {
+<style>svg path {
   fill: var(--brique-temoignages-icone-couleur);
 }</style>

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

@@ -56,37 +56,7 @@ const scrollVers = (direction) => {
   </div>
 </Brique>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.brique-temoignages {
+<style>.brique-temoignages {
   font-family: Marianne;
 }
 .brique-temoignages h3 {
@@ -194,22 +164,33 @@ const scrollVers = (direction) => {
   }
 }
 .brique-temoignages .carrousel-temoignages .conteneur-actions button {
+  position: relative;
   background: none;
   border: none;
   color: var(--brique-carrousel-bouton-action-texte-couleur);
-  font-size: 1.125rem;
+  font-size: 1rem;
   font-weight: 400;
-  line-height: 1.75rem;
+  line-height: 1.5rem;
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 8px;
 }
+.brique-temoignages .carrousel-temoignages .conteneur-actions button:hover:after {
+  bottom: -1px;
+  height: 2px;
+}
+.brique-temoignages .carrousel-temoignages .conteneur-actions button:after {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  content: "";
+  width: 100%;
+  height: 1px;
+  background: var(--brique-carrousel-bouton-action-texte-couleur);
+}
 .brique-temoignages .carrousel-temoignages .conteneur-actions .precedent > .icone,
 .brique-temoignages .carrousel-temoignages .conteneur-actions .suivant > .icone {
   display: flex;
   align-items: center;
-}
-.brique-temoignages .carrousel-temoignages .conteneur-actions button:hover {
-  box-shadow: inset 0 -2px 0 var(--brique-carrousel-bouton-action-texte-couleur);
 }</style>

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

@@ -41,37 +41,7 @@ const croix = srcAsset("/icones/croix-blanche.svg");
   </div>
 {/if}
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.largeur-totale {
+<style>.largeur-totale {
   position: relative;
   overflow: hidden;
   background: #0d0c21 url("https://lab-anssi-ui-kit-prod-s3-assets.cellar-c2.services.clever-cloud.com/illustrations/tuile-msc.svg");

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

@@ -32,37 +32,7 @@ let icone = versExterne ? "lien-externe" : "lien-interne";
   </div>
 </div>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.racine {
+<style>.racine {
   position: relative;
   display: block;
 }

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

@@ -19,37 +19,7 @@
   <a href="/accessibilite">Accessiblité: {conforme ? "conforme" : "non conforme"}</a>
 </div>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.conteneur-navigation-pied-de-page {
+<style>.conteneur-navigation-pied-de-page {
   font-family: "Marianne";
   list-style: none;
   display: flex;

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

@@ -21,37 +21,7 @@ const chevronDroite = srcAsset("/icones/chevron-noir.svg");
   </div>
 </a>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.accueil-msc {
+<style>.accueil-msc {
   font-family: Marianne;
   font-style: normal;
   font-weight: normal;

package/dist/suite-cyber/navigation/BlocLiens.svelte CHANGED Viewed

@@ -28,37 +28,7 @@ export let services;
   </div>
 </div>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.bloc {
+<style>.bloc {
   display: flex;
   flex-direction: column;
   align-items: center;

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

@@ -99,37 +99,7 @@ let estOuvert = false;
   {/if}
 </div>
-<style>.visible-tablette {
-  display: none !important;
-}
-@media (min-width: 576px) {
-  .visible-tablette {
-    display: unset !important;
-  }
-}
-@media (min-width: 576px) {
-  .invisible-tablette {
-    display: none !important;
-  }
-}
-.visible-desktop {
-  display: none !important;
-}
-@media (min-width: 932px) {
-  .visible-desktop {
-    display: unset !important;
-  }
-}
-@media (min-width: 932px) {
-  .invisible-desktop {
-    display: none !important;
-  }
-}
-.suite-cyber {
+<style>.suite-cyber {
   font-family: Marianne;
   font-style: normal;
   font-weight: normal;

package/dist/types.d.ts CHANGED Viewed

@@ -32,3 +32,18 @@ export type Temoignage = {
     citation: string;
     source: string;
 };
+export type Lien = {
+    label: string;
+    href: string;
+};
+type Feuille = {
+    label: string;
+};
+export type NoeudFilAriane = Lien | Feuille;
+export declare const estLien: (noeud: NoeudFilAriane) => noeud is Lien;
+export type Tag = {
+    label: string;
+    couleurTexte: string;
+    couleurFond: string;
+};
+export {};

package/dist/types.js CHANGED Viewed

	@@ -1 +1 @@
1	- export {};
1	+ export const estLien = (noeud) => noeud.href !== undefined;