@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
@@ -1,91 +1,29 @@
1
1
  declare namespace JSX {
2
2
  interface IntrinsicElements {
3
- "lab-anssi-alerte": {
4
- description: string;
5
- type?: string;
6
- fermable?: string;
7
- };
8
- "lab-anssi-centre-aide": { nomService: string; liens: string };
9
- "lab-anssi-bouton-suite-cyber-navigation": { sourceUtm?: string };
10
- "lab-anssi-navigation-pied-de-page": { conforme?: string };
11
- "lab-anssi-mes-services-cyber-lien-diagnostic-cyber": {
12
- lien: string;
13
- versExterne?: string;
14
- };
3
+ "lab-anssi-alerte": {};
4
+ "lab-anssi-centre-aide": {};
5
+ "lab-anssi-bouton-suite-cyber-navigation": {};
6
+ "lab-anssi-navigation-pied-de-page": {};
7
+ "lab-anssi-mes-services-cyber-lien-diagnostic-cyber": {};
15
8
  "lab-anssi-mes-services-cyber-bandeau": {};
16
- "lab-anssi-bouton": {
17
- titre: string;
18
- variante: string;
19
- taille: string;
20
- icone?: string;
21
- "position-icone"?: string;
22
- actif?: string;
23
- "largeur-maximale"?: string;
24
- };
25
- "lab-anssi-icone": { nom: string; taille?: string };
26
- "lab-anssi-lien": {
27
- titre: string;
28
- href: string;
29
- variante: string;
30
- taille: string;
31
- icone?: string;
32
- apparence?: string;
33
- cible?: string;
34
- "position-icone"?: string;
35
- actif?: string;
36
- "largeur-maximale"?: string;
37
- };
38
- "lab-anssi-resume-pssi": { nomService: string };
39
- "lab-anssi-tag": {
40
- label: string;
41
- "couleur-texte": string;
42
- "couleur-fond": string;
43
- taille?: string;
44
- type?: string;
45
- presse?: string;
46
- };
47
- "lab-anssi-brique-contenu-a-deux-colonnes": {
48
- titre: string;
49
- paragraphe: string;
50
- action?: string;
51
- ordre?: string;
52
- illustration: string;
53
- };
54
- "lab-anssi-brique-hero": {
55
- titre: string;
56
- soustitre: string;
57
- illustration: string;
58
- badge?: string;
59
- actiongauche: string;
60
- actiondroite: string;
61
- partenaires?: string;
62
- };
63
- "lab-anssi-titre-multimedia": { titre: string; multimedia: string };
9
+ "lab-anssi-bouton": {};
10
+ "lab-anssi-icone": {};
11
+ "lab-anssi-lien": {};
12
+ "lab-anssi-resume-pssi": {};
13
+ "lab-anssi-tag": {};
14
+ "lab-anssi-brique-contenu-a-deux-colonnes": {};
15
+ "lab-anssi-brique-hero": {};
16
+ "lab-anssi-titre-multimedia": {};
64
17
  "lab-anssi-presentation-anssi": {};
65
- "lab-anssi-brique-rejoindre-la-communaute": {
66
- titre: string;
67
- raisons: string;
68
- action?: string;
69
- illustration: string;
70
- };
71
- "lab-anssi-temoignages": { titre?: string; temoignages?: string };
72
- "lab-anssi-marelle": {
73
- titre?: string;
74
- etapesmarelle?: string;
75
- action: string;
76
- };
77
- "lab-anssi-carrousel-tuiles": { tuiles?: string };
78
- "lab-anssi-bandeau-titre": {
79
- titre: string;
80
- description?: string;
81
- "fil-ariane"?: string;
82
- infosTag?: string;
83
- };
84
- "lab-anssi-liste-articles": {
85
- articles: string;
86
- categories: string;
87
- "id-categorie-choisie"?: string;
88
- };
89
- "lab-anssi-page-crisp": { contenu: string; "table-des-matieres": string };
18
+ "lab-anssi-brique-rejoindre-la-communaute": {};
19
+ "lab-anssi-temoignages": {};
20
+ "lab-anssi-marelle": {};
21
+ "lab-anssi-carrousel-tuiles": {};
22
+ "lab-anssi-bandeau-titre": {};
23
+ "lab-anssi-liste-articles": {};
24
+ "lab-anssi-page-crisp": {};
25
+ "lab-anssi-ancres": {};
26
+ "lab-anssi-filtres": {};
27
+ "lab-anssi-hero": {};
90
28
  }
91
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lab-anssi/ui-kit",
3
- "version": "1.24.0",
3
+ "version": "1.25.0",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/betagouv/lab-anssi-ui-kit.git"
@@ -19,7 +19,8 @@
19
19
  "storybook:dev": "STORYBOOK_ENV=development storybook dev -p 6006",
20
20
  "storybook:build": "STORYBOOK_ENV=production storybook build",
21
21
  "storybook:build-dev": "STORYBOOK_ENV=development storybook build",
22
- "storybook:test": "STORYBOOK_ENV=production test-storybook"
22
+ "storybook:test": "STORYBOOK_ENV=production npm run test-storybook",
23
+ "test-storybook": "vitest --project=storybook"
23
24
  },
24
25
  "files": [
25
26
  "dist",
@@ -43,47 +44,47 @@
43
44
  }
44
45
  },
45
46
  "peerDependencies": {
46
- "svelte": "^4.2.19"
47
+ "svelte": "^5.38.8"
47
48
  },
48
49
  "devDependencies": {
49
- "@chromatic-com/storybook": "^1.9.0",
50
- "@eslint/compat": "^1.2.5",
50
+ "@chromatic-com/storybook": "^4.1.1",
51
+ "@eslint/compat": "^1.3.2",
51
52
  "@eslint/js": "^9.18.0",
52
- "@storybook/addon-essentials": "8.3.7",
53
- "@storybook/addon-interactions": "8.3.7",
54
- "@storybook/addon-links": "8.3.7",
55
- "@storybook/addon-svelte-csf": "^4.2.0",
56
- "@storybook/addon-themes": "8.3.7",
57
- "@storybook/blocks": "8.3.7",
58
- "@storybook/svelte": "8.3.7",
59
- "@storybook/sveltekit": "8.3.7",
60
- "@storybook/test": "8.3.7",
61
- "@storybook/test-runner": "0.19.0",
62
- "@sveltejs/adapter-auto": "^4.0.0",
63
- "@sveltejs/kit": "^2.16.0",
64
- "@sveltejs/package": "^2.0.0",
65
- "@sveltejs/vite-plugin-svelte": "^3.1.2",
66
- "@testing-library/jest-dom": "^6.6.3",
67
- "@testing-library/svelte": "^5.2.4",
68
- "@types/node": "^22.13.5",
69
- "dotenv": "^16.5.0",
70
- "eslint": "^9.18.0",
53
+ "@gouvfr/dsfr": "^1.14.1",
54
+ "@storybook/addon-a11y": "^9.1.5",
55
+ "@storybook/addon-docs": "^9.1.5",
56
+ "@storybook/addon-svelte-csf": "^5.0.8",
57
+ "@storybook/addon-themes": "^9.1.5",
58
+ "@storybook/addon-vitest": "^9.1.5",
59
+ "@storybook/sveltekit": "^9.1.5",
60
+ "@sveltejs/adapter-auto": "^6.1.0",
61
+ "@sveltejs/kit": "^2.37.1",
62
+ "@sveltejs/package": "^2.5.0",
63
+ "@sveltejs/vite-plugin-svelte": "^6.2.0",
64
+ "@testing-library/jest-dom": "^6.8.0",
65
+ "@testing-library/svelte": "^5.2.8",
66
+ "@types/node": "^22.18.1",
67
+ "@vitest/browser": "3.2.4",
68
+ "@vitest/coverage-v8": "3.2.4",
69
+ "dotenv": "^16.6.1",
70
+ "eslint": "^9.35.0",
71
71
  "eslint-config-prettier": "^10.1.8",
72
- "eslint-plugin-storybook": "^0.12.0",
73
- "eslint-plugin-svelte": "^3.0.0",
74
- "globals": "^16.0.0",
72
+ "eslint-plugin-storybook": "^9.1.5",
73
+ "eslint-plugin-svelte": "^3.12.2",
74
+ "globals": "^16.3.0",
75
75
  "husky": "^9.1.7",
76
- "lint-staged": "^16.1.0",
77
- "prettier": "^3.4.2",
78
- "prettier-plugin-svelte": "^3.3.3",
79
- "publint": "^0.3.2",
80
- "sass": "^1.85.1",
81
- "storybook": "8.3.7",
82
- "svelte": "^4.2.19",
83
- "svelte-check": "^4.0.0",
84
- "typescript": "^5.0.0",
85
- "typescript-eslint": "^8.20.0",
86
- "vite": "^5.0.13",
76
+ "lint-staged": "^16.1.6",
77
+ "playwright": "^1.55.0",
78
+ "prettier": "^3.6.2",
79
+ "prettier-plugin-svelte": "^3.4.0",
80
+ "publint": "^0.3.12",
81
+ "sass": "^1.92.1",
82
+ "storybook": "^9.1.5",
83
+ "svelte": "^5.38.8",
84
+ "svelte-check": "^4.3.1",
85
+ "typescript": "^5.9.2",
86
+ "typescript-eslint": "^8.43.0",
87
+ "vite": "^7.1.5",
87
88
  "vitest": "^3.0.0"
88
89
  },
89
90
  "lint-staged": {
@@ -1 +0,0 @@
1
- export declare const genereImageDePlaceholder: (largeur: number, longeur: number, texteAffiche?: string) => string;
@@ -1,3 +0,0 @@
1
- export const genereImageDePlaceholder = (largeur, longeur, texteAffiche) => {
2
- return `https://placehold.co/${largeur}x${longeur}${texteAffiche ? `?text=${encodeURIComponent(texteAffiche)}` : ""}`;
3
- };
package/dist/types.js DELETED
@@ -1 +0,0 @@
1
- export const estLien = (noeud) => noeud.href !== undefined;