@gouvfr/dsfr 1.5.0 → 1.5.1

package/example/component/table/index.html

@@ -123,20 +123,20 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lorem ip</td>
-                                    <td>Lorem </td>
+                                    <td>Lorem ipsum dolor sit amet, con</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur </td>
                                     <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
-                                    <td>Lorem ipsum dolor sit amet, co</td>
-                                    <td>Lorem ipsum dolo</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adip</td>
+                                    <td>Lorem ipsum dolor sit amet, con</td>
+                                    <td>Lorem ipsum d</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipiscin</td>
                                 </tr>
                                 <tr>
-                                    <td>Lorem ipsum dolor sit amet, cons</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adi</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur</td>
-                                    <td>Lorem ipsum dolor sit amet, co</td>
-                                    <td>Lorem ipsum dolor si</td>
-                                    <td>Lore</td>
+                                    <td>Lorem ipsum </td>
+                                    <td>Lorem ipsum</td>
+                                    <td>Lor</td>
+                                    <td>Lorem </td>
+                                    <td>Lorem ipsum dolo</td>
+                                    <td>Lorem ipsum dolo</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -163,20 +163,20 @@
         &lt;/thead&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
-                &lt;td&gt;Lorem&lt;/td&gt;
-                &lt;td&gt;Lorem &lt;/td&gt;
-                &lt;td&gt;Lorem [...]&lt;/td&gt;
-                &lt;td&gt;Lorem&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit u&lt;/td&gt;
-                &lt;td&gt;Lorem [...] eli&lt;/td&gt;
+                &lt;td&gt;&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit &lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
             &lt;/tr&gt;
             &lt;tr&gt;
+                &lt;td&gt;Lorem &lt;/td&gt;
+                &lt;td&gt;Lorem [...&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lo&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] el&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lor&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
     &lt;/table&gt;
@@ -202,20 +202,20 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lorem ipsum dolor sit amet, co</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adi</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adip</td>
+                                    <td>Lorem ipsum do</td>
                                     <td>Lorem ipsum dolor sit amet, consectetu</td>
-                                    <td>Lorem i</td>
-                                    <td>Lorem ipsum dolor sit amet, co</td>
-                                    <td>Lorem ipsum dolor sit amet, consect</td>
+                                    <td>Lorem ipsum dolor</td>
+                                    <td>L</td>
+                                    <td>Lorem ipsum dolor sit amet, </td>
                                 </tr>
                                 <tr>
-                                    <td>Lorem ipsum dolor sit amet,</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur ad</td>
+                                    <td>Lorem ipsum dolor sit amet, consec</td>
+                                    <td>Lorem ipsum dolor sit</td>
                                     <td>Lorem ip</td>
-                                    <td>Lorem ipsum dolor sit ame</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur a</td>
-                                    <td>Lorem ipsum dolor s</td>
-                                    <td>Lorem </td>
+                                    <td>Lorem ipsum dolor sit amet, consect</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipis</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -242,18 +242,18 @@
         &lt;/thead&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
-                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem &lt;/td&gt;
+                &lt;td&gt;&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lo&lt;/td&gt;
+                &lt;td&gt;Lore&lt;/td&gt;
             &lt;/tr&gt;
             &lt;tr&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lor&lt;/td&gt;
+                &lt;td&gt;Lorem &lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit &lt;/td&gt;
-                &lt;td&gt;L&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
             &lt;/tr&gt;
@@ -281,12 +281,12 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lorem ipsum dolor sit amet</td>
-                                    <td>Lorem ipsum d</td>
-                                    <td>Lorem ipsum d</td>
-                                    <td>Lorem ipsum dol</td>
-                                    <td>Lorem </td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur ad</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
+                                    <td>Lorem ipsum</td>
+                                    <td>Lorem ip</td>
+                                    <td>Lorem ipsum dolor sit amet, conse</td>
+                                    <td>Lorem ipsum </td>
+                                    <td>Lorem ipsum dolor sit amet, consectet</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -313,12 +313,12 @@
         &lt;/thead&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
-                &lt;td&gt;Lore&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] el&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit u&lt;/td&gt;
-                &lt;td&gt;Lo&lt;/td&gt;
+                &lt;td&gt;Lor&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
     &lt;/table&gt;
@@ -341,9 +341,9 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lorem </td>
                                     <td>Lorem ipsum dolor sit ame</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adip</td>
+                                    <td>Lorem ipsum dolor sit </td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -367,9 +367,9 @@
         &lt;/thead&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
-                &lt;td&gt;Lorem [...] elit&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lor&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
     &lt;/table&gt;
@@ -395,12 +395,12 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lore</td>
-                                    <td>Lorem ipsum dolor sit amet, consec</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur ad</td>
-                                    <td>Lorem ipsu</td>
+                                    <td>Lorem ipsum dolor s</td>
                                     <td>Lorem ipsum dolor sit amet, c</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur ad</td>
+                                    <td>Lorem</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
+                                    <td>Lorem ipsum dolor sit amet, c</td>
+                                    <td>Lorem ipsum dolor sit amet, consec</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -428,10 +428,10 @@
         &lt;tbody&gt;
             &lt;tr&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [..&lt;/td&gt;
-                &lt;td&gt;Lorem [.&lt;/td&gt;
+                &lt;td&gt;L&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lor&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
@@ -458,12 +458,12 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lorem ips</td>
-                                    <td>Lorem ipsum dolor s</td>
-                                    <td>Lorem ip</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adi</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
+                                    <td>Lorem ipsum dolor sit a</td>
+                                    <td>Lorem ipsum dolor sit amet, co</td>
+                                    <td>Lorem ipsu</td>
                                     <td>Lorem</td>
-                                    <td>Lorem ipsum dolor </td>
-                                    <td>Lorem ipsum dolor sit amet,</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -490,12 +490,12 @@
         &lt;/thead&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
-                &lt;td&gt;Lore&lt;/td&gt;
-                &lt;td&gt;L&lt;/td&gt;
-                &lt;td&gt;Lorem [..&lt;/td&gt;
-                &lt;td&gt;Lorem [.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...]&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;L&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
     &lt;/table&gt;
@@ -521,20 +521,20 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adipiscin</td>
-                                    <td>Lorem ipsum dolor sit amet, con</td>
-                                    <td>Lorem ipsum dolor</td>
-                                    <td>Lorem ipsum dolor sit</td>
-                                    <td>Lorem ip</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
+                                    <td>Lorem ipsum dolor sit amet,</td>
+                                    <td>Lorem ipsum </td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur </td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipi</td>
+                                    <td>Lorem ipsum dolor sit amet, cons</td>
+                                    <td>Lorem ipsum dolor sit amet, consecte</td>
                                 </tr>
                                 <tr>
-                                    <td>Lorem ipsum dolor sit </td>
-                                    <td>Lorem </td>
-                                    <td>Lorem ipsu</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
+                                    <td>Lorem ipsum </td>
+                                    <td>Lorem ipsum dolor sit amet, c</td>
+                                    <td>Lorem ipsum dolo</td>
                                     <td>Lorem ipsum dolor sit amet, conse</td>
-                                    <td>Lorem ipsum d</td>
+                                    <td>Lorem ipsum dolor sit amet, consec</td>
+                                    <td>Lorem ipsum dol</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -561,20 +561,20 @@
         &lt;/thead&gt;
         &lt;tbody&gt;
             &lt;tr&gt;
-                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [..&lt;/td&gt;
+                &lt;td&gt;Lo&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit ut&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem&lt;/td&gt;
             &lt;/tr&gt;
             &lt;tr&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit &lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit &lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [..&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
     &lt;/table&gt;
@@ -600,20 +600,20 @@
                             </thead>
                             <tbody>
                                 <tr>
-                                    <td>Lorem ipsum dolor sit amet, consectetu</td>
-                                    <td>Lorem i</td>
-                                    <td>Lorem ipsum </td>
-                                    <td>Lorem ipsum dolor sit amet, con</td>
-                                    <td>Lorem ipsu</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur a</td>
+                                    <td>Lorem ipsum dolor sit amet,</td>
+                                    <td>Lorem</td>
+                                    <td>Lorem ipsum dolor sit amet, consecte</td>
+                                    <td>Lorem ipsum dolor sit ame</td>
+                                    <td>Lo</td>
                                 </tr>
                                 <tr>
-                                    <td>Lorem </td>
-                                    <td>Lorem ipsum dolor sit amet, conse</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetu</td>
-                                    <td>Lorem ipsum dolor sit amet, c</td>
-                                    <td>Lorem ipsum dolor sit amet, consectetur adipisci</td>
-                                    <td>Lorem ipsum dolor sit amet, co</td>
+                                    <td>Lorem ipsum dolor sit amet, consecte</td>
+                                    <td>Lorem ipsum dolor sit amet, consectetur adipis</td>
+                                    <td>Lorem ipsum dolor sit amet</td>
+                                    <td>Lorem ipsum dolor sit ame</td>
+                                    <td>Lorem ipsum dolor sit amet, </td>
+                                    <td>Lorem ipsum dolo</td>
                                 </tr>
                             </tbody>
                         </table>
@@ -643,17 +643,17 @@
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut&lt;/td&gt;
+                &lt;td&gt;Lorem [...]&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
             &lt;/tr&gt;
             &lt;tr&gt;
+                &lt;td&gt;Lorem [.&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut&lt;/td&gt;
-                &lt;td&gt;Lorem [...] elit ut&lt;/td&gt;
+                &lt;td&gt;Lorem [...] elit u&lt;/td&gt;
                 &lt;td&gt;Lorem [...] elit ut.&lt;/td&gt;
+                &lt;td&gt;Lore&lt;/td&gt;
             &lt;/tr&gt;
         &lt;/tbody&gt;
     &lt;/table&gt;

package/example/utility/icons/icons-buildings/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Buildings (icons-buildings)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Building" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-business/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Business (icons-business)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Business" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-communication/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Communication (icons-communication)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Communication" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-design/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Design (icons-design)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Design" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-development/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Development (icons-development)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Development" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-device/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Device (icons-device)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Device" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-document/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Document (icons-document)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Document" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-editor/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Editor (icons-editor)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Editor" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-finance/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Finance (icons-finance)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Finance" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-health/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Health (icons-health)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Health" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-logo/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Logo (icons-logo)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Logo" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-map/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Map (icons-map)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Map" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-media/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Media (icons-media)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Media" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-others/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes Others (icons-others)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#Other" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">

package/example/utility/icons/icons-system/index.html

@@ -99,6 +99,8 @@
         <div class="fr-container fr-mt-2v fr-mb-8w">
             <a class="fr-link fr-icon-arrow-left-line fr-link--icon-left" href="../">Retour</a>
             <h1>Icônes System (icons-system)</h1>
+            <p>Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.</p>
+            <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396/Ic+nes+-+Icons#System" target="_blank">Documentation</a>
         </div>
         <div class="fr-mb-12w">
             <div class="fr-container">
@@ -644,9 +646,9 @@
                                 </div>
                             </section>
                         </div>
-                        <h4>delete-fill [remix]</h4>
+                        <h4>delete-bin-fill [remix]</h4>
                         <div class="fr-mb-6v">
-                            <span class="fr-icon-delete-fill " aria-hidden="true"></span>
+                            <span class="fr-icon-delete-bin-fill " aria-hidden="true"></span>
                         </div>
                         <div class="fr-mb-12v">
                             <section class="fr-accordion">
@@ -654,14 +656,14 @@
                                     <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-1707">Extrait de code</button>
                                 </h3>
                                 <div class="fr-collapse" id="snippet-1707">
-                                    <pre class=" language-html"><code>&lt;span class="fr-icon-delete-fill" aria-hidden="true"&gt;&lt;/span&gt;
+                                    <pre class=" language-html"><code>&lt;span class="fr-icon-delete-bin-fill" aria-hidden="true"&gt;&lt;/span&gt;
 </code></pre>
                                 </div>
                             </section>
                         </div>
-                        <h4>delete-line [remix]</h4>
+                        <h4>delete-bin-line [remix]</h4>
                         <div class="fr-mb-6v">
-                            <span class="fr-icon-delete-line " aria-hidden="true"></span>
+                            <span class="fr-icon-delete-bin-line " aria-hidden="true"></span>
                         </div>
                         <div class="fr-mb-12v">
                             <section class="fr-accordion">
@@ -669,7 +671,7 @@
                                     <button class="fr-accordion__btn" aria-expanded="false" aria-controls="snippet-1708">Extrait de code</button>
                                 </h3>
                                 <div class="fr-collapse" id="snippet-1708">
-                                    <pre class=" language-html"><code>&lt;span class="fr-icon-delete-line" aria-hidden="true"&gt;&lt;/span&gt;
+                                    <pre class=" language-html"><code>&lt;span class="fr-icon-delete-bin-line" aria-hidden="true"&gt;&lt;/span&gt;
 </code></pre>
                                 </div>
                             </section>