@lab-anssi/ui-kit 1.24.0 → 1.25.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 (105) hide show
  1. package/README.md +62 -22
  2. package/dist/Alerte.svelte +3 -5
  3. package/dist/Alerte.svelte.d.ts +7 -19
  4. package/dist/CentreAide.svelte +10 -10
  5. package/dist/CentreAide.svelte.d.ts +24 -21
  6. package/dist/composants/AncresParcours.svelte +1050 -0
  7. package/dist/composants/AncresParcours.svelte.d.ts +11 -0
  8. package/dist/composants/FiltresCatalogue.svelte +1069 -0
  9. package/dist/composants/FiltresCatalogue.svelte.d.ts +14 -0
  10. package/dist/composants/Hero.svelte +1073 -0
  11. package/dist/composants/Hero.svelte.d.ts +13 -0
  12. package/dist/dsfr/DsfrAlert.svelte +50 -0
  13. package/dist/dsfr/DsfrAlert.svelte.d.ts +17 -0
  14. package/dist/dsfr/DsfrBadge.svelte +47 -0
  15. package/dist/dsfr/DsfrBadge.svelte.d.ts +16 -0
  16. package/dist/dsfr/DsfrButton.svelte +1270 -0
  17. package/dist/dsfr/DsfrButton.svelte.d.ts +20 -0
  18. package/dist/dsfr/DsfrContainer.svelte +15 -0
  19. package/dist/dsfr/DsfrContainer.svelte.d.ts +13 -0
  20. package/dist/index.d.ts +3 -0
  21. package/dist/index.js +3 -0
  22. package/dist/lab/Bouton.svelte +10 -8
  23. package/dist/lab/Bouton.svelte.d.ts +11 -23
  24. package/dist/lab/Icone.svelte +669 -2
  25. package/dist/lab/Icone.svelte.d.ts +6 -18
  26. package/dist/lab/Lien.svelte +13 -49
  27. package/dist/lab/Lien.svelte.d.ts +14 -26
  28. package/dist/lab/ResumePssi.svelte +1 -1
  29. package/dist/lab/ResumePssi.svelte.d.ts +5 -17
  30. package/dist/lab/Tag.svelte +10 -8
  31. package/dist/lab/Tag.svelte.d.ts +10 -22
  32. package/dist/lab/blog/BandeauTitre.svelte +5 -8
  33. package/dist/lab/blog/BandeauTitre.svelte.d.ts +9 -21
  34. package/dist/lab/blog/CarteArticle.svelte +2 -3
  35. package/dist/lab/blog/CarteArticle.svelte.d.ts +6 -18
  36. package/dist/lab/blog/IconeChevronBas.svelte.d.ts +22 -21
  37. package/dist/lab/blog/IconeMenuLateral.svelte.d.ts +22 -21
  38. package/dist/lab/blog/ListeArticles.svelte +5 -5
  39. package/dist/lab/blog/ListeArticles.svelte.d.ts +7 -19
  40. package/dist/lab/blog/ListeDeroulante.svelte +3 -4
  41. package/dist/lab/blog/ListeDeroulante.svelte.d.ts +9 -21
  42. package/dist/lab/blog/PageCrisp.svelte +10 -6
  43. package/dist/lab/blog/PageCrisp.svelte.d.ts +6 -18
  44. package/dist/lab/blog/SommaireBureau.svelte +3 -3
  45. package/dist/lab/blog/SommaireBureau.svelte.d.ts +21 -18
  46. package/dist/lab/blog/SommaireMobile.svelte +5 -5
  47. package/dist/lab/blog/SommaireMobile.svelte.d.ts +21 -18
  48. package/dist/lab/icones/Fleche.svelte +1 -1
  49. package/dist/lab/icones/Fleche.svelte.d.ts +5 -17
  50. package/dist/lab/icones/LienExterne.svelte +1 -1
  51. package/dist/lab/icones/LienExterne.svelte.d.ts +5 -17
  52. package/dist/lab/vitrines-produits/briques/Brique.svelte +7 -4
  53. package/dist/lab/vitrines-produits/briques/Brique.svelte.d.ts +8 -21
  54. package/dist/lab/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte +11 -9
  55. package/dist/lab/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte.d.ts +9 -21
  56. package/dist/lab/vitrines-produits/briques/BriqueHero.svelte +15 -11
  57. package/dist/lab/vitrines-produits/briques/BriqueHero.svelte.d.ts +11 -23
  58. package/dist/lab/vitrines-produits/briques/BriqueTitreMultimedia.svelte +2 -3
  59. package/dist/lab/vitrines-produits/briques/BriqueTitreMultimedia.svelte.d.ts +6 -18
  60. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte +5 -5
  61. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte.d.ts +6 -18
  62. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/IconeFlecheDroite.svelte.d.ts +22 -21
  63. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/IconeFlecheGauche.svelte.d.ts +22 -21
  64. package/dist/lab/vitrines-produits/briques/LecteurVideo.svelte +1 -4
  65. package/dist/lab/vitrines-produits/briques/LecteurVideo.svelte.d.ts +8 -20
  66. package/dist/lab/vitrines-produits/briques/PresentationANSSI.svelte +1 -1
  67. package/dist/lab/vitrines-produits/briques/PresentationANSSI.svelte.d.ts +16 -14
  68. package/dist/lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte +2 -5
  69. package/dist/lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte.d.ts +8 -20
  70. package/dist/lab/vitrines-produits/briques/Tuile.svelte +1 -4
  71. package/dist/lab/vitrines-produits/briques/Tuile.svelte.d.ts +9 -21
  72. package/dist/lab/vitrines-produits/briques/marelle/Etape.svelte +2 -3
  73. package/dist/lab/vitrines-produits/briques/marelle/Etape.svelte.d.ts +6 -18
  74. package/dist/lab/vitrines-produits/briques/marelle/Marelle.svelte +2 -4
  75. package/dist/lab/vitrines-produits/briques/marelle/Marelle.svelte.d.ts +7 -19
  76. package/dist/lab/vitrines-produits/briques/temoignages/IconeTemoignage.svelte.d.ts +22 -21
  77. package/dist/lab/vitrines-produits/briques/temoignages/Temoignages.svelte +12 -11
  78. package/dist/lab/vitrines-produits/briques/temoignages/Temoignages.svelte.d.ts +6 -18
  79. package/dist/mes-services-cyber/bandeau/Bandeau.svelte +5 -3
  80. package/dist/mes-services-cyber/bandeau/Bandeau.svelte.d.ts +3 -16
  81. package/dist/mes-services-cyber/lien/LienDiagnosticCyber.svelte +2 -3
  82. package/dist/mes-services-cyber/lien/LienDiagnosticCyber.svelte.d.ts +6 -18
  83. package/dist/pied-de-page/NavigationPiedDePage.svelte +1 -1
  84. package/dist/pied-de-page/NavigationPiedDePage.svelte.d.ts +5 -17
  85. package/dist/styles/mixins.scss +17 -0
  86. package/dist/suite-cyber/navigation/AccueilMSC.svelte +1 -1
  87. package/dist/suite-cyber/navigation/AccueilMSC.svelte.d.ts +16 -14
  88. package/dist/suite-cyber/navigation/BlocLiens.svelte +1 -2
  89. package/dist/suite-cyber/navigation/BlocLiens.svelte.d.ts +12 -23
  90. package/dist/suite-cyber/navigation/Navigation.svelte +5 -5
  91. package/dist/suite-cyber/navigation/Navigation.svelte.d.ts +5 -17
  92. package/dist/{types.d.ts → types/commun.d.ts} +5 -10
  93. package/dist/types/commun.js +1 -0
  94. package/dist/types/global.d.ts +22 -0
  95. package/dist/types/global.js +9 -0
  96. package/dist/types/index.d.ts +2 -0
  97. package/dist/types/index.js +1 -0
  98. package/dist/utilitaires/index.d.ts +6 -0
  99. package/dist/utilitaires/index.js +12 -0
  100. package/dist/webcomponents/lab-anssi-ui-kit.iife.js +186 -41
  101. package/dist/webcomponents/lab-anssi-ui-kit.jsx.d.ts +23 -85
  102. package/package.json +39 -38
  103. package/dist/generateurImagesPlaceholders.d.ts +0 -1
  104. package/dist/generateurImagesPlaceholders.js +0 -3
  105. package/dist/types.js +0 -1
@@ -0,0 +1,20 @@
1
+ import type { Size } from "../types";
2
+ type ButtonSize = Extract<Size, "sm" | "md" | "lg">;
3
+ interface Props {
4
+ hasIcon: boolean;
5
+ icon: string;
6
+ iconPlace: "only" | "left" | "right";
7
+ markup: "button" | "a" | "input";
8
+ type: "button" | "submit" | "reset";
9
+ href: string;
10
+ target: "self" | "blank";
11
+ label: string;
12
+ kind: "primary" | "secondary" | "tertiary" | "tertiary-no-outline" | "inverted";
13
+ size: ButtonSize;
14
+ id?: string;
15
+ title: string;
16
+ disabled: boolean;
17
+ }
18
+ declare const DsfrButton: import("svelte").Component<Props, {}, "">;
19
+ type DsfrButton = ReturnType<typeof DsfrButton>;
20
+ export default DsfrButton;
@@ -0,0 +1,15 @@
1
+ <svelte:options
2
+ customElement={{
3
+ tag: "dsfr-container",
4
+ props: {
5
+ fluid: { attribute: "fluid", type: "Boolean" },
6
+ },
7
+ }}
8
+ />
9
+
10
+ <script lang="ts">let { fluid = false, children } = $props();
11
+ </script>
12
+
13
+ <div class={[!fluid && "fr-container", fluid && "fr-container--fluid"]}>
14
+ {@render children?.()}
15
+ </div>
@@ -0,0 +1,13 @@
1
+ interface Props {
2
+ /**
3
+ * Permet de définir le conteneur comme "fluide" ou non
4
+ */
5
+ fluid?: boolean;
6
+ /**
7
+ * Permet de définir le contenu du conteneur
8
+ */
9
+ children?: import("svelte").Snippet;
10
+ }
11
+ declare const DsfrContainer: import("svelte").Component<Props, {}, "">;
12
+ type DsfrContainer = ReturnType<typeof DsfrContainer>;
13
+ export default DsfrContainer;
package/dist/index.d.ts CHANGED
@@ -20,3 +20,6 @@ export { default as Icone } from "./lab/Icone.svelte";
20
20
  export { default as Bouton } from "./lab/Bouton.svelte";
21
21
  export { default as Lien } from "./lab/Lien.svelte";
22
22
  export { default as Tag } from "./lab/Tag.svelte";
23
+ export { default as AncresParcours } from "./composants/AncresParcours.svelte";
24
+ export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
25
+ export { default as Hero } from "./composants/Hero.svelte";
package/dist/index.js CHANGED
@@ -20,3 +20,6 @@ export { default as Icone } from "./lab/Icone.svelte";
20
20
  export { default as Bouton } from "./lab/Bouton.svelte";
21
21
  export { default as Lien } from "./lab/Lien.svelte";
22
22
  export { default as Tag } from "./lab/Tag.svelte";
23
+ export { default as AncresParcours } from "./composants/AncresParcours.svelte";
24
+ export { default as FiltresCatalogue } from "./composants/FiltresCatalogue.svelte";
25
+ export { default as Hero } from "./composants/Hero.svelte";
@@ -13,14 +13,16 @@
13
13
  }}
14
14
  />
15
15
 
16
- <script>import Icone from "./Icone.svelte";
17
- export let titre;
18
- export let variante;
19
- export let taille;
20
- export let icone = void 0;
21
- export let positionIcone = "sans";
22
- export let actif = true;
23
- export let largeurMaximale = false;
16
+ <script lang="ts">import Icone from "./Icone.svelte";
17
+ let {
18
+ titre,
19
+ variante,
20
+ taille,
21
+ icone = void 0,
22
+ positionIcone = "sans",
23
+ actif = true,
24
+ largeurMaximale = false
25
+ } = $props();
24
26
  </script>
25
27
 
26
28
  <button
@@ -1,24 +1,12 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- titre: string;
5
- variante: "primaire" | "secondaire" | "tertiaire" | "tertiaire-sans-bordure";
6
- taille: "sm" | "md" | "lg";
7
- icone?: string | undefined;
8
- positionIcone?: "sans" | "seule" | "droite" | "gauche";
9
- actif?: boolean;
10
- largeurMaximale?: boolean;
11
- };
12
- events: {
13
- [evt: string]: CustomEvent<any>;
14
- };
15
- slots: {};
16
- exports?: {} | undefined;
17
- bindings?: string | undefined;
18
- };
19
- export type BoutonProps = typeof __propDef.props;
20
- export type BoutonEvents = typeof __propDef.events;
21
- export type BoutonSlots = typeof __propDef.slots;
22
- export default class Bouton extends SvelteComponent<BoutonProps, BoutonEvents, BoutonSlots> {
1
+ interface Props {
2
+ titre: string;
3
+ variante: "primaire" | "tertiaire" | "tertiaire-sans-bordure";
4
+ taille: "sm" | "md" | "lg";
5
+ icone?: string | undefined;
6
+ positionIcone?: "sans" | "seule" | "droite" | "gauche";
7
+ actif?: boolean;
8
+ largeurMaximale?: boolean;
23
9
  }
24
- export {};
10
+ declare const Bouton: import("svelte").Component<Props, {}, "">;
11
+ type Bouton = ReturnType<typeof Bouton>;
12
+ export default Bouton;