@lab-anssi/ui-kit 1.23.2 → 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 (106) hide show
  1. package/README.md +62 -25
  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 +32 -7
  23. package/dist/lab/Bouton.svelte.d.ts +11 -22
  24. package/dist/lab/Icone.svelte +669 -2
  25. package/dist/lab/Icone.svelte.d.ts +6 -18
  26. package/dist/lab/Lien.svelte +35 -43
  27. package/dist/lab/Lien.svelte.d.ts +14 -25
  28. package/dist/lab/ResumePssi.svelte +1 -1
  29. package/dist/lab/ResumePssi.svelte.d.ts +5 -17
  30. package/dist/lab/Tag.svelte +12 -8
  31. package/dist/lab/Tag.svelte.d.ts +10 -22
  32. package/dist/lab/apparence-bouton.scss +26 -0
  33. package/dist/lab/blog/BandeauTitre.svelte +5 -8
  34. package/dist/lab/blog/BandeauTitre.svelte.d.ts +9 -21
  35. package/dist/lab/blog/CarteArticle.svelte +2 -3
  36. package/dist/lab/blog/CarteArticle.svelte.d.ts +6 -18
  37. package/dist/lab/blog/IconeChevronBas.svelte.d.ts +22 -21
  38. package/dist/lab/blog/IconeMenuLateral.svelte.d.ts +22 -21
  39. package/dist/lab/blog/ListeArticles.svelte +5 -5
  40. package/dist/lab/blog/ListeArticles.svelte.d.ts +7 -19
  41. package/dist/lab/blog/ListeDeroulante.svelte +3 -4
  42. package/dist/lab/blog/ListeDeroulante.svelte.d.ts +9 -21
  43. package/dist/lab/blog/PageCrisp.svelte +10 -6
  44. package/dist/lab/blog/PageCrisp.svelte.d.ts +6 -18
  45. package/dist/lab/blog/SommaireBureau.svelte +3 -3
  46. package/dist/lab/blog/SommaireBureau.svelte.d.ts +21 -18
  47. package/dist/lab/blog/SommaireMobile.svelte +5 -5
  48. package/dist/lab/blog/SommaireMobile.svelte.d.ts +21 -18
  49. package/dist/lab/icones/Fleche.svelte +1 -1
  50. package/dist/lab/icones/Fleche.svelte.d.ts +5 -17
  51. package/dist/lab/icones/LienExterne.svelte +1 -1
  52. package/dist/lab/icones/LienExterne.svelte.d.ts +5 -17
  53. package/dist/lab/vitrines-produits/briques/Brique.svelte +7 -4
  54. package/dist/lab/vitrines-produits/briques/Brique.svelte.d.ts +8 -21
  55. package/dist/lab/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte +11 -9
  56. package/dist/lab/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte.d.ts +9 -21
  57. package/dist/lab/vitrines-produits/briques/BriqueHero.svelte +15 -11
  58. package/dist/lab/vitrines-produits/briques/BriqueHero.svelte.d.ts +11 -23
  59. package/dist/lab/vitrines-produits/briques/BriqueTitreMultimedia.svelte +2 -3
  60. package/dist/lab/vitrines-produits/briques/BriqueTitreMultimedia.svelte.d.ts +6 -18
  61. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte +5 -5
  62. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte.d.ts +6 -18
  63. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/IconeFlecheDroite.svelte.d.ts +22 -21
  64. package/dist/lab/vitrines-produits/briques/CarrouselTuiles/IconeFlecheGauche.svelte.d.ts +22 -21
  65. package/dist/lab/vitrines-produits/briques/LecteurVideo.svelte +1 -4
  66. package/dist/lab/vitrines-produits/briques/LecteurVideo.svelte.d.ts +8 -20
  67. package/dist/lab/vitrines-produits/briques/PresentationANSSI.svelte +1 -1
  68. package/dist/lab/vitrines-produits/briques/PresentationANSSI.svelte.d.ts +16 -14
  69. package/dist/lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte +2 -5
  70. package/dist/lab/vitrines-produits/briques/RejoindreLaCommunaute.svelte.d.ts +8 -20
  71. package/dist/lab/vitrines-produits/briques/Tuile.svelte +1 -4
  72. package/dist/lab/vitrines-produits/briques/Tuile.svelte.d.ts +9 -21
  73. package/dist/lab/vitrines-produits/briques/marelle/Etape.svelte +2 -3
  74. package/dist/lab/vitrines-produits/briques/marelle/Etape.svelte.d.ts +6 -18
  75. package/dist/lab/vitrines-produits/briques/marelle/Marelle.svelte +2 -4
  76. package/dist/lab/vitrines-produits/briques/marelle/Marelle.svelte.d.ts +7 -19
  77. package/dist/lab/vitrines-produits/briques/temoignages/IconeTemoignage.svelte.d.ts +22 -21
  78. package/dist/lab/vitrines-produits/briques/temoignages/Temoignages.svelte +12 -11
  79. package/dist/lab/vitrines-produits/briques/temoignages/Temoignages.svelte.d.ts +6 -18
  80. package/dist/mes-services-cyber/bandeau/Bandeau.svelte +5 -3
  81. package/dist/mes-services-cyber/bandeau/Bandeau.svelte.d.ts +3 -16
  82. package/dist/mes-services-cyber/lien/LienDiagnosticCyber.svelte +3 -3
  83. package/dist/mes-services-cyber/lien/LienDiagnosticCyber.svelte.d.ts +6 -18
  84. package/dist/pied-de-page/NavigationPiedDePage.svelte +1 -1
  85. package/dist/pied-de-page/NavigationPiedDePage.svelte.d.ts +5 -17
  86. package/dist/styles/mixins.scss +17 -0
  87. package/dist/suite-cyber/navigation/AccueilMSC.svelte +1 -1
  88. package/dist/suite-cyber/navigation/AccueilMSC.svelte.d.ts +16 -14
  89. package/dist/suite-cyber/navigation/BlocLiens.svelte +1 -2
  90. package/dist/suite-cyber/navigation/BlocLiens.svelte.d.ts +12 -23
  91. package/dist/suite-cyber/navigation/Navigation.svelte +5 -5
  92. package/dist/suite-cyber/navigation/Navigation.svelte.d.ts +5 -17
  93. package/dist/{types.d.ts → types/commun.d.ts} +5 -10
  94. package/dist/types/commun.js +1 -0
  95. package/dist/types/global.d.ts +22 -0
  96. package/dist/types/global.js +9 -0
  97. package/dist/types/index.d.ts +2 -0
  98. package/dist/types/index.js +1 -0
  99. package/dist/utilitaires/index.d.ts +6 -0
  100. package/dist/utilitaires/index.js +12 -0
  101. package/dist/webcomponents/lab-anssi-ui-kit.iife.js +186 -41
  102. package/dist/webcomponents/lab-anssi-ui-kit.jsx.d.ts +23 -83
  103. package/package.json +42 -44
  104. package/dist/generateurImagesPlaceholders.d.ts +0 -1
  105. package/dist/generateurImagesPlaceholders.js +0 -3
  106. package/dist/types.js +0 -1
@@ -1,89 +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
- };
24
- "lab-anssi-icone": { nom: string; taille?: string };
25
- "lab-anssi-lien": {
26
- titre: string;
27
- href: string;
28
- variante: string;
29
- taille: string;
30
- icone?: string;
31
- apparence?: string;
32
- cible?: string;
33
- "position-icone"?: string;
34
- actif?: string;
35
- };
36
- "lab-anssi-resume-pssi": { nomService: string };
37
- "lab-anssi-tag": {
38
- label: string;
39
- "couleur-texte": string;
40
- "couleur-fond": string;
41
- taille?: string;
42
- type?: string;
43
- presse?: string;
44
- };
45
- "lab-anssi-brique-contenu-a-deux-colonnes": {
46
- titre: string;
47
- paragraphe: string;
48
- action?: string;
49
- ordre?: string;
50
- illustration: string;
51
- };
52
- "lab-anssi-brique-hero": {
53
- titre: string;
54
- soustitre: string;
55
- illustration: string;
56
- badge?: string;
57
- actiongauche: string;
58
- actiondroite: string;
59
- partenaires?: string;
60
- };
61
- "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": {};
62
17
  "lab-anssi-presentation-anssi": {};
63
- "lab-anssi-brique-rejoindre-la-communaute": {
64
- titre: string;
65
- raisons: string;
66
- action?: string;
67
- illustration: string;
68
- };
69
- "lab-anssi-temoignages": { titre?: string; temoignages?: string };
70
- "lab-anssi-marelle": {
71
- titre?: string;
72
- etapesmarelle?: string;
73
- action: string;
74
- };
75
- "lab-anssi-carrousel-tuiles": { tuiles?: string };
76
- "lab-anssi-bandeau-titre": {
77
- titre: string;
78
- description?: string;
79
- "fil-ariane"?: string;
80
- infosTag?: string;
81
- };
82
- "lab-anssi-liste-articles": {
83
- articles: string;
84
- categories: string;
85
- "id-categorie-choisie"?: string;
86
- };
87
- "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": {};
88
28
  }
89
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lab-anssi/ui-kit",
3
- "version": "1.23.2",
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"
@@ -15,13 +15,12 @@
15
15
  "build:webcomponents": "vite -c vite.webcomponents.config.ts build",
16
16
  "prepare": "svelte-kit sync || echo '' && husky",
17
17
  "prepack": "svelte-kit sync && svelte-package && npm run build:webcomponents && publint",
18
- "story:dev": "HISTOIRE_ENV=development histoire dev",
19
- "story:build": "HISTOIRE_ENV=production histoire build",
20
- "story:build-dev": "HISTOIRE_ENV=development histoire build",
21
18
  "test": "vitest run",
22
- "storybook:dev": "storybook dev -p 6006",
23
- "storybook:build": "storybook build",
24
- "storybook:test": "test-storybook"
19
+ "storybook:dev": "STORYBOOK_ENV=development storybook dev -p 6006",
20
+ "storybook:build": "STORYBOOK_ENV=production storybook build",
21
+ "storybook:build-dev": "STORYBOOK_ENV=development storybook build",
22
+ "storybook:test": "STORYBOOK_ENV=production npm run test-storybook",
23
+ "test-storybook": "vitest --project=storybook"
25
24
  },
26
25
  "files": [
27
26
  "dist",
@@ -45,48 +44,47 @@
45
44
  }
46
45
  },
47
46
  "peerDependencies": {
48
- "svelte": "^4.2.19"
47
+ "svelte": "^5.38.8"
49
48
  },
50
49
  "devDependencies": {
51
- "@chromatic-com/storybook": "^1.9.0",
52
- "@eslint/compat": "^1.2.5",
50
+ "@chromatic-com/storybook": "^4.1.1",
51
+ "@eslint/compat": "^1.3.2",
53
52
  "@eslint/js": "^9.18.0",
54
- "@histoire/plugin-svelte": "^0.17.9",
55
- "@storybook/addon-essentials": "8.3.7",
56
- "@storybook/addon-interactions": "8.3.7",
57
- "@storybook/addon-links": "8.3.7",
58
- "@storybook/addon-svelte-csf": "^4.2.0",
59
- "@storybook/blocks": "8.3.7",
60
- "@storybook/svelte": "8.3.7",
61
- "@storybook/sveltekit": "8.3.7",
62
- "@storybook/test": "8.3.7",
63
- "@storybook/test-runner": "0.19.0",
64
- "@sveltejs/adapter-auto": "^4.0.0",
65
- "@sveltejs/kit": "^2.16.0",
66
- "@sveltejs/package": "^2.0.0",
67
- "@sveltejs/vite-plugin-svelte": "^3.1.2",
68
- "@testing-library/jest-dom": "^6.6.3",
69
- "@testing-library/svelte": "^5.2.4",
70
- "@types/node": "^22.13.5",
71
- "dotenv": "^16.5.0",
72
- "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",
73
71
  "eslint-config-prettier": "^10.1.8",
74
- "eslint-plugin-storybook": "^0.12.0",
75
- "eslint-plugin-svelte": "^3.0.0",
76
- "globals": "^16.0.0",
77
- "histoire": "^0.17.9",
72
+ "eslint-plugin-storybook": "^9.1.5",
73
+ "eslint-plugin-svelte": "^3.12.2",
74
+ "globals": "^16.3.0",
78
75
  "husky": "^9.1.7",
79
- "lint-staged": "^16.1.0",
80
- "prettier": "^3.4.2",
81
- "prettier-plugin-svelte": "^3.3.3",
82
- "publint": "^0.3.2",
83
- "sass": "^1.85.1",
84
- "storybook": "8.3.7",
85
- "svelte": "^4.2.19",
86
- "svelte-check": "^4.0.0",
87
- "typescript": "^5.0.0",
88
- "typescript-eslint": "^8.20.0",
89
- "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",
90
88
  "vitest": "^3.0.0"
91
89
  },
92
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;