@lab-anssi/ui-kit 1.25.0 → 1.25.2

package/dist/dsfr/DsfrButton.svelte.d.ts

@@ -1,20 +0,0 @@
-import type { Size } from "../types";
-type ButtonSize = Extract<Size, "sm" | "md" | "lg">;
-interface Props {
-    hasIcon: boolean;
-    icon: string;
-    iconPlace: "only" | "left" | "right";
-    markup: "button" | "a" | "input";
-    type: "button" | "submit" | "reset";
-    href: string;
-    target: "self" | "blank";
-    label: string;
-    kind: "primary" | "secondary" | "tertiary" | "tertiary-no-outline" | "inverted";
-    size: ButtonSize;
-    id?: string;
-    title: string;
-    disabled: boolean;
-}
-declare const DsfrButton: import("svelte").Component<Props, {}, "">;
-type DsfrButton = ReturnType<typeof DsfrButton>;
-export default DsfrButton;

package/dist/dsfr/DsfrContainer.svelte

@@ -1,15 +0,0 @@
-<svelte:options
-  customElement={{
-    tag: "dsfr-container",
-    props: {
-      fluid: { attribute: "fluid", type: "Boolean" },
-    },
-  }}
-/>
-
-<script lang="ts">let { fluid = false, children } = $props();
-</script>
-
-<div class={[!fluid && "fr-container", fluid && "fr-container--fluid"]}>
-  {@render children?.()}
-</div>

package/dist/dsfr/DsfrContainer.svelte.d.ts

@@ -1,13 +0,0 @@
-interface Props {
-    /**
-     * Permet de définir le conteneur comme "fluide" ou non
-     */
-    fluid?: boolean;
-    /**
-     * Permet de définir le contenu du conteneur
-     */
-    children?: import("svelte").Snippet;
-}
-declare const DsfrContainer: import("svelte").Component<Props, {}, "">;
-type DsfrContainer = ReturnType<typeof DsfrContainer>;
-export default DsfrContainer;

package/dist/index.d.ts

@@ -1,25 +0,0 @@
-export { default as Alerte } from "./Alerte.svelte";
-export { default as CentreAide } from "./CentreAide.svelte";
-export { default as ResumePssi } from "./lab/ResumePssi.svelte";
-export { default as BriqueHero } from "./lab/vitrines-produits/briques/BriqueHero.svelte";
-export { default as CarrouselTuiles } from "./lab/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte";
-export { default as MesServicesCyberBandeau } from "./mes-services-cyber/bandeau/Bandeau.svelte";
-export { default as LienDiagnosticCyber } from "./mes-services-cyber/lien/LienDiagnosticCyber.svelte";
-export { default as NavigationPiedDePage } from "./pied-de-page/NavigationPiedDePage.svelte";
-export { default as SuiteCyberNavigation } from "./suite-cyber/navigation/Navigation.svelte";
-export { default as BriqueTitreMultimedia } from "./lab/vitrines-produits/briques/BriqueTitreMultimedia.svelte";
-export { default as Marelle } from "./lab/vitrines-produits/briques/marelle/Marelle.svelte";
-export { default as Temoignages } from "./lab/vitrines-produits/briques/temoignages/Temoignages.svelte";
-export { default as BriqueContenuADeuxColonnes } from "./lab/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte";
-export { default as PresentationANSSI } from "./lab/vitrines-produits/briques/PresentationANSSI.svelte";
-export { default as RejoindreLaCommunaute } from "./lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte";
-export { default as BandeauTitre } from "./lab/blog/BandeauTitre.svelte";
-export { default as PageCrisp } from "./lab/blog/PageCrisp.svelte";
-export { default as ListeArticles } from "./lab/blog/ListeArticles.svelte";
-export { default as Icone } from "./lab/Icone.svelte";
-export { default as Bouton } from "./lab/Bouton.svelte";
-export { default as Lien } from "./lab/Lien.svelte";
-export { default as Tag } from "./lab/Tag.svelte";
-export { default as AncresParcours } from "./composants/AncresParcours.svelte";
-export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
-export { default as Hero } from "./composants/Hero.svelte";

package/dist/index.js

@@ -1,25 +0,0 @@
-export { default as Alerte } from "./Alerte.svelte";
-export { default as CentreAide } from "./CentreAide.svelte";
-export { default as ResumePssi } from "./lab/ResumePssi.svelte";
-export { default as BriqueHero } from "./lab/vitrines-produits/briques/BriqueHero.svelte";
-export { default as CarrouselTuiles } from "./lab/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte";
-export { default as MesServicesCyberBandeau } from "./mes-services-cyber/bandeau/Bandeau.svelte";
-export { default as LienDiagnosticCyber } from "./mes-services-cyber/lien/LienDiagnosticCyber.svelte";
-export { default as NavigationPiedDePage } from "./pied-de-page/NavigationPiedDePage.svelte";
-export { default as SuiteCyberNavigation } from "./suite-cyber/navigation/Navigation.svelte";
-export { default as BriqueTitreMultimedia } from "./lab/vitrines-produits/briques/BriqueTitreMultimedia.svelte";
-export { default as Marelle } from "./lab/vitrines-produits/briques/marelle/Marelle.svelte";
-export { default as Temoignages } from "./lab/vitrines-produits/briques/temoignages/Temoignages.svelte";
-export { default as BriqueContenuADeuxColonnes } from "./lab/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte";
-export { default as PresentationANSSI } from "./lab/vitrines-produits/briques/PresentationANSSI.svelte";
-export { default as RejoindreLaCommunaute } from "./lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte";
-export { default as BandeauTitre } from "./lab/blog/BandeauTitre.svelte";
-export { default as PageCrisp } from "./lab/blog/PageCrisp.svelte";
-export { default as ListeArticles } from "./lab/blog/ListeArticles.svelte";
-export { default as Icone } from "./lab/Icone.svelte";
-export { default as Bouton } from "./lab/Bouton.svelte";
-export { default as Lien } from "./lab/Lien.svelte";
-export { default as Tag } from "./lab/Tag.svelte";
-export { default as AncresParcours } from "./composants/AncresParcours.svelte";
-export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
-export { default as Hero } from "./composants/Hero.svelte";

package/dist/lab/Bouton.svelte

@@ -1,161 +0,0 @@
-<svelte:options
-  customElement={{
-    tag: "lab-anssi-bouton",
-    props: {
-      titre: { reflect: false, type: "String", attribute: "titre" },
-      variante: { reflect: false, type: "String", attribute: "variante" },
-      taille: { reflect: false, type: "String", attribute: "taille" },
-      icone: { reflect: false, type: "String", attribute: "icone" },
-      positionIcone: { reflect: false, type: "String", attribute: "position-icone" },
-      actif: { reflect: false, type: "Boolean", attribute: "actif" },
-      largeurMaximale: { reflect: false, type: "Boolean", attribute: "largeur-maximale" },
-    },
-  }}
-/>
-
-<script lang="ts">import Icone from "./Icone.svelte";
-let {
-  titre,
-  variante,
-  taille,
-  icone = void 0,
-  positionIcone = "sans",
-  actif = true,
-  largeurMaximale = false
-} = $props();
-</script>
-
-<button
-  class={`bouton ${variante} ${taille} icone-${positionIcone}`}
-  class:largeur-maximale={largeurMaximale}
-  title={positionIcone === "seule" ? titre : ""}
-  disabled={!actif}
->
-  {#if (positionIcone === "gauche" || positionIcone === "seule") && icone}
-    <Icone nom={icone} taille={taille === "lg" ? "md" : "sm"} />
-  {/if}
-  {#if positionIcone !== "seule"}
-    <span>{titre}</span>
-  {/if}
-  {#if positionIcone === "droite" && icone}
-    <Icone nom={icone} taille={taille === "lg" ? "md" : "sm"} />
-  {/if}
-</button>
-
-<style>.bouton {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-family: Marianne, arial, sans-serif;
-  cursor: pointer;
-  justify-content: center;
-  text-align: center;
-  font-style: normal;
-  font-weight: 500;
-}
-.bouton.largeur-maximale {
-  width: 100%;
-  box-sizing: border-box;
-}
-.bouton:focus-visible {
-  outline: 2px solid #0a76f6;
-  outline-offset: 2px;
-}
-.bouton.sm {
-  padding: 4px 12px;
-  font-size: 0.875rem;
-  line-height: 1.5rem;
-}
-.bouton.sm.icone-droite {
-  padding-right: 8px;
-}
-.bouton.sm.icone-gauche {
-  padding-left: 8px;
-}
-.bouton.sm.icone-seule {
-  padding: 8px;
-}
-.bouton.md {
-  padding: 8px 16px;
-  font-size: 1rem;
-  line-height: 1.5rem;
-}
-.bouton.md.icone-droite {
-  padding-right: 12px;
-}
-.bouton.md.icone-gauche {
-  padding-left: 12px;
-}
-.bouton.md.icone-seule {
-  padding: 8px;
-}
-.bouton.lg {
-  padding: 10px 24px;
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-.bouton.lg.icone-droite {
-  padding-right: 18px;
-}
-.bouton.lg.icone-gauche {
-  padding-left: 18px;
-}
-.bouton.lg.icone-seule {
-  padding: 12px;
-}
-.bouton:disabled, .bouton[aria-disabled=true] {
-  cursor: not-allowed;
-}
-.bouton.primaire {
-  background: var(--bouton-primaire-couleur-fond);
-  color: var(--bouton-primaire-couleur-texte);
-  border: 1px solid transparent;
-  border-radius: var(--bouton-arrondi);
-}
-.bouton.primaire:hover {
-  background: var(--bouton-primaire-couleur-fond-survol);
-}
-.bouton.primaire:active {
-  background: var(--bouton-primaire-couleur-fond-clique);
-}
-.bouton.primaire:disabled, .bouton.primaire[aria-disabled=true] {
-  background: #e5e5e5;
-  color: #929292;
-}
-.bouton.secondaire {
-  color: var(--bouton-secondaire-tertiaire-couleur-texte);
-  background: white;
-  border: 1px solid var(--bouton-secondaire-couleur-bordure);
-  border-radius: var(--bouton-arrondi);
-}
-.bouton.secondaire:hover {
-  background: rgba(0, 0, 0, 0.04);
-}
-.bouton.secondaire:active {
-  background: rgba(0, 0, 0, 0.08);
-}
-.bouton.secondaire:disabled, .bouton.secondaire[aria-disabled=true] {
-  background: transparent;
-  color: #929292;
-}
-.bouton.tertiaire, .bouton.tertiaire-sans-bordure {
-  color: var(--bouton-secondaire-tertiaire-couleur-texte);
-  background: white;
-  border-radius: var(--bouton-arrondi);
-}
-.bouton.tertiaire:hover, .bouton.tertiaire-sans-bordure:hover {
-  background: rgba(0, 0, 0, 0.04);
-}
-.bouton.tertiaire:active, .bouton.tertiaire-sans-bordure:active {
-  background: rgba(0, 0, 0, 0.08);
-}
-.bouton.tertiaire:disabled, .bouton.tertiaire[aria-disabled=true], .bouton.tertiaire-sans-bordure:disabled, .bouton.tertiaire-sans-bordure[aria-disabled=true] {
-  background: transparent;
-  color: #929292;
-}
-.bouton.tertiaire {
-  border: 1px solid #ddd;
-}
-.bouton.tertiaire-sans-bordure {
-  border: 1px solid transparent;
-}</style>

package/dist/lab/Bouton.svelte.d.ts

@@ -1,12 +0,0 @@
-interface Props {
-    titre: string;
-    variante: "primaire" | "tertiaire" | "tertiaire-sans-bordure";
-    taille: "sm" | "md" | "lg";
-    icone?: string | undefined;
-    positionIcone?: "sans" | "seule" | "droite" | "gauche";
-    actif?: boolean;
-    largeurMaximale?: boolean;
-}
-declare const Bouton: import("svelte").Component<Props, {}, "">;
-type Bouton = ReturnType<typeof Bouton>;
-export default Bouton;