@lab-anssi/ui-kit 1.61.3 → 1.62.0

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

@@ -0,0 +1,65 @@
+import type { Kind } from "../types";
+type ButtonKind = Extract<Kind, "tertiary" | "tertiary-no-outline">;
+type UserLink = {
+    label: string;
+    href?: string;
+    icon?: string;
+    active?: boolean;
+    disabled?: boolean;
+    markup?: "a" | "button";
+};
+interface Props {
+    /** Attribut 'id' du composant */
+    id?: string;
+    /** Attribut 'id' du panel déroulant */
+    collapseId: string;
+    /** Attribut 'id' du bouton déclencheur */
+    buttonId?: string;
+    /** Libellé du bouton déclencheur */
+    buttonLabel?: string;
+    /** Variante du bouton déclencheur */
+    buttonKind?: ButtonKind;
+    /** Icône du bouton déclencheur */
+    buttonIcon?: string;
+    /** Alignement du menu déroulant<br>valeurs :<br>- left : aligné à gauche (par défaut)<br>- right : aligné à droite */
+    align?: "left" | "right";
+    /** Nom de l'utilisateur connecté */
+    userName?: string;
+    /** Texte de description de l'utilisateur (adresse email ou autre) */
+    userEmail?: string;
+    /** Liste des liens de navigation dans le menu utilisateur */
+    links?: UserLink[];
+    /** Désactive le bouton déclencheur et les liens du menu */
+    disabled?: boolean;
+    /** Affiche le bouton de déconnexion */
+    hasLogout?: boolean;
+    /** Libellé du bouton de déconnexion */
+    logoutLabel?: string;
+    /** Callback appelé lors de la déconnexion */
+    onlogout?: () => void;
+    /** Callback appelé lors du clic sur un lien utilisateur */
+    onlinkclicked?: (detail: {
+        link: UserLink;
+        index: number;
+    }) => void;
+}
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const DsfrUser: $$__sveltets_2_IsomorphicComponent<Props, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    logout: {};
+}, {}, "">;
+type DsfrUser = InstanceType<typeof DsfrUser>;
+export default DsfrUser;

package/dist/index.d.ts

@@ -0,0 +1,79 @@
+export { default as Alerte } from "./composants/Alerte.svelte";
+export { default as CentreAide } from "./composants/CentreAide.svelte";
+export { default as ResumePssi } from "./composants/ResumePssi.svelte";
+export { default as BriqueHero } from "./composants/vitrines-produits/briques/BriqueHero.svelte";
+export { default as CarrouselTuiles } from "./composants/carrousel-tuiles/CarrouselTuiles.svelte";
+export { default as MesServicesCyberBandeau } from "./composants/mes-services-cyber/bandeau/Bandeau.svelte";
+export { default as LienDiagnosticCyber } from "./composants/mes-services-cyber/lien/LienDiagnosticCyber.svelte";
+export { default as NavigationPiedDePage } from "./composants/pied-de-page/NavigationPiedDePage.svelte";
+export { default as SuiteCyberNavigation } from "./composants/suite-cyber/SuiteCyber.svelte";
+export { default as BriqueTitreMultimedia } from "./composants/vitrines-produits/briques/BriqueTitreMultimedia.svelte";
+export { default as Marelle } from "./composants/marelle/Marelle.svelte";
+export { default as Etape } from "./composants/marelle/Etape.svelte";
+export { default as Temoignages } from "./composants/vitrines-produits/briques/temoignages/Temoignages.svelte";
+export { default as BriqueContenuADeuxColonnes } from "./composants/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte";
+export { default as PresentationANSSI } from "./composants/vitrines-produits/briques/PresentationANSSI.svelte";
+export { default as RejoindreLaCommunaute } from "./composants/vitrines-produits/briques/RejoindreLaCommunaute.svelte";
+export { default as BandeauTitre } from "./composants/blog/BandeauTitre.svelte";
+export { default as PageCrisp } from "./composants/blog/PageCrisp.svelte";
+export { default as ListeArticles } from "./composants/blog/ListeArticles.svelte";
+export { default as Icone } from "./composants/Icone.svelte";
+export { default as Bouton } from "./composants/Bouton.svelte";
+export { default as Lien } from "./composants/Lien.svelte";
+export { default as Tag } from "./composants/Tag.svelte";
+export { default as AncresParcours } from "./composants/AncresParcours.svelte";
+export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
+export { default as BandeauPage } from "./composants/BandeauPage.svelte";
+export { default as BlocFonctionnalites } from "./composants/BlocFonctionnalites.svelte";
+export { default as MultiSelect } from "./composants/MultiSelect.svelte";
+export { default as Reactions } from "./composants/Reactions.svelte";
+export { default as DsfrAccordion } from "./dsfr/DsfrAccordion.svelte";
+export { default as DsfrAlert } from "./dsfr/DsfrAlert.svelte";
+export { default as DsfrBadge } from "./dsfr/DsfrBadge.svelte";
+export { default as DsfrBadgesGroup } from "./dsfr/DsfrBadgesGroup.svelte";
+export { default as DsfrBreadcrumb } from "./dsfr/DsfrBreadcrumb.svelte";
+export { default as DsfrButton } from "./dsfr/DsfrButton.svelte";
+export { default as DsfrButtonsGroup } from "./dsfr/DsfrButtonsGroup.svelte";
+export { default as DsfrCallout } from "./dsfr/DsfrCallout.svelte";
+export { default as DsfrCard } from "./dsfr/DsfrCard.svelte";
+export { default as DsfrCheckbox } from "./dsfr/DsfrCheckbox.svelte";
+export { default as DsfrCheckboxesGroup } from "./dsfr/DsfrCheckboxesGroup.svelte";
+export { default as DsfrContainer } from "./dsfr/DsfrContainer.svelte";
+export { default as DsfrContent } from "./dsfr/DsfrContent.svelte";
+export { default as DsfrConnect } from "./dsfr/DsfrConnect.svelte";
+export { default as DsfrDropdown } from "./dsfr/DsfrDropdown.svelte";
+export { default as DsfrUser } from "./dsfr/DsfrUser.svelte";
+export { default as DsfrFooter } from "./dsfr/DsfrFooter.svelte";
+export { default as DsfrHeader } from "./dsfr/DsfrHeader.svelte";
+export { default as DsfrHighlight } from "./dsfr/DsfrHighlight.svelte";
+export { default as DsfrInput } from "./dsfr/DsfrInput.svelte";
+export { default as DsfrLabel } from "./dsfr/DsfrLabel.svelte";
+export { default as DsfrLink } from "./dsfr/DsfrLink.svelte";
+export { default as DsfrLogo } from "./dsfr/DsfrLogo.svelte";
+export { default as DsfrMessagesGroup } from "./dsfr/DsfrMessagesGroup.svelte";
+export { default as DsfrModal } from "./dsfr/DsfrModal.svelte";
+export { default as DsfrNavigation } from "./dsfr/DsfrNavigation.svelte";
+export { default as DsfrNotice } from "./dsfr/DsfrNotice.svelte";
+export { default as DsfrPagination } from "./dsfr/DsfrPagination.svelte";
+export { default as DsfrQuote } from "./dsfr/DsfrQuote.svelte";
+export { default as DsfrRadio } from "./dsfr/DsfrRadio.svelte";
+export { default as DsfrRadiosGroup } from "./dsfr/DsfrRadiosGroup.svelte";
+export { default as DsfrRange } from "./dsfr/DsfrRange.svelte";
+export { default as DsfrSegmented } from "./dsfr/DsfrSegmented.svelte";
+export { default as DsfrSelect } from "./dsfr/DsfrSelect.svelte";
+export { default as DsfrSearch } from "./dsfr/DsfrSearch.svelte";
+export { default as DsfrShare } from "./dsfr/DsfrShare.svelte";
+export { default as DsfrSideMenu } from "./dsfr/DsfrSideMenu.svelte";
+export { default as DsfrSkipLink } from "./dsfr/DsfrSkipLink.svelte";
+export { default as DsfrStepper } from "./dsfr/DsfrStepper.svelte";
+export { default as DsfrTable } from "./dsfr/DsfrTable.svelte";
+export { default as DsfrTabnav } from "./dsfr/DsfrTabnav.svelte";
+export { default as DsfrTabs } from "./dsfr/DsfrTabs.svelte";
+export { default as DsfrTag } from "./dsfr/DsfrTag.svelte";
+export { default as DsfrTextarea } from "./dsfr/DsfrTextarea.svelte";
+export { default as DsfrTile } from "./dsfr/DsfrTile.svelte";
+export { default as DsfrTagsGroup } from "./dsfr/DsfrTagsGroup.svelte";
+export { default as DsfrToggle } from "./dsfr/DsfrToggle.svelte";
+export { default as DsfrTooltip } from "./dsfr/DsfrTooltip.svelte";
+export { default as DsfrTranscription } from "./dsfr/DsfrTranscription.svelte";
+export { default as DsfrTranslate } from "./dsfr/DsfrTranslate.svelte";

package/dist/index.js

@@ -0,0 +1,79 @@
+export { default as Alerte } from "./composants/Alerte.svelte";
+export { default as CentreAide } from "./composants/CentreAide.svelte";
+export { default as ResumePssi } from "./composants/ResumePssi.svelte";
+export { default as BriqueHero } from "./composants/vitrines-produits/briques/BriqueHero.svelte";
+export { default as CarrouselTuiles } from "./composants/carrousel-tuiles/CarrouselTuiles.svelte";
+export { default as MesServicesCyberBandeau } from "./composants/mes-services-cyber/bandeau/Bandeau.svelte";
+export { default as LienDiagnosticCyber } from "./composants/mes-services-cyber/lien/LienDiagnosticCyber.svelte";
+export { default as NavigationPiedDePage } from "./composants/pied-de-page/NavigationPiedDePage.svelte";
+export { default as SuiteCyberNavigation } from "./composants/suite-cyber/SuiteCyber.svelte";
+export { default as BriqueTitreMultimedia } from "./composants/vitrines-produits/briques/BriqueTitreMultimedia.svelte";
+export { default as Marelle } from "./composants/marelle/Marelle.svelte";
+export { default as Etape } from "./composants/marelle/Etape.svelte";
+export { default as Temoignages } from "./composants/vitrines-produits/briques/temoignages/Temoignages.svelte";
+export { default as BriqueContenuADeuxColonnes } from "./composants/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte";
+export { default as PresentationANSSI } from "./composants/vitrines-produits/briques/PresentationANSSI.svelte";
+export { default as RejoindreLaCommunaute } from "./composants/vitrines-produits/briques/RejoindreLaCommunaute.svelte";
+export { default as BandeauTitre } from "./composants/blog/BandeauTitre.svelte";
+export { default as PageCrisp } from "./composants/blog/PageCrisp.svelte";
+export { default as ListeArticles } from "./composants/blog/ListeArticles.svelte";
+export { default as Icone } from "./composants/Icone.svelte";
+export { default as Bouton } from "./composants/Bouton.svelte";
+export { default as Lien } from "./composants/Lien.svelte";
+export { default as Tag } from "./composants/Tag.svelte";
+export { default as AncresParcours } from "./composants/AncresParcours.svelte";
+export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
+export { default as BandeauPage } from "./composants/BandeauPage.svelte";
+export { default as BlocFonctionnalites } from "./composants/BlocFonctionnalites.svelte";
+export { default as MultiSelect } from "./composants/MultiSelect.svelte";
+export { default as Reactions } from "./composants/Reactions.svelte";
+export { default as DsfrAccordion } from "./dsfr/DsfrAccordion.svelte";
+export { default as DsfrAlert } from "./dsfr/DsfrAlert.svelte";
+export { default as DsfrBadge } from "./dsfr/DsfrBadge.svelte";
+export { default as DsfrBadgesGroup } from "./dsfr/DsfrBadgesGroup.svelte";
+export { default as DsfrBreadcrumb } from "./dsfr/DsfrBreadcrumb.svelte";
+export { default as DsfrButton } from "./dsfr/DsfrButton.svelte";
+export { default as DsfrButtonsGroup } from "./dsfr/DsfrButtonsGroup.svelte";
+export { default as DsfrCallout } from "./dsfr/DsfrCallout.svelte";
+export { default as DsfrCard } from "./dsfr/DsfrCard.svelte";
+export { default as DsfrCheckbox } from "./dsfr/DsfrCheckbox.svelte";
+export { default as DsfrCheckboxesGroup } from "./dsfr/DsfrCheckboxesGroup.svelte";
+export { default as DsfrContainer } from "./dsfr/DsfrContainer.svelte";
+export { default as DsfrContent } from "./dsfr/DsfrContent.svelte";
+export { default as DsfrConnect } from "./dsfr/DsfrConnect.svelte";
+export { default as DsfrDropdown } from "./dsfr/DsfrDropdown.svelte";
+export { default as DsfrUser } from "./dsfr/DsfrUser.svelte";
+export { default as DsfrFooter } from "./dsfr/DsfrFooter.svelte";
+export { default as DsfrHeader } from "./dsfr/DsfrHeader.svelte";
+export { default as DsfrHighlight } from "./dsfr/DsfrHighlight.svelte";
+export { default as DsfrInput } from "./dsfr/DsfrInput.svelte";
+export { default as DsfrLabel } from "./dsfr/DsfrLabel.svelte";
+export { default as DsfrLink } from "./dsfr/DsfrLink.svelte";
+export { default as DsfrLogo } from "./dsfr/DsfrLogo.svelte";
+export { default as DsfrMessagesGroup } from "./dsfr/DsfrMessagesGroup.svelte";
+export { default as DsfrModal } from "./dsfr/DsfrModal.svelte";
+export { default as DsfrNavigation } from "./dsfr/DsfrNavigation.svelte";
+export { default as DsfrNotice } from "./dsfr/DsfrNotice.svelte";
+export { default as DsfrPagination } from "./dsfr/DsfrPagination.svelte";
+export { default as DsfrQuote } from "./dsfr/DsfrQuote.svelte";
+export { default as DsfrRadio } from "./dsfr/DsfrRadio.svelte";
+export { default as DsfrRadiosGroup } from "./dsfr/DsfrRadiosGroup.svelte";
+export { default as DsfrRange } from "./dsfr/DsfrRange.svelte";
+export { default as DsfrSegmented } from "./dsfr/DsfrSegmented.svelte";
+export { default as DsfrSelect } from "./dsfr/DsfrSelect.svelte";
+export { default as DsfrSearch } from "./dsfr/DsfrSearch.svelte";
+export { default as DsfrShare } from "./dsfr/DsfrShare.svelte";
+export { default as DsfrSideMenu } from "./dsfr/DsfrSideMenu.svelte";
+export { default as DsfrSkipLink } from "./dsfr/DsfrSkipLink.svelte";
+export { default as DsfrStepper } from "./dsfr/DsfrStepper.svelte";
+export { default as DsfrTable } from "./dsfr/DsfrTable.svelte";
+export { default as DsfrTabnav } from "./dsfr/DsfrTabnav.svelte";
+export { default as DsfrTabs } from "./dsfr/DsfrTabs.svelte";
+export { default as DsfrTag } from "./dsfr/DsfrTag.svelte";
+export { default as DsfrTextarea } from "./dsfr/DsfrTextarea.svelte";
+export { default as DsfrTile } from "./dsfr/DsfrTile.svelte";
+export { default as DsfrTagsGroup } from "./dsfr/DsfrTagsGroup.svelte";
+export { default as DsfrToggle } from "./dsfr/DsfrToggle.svelte";
+export { default as DsfrTooltip } from "./dsfr/DsfrTooltip.svelte";
+export { default as DsfrTranscription } from "./dsfr/DsfrTranscription.svelte";
+export { default as DsfrTranslate } from "./dsfr/DsfrTranslate.svelte";

package/dist/styles/apparence-bouton.scss

@@ -0,0 +1,154 @@
+@use "src/variables.scss" as *;
+
+.bouton {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  justify-content: center;
+  text-align: center;
+  font-style: normal;
+  font-weight: 500;
+  font-family: inherit;
+
+  &.largeur-maximale {
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  &:focus-visible {
+    outline: 2px solid #0a76f6;
+    outline-offset: 2px;
+  }
+
+  &.sm {
+    padding: 4px 12px;
+    font-size: 0.875rem;
+    line-height: 1.5rem;
+
+    &.icone-droite {
+      padding-right: 8px;
+    }
+
+    &.icone-gauche {
+      padding-left: 8px;
+    }
+
+    &.icone-seule {
+      padding: 8px;
+    }
+  }
+
+  &.md {
+    padding: 8px 16px;
+    font-size: 1rem;
+    line-height: 1.5rem;
+
+    &.icone-droite {
+      padding-right: 12px;
+    }
+
+    &.icone-gauche {
+      padding-left: 12px;
+    }
+
+    &.icone-seule {
+      padding: 8px;
+    }
+  }
+
+  &.lg {
+    padding: 10px 24px;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+
+    &.icone-droite {
+      padding-right: 18px;
+    }
+
+    &.icone-gauche {
+      padding-left: 18px;
+    }
+
+    &.icone-seule {
+      padding: 12px;
+    }
+  }
+
+  &:disabled,
+  &[aria-disabled="true"] {
+    cursor: not-allowed;
+  }
+
+  &.primaire {
+    background: $bouton-primaire-couleur-fond;
+    color: $bouton-primaire-couleur-texte;
+    border: 1px solid transparent;
+    border-radius: $bouton-arrondi;
+
+    &:hover {
+      background: $bouton-primaire-couleur-fond-survol;
+    }
+
+    &:active {
+      background: $bouton-primaire-couleur-fond-clique;
+    }
+
+    &:disabled,
+    &[aria-disabled="true"] {
+      background: #e5e5e5;
+      color: #929292;
+    }
+  }
+
+  &.secondaire {
+    color: $bouton-secondaire-tertiaire-couleur-texte;
+    background: white;
+    border: 1px solid $bouton-secondaire-couleur-bordure;
+    border-radius: $bouton-arrondi;
+
+    &:hover {
+      background: rgb(0, 0, 0, 4%);
+    }
+
+    &:active {
+      background: rgb(0, 0, 0, 8%);
+    }
+
+    &:disabled,
+    &[aria-disabled="true"] {
+      background: transparent;
+      color: #929292;
+      border-color: #929292;
+    }
+  }
+
+  &.tertiaire,
+  &.tertiaire-sans-bordure {
+    color: $bouton-secondaire-tertiaire-couleur-texte;
+    background: white;
+    border-radius: $bouton-arrondi;
+
+    &:hover {
+      background: rgb(0, 0, 0, 4%);
+    }
+
+    &:active {
+      background: rgb(0, 0, 0, 8%);
+    }
+
+    &:disabled,
+    &[aria-disabled="true"] {
+      background: transparent;
+      color: #929292;
+    }
+  }
+
+  &.tertiaire {
+    border: 1px solid #ddd;
+  }
+
+  &.tertiaire-sans-bordure {
+    border: 1px solid transparent;
+  }
+}