@lab-anssi/ui-kit 1.61.3 → 1.62.0

package/dist/webcomponents/lab-anssi-ui-kit.jsx.d.ts

@@ -3,7 +3,7 @@ declare namespace JSX {
     "dsfr-accordion": {
       id: string;
       label: string;
-      content: string;
+      content?: string;
       "is-expanded"?: string;
       "title-markup-level"?: string;
     };
@@ -21,11 +21,11 @@ declare namespace JSX {
       "title-tag"?: string;
     };
     "dsfr-badge": {
-      label: string;
+      label?: string;
       accent?: string;
       ellipsis?: string;
       "has-icon"?: string;
-      hasNoIcon?: string;
+      "has-no-icon"?: string;
       icon?: string;
       size?: string;
       status?: string;
@@ -162,6 +162,7 @@ declare namespace JSX {
       internals?: string;
       "legend-size"?: string;
       "legend-weight"?: string;
+      onvalueschanged?: string;
     };
     "dsfr-connect": {
       id?: string;
@@ -197,6 +198,7 @@ declare namespace JSX {
       align?: string;
       items?: string;
       disabled?: string;
+      onitemclicked?: string;
     };
     "dsfr-footer": {
       id?: string;
@@ -262,9 +264,10 @@ declare namespace JSX {
       "navigation-items"?: string;
       "has-header-tag"?: string;
       fluid?: string;
+      ontoolLinkClick?: string;
     };
     "dsfr-highlight": {
-      text: string;
+      text?: string;
       id?: string;
       size?: string;
       accent?: string;
@@ -316,7 +319,7 @@ declare namespace JSX {
       "label-weight"?: string;
     };
     "dsfr-link": {
-      label: string;
+      label?: string;
       size?: string;
       id?: string;
       disabled?: string;
@@ -353,6 +356,8 @@ declare namespace JSX {
       markup?: string;
       "has-footer"?: string;
       opened?: string;
+      onopen?: string;
+      onclose?: string;
     };
     "dsfr-navigation": { id: string; "aria-label": string; items: string };
     "dsfr-notice": {
@@ -436,6 +441,7 @@ declare namespace JSX {
       internals?: string;
       "legend-size"?: string;
       "legend-weight"?: string;
+      onvaluechanged?: string;
     };
     "dsfr-range": {
       id: string;
@@ -506,7 +512,7 @@ declare namespace JSX {
       value?: string;
       "grouped-options"?: string;
       options?: string;
-      "option-groups": string;
+      "option-groups"?: string;
       hint?: string;
       placeholder?: string;
       "placeholder-disabled"?: string;
@@ -591,15 +597,17 @@ declare namespace JSX {
       centered?: string;
       "router-mode"?: string;
       "active-index"?: string;
+      onlinkclicked?: string;
     };
     "dsfr-tabs": {
       "has-icon"?: string;
       tabs: string;
       "aria-label"?: string;
       "active-tab-index"?: string;
+      ontabchanged?: string;
     };
     "dsfr-tag": {
-      label: string;
+      label?: string;
       type?: string;
       size?: string;
       href?: string;
@@ -674,6 +682,7 @@ declare namespace JSX {
       "vertical-breakpoint"?: string;
       variations?: string;
       "no-icon"?: string;
+      children?: string;
     };
     "dsfr-toggle": {
       id: string;
@@ -724,18 +733,20 @@ declare namespace JSX {
       disabled?: string;
       "has-logout"?: string;
       "logout-label"?: string;
+      onlogout?: string;
+      onlinkclicked?: string;
     };
     "lab-anssi-alerte": {
-      description: string;
+      description?: string;
       type?: string;
       fermable?: string;
     };
     "lab-anssi-ancres": { ancres: string; "index-actif"?: string };
     "lab-anssi-bandeau-page": {
-      titre: string;
-      "balise-titre": string;
-      description: string;
-      mention: string;
+      titre?: string;
+      "balise-titre"?: string;
+      description?: string;
+      mention?: string;
       "url-image"?: string;
       "sans-image"?: string;
       "avec-fil-ariane"?: string;
@@ -747,7 +758,7 @@ declare namespace JSX {
       "fiche-catalogue"?: string;
     };
     "lab-anssi-fonctionnalites": {
-      titre: string;
+      titre?: string;
       description?: string;
       "balise-titre"?: string;
       "avec-controle-segmente"?: string;
@@ -763,7 +774,7 @@ declare namespace JSX {
       "active-defilement"?: string;
     };
     "lab-anssi-bouton": {
-      titre: string;
+      titre?: string;
       variante: string;
       taille: string;
       icone?: string;
@@ -776,10 +787,11 @@ declare namespace JSX {
       filtres: string;
       horizontal?: string;
       valeur?: string;
+      onvaleurachangee?: string;
     };
     "lab-anssi-icone": { nom: string; taille?: string };
     "lab-anssi-lien": {
-      titre: string;
+      titre?: string;
       href: string;
       variante: string;
       taille: string;
@@ -801,6 +813,8 @@ declare namespace JSX {
       status?: string;
       "error-message"?: string;
       "valid-message"?: string;
+      onvaluechanged?: string;
+      onvalueschanged?: string;
     };
     "lab-anssi-reactions": {
       reactions?: string;
@@ -812,7 +826,7 @@ declare namespace JSX {
     };
     "lab-anssi-resume-pssi": { nomService: string };
     "lab-anssi-tag": {
-      label: string;
+      label?: string;
       "couleur-texte": string;
       "couleur-fond": string;
       taille?: string;
@@ -820,25 +834,25 @@ declare namespace JSX {
       presse?: string;
     };
     "lab-anssi-brique-contenu-a-deux-colonnes": {
-      titre: string;
-      paragraphe: string;
+      titre?: string;
+      paragraphe?: string;
       action?: string;
       ordre?: string;
       illustration: string;
     };
     "lab-anssi-brique-hero": {
-      titre: string;
-      soustitre: string;
+      titre?: string;
+      soustitre?: string;
       illustration: string;
       badge?: string;
       actiongauche: string;
       actiondroite: string;
       partenaires?: string;
     };
-    "lab-anssi-titre-multimedia": { titre: string; multimedia: string };
+    "lab-anssi-titre-multimedia": { titre?: string; multimedia: string };
     "lab-anssi-presentation-anssi": { titre?: string; "label-bouton"?: string };
     "lab-anssi-brique-rejoindre-la-communaute": {
-      titre: string;
+      titre?: string;
       raisons: string;
       action?: string;
       illustration: string;
@@ -867,9 +881,13 @@ declare namespace JSX {
       "balise-sous-titre"?: string;
       action?: string;
     };
-    "lab-anssi-carrousel-tuiles": { tuiles?: string; fond?: string };
+    "lab-anssi-carrousel-tuiles": {
+      tuiles?: string;
+      fond?: string;
+      children?: string;
+    };
     "lab-anssi-bandeau-titre": {
-      titre: string;
+      titre?: string;
       description?: string;
       "fil-ariane"?: string;
       infosTag?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lab-anssi/ui-kit",
-  "version": "1.61.3",
+  "version": "1.62.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/betagouv/lab-anssi-ui-kit.git"
@@ -11,12 +11,12 @@
   },
   "homepage": "https://github.com/betagouv/lab-anssi-ui-kit#readme",
   "engines": {
-    "node": ">=24.18.0"
+    "node": ">=24.21.0"
   },
   "devEngines": {
     "packageManager": {
       "name": "pnpm",
-      "version": "11.24.0",
+      "version": "11.28.4",
       "onFail": "error"
     }
   },
@@ -25,88 +25,94 @@
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "type": "module",
   "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    },
     "./dist/webcomponents": {
       "types": "./dist/webcomponents/lab-anssi-ui-kit.jsx.d.ts",
       "import": "./dist/webcomponents/lab-anssi-ui-kit.iife.js"
     },
+    "./dist/assets/*": "./dist/assets/*",
     "./web-types.json": "./dist/web-types.json"
   },
   "web-types": "./dist/web-types.json",
   "peerDependencies": {
-    "svelte": "^5.55.0"
+    "svelte": "^5.57.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "~5.3.0",
-    "@eslint/compat": "~2.1.0",
+    "@chromatic-com/storybook": "~5.4.0",
+    "@eslint/compat": "~2.1.1",
     "@eslint/js": "~10.0.1",
     "@fullhuman/postcss-purgecss": "~8.0.0",
     "@gouvfr/dsfr": "1.14.4",
-    "@storybook/addon-a11y": "~10.6.0",
-    "@storybook/addon-docs": "~10.6.0",
-    "@storybook/addon-svelte-csf": "~5.1.2",
-    "@storybook/addon-themes": "~10.6.0",
-    "@storybook/addon-vitest": "~10.6.0",
-    "@storybook/svelte-vite": "~10.6.0",
+    "@storybook/addon-a11y": "~10.6.1",
+    "@storybook/addon-docs": "~10.6.1",
+    "@storybook/addon-svelte-csf": "~5.1.5",
+    "@storybook/addon-themes": "~10.6.1",
+    "@storybook/addon-vitest": "~10.6.1",
+    "@storybook/svelte-vite": "~10.6.1",
+    "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "~7.3.0",
     "@testing-library/jest-dom": "~7.0.1",
     "@testing-library/svelte": "~5.4.2",
-    "@types/node": "~24.13.3",
+    "@types/node": "~24.19.1",
     "@vitest/browser": "~4.1.11",
     "@vitest/browser-playwright": "~4.1.11",
     "@vitest/coverage-v8": "~4.1.11",
-    "concurrently": "~10.0.5",
-    "cssnano": "~9.0.2",
-    "dotenv": "~17.4.2",
-    "eslint": "~10.9.1",
+    "cssnano": "~9.3.1",
+    "dotenv": "~18.0.5",
+    "eslint": "~10.12.0",
     "eslint-config-prettier": "~10.1.8",
-    "eslint-plugin-storybook": "~10.6.0",
+    "eslint-plugin-storybook": "~10.6.1",
     "eslint-plugin-svelte": "~3.23.0",
-    "globals": "~17.12.0",
-    "http-server": "~14.1.1",
+    "globals": "~17.13.0",
     "husky": "~9.1.7",
-    "lint-staged": "~17.4.1",
-    "playwright": "~1.62.1",
-    "postcss": "~8.5.26",
-    "postcss-discard-empty": "~9.0.1",
+    "lint-staged": "~17.6.0",
+    "playwright": "~1.63.0",
+    "postcss": "~8.5.29",
+    "postcss-discard-empty": "~9.0.6",
     "postcss-root-to-host": "~0.0.0",
-    "prettier": "~3.9.6",
+    "prettier": "~3.9.9",
     "prettier-plugin-svelte": "~4.1.1",
-    "publint": "~0.3.24",
-    "sass": "~1.104.0",
-    "storybook": "~10.6.0",
-    "style-dictionary": "^5.5.2",
+    "publint": "~0.3.25",
+    "sass": "~1.105.1",
+    "storybook": "~10.6.1",
+    "style-dictionary": "^5.6.0",
     "svelte": "~5.57.0",
     "svelte-check": "~4.7.6",
     "typescript": "~6.0.3",
-    "typescript-eslint": "~8.69.0",
-    "vite": "~8.2.2",
-    "vitest": "~4.1.11",
-    "wait-on": "~9.1.0"
+    "typescript-eslint": "~8.71.0",
+    "vite": "~8.3.0",
+    "vitest": "~4.1.11"
   },
   "lint-staged": {
-    "*.js": "eslint --cache --fix",
-    "*.{js,ts,css,md,yml}": "prettier --write"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
+    "*.{js,ts,svelte}": "eslint --cache --fix",
+    "*.{js,ts,svelte,css,md,yml}": "prettier --write"
   },
   "scripts": {
-    "build": "vite build && pnpm run build:manifest && pnpm run prepack",
+    "build": "svelte-package && pnpm run build:styles:icons && pnpm run build:manifest && pnpm run build:webcomponents && pnpm run copy:icons && publint",
     "build:tokens": "node src/tokens/build.config.ts && pnpm prettier -w .storybook/lab-anssi-themes.css",
     "build:webcomponents": "vite -c vite.webcomponents.config.ts build",
     "build:styles:dsfr": "sass src/lib/styles/dsfr-variables.scss dist/assets/dsfr-variables.css -I node_modules -I node_modules/@gouvfr/dsfr --no-source-map",
+    "build:styles:icons": "node scripts/build-dsfr-icons.mjs",
     "build:manifest": "node scripts/generate-ui-manifest.mjs",
     "check": "UI_KIT_CHECK=1 svelte-check --tsconfig ./tsconfig.check.json --threshold error",
     "test": "vitest run",
     "storybook:dev": "STORYBOOK_ENV=development storybook dev -p 6006",
     "storybook:build": "STORYBOOK_ENV=production storybook build",
     "storybook:build-dev": "STORYBOOK_ENV=development storybook build",
-    "storybook:test": "STORYBOOK_ENV=production pnpm run test-storybook",
     "test-storybook": "vitest --project=storybook",
-    "copy:icons": "cp -r node_modules/@gouvfr/dsfr/dist/icons/* src/lib/assets/icones/dsfr && cp -r src/lib/assets/ dist/"
+    "copy:icons": "cp -r node_modules/@gouvfr/dsfr/dist/icons/* src/lib/assets/icones/dsfr && cp -r src/lib/assets/ dist/",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   }
 }