{ "path": "src/dsfr", "ascendants": [], "style": { "level": 6, "files": [ "main", "legacy", "print" ] }, "script": { "level": 6, "files": [ "main", "legacy" ] }, "type": "folder", "id": "dsfr", "title": "Système de design de l'État", "description": "", "draft": false, "doc": null, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "dsfr", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/example/index.ejs", "dest": "example/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [], "script": [] }, "replace": { "style": [ "accordion", "alert", "badge", "breadcrumb", "button", "callout", "card", "checkbox", "connect", "consent", "content", "download", "follow", "footer", "form", "header", "highlight", "input", "link", "logo", "modal", "navigation", "notice", "pagination", "password", "quote", "radio", "range", "search", "segmented", "select", "share", "sidemenu", "skiplink", "stepper", "summary", "tab", "table", "tag", "tile", "toggle", "tooltip", "transcription", "translate", "upload", "component", "core", "scheme" ], "script": [ "accordion", "breadcrumb", "button", "card", "checkbox", "display", "header", "modal", "navigation", "password", "range", "segmented", "sidemenu", "tab", "table", "tag", "tile", "toggle", "tooltip", "transcription", "component", "core", "legacy", "scheme" ] }, "dist": "dist", "children": [ { "path": "src/dsfr/core", "ascendants": [ "dsfr" ], "style": { "level": 0, "files": [ "main", "legacy", "print" ] }, "script": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "core", "title": "Fondamentaux", "order": 1, "description": "Le package core est utilisé comme fondation du Design System, il contient plusieurs éléments fondamentaux.\n\n### Typographie\n\nLes typographies Marianne® et Spectral sont les typographies officielles de la charte de l'État. Leur usage crée une cohérence entre les interfaces et offre une expérience positive à l’utilisateur. Leur respect renforce également la reconnaissance de la parole de l’État.\n\n### Icônes\n\nLes icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.\n\n### Icônes de favoris - Favicon\n\nL’icône de favoris est un petit icône associé à un site web. Il permet à l’utilisateur de repérer qu’il se trouve sur un site de l'état.\n\n### Medias\n\nLes médias désignent vos contenus photos et vidéos. Lorsqu’ils sont intégré à une page de contenu, il est recommandé de suivre les règles décrites ci-dessous.\n\n### Grille\n\nLa grille proposée par le design system vous permet de structurer vos pages et vos contenus simplement.\n", "draft": false, "doc": [ { "title": "Typographie", "url": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/typographie" }, { "title": "Icônes", "url": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone" }, { "title": "Icônes de favoris - Favicon", "url": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone-de-favori" }, { "title": "Médias fondamentaux", "url": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/medias" }, { "title": "Grille", "url": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/grille-et-points-de-rupture" } ], "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "core", "inject": false, "example": { "style": [ "accordion", "button", "core", "table", "toggle" ], "script": [ "accordion", "core", "table", "toggle" ], "root": { "hasData": true, "src": "src/dsfr/core/example/index.ejs", "dest": "example/core/index.html", "subdir": [ "artwork", "collapse", "display", "favicon", "grid", "icon", "link", "media", "print", "reset", "spacing", "typography", "utility" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/core/example/artwork/index.ejs", "dest": "example/core/artwork/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/collapse/index.ejs", "dest": "example/core/collapse/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/display/index.ejs", "dest": "example/core/display/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/favicon/index.ejs", "dest": "example/core/favicon/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/grid/index.ejs", "dest": "example/core/grid/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/icon/index.ejs", "dest": "example/core/icon/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/link/index.ejs", "dest": "example/core/link/index.html", "subdir": [ "link-raw", "link-reset" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/core/example/link/link-raw/index.ejs", "dest": "example/core/link/link-raw/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/link/link-reset/index.ejs", "dest": "example/core/link/link-reset/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/core/example/media/index.ejs", "dest": "example/core/media/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/print/index.ejs", "dest": "example/core/print/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/reset/index.ejs", "dest": "example/core/reset/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/spacing/index.ejs", "dest": "example/core/spacing/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/typography/index.ejs", "dest": "example/core/typography/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/core/example/utility/index.ejs", "dest": "example/core/utility/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [], "script": [ "legacy" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/core", "usage": { "style": [ "core" ], "script": [ "legacy", "core" ] }, "combination": [ "legacy" ] }, { "path": "src/dsfr/scheme", "ascendants": [ "dsfr" ], "style": { "level": 1, "files": [ "main" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "scheme", "title": "Combinaison de couleur", "order": 2, "description": "scheme permet la définition de couleurs principales et du darkmode pour le Design System de l'Etat.", "draft": false, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": false, "detached": false, "filename": "scheme", "inject": false, "example": { "style": [ "header", "footer", "form", "radio" ], "script": [ "modal", "header" ], "root": { "hasData": true, "src": "src/dsfr/scheme/example/index.ejs", "dest": "example/scheme/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/scheme", "usage": { "style": [ "core", "scheme" ], "script": [ "legacy", "core", "scheme" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/legacy", "ascendants": [ "dsfr" ], "script": { "level": 0, "files": [ "main", "legacy" ] }, "type": "package", "id": "legacy", "title": "Systèmes antérieurs", "order": 3, "description": "Ce package est utilisé de manière globale pour la compatibilité Internet Explorer 11 du Design System de l'Etat.", "draft": true, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": false, "nomodule": true, "detached": false, "filename": "legacy", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/legacy/example/index.ejs", "dest": "example/legacy/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/legacy", "usage": { "style": [], "script": [ "legacy" ] }, "combination": [] }, { "path": "src/dsfr/dsfr-deprecated", "ascendants": [ "dsfr" ], "style": { "level": 0, "files": [ "main", "legacy" ] }, "script": { "level": 0, "files": [ "main", "legacy" ] }, "type": "package", "id": "dsfr-deprecated", "title": "", "description": "", "draft": true, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": true, "filename": "dsfr", "inject": false, "example": { "style": [], "script": [] }, "dependencies": { "style": [], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/dsfr", "usage": { "style": [ "dsfr-deprecated" ], "script": [ "dsfr-deprecated" ] }, "combination": [] }, { "path": "src/dsfr/analytics", "ascendants": [ "dsfr" ], "script": { "level": 5, "files": [ "main" ] }, "standalone": { "script": { "files": [ "main" ] }, "dist": "standalone/analytics", "example": { "style": [ "core", "scheme", "accordion", "alert", "badge", "breadcrumb", "button", "callout", "card", "checkbox", "connect", "consent", "content", "display", "download", "follow", "footer", "form", "header", "highlight", "input", "link", "logo", "modal", "navigation", "notice", "pagination", "password", "quote", "radio", "search", "select", "share", "sidemenu", "skiplink", "stepper", "summary", "tab", "table", "tag", "tile", "toggle", "tooltip", "transcription", "translate", "upload" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/analytics/standalone/example/index.ejs", "dest": "standalone/analytics/index.html", "subdir": [], "config": "tool/example/config.ejs" } } }, "type": "package", "id": "analytics", "title": "Outils d'analyse", "description": "", "draft": false, "prepend": false, "noHeading": false, "noParameter": true, "module": true, "nomodule": true, "detached": true, "filename": "analytics", "inject": false, "example": { "style": [ "core", "scheme", "accordion", "alert", "badge", "breadcrumb", "button", "callout", "card", "checkbox", "connect", "consent", "content", "display", "download", "follow", "footer", "form", "header", "highlight", "input", "link", "logo", "modal", "navigation", "notice", "pagination", "password", "quote", "radio", "search", "select", "share", "sidemenu", "skiplink", "stepper", "summary", "tab", "table", "tag", "tile", "toggle", "tooltip", "transcription", "translate", "upload" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/analytics/example/index.ejs", "dest": "example/analytics/index.html", "subdir": [ "action", "attribute", "component", "reduce", "spa" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/action/index.ejs", "dest": "example/analytics/action/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/attribute/index.ejs", "dest": "example/analytics/attribute/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/index.ejs", "dest": "example/analytics/component/index.html", "subdir": [ "accordion", "breadcrumb", "button", "callout", "card", "checkbox", "connect", "consent", "download", "follow", "footer", "header", "input", "link", "modal", "navigation", "notice", "pagination", "quote", "radio", "search", "select", "share", "sidemenu", "summary", "tab", "table", "tag", "tile", "toggle", "transcription", "translate", "upload" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/accordion/index.ejs", "dest": "example/analytics/component/accordion/index.html", "subdir": [ "accordion-nested" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/accordion/accordion-nested/index.ejs", "dest": "example/analytics/component/accordion/accordion-nested/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/breadcrumb/index.ejs", "dest": "example/analytics/component/breadcrumb/index.html", "subdir": [ "breadcrumb-button" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/breadcrumb/breadcrumb-button/index.ejs", "dest": "example/analytics/component/breadcrumb/breadcrumb-button/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/button/index.ejs", "dest": "example/analytics/component/button/index.html", "subdir": [ "button-a-download", "button-a-external", "button-a-internal" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/button/button-a-download/index.ejs", "dest": "example/analytics/component/button/button-a-download/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/button/button-a-external/index.ejs", "dest": "example/analytics/component/button/button-a-external/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/button/button-a-internal/index.ejs", "dest": "example/analytics/component/button/button-a-internal/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/callout/index.ejs", "dest": "example/analytics/component/callout/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/card/index.ejs", "dest": "example/analytics/component/card/index.html", "subdir": [ "card-button", "card-link", "card-tag" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/card/card-button/index.ejs", "dest": "example/analytics/component/card/card-button/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/card/card-link/index.ejs", "dest": "example/analytics/component/card/card-link/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/card/card-tag/index.ejs", "dest": "example/analytics/component/card/card-tag/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/checkbox/index.ejs", "dest": "example/analytics/component/checkbox/index.html", "subdir": [ "checkbox-checked" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/checkbox/checkbox-checked/index.ejs", "dest": "example/analytics/component/checkbox/checkbox-checked/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/connect/index.ejs", "dest": "example/analytics/component/connect/index.html", "subdir": [ "connect-a" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/connect/connect-a/index.ejs", "dest": "example/analytics/component/connect/connect-a/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/consent/index.ejs", "dest": "example/analytics/component/consent/index.html", "subdir": [ "consent-placeholder" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/consent/consent-placeholder/index.ejs", "dest": "example/analytics/component/consent/consent-placeholder/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/download/index.ejs", "dest": "example/analytics/component/download/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/follow/index.ejs", "dest": "example/analytics/component/follow/index.html", "subdir": [ "follow-form" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/follow/follow-form/index.ejs", "dest": "example/analytics/component/follow/follow-form/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/footer/index.ejs", "dest": "example/analytics/component/footer/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/header/index.ejs", "dest": "example/analytics/component/header/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/input/index.ejs", "dest": "example/analytics/component/input/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/link/index.ejs", "dest": "example/analytics/component/link/index.html", "subdir": [ "link-download", "link-external" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/link/link-download/index.ejs", "dest": "example/analytics/component/link/link-download/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/link/link-external/index.ejs", "dest": "example/analytics/component/link/link-external/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/modal/index.ejs", "dest": "example/analytics/component/modal/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/navigation/index.ejs", "dest": "example/analytics/component/navigation/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/notice/index.ejs", "dest": "example/analytics/component/notice/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/pagination/index.ejs", "dest": "example/analytics/component/pagination/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/quote/index.ejs", "dest": "example/analytics/component/quote/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/radio/index.ejs", "dest": "example/analytics/component/radio/index.html", "subdir": [ "radio-rich" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/radio/radio-rich/index.ejs", "dest": "example/analytics/component/radio/radio-rich/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/search/index.ejs", "dest": "example/analytics/component/search/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/select/index.ejs", "dest": "example/analytics/component/select/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/share/index.ejs", "dest": "example/analytics/component/share/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/sidemenu/index.ejs", "dest": "example/analytics/component/sidemenu/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/summary/index.ejs", "dest": "example/analytics/component/summary/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/tab/index.ejs", "dest": "example/analytics/component/tab/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/table/index.ejs", "dest": "example/analytics/component/table/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/tag/index.ejs", "dest": "example/analytics/component/tag/index.html", "subdir": [ "tag-clickable", "tag-dismissible", "tag-pressable" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/tag/tag-clickable/index.ejs", "dest": "example/analytics/component/tag/tag-clickable/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/tag/tag-dismissible/index.ejs", "dest": "example/analytics/component/tag/tag-dismissible/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/tag/tag-pressable/index.ejs", "dest": "example/analytics/component/tag/tag-pressable/index.html", "subdir": [ "tag-pressable-checked" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/tag/tag-pressable/tag-pressable-checked/index.ejs", "dest": "example/analytics/component/tag/tag-pressable/tag-pressable-checked/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/tile/index.ejs", "dest": "example/analytics/component/tile/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/toggle/index.ejs", "dest": "example/analytics/component/toggle/index.html", "subdir": [ "toggle-checked" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/component/toggle/toggle-checked/index.ejs", "dest": "example/analytics/component/toggle/toggle-checked/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/component/transcription/index.ejs", "dest": "example/analytics/component/transcription/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/translate/index.ejs", "dest": "example/analytics/component/translate/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/component/upload/index.ejs", "dest": "example/analytics/component/upload/index.html", "subdir": [], "config": "src/dsfr/analytics/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/analytics/example/reduce/index.ejs", "dest": "example/analytics/reduce/index.html", "subdir": [], "config": "src/dsfr/analytics/example/reduce/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/spa/index.ejs", "dest": "example/analytics/spa/index.html", "subdir": [ "agnostic", "react", "vue" ], "config": "src/dsfr/analytics/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/analytics/example/spa/agnostic/index.ejs", "dest": "example/analytics/spa/agnostic/index.html", "subdir": [], "config": "src/dsfr/analytics/example/spa/agnostic/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/spa/react/index.ejs", "dest": "example/analytics/spa/react/index.html", "subdir": [], "config": "src/dsfr/analytics/example/spa/react/config.ejs" }, { "hasData": true, "src": "src/dsfr/analytics/example/spa/vue/index.ejs", "dest": "example/analytics/spa/vue/index.html", "subdir": [], "config": "src/dsfr/analytics/example/spa/vue/config.ejs" } ] } ] } }, "dependencies": { "style": [], "script": [ "core", "scheme", "accordion", "button", "header", "breadcrumb", "toggle", "sidemenu", "modal", "password", "navigation", "tab", "tooltip", "display", "table", "tag" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/analytics", "usage": { "style": [], "script": [ "legacy", "core", "scheme", "accordion", "button", "navigation", "modal", "breadcrumb", "toggle", "sidemenu", "password", "tab", "tooltip", "checkbox", "tag", "header", "display", "table", "analytics" ] }, "combination": [ "core", "scheme", "accordion", "button", "breadcrumb", "sidemenu", "tab", "tooltip", "display", "tag", "toggle", "modal", "navigation", "password", "table", "header" ] }, { "path": "src/dsfr/component", "ascendants": [ "dsfr" ], "style": { "level": 5, "files": [ "main", "legacy", "print" ] }, "script": { "level": 4, "files": [ "main", "legacy" ] }, "type": "folder", "id": "component", "title": "Composant", "description": "", "draft": false, "doc": null, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "component", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/example/index.ejs", "dest": "example/component/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [ "core", "scheme" ] }, "replace": { "style": [ "accordion", "alert", "badge", "breadcrumb", "button", "callout", "card", "checkbox", "connect", "consent", "content", "download", "follow", "footer", "form", "header", "highlight", "input", "link", "logo", "modal", "navigation", "notice", "pagination", "password", "quote", "radio", "range", "search", "segmented", "select", "share", "sidemenu", "skiplink", "stepper", "summary", "tab", "table", "tag", "tile", "toggle", "tooltip", "transcription", "translate", "upload" ], "script": [ "accordion", "breadcrumb", "button", "card", "checkbox", "display", "header", "modal", "navigation", "password", "range", "segmented", "sidemenu", "tab", "table", "tag", "tile", "toggle", "tooltip", "transcription" ] }, "dist": "dist/component", "children": [ { "path": "src/dsfr/component/accordion", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "accordion", "title": "Accordéon", "description": "L'accordéon permet aux utilisateurs d'afficher et de masquer des sections de contenu présentés dans une page.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/accordeon", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "accordion", "inject": false, "example": { "style": [ "tab", "button" ], "script": [ "tab" ], "root": { "hasData": true, "src": "src/dsfr/component/accordion/example/index.ejs", "dest": "example/component/accordion/index.html", "subdir": [ "imbrication" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/accordion/example/imbrication/index.ejs", "dest": "example/component/accordion/imbrication/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/accordion", "usage": { "style": [ "core", "accordion" ], "script": [ "legacy", "core", "accordion" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/upload", "ascendants": [ "dsfr", "component" ], "style": { "level": 0, "files": [ "main", "print" ] }, "type": "package", "id": "upload", "title": "Ajout de fichier", "description": "Ce composant permet aux utilisateurs de sélectionner et envoyer un ou plusieurs fichiers.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/ajout-de-fichier", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "upload", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/upload/example/index.ejs", "dest": "example/component/upload/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/upload", "usage": { "style": [ "upload" ], "script": [] }, "combination": [] }, { "path": "src/dsfr/component/alert", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "alert", "title": "Alerte", "description": "L'alerte permet d’attirer l’attention de l’utilisateur sur une information sans interrompre sa tâche.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/alerte", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "alert", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/alert/example/index.ejs", "dest": "example/component/alert/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/alert", "usage": { "style": [ "core", "button", "alert" ], "script": [] }, "combination": [ "core", "button" ] }, { "path": "src/dsfr/component/badge", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "badge", "title": "Badge", "description": "Le composant badge permet de mettre en avant une information de type “statut” ou “état” sur un élément du site.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/badge", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "badge", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/badge/example/index.ejs", "dest": "example/component/badge/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/badge", "usage": { "style": [ "core", "badge" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/notice", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "notice", "title": "Bandeau d'information importante", "description": "Le bandeau d’information importante permet aux utilisateurs de voir ou d’accéder à une information importante et temporaire.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/bandeau-d-information-importante", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "notice", "inject": false, "example": { "style": [ "header", "navigation", "breadcrumb", "search", "skiplink" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/notice/example/index.ejs", "dest": "example/component/notice/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/notice", "usage": { "style": [ "core", "button", "notice" ], "script": [] }, "combination": [ "core", "button" ] }, { "path": "src/dsfr/component/search", "ascendants": [ "dsfr", "component" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "search", "title": "Barre de recherche", "description": "La barre de recherche est un système de navigation qui permet à l'utilisateur d’accéder rapidement à un contenu en lançant une recherche sur un mot clé ou une expression.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/barre-de-recherche", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "search", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/search/example/index.ejs", "dest": "example/component/search/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "input", "button" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/search", "usage": { "style": [ "core", "form", "button", "input", "search" ], "script": [] }, "combination": [ "core", "input", "button" ] }, { "path": "src/dsfr/component/logo", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "logo", "title": "Bloc marque", "description": "Bloc marque de l'état", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "logo", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/logo/example/index.ejs", "dest": "example/component/logo/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/logo", "usage": { "style": [ "core", "logo" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/button", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "button", "title": "Bouton", "description": "Le bouton est un élément d’interaction avec l’interface permettant à l’utilisateur d’effectuer une action.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/bouton", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "button", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/button/example/index.ejs", "dest": "example/component/button/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/button", "usage": { "style": [ "core", "button" ], "script": [ "legacy", "core", "button" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/connect", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "standalone": { "style": { "files": [ "main" ] }, "dist": "standalone/component/connect", "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/connect/standalone/example/index.ejs", "dest": "standalone/component/connect/index.html", "subdir": [], "config": "tool/example/config.ejs" } } }, "type": "package", "id": "connect", "title": "Bouton FranceConnect", "description": "Le bouton FranceConnect est un bouton spécifique permettant d'interagir avec l'API FranceConnect.\nhttps://franceconnect.gouv.fr/\n", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/bouton-franceconnect", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "connect", "inject": false, "fontSubset": { "Regular": [ "default.login" ], "Bold": [ "default.brand", "plus.brand", "agent.brand" ] }, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/connect/example/index.ejs", "dest": "example/component/connect/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/connect", "usage": { "style": [ "core", "connect" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/radio", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "radio", "title": "Bouton radio", "description": "Le bouton radio permettent à l’utilisateur de sélectionner une seule option dans une liste.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/bouton-radio", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "radio", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/radio/example/index.ejs", "dest": "example/component/radio/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/radio/example/deprecated/index.ejs", "dest": "example/component/radio/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "form" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/radio", "usage": { "style": [ "core", "form", "radio" ], "script": [] }, "combination": [ "core", "form" ] }, { "path": "src/dsfr/component/card", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "card", "title": "Carte", "description": "La carte donne des aperçus cliquables d’une page de contenu à l’utilisateur. Elle fait généralement partie d'une collection ou liste d’aperçus de contenu similaires. La carte n’est jamais présentée de manière isolée.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/carte", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "card", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/card/example/index.ejs", "dest": "example/component/card/index.html", "subdir": [ "deprecated", "download" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/card/example/deprecated/index.ejs", "dest": "example/component/card/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/component/card/example/download/index.ejs", "dest": "example/component/card/download/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "link", "button", "badge", "tag" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/card", "usage": { "style": [ "core", "link", "button", "badge", "tag", "card" ], "script": [ "legacy", "core", "card" ] }, "combination": [ "core", "link", "badge", "button", "tag" ] }, { "path": "src/dsfr/component/checkbox", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "checkbox", "title": "Case à cocher", "description": "La case à cocher permet à l’utilisateur de sélectionner une ou plusieurs options dans une liste. Elle est utilisée pour effectuer des sélections multiples (de 0 à N éléments), ou bien pour permettre un choix binaire, lorsque l’utilisateur peut sélectionner ou désélectionner une seule option.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/case-a-cocher", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "checkbox", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/checkbox/example/index.ejs", "dest": "example/component/checkbox/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/checkbox/example/deprecated/index.ejs", "dest": "example/component/checkbox/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "form" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/checkbox", "usage": { "style": [ "core", "form", "checkbox" ], "script": [ "legacy", "core", "checkbox" ] }, "combination": [ "core", "form" ] }, { "path": "src/dsfr/component/input", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "input", "title": "Champ de saisie", "description": "Les champs permettent à un utilisateur d'entrer du contenu et données.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/adresse-electronique", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "input", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/input/example/index.ejs", "dest": "example/component/input/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/input/example/deprecated/index.ejs", "dest": "example/component/input/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "form", "button" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/input", "usage": { "style": [ "core", "form", "button", "input" ], "script": [] }, "combination": [ "core", "form", "button" ] }, { "path": "src/dsfr/component/quote", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "quote", "title": "Citation", "description": "La citation permet de citer un texte dans une page éditoriale. La citation peut provenir d'un extrait d’un discours oral formulé par une tierce personne ou d’un texte écrit.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/citation", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "quote", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/quote/example/index.ejs", "dest": "example/component/quote/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/quote", "usage": { "style": [ "core", "quote" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/content", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "content", "title": "Contenu médias", "description": "Les médias désignent vos contenus photos et vidéos. Lorsqu’ils sont intégré à une page de contenu, il est recommandé de suivre les règles décrites dans la documentation.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/contenu-medias", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "content", "inject": false, "example": { "style": [ "transcription" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/content/example/index.ejs", "dest": "example/component/content/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "link" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/content", "usage": { "style": [ "core", "link", "content" ], "script": [] }, "combination": [ "core", "link" ] }, { "path": "src/dsfr/component/segmented", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "segmented", "title": "Contrôle segmenté", "description": "Le composant \"contrôle segmenté\" incite l'utilisateur à choisir entre plusieurs options d'affichage disponibles (vues), mutuellement exclusives avec une valeur sélectionnée par défaut.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/controle-segmente", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "segmented", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/segmented/example/index.ejs", "dest": "example/component/segmented/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "form" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/segmented", "usage": { "style": [ "core", "form", "segmented" ], "script": [ "legacy", "core", "segmented" ] }, "combination": [ "core", "form" ] }, { "path": "src/dsfr/component/range", "ascendants": [ "dsfr", "component" ], "style": { "level": 0, "files": [ "main", "legacy", "print" ] }, "script": { "level": 3, "files": [ "main" ] }, "type": "package", "id": "range", "title": "Curseur", "description": "Les curseurs sont des entrées numériques qui permettent de voir graphiquement une sélection par rapport a une valeur minimale et maximale. Ils servent à montrer en temps réelle les options choisies et éclairer la prise de décision.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/curseur", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "range", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/range/example/index.ejs", "dest": "example/component/range/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [], "script": [ "core", "scheme" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/range", "usage": { "style": [ "range" ], "script": [ "legacy", "core", "scheme", "range" ] }, "combination": [ "core", "scheme" ] }, { "path": "src/dsfr/component/header", "ascendants": [ "dsfr", "component" ], "style": { "level": 4, "files": [ "main", "legacy", "print" ] }, "script": { "level": 3, "files": [ "main" ] }, "type": "package", "id": "header", "title": "En-tête", "description": "L’en-tête permet aux utilisateurs d’identifier sur quel site ils se trouvent. Il peut donner accès à la recherche et à certaines pages ou fonctionnalités clés.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/en-tete", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "header", "inject": false, "example": { "style": [ "badge" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/header/example/index.ejs", "dest": "example/component/header/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "link", "button", "logo", "navigation", "modal", "search", "translate" ], "script": [ "core", "navigation", "modal" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/header", "usage": { "style": [ "core", "link", "button", "logo", "form", "navigation", "modal", "input", "search", "translate", "header" ], "script": [ "legacy", "core", "navigation", "modal", "header" ] }, "combination": [ "core", "link", "logo", "button", "search", "translate", "navigation", "modal" ] }, { "path": "src/dsfr/component/breadcrumb", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "breadcrumb", "title": "Fil d'Ariane", "description": "Le fil d’Ariane est un système de navigation secondaire qui permet à l’utilisateur de se situer sur le site qu’il consulte.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/fil-d-ariane", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "breadcrumb", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/breadcrumb/example/index.ejs", "dest": "example/component/breadcrumb/index.html", "subdir": [ "alternative" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/breadcrumb/example/alternative/index.ejs", "dest": "example/component/breadcrumb/alternative/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/breadcrumb", "usage": { "style": [ "core", "breadcrumb" ], "script": [ "legacy", "core", "breadcrumb" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/form", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "form", "title": "Formulaire", "description": "Ce package permet de mettre en forme les différents champs d'un formulaire, notamment en ce qui concerne les espacements et texte d'aide et d'erreur.", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "form", "inject": false, "example": { "style": [ "checkbox", "input", "radio", "select", "button" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/form/example/index.ejs", "dest": "example/component/form/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/form/example/deprecated/index.ejs", "dest": "example/component/form/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/form", "usage": { "style": [ "core", "form" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/consent", "ascendants": [ "dsfr", "component" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "consent", "title": "Gestionnaire de consentement", "description": "Le gestionnaire de consentement permet à l'utilisateur de définir ses préférences sur l'utilisation de ses données personnelles.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/gestionnaire-de-consentement", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "consent", "inject": false, "example": { "style": [ "content", "transcription" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/consent/example/index.ejs", "dest": "example/component/consent/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "link", "button", "form", "radio", "modal" ], "script": [ "core", "modal" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/consent", "usage": { "style": [ "core", "link", "button", "form", "radio", "modal", "consent" ], "script": [ "legacy", "core", "modal" ] }, "combination": [ "core", "link", "form", "radio", "button", "modal" ] }, { "path": "src/dsfr/component/stepper", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "stepper", "title": "Indicateur d'étapes", "description": "L’indicateur d'étape permet d’indiquer à l’utilisateur où il se trouve dans un formulaire ou dans une démarche.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/indicateur-d-etapes", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "stepper", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/stepper/example/index.ejs", "dest": "example/component/stepper/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/stepper", "usage": { "style": [ "core", "stepper" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/tooltip", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "tooltip", "title": "Information contextuelle et Infobulle", "description": "", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/infobulle", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "tooltip", "inject": false, "example": { "style": [ "button", "share", "input", "table" ], "script": [ "table" ], "root": { "hasData": true, "src": "src/dsfr/component/tooltip/example/index.ejs", "dest": "example/component/tooltip/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/tooltip", "usage": { "style": [ "core", "tooltip" ], "script": [ "legacy", "core", "tooltip" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/toggle", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "toggle", "title": "Interrupteur", "description": "Le composant “Interrupteur” permet à l’utilisateur de faire un choix entre deux états opposés (activé / désactivé).", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/interrupteur", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "toggle", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/toggle/example/index.ejs", "dest": "example/component/toggle/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/toggle/example/deprecated/index.ejs", "dest": "example/component/toggle/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "form" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/toggle", "usage": { "style": [ "core", "form", "toggle" ], "script": [ "legacy", "core", "toggle" ] }, "combination": [ "core", "form" ] }, { "path": "src/dsfr/component/follow", "ascendants": [ "dsfr", "component" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "follow", "title": "Lettre d'information et Réseaux Sociaux", "description": "Le bloc \"Lettre d'information et Réseaux Sociaux\" est composé d'un bloc permettant à l’utilisateur de s’inscrire à la newsletter de l’organisation et/ou d'un bloc de liens permettant d’accéder aux réseaux sociaux de l’organisation depuis le pied de page.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/lettre-d-information-et-reseaux-sociaux", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "follow", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/follow/example/index.ejs", "dest": "example/component/follow/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "alert", "button", "input" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/follow", "usage": { "style": [ "core", "button", "form", "alert", "input", "follow" ], "script": [] }, "combination": [ "core", "alert", "input", "button" ] }, { "path": "src/dsfr/component/link", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "link", "title": "Lien", "description": "Le lien permet la navigation entre une page et un autre contenu au sein de la même page, du même site ou externe. Pour les actions d’un autre type - comme la soumission d’un formulaire - il faut utiliser le composant bouton.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/lien", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "link", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/link/example/index.ejs", "dest": "example/component/link/index.html", "subdir": [ "back-to-top", "download" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/link/example/back-to-top/index.ejs", "dest": "example/component/link/back-to-top/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/component/link/example/download/index.ejs", "dest": "example/component/link/download/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/link", "usage": { "style": [ "core", "link" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/skiplink", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "skiplink", "title": "Liens d'évitement", "description": "Les liens d’évitement permettent aux utilisateurs naviguant au clavier, ou équipés de lecteurs d'écran, d’accéder plus rapidement à des zones précises de la page.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/lien-d-evitement", "prepend": true, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "skiplink", "inject": false, "example": { "style": [ "header", "footer" ], "script": [ "navigation", "header", "modal" ], "root": { "hasData": true, "src": "src/dsfr/component/skiplink/example/index.ejs", "dest": "example/component/skiplink/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "link" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/skiplink", "usage": { "style": [ "core", "link", "skiplink" ], "script": [] }, "combination": [ "core", "link" ] }, { "path": "src/dsfr/component/select", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "select", "title": "Liste déroulante", "description": "La liste déroulante permet à un utilisateur de choisir un élément dans une liste donnée.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/liste-deroulante", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "select", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/select/example/index.ejs", "dest": "example/component/select/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/select/example/deprecated/index.ejs", "dest": "example/component/select/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "form" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/select", "usage": { "style": [ "core", "form", "select" ], "script": [] }, "combination": [ "core", "form" ] }, { "path": "src/dsfr/component/sidemenu", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "sidemenu", "title": "Menu latéral", "description": "Le menu latéral permet aux utilisateurs de naviguer entre les différentes pages d’une rubrique ou d’un même thème.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/menu-lateral", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "sidemenu", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/sidemenu/example/index.ejs", "dest": "example/component/sidemenu/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/sidemenu", "usage": { "style": [ "core", "sidemenu" ], "script": [ "legacy", "core", "sidemenu" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/callout", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "callout", "title": "Mise en avant", "description": "La mise en avant permet à l’utilisateur de distinguer rapidement une information qui vient compléter le contenu consulté.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/mise-en-avant", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "callout", "inject": false, "example": { "style": [ "button" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/callout/example/index.ejs", "dest": "example/component/callout/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/callout", "usage": { "style": [ "core", "callout" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/highlight", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "highlight", "title": "Mises en exergue", "description": "La mise en exergue permet à l’utilisateur de distinguer et repérer une information facilement.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/mise-en-exergue", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "highlight", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/highlight/example/index.ejs", "dest": "example/component/highlight/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/highlight", "usage": { "style": [ "core", "highlight" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/modal", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "modal", "title": "Modale", "description": "La modale permet de concentrer l’attention de l’utilisateur exclusivement sur une tâche ou un élément d’information, sans perdre le contexte de la page en cours. Ce composant nécessite une action de l’utilisateur afin d'être clôturé ou ouverte.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/modale", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "modal", "inject": false, "example": { "style": [ "link", "form", "input", "table", "tooltip" ], "script": [ "table", "tooltip" ], "root": { "hasData": true, "src": "src/dsfr/component/modal/example/index.ejs", "dest": "example/component/modal/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/modal", "usage": { "style": [ "core", "button", "modal" ], "script": [ "legacy", "core", "modal" ] }, "combination": [ "core", "button" ] }, { "path": "src/dsfr/component/password", "ascendants": [ "dsfr", "component" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "password", "title": "Mot de passe", "description": "La demande de mot de passe permet d’aider un utilisateur à créer ou saisir un mot de passe.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/mot-de-passe", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "password", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/password/example/index.ejs", "dest": "example/component/password/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "input", "checkbox", "link" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/password", "usage": { "style": [ "core", "form", "button", "link", "input", "checkbox", "password" ], "script": [ "legacy", "core", "password" ] }, "combination": [ "core", "link", "input", "checkbox" ] }, { "path": "src/dsfr/component/navigation", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "navigation", "title": "Navigation principale", "description": "La navigation principale est l'élément central de la navigation au sein du site, il oriente l’utilisateur à travers les grandes sections du site et sur éventuellement plusieurs niveaux de profondeur.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/navigation-principale", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "navigation", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/navigation/example/index.ejs", "dest": "example/component/navigation/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/navigation", "usage": { "style": [ "core", "button", "navigation" ], "script": [ "legacy", "core", "navigation" ] }, "combination": [ "core", "button" ] }, { "path": "src/dsfr/component/tab", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "tab", "title": "Onglets", "description": "Le composant onglet permet aux utilisateurs de naviguer dans différentes sections de contenu au sein d’une même page.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/onglet", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "tab", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/tab/example/index.ejs", "dest": "example/component/tab/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/tab", "usage": { "style": [ "core", "tab" ], "script": [ "legacy", "core", "tab" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/pagination", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "pagination", "title": "Pagination", "description": "La pagination permet à l’utilisateur de naviguer entre les différentes pages d’une liste d'éléments.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/pagination", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pagination", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/pagination/example/index.ejs", "dest": "example/component/pagination/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/pagination", "usage": { "style": [ "core", "pagination" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/display", "ascendants": [ "dsfr", "component" ], "script": { "level": 3, "files": [ "main" ] }, "type": "package", "id": "display", "title": "Paramètre d'affichage", "description": "Le pattern paramètre d'affichage permet de définir ses préférences de thème", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/parametre-d-affichage", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "display", "inject": false, "example": { "style": [ "header", "footer" ], "script": [ "header" ], "root": { "hasData": true, "src": "src/dsfr/component/display/example/index.ejs", "dest": "example/component/display/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "form", "radio", "modal" ], "script": [ "core", "scheme", "modal" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/display", "usage": { "style": [ "core", "form", "button", "radio", "modal" ], "script": [ "legacy", "core", "scheme", "modal", "display" ] }, "combination": [ "core", "form", "radio", "scheme", "modal" ] }, { "path": "src/dsfr/component/share", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "share", "title": "Partage", "description": "Les boutons de partage permettent aux utilisateurs de partager facilement un contenu, via les réseaux sociaux, par envoi de mail ou en copiant l’URL du contenu dans le presse-papier.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/partage", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "share", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/share/example/index.ejs", "dest": "example/component/share/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button", "link" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/share", "usage": { "style": [ "core", "button", "link", "share" ], "script": [] }, "combination": [ "core", "link", "button" ] }, { "path": "src/dsfr/component/footer", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "footer", "title": "Pied de page", "description": "Le pied de page propose des éléments d’information sur le site et une navigation secondaire pour l’utilisateur afin qu’il poursuive son parcours. Il est modulable selon les besoins et les exigences du site.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/pied-de-page", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "footer", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/footer/example/index.ejs", "dest": "example/component/footer/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "logo" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/footer", "usage": { "style": [ "core", "logo", "footer" ], "script": [] }, "combination": [ "core", "logo" ] }, { "path": "src/dsfr/component/translate", "ascendants": [ "dsfr", "component" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "translate", "title": "Sélecteur de langue", "description": "Le sélecteur de langue permet à l’utilisateur de choisir la langue dans laquelle est affichée le contenu du site, si celui-ci est disponible en plusieurs langues.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/selecteur-de-langue", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "translate", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/translate/example/index.ejs", "dest": "example/component/translate/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button", "navigation" ], "script": [ "core", "navigation" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/translate", "usage": { "style": [ "core", "button", "navigation", "translate" ], "script": [ "legacy", "core", "navigation" ] }, "combination": [ "core", "button", "navigation" ] }, { "path": "src/dsfr/component/summary", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "summary", "title": "Sommaire", "description": "Le sommaire permet aux utilisateurs d’avoir un aperçu du contenu et de naviguer entre les différentes sections d’une page.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/sommaire", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "summary", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/summary/example/index.ejs", "dest": "example/component/summary/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/summary", "usage": { "style": [ "core", "summary" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/table", "ascendants": [ "dsfr", "component" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "script": { "level": 3, "files": [ "main" ] }, "type": "package", "id": "table", "title": "Tableaux", "description": "Les tableaux sont utilisés pour organiser et afficher les informations d'un jeu de données.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/tableau", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "table", "inject": false, "example": { "style": [ "search", "alert", "badge", "input", "link", "pagination", "select", "segmented", "tag", "toggle", "tooltip" ], "script": [ "tooltip" ], "root": { "hasData": true, "src": "src/dsfr/component/table/example/index.ejs", "dest": "example/component/table/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/table/example/deprecated/index.ejs", "dest": "example/component/table/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "button", "checkbox" ], "script": [ "core", "checkbox" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/table", "usage": { "style": [ "core", "button", "form", "checkbox", "table" ], "script": [ "legacy", "core", "checkbox", "table" ] }, "combination": [ "core", "button", "checkbox" ] }, { "path": "src/dsfr/component/tag", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "tag", "title": "Tag", "description": "Le tag catégorise/classe/organise les contenus à l'aide de mots-clés. Il aide les utilisateurs à rechercher et à trouver facilement une information.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/tag", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "tag", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/tag/example/index.ejs", "dest": "example/component/tag/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/tag", "usage": { "style": [ "core", "tag" ], "script": [ "legacy", "core", "tag" ] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/download", "ascendants": [ "dsfr", "component" ], "style": { "level": 1, "files": [ "main" ] }, "type": "package", "id": "download", "title": "Téléchargement de fichier", "description": "Ce composant est déprécié. La fonctionnalité \"téléchargement de fichier\" est maintenant disponible directement sur le composant carte et le composant lien.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/telechargement-de-fichier", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "download", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/download/example/index.ejs", "dest": "example/component/download/index.html", "subdir": [ "deprecated" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/download/example/deprecated/index.ejs", "dest": "example/component/download/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/download", "usage": { "style": [ "core", "download" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/component/transcription", "ascendants": [ "dsfr", "component" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "transcription", "title": "Transcription", "description": "", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/transcription", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "transcription", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/transcription/example/index.ejs", "dest": "example/component/transcription/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button", "modal" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/transcription", "usage": { "style": [ "core", "button", "modal", "transcription" ], "script": [ "legacy", "core", "transcription" ] }, "combination": [ "core", "button", "modal" ] }, { "path": "src/dsfr/component/tile", "ascendants": [ "dsfr", "component" ], "style": { "level": 2, "files": [ "main", "legacy", "print" ] }, "script": { "level": 2, "files": [ "main" ] }, "type": "package", "id": "tile", "title": "Tuile", "description": "", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/tuile", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "tile", "inject": false, "example": { "style": [ "badge", "tag" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/component/tile/example/index.ejs", "dest": "example/component/tile/index.html", "subdir": [ "deprecated", "download" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/component/tile/example/deprecated/index.ejs", "dest": "example/component/tile/deprecated/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/component/tile/example/download/index.ejs", "dest": "example/component/tile/download/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "link", "button" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/component/tile", "usage": { "style": [ "core", "link", "button", "tile" ], "script": [ "legacy", "core", "tile" ] }, "combination": [ "core", "link", "button" ] } ], "usage": { "style": [ "core", "component" ], "script": [ "legacy", "core", "scheme", "component" ] }, "combination": [ "core", "scheme" ] }, { "path": "src/dsfr/layout", "ascendants": [ "dsfr" ], "type": "folder", "id": "layout", "title": "Modèles et exemples", "description": "", "draft": false, "doc": null, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "layout", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/example/index.ejs", "dest": "example/layout/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "alert", "connect", "checkbox", "input", "password", "button", "form", "stepper", "radio" ], "script": [ "core", "password" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout", "children": [ { "path": "src/dsfr/layout/pattern", "ascendants": [ "dsfr", "layout" ], "type": "folder", "id": "pattern", "title": "Bloc fonctionnel", "description": "", "draft": false, "doc": null, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pattern", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/example/index.ejs", "dest": "example/layout/pattern/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern", "children": [ { "path": "src/dsfr/layout/pattern/address", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "address", "title": "Bloc fonctionnel d'adresse postale", "description": "La demande d’adresse postale permet d’aider un utilisateur à saisir son adresse.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/adresse-postale", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "address", "inject": false, "example": { "style": [ "input", "select" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/address/example/index.ejs", "dest": "example/layout/pattern/address/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/address", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/pattern/civility", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "civility", "title": "Bloc fonctionnel de civilité", "description": "La demande de civilité permet à un utilisateur de donner sa civilité (sexe, situation familière, titre d’appel).", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/civilite", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "civility", "inject": false, "example": { "style": [ "radio", "select" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/civility/example/index.ejs", "dest": "example/layout/pattern/civility/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/civility", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/pattern/date", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "date", "title": "Bloc fonctionnel de date unique", "description": "Le champ de saisie de date fixe reprend trois champs de saisie de texte.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/date-unique", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "date", "inject": false, "example": { "style": [ "input", "form" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/date/example/index.ejs", "dest": "example/layout/pattern/date/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/date", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/pattern/email", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "email", "title": "Bloc fonctionnel de demande d'email", "description": "La demande d'email est un bloc fonctionnel qui permet de saisir un email.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/email", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "email", "inject": false, "example": { "style": [ "input" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/email/example/index.ejs", "dest": "example/layout/pattern/email/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/email", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/pattern/nationality", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "nationality", "title": "Bloc fonctionnel de nationalité", "description": "La demande de nationalité permet d’aider un utilisateur à saisir sa nationalité.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/nationalite", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "nationality", "inject": false, "example": { "style": [ "select" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/nationality/example/index.ejs", "dest": "example/layout/pattern/nationality/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/nationality", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/pattern/name", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "name", "title": "Bloc fonctionnel de nom et prénom", "description": "La demande de nom et prénom permet d’aider un utilisateur à saisir son nom et son prénom.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/nom-et-prenom", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "name", "inject": false, "example": { "style": [ "input", "checkbox", "select" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/name/example/index.ejs", "dest": "example/layout/pattern/name/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/name", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/pattern/company", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "company", "title": "Bloc fonctionnel de société", "description": "La demande de renseignement sur la société permet d’aider un utilisateur à saisir les renseignements concernant sa société.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/societe", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "company", "inject": false, "example": { "style": [ "input", "select", "link" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/company/example/index.ejs", "dest": "example/layout/pattern/company/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/company", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/pattern/tel", "ascendants": [ "dsfr", "layout", "pattern" ], "type": "package", "id": "tel", "title": "Bloc fonctionnel de téléphone", "description": "La demande de numéro de téléphone est un bloc fonctionnel qui permet de saisir un numéro de téléphone.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/blocs-fonctionnels/tel", "wrapper": "container", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "tel", "inject": false, "example": { "style": [ "input" ], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/pattern/tel/example/index.ejs", "dest": "example/layout/pattern/tel/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/pattern/tel", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] } ], "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/layout/page", "ascendants": [ "dsfr", "layout" ], "type": "folder", "id": "page", "title": "Modèle de page", "description": "", "draft": false, "doc": null, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "page", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/page/example/index.ejs", "dest": "example/layout/page/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "alert", "connect", "checkbox", "input", "password", "button", "form", "stepper", "radio" ], "script": [ "core", "password" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/page", "children": [ { "path": "src/dsfr/layout/page/login", "ascendants": [ "dsfr", "layout", "page" ], "type": "package", "id": "login", "title": "Pages de connexion", "description": "Modèles de pages de connexion", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/pages-types/page-de-connexion", "prepend": false, "noHeading": true, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "login", "inject": false, "example": { "style": [ "header", "footer", "breadcrumb" ], "script": [ "header", "breadcrumb" ], "root": { "hasData": true, "src": "src/dsfr/layout/page/login/example/index.ejs", "dest": "example/layout/page/login/index.html", "subdir": [ "1-default", "2-error", "3-recover" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/layout/page/login/example/1-default/index.ejs", "dest": "example/layout/page/login/1-default/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/login/example/2-error/index.ejs", "dest": "example/layout/page/login/2-error/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/login/example/3-recover/index.ejs", "dest": "example/layout/page/login/3-recover/index.html", "subdir": [ "3a-form", "3b-confirmation" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/layout/page/login/example/3-recover/3a-form/index.ejs", "dest": "example/layout/page/login/3-recover/3a-form/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/login/example/3-recover/3b-confirmation/index.ejs", "dest": "example/layout/page/login/3-recover/3b-confirmation/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } ] } }, "dependencies": { "style": [ "core", "alert", "connect", "checkbox", "input", "password", "button", "form" ], "script": [ "core", "password" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/page/login", "usage": { "style": [ "core", "button", "connect", "form", "link", "alert", "checkbox", "input", "password" ], "script": [ "legacy", "core", "password" ] }, "combination": [ "core", "connect", "form", "alert", "input", "button", "checkbox", "password" ] }, { "path": "src/dsfr/layout/page/register", "ascendants": [ "dsfr", "layout", "page" ], "type": "package", "id": "register", "title": "Pages de création de compte", "description": "Modèles de pages de création de compte", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/pages-types/page-de-connexion/page-de-creation-de-compte", "prepend": false, "noHeading": true, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "register", "inject": false, "example": { "style": [ "header", "footer", "breadcrumb" ], "script": [ "header", "breadcrumb" ], "root": { "hasData": true, "src": "src/dsfr/layout/page/register/example/index.ejs", "dest": "example/layout/page/register/index.html", "subdir": [ "1-single", "2-steps", "3-confirmation" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/layout/page/register/example/1-single/index.ejs", "dest": "example/layout/page/register/1-single/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/register/example/2-steps/index.ejs", "dest": "example/layout/page/register/2-steps/index.html", "subdir": [ "2a-login", "2b-identity", "2c-address" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/layout/page/register/example/2-steps/2a-login/index.ejs", "dest": "example/layout/page/register/2-steps/2a-login/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/register/example/2-steps/2b-identity/index.ejs", "dest": "example/layout/page/register/2-steps/2b-identity/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/register/example/2-steps/2c-address/index.ejs", "dest": "example/layout/page/register/2-steps/2c-address/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] }, { "hasData": true, "src": "src/dsfr/layout/page/register/example/3-confirmation/index.ejs", "dest": "example/layout/page/register/3-confirmation/index.html", "subdir": [ "3a-create", "3b-activate" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/layout/page/register/example/3-confirmation/3a-create/index.ejs", "dest": "example/layout/page/register/3-confirmation/3a-create/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/register/example/3-confirmation/3b-activate/index.ejs", "dest": "example/layout/page/register/3-confirmation/3b-activate/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } ] } }, "dependencies": { "style": [ "core", "alert", "stepper", "connect", "checkbox", "input", "radio", "password", "button", "form" ], "script": [ "core", "password" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/page/register", "usage": { "style": [ "core", "button", "stepper", "connect", "form", "link", "alert", "checkbox", "input", "radio", "password" ], "script": [ "legacy", "core", "password" ] }, "combination": [ "core", "stepper", "connect", "form", "alert", "input", "radio", "button", "checkbox", "password" ] }, { "path": "src/dsfr/layout/page/response", "ascendants": [ "dsfr", "layout", "page" ], "type": "folder", "id": "response", "title": "Codes de Statut HTML", "description": "Modèles de pages correspondant aux réponses de statut HTML", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/pages-types/page-d-erreurs", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "response", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/page/response/example/index.ejs", "dest": "example/layout/page/response/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core", "button" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/page/response", "children": [ { "path": "src/dsfr/layout/page/response/unexpected", "ascendants": [ "dsfr", "layout", "page", "response" ], "type": "package", "id": "unexpected", "title": "Modèle de page erreur inattendue", "description": "", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/pages-types/page-d-erreurs", "prepend": false, "noHeading": true, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "unexpected", "inject": false, "example": { "style": [ "header", "footer" ], "script": [ "header" ], "root": { "hasData": true, "src": "src/dsfr/layout/page/response/unexpected/example/index.ejs", "dest": "example/layout/page/response/unexpected/index.html", "subdir": [ "contact", "default" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/layout/page/response/unexpected/example/contact/index.ejs", "dest": "example/layout/page/response/unexpected/contact/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/response/unexpected/example/default/index.ejs", "dest": "example/layout/page/response/unexpected/default/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "button" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/page/response/unexpected", "usage": { "style": [ "core", "button" ], "script": [ "legacy", "core" ] }, "combination": [ "core", "button" ] }, { "path": "src/dsfr/layout/page/response/not-found", "ascendants": [ "dsfr", "layout", "page", "response" ], "type": "package", "id": "not-found", "title": "Modèle de page ressource non trouvée", "description": "", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/pages-types/page-d-erreurs", "prepend": false, "noHeading": true, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "not-found", "inject": false, "example": { "style": [ "header", "footer" ], "script": [ "header" ], "root": { "hasData": true, "src": "src/dsfr/layout/page/response/not-found/example/index.ejs", "dest": "example/layout/page/response/not-found/index.html", "subdir": [ "complete", "contact", "default", "search" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/layout/page/response/not-found/example/complete/index.ejs", "dest": "example/layout/page/response/not-found/complete/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/response/not-found/example/contact/index.ejs", "dest": "example/layout/page/response/not-found/contact/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/response/not-found/example/default/index.ejs", "dest": "example/layout/page/response/not-found/default/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/layout/page/response/not-found/example/search/index.ejs", "dest": "example/layout/page/response/not-found/search/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core", "button" ], "script": [ "core" ] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/page/response/not-found", "usage": { "style": [ "core", "button" ], "script": [ "legacy", "core" ] }, "combination": [ "core", "button" ] }, { "path": "src/dsfr/layout/page/response/unavailable", "ascendants": [ "dsfr", "layout", "page", "response" ], "standalone": { "style": { "files": [ "main" ] }, "dist": "standalone/layout/page/response/unavailable", "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/page/response/unavailable/standalone/example/index.ejs", "dest": "standalone/layout/page/response/unavailable/index.html", "subdir": [], "config": "tool/example/config.ejs" } } }, "type": "package", "id": "unavailable", "title": "Modèle de page service indisponible", "description": "", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/modeles/pages-types/page-d-erreurs", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "unavailable", "inject": true, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/layout/page/response/unavailable/example/index.ejs", "dest": "example/layout/page/response/unavailable/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/layout/page/response/unavailable", "usage": { "style": [], "script": [] }, "combination": [] } ], "usage": { "style": [ "core", "button" ], "script": [ "legacy", "core" ] }, "combination": [ "core", "button" ] } ], "usage": { "style": [ "core", "button", "connect", "form", "link", "stepper", "alert", "checkbox", "input", "radio", "password" ], "script": [ "legacy", "core", "password" ] }, "combination": [ "core", "connect", "form", "stepper", "alert", "input", "radio", "button", "checkbox", "password" ] } ], "usage": { "style": [ "core", "button", "connect", "form", "link", "stepper", "alert", "checkbox", "input", "radio", "password" ], "script": [ "legacy", "core", "password" ] }, "combination": [ "core", "connect", "form", "stepper", "alert", "input", "radio", "button", "checkbox", "password" ] }, { "path": "src/dsfr/utility", "ascendants": [ "dsfr" ], "style": { "level": 3, "files": [ "main", "legacy", "print" ] }, "type": "folder", "id": "utility", "title": "Utilitaire", "description": "Le package utility apporte des utilitaires optionnels et complémentaires aux fondamentaux.\n\n### Icônes\n\nLes icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.\n", "draft": false, "doc": [ { "title": "Icônes", "url": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone" }, { "title": "Pictogramme", "url": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/pictogramme" } ], "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": true, "filename": "utility", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/example/index.ejs", "dest": "example/utility/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [ "icons-arrows", "icons-buildings", "icons-business", "icons-communication", "icons-design", "icons-development", "icons-device", "icons-document", "icons-editor", "icons-finance", "icons-health", "icons-logo", "icons-map", "icons-media", "icons-others", "icons-system", "icons-user", "icons-weather", "colors", "icons" ], "script": [] }, "dist": "dist/utility", "children": [ { "path": "src/dsfr/utility/colors", "ascendants": [ "dsfr", "utility" ], "style": { "level": 1, "files": [ "main", "legacy", "print" ] }, "type": "package", "id": "colors", "title": "Utilitaires de couleur", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "colors", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/colors/example/index.ejs", "dest": "example/utility/colors/index.html", "subdir": [ "background", "border", "text" ], "config": "tool/example/config.ejs", "children": [ { "hasData": true, "src": "src/dsfr/utility/colors/example/background/index.ejs", "dest": "example/utility/colors/background/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/utility/colors/example/border/index.ejs", "dest": "example/utility/colors/border/index.html", "subdir": [], "config": "tool/example/config.ejs" }, { "hasData": true, "src": "src/dsfr/utility/colors/example/text/index.ejs", "dest": "example/utility/colors/text/index.html", "subdir": [], "config": "tool/example/config.ejs" } ] } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/colors", "usage": { "style": [ "core", "colors" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons", "ascendants": [ "dsfr", "utility" ], "style": { "level": 2, "files": [ "main", "legacy" ] }, "type": "folder", "id": "icons", "title": "Utilitaires d'icônes", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/example/index.ejs", "dest": "example/utility/icons/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [ "icons-arrows", "icons-buildings", "icons-business", "icons-communication", "icons-design", "icons-development", "icons-device", "icons-document", "icons-editor", "icons-finance", "icons-health", "icons-logo", "icons-map", "icons-media", "icons-others", "icons-system", "icons-user", "icons-weather" ], "script": [] }, "dist": "dist/utility/icons", "children": [ { "path": "src/dsfr/utility/icons/icons-arrows", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-arrows", "title": "Icônes Arrows", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-arrows", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-arrows/example/index.ejs", "dest": "example/utility/icons/icons-arrows/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-arrows", "usage": { "style": [ "core", "icons-arrows" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-buildings", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-buildings", "title": "Icônes Buildings", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-buildings", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-buildings/example/index.ejs", "dest": "example/utility/icons/icons-buildings/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-buildings", "usage": { "style": [ "core", "icons-buildings" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-business", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-business", "title": "Icônes Business", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-business", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-business/example/index.ejs", "dest": "example/utility/icons/icons-business/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-business", "usage": { "style": [ "core", "icons-business" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-communication", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-communication", "title": "Icônes Communication", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-communication", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-communication/example/index.ejs", "dest": "example/utility/icons/icons-communication/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-communication", "usage": { "style": [ "core", "icons-communication" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-design", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-design", "title": "Icônes Design", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-design", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-design/example/index.ejs", "dest": "example/utility/icons/icons-design/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-design", "usage": { "style": [ "core", "icons-design" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-development", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-development", "title": "Icônes Development", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-development", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-development/example/index.ejs", "dest": "example/utility/icons/icons-development/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-development", "usage": { "style": [ "core", "icons-development" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-device", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-device", "title": "Icônes Device", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-device", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-device/example/index.ejs", "dest": "example/utility/icons/icons-device/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-device", "usage": { "style": [ "core", "icons-device" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-document", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-document", "title": "Icônes Document", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-document", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-document/example/index.ejs", "dest": "example/utility/icons/icons-document/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-document", "usage": { "style": [ "core", "icons-document" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-editor", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-editor", "title": "Icônes Editor", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-editor", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-editor/example/index.ejs", "dest": "example/utility/icons/icons-editor/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-editor", "usage": { "style": [ "core", "icons-editor" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-finance", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-finance", "title": "Icônes Finance", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-finance", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-finance/example/index.ejs", "dest": "example/utility/icons/icons-finance/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-finance", "usage": { "style": [ "core", "icons-finance" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-health", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-health", "title": "Icônes Health", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-health", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-health/example/index.ejs", "dest": "example/utility/icons/icons-health/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-health", "usage": { "style": [ "core", "icons-health" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-logo", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-logo", "title": "Icônes Logo", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-logo", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-logo/example/index.ejs", "dest": "example/utility/icons/icons-logo/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-logo", "usage": { "style": [ "core", "icons-logo" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-map", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-map", "title": "Icônes Map", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-map", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-map/example/index.ejs", "dest": "example/utility/icons/icons-map/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-map", "usage": { "style": [ "core", "icons-map" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-media", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-media", "title": "Icônes Media", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-media", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-media/example/index.ejs", "dest": "example/utility/icons/icons-media/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-media", "usage": { "style": [ "core", "icons-media" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-others", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-others", "title": "Icônes Others", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-others", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-others/example/index.ejs", "dest": "example/utility/icons/icons-others/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-others", "usage": { "style": [ "core", "icons-others" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-system", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-system", "title": "Icônes System", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-system", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-system/example/index.ejs", "dest": "example/utility/icons/icons-system/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-system", "usage": { "style": [ "core", "icons-system" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-user", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-user", "title": "Icônes User", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-user", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-user/example/index.ejs", "dest": "example/utility/icons/icons-user/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-user", "usage": { "style": [ "core", "icons-user" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/icons/icons-weather", "ascendants": [ "dsfr", "utility", "icons" ], "style": { "level": 1, "files": [ "main", "legacy" ] }, "type": "package", "id": "icons-weather", "title": "Icônes Weather", "description": "Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.", "draft": false, "doc": "https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux/icone", "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "icons-weather", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/icons/icons-weather/example/index.ejs", "dest": "example/utility/icons/icons-weather/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/icons/icons-weather", "usage": { "style": [ "core", "icons-weather" ], "script": [] }, "combination": [ "core" ] } ], "usage": { "style": [ "core", "icons" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms", "ascendants": [ "dsfr", "utility" ], "type": "folder", "id": "pictograms", "title": "Utilitaires de pictogrammes", "description": "", "draft": false, "doc": null, "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/example/index.ejs", "dest": "example/utility/pictograms/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms", "children": [ { "path": "src/dsfr/utility/pictograms/pictograms-accessibility", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-accessibility", "title": "Pictogrammes Accessibilité", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-accessibility", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-accessibility/example/index.ejs", "dest": "example/utility/pictograms/pictograms-accessibility/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-accessibility", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-buildings", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-buildings", "title": "Pictogrammes Buildings", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-buildings", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-buildings/example/index.ejs", "dest": "example/utility/pictograms/pictograms-buildings/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-buildings", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-digital", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-digital", "title": "Pictogrammes Digital", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-digital", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-digital/example/index.ejs", "dest": "example/utility/pictograms/pictograms-digital/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-digital", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-document", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-document", "title": "Pictogrammes Document", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-document", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-document/example/index.ejs", "dest": "example/utility/pictograms/pictograms-document/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-document", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-environment", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-environment", "title": "Pictogrammes Environment", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-environment", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-environment/example/index.ejs", "dest": "example/utility/pictograms/pictograms-environment/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-environment", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-health", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-health", "title": "Pictogrammes Health", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-health", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-health/example/index.ejs", "dest": "example/utility/pictograms/pictograms-health/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-health", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-institutions", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-institutions", "title": "Pictogrammes Institutions", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-institutions", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-institutions/example/index.ejs", "dest": "example/utility/pictograms/pictograms-institutions/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-institutions", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-leisure", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-leisure", "title": "Pictogrammes Leisure", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-leisure", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-leisure/example/index.ejs", "dest": "example/utility/pictograms/pictograms-leisure/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-leisure", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-map", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-map", "title": "Pictogrammes Map", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-map", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-map/example/index.ejs", "dest": "example/utility/pictograms/pictograms-map/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-map", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] }, { "path": "src/dsfr/utility/pictograms/pictograms-system", "ascendants": [ "dsfr", "utility", "pictograms" ], "type": "package", "id": "pictograms-system", "title": "Pictogrammes Système", "description": "", "draft": false, "doc": null, "wrapper": "col-8", "prepend": false, "noHeading": false, "noParameter": false, "module": true, "nomodule": true, "detached": false, "filename": "pictograms-system", "inject": false, "example": { "style": [], "script": [], "root": { "hasData": true, "src": "src/dsfr/utility/pictograms/pictograms-system/example/index.ejs", "dest": "example/utility/pictograms/pictograms-system/index.html", "subdir": [], "config": "tool/example/config.ejs" } }, "dependencies": { "style": [ "core" ], "script": [] }, "replace": { "style": [], "script": [] }, "dist": "dist/utility/pictograms/pictograms-system", "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] } ], "usage": { "style": [ "core" ], "script": [] }, "combination": [ "core" ] } ], "usage": { "style": [ "core", "utility" ], "script": [] }, "combination": [ "core" ] } ], "usage": { "style": [ "dsfr" ], "script": [ "dsfr" ] }, "combination": [] }