From 0935e170ac21e0352f697aa16ea133b791e448a3 Mon Sep 17 00:00:00 2001 From: lab9 Date: Thu, 31 Mar 2022 00:32:03 +0200 Subject: [PATCH 01/24] =?UTF-8?q?chore(global):=20incr=C3=A9mentation=20du?= =?UTF-8?q?=20num=C3=A9ro=20de=20version=201.5.0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 4a9121624..97bb59832 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@gouvfr/dsfr", - "version": "1.4.1", + "version": "1.5.0", "description": "Système de Design de l'Etat - DSFR", "repository": "git@github.com:GouvernementFR/dsfr.git", "author": "Service d'Information du Gouvernement ", From bec56185e155e2a6a3d4010b62b58274b299a19f Mon Sep 17 00:00:00 2001 From: lab9 Date: Thu, 31 Mar 2022 16:53:01 +0200 Subject: [PATCH 02/24] =?UTF-8?q?refactor(connect):=20g=C3=A9n=C3=A9ralisa?= =?UTF-8?q?tion=20du=20build=20du=20standalone=20[DS-2434]=20(#255)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/connect/content.json | 28 +++++-- src/component/connect/standalone.scss | 20 ----- src/component/connect/standalone/_font.scss | 2 - src/component/connect/standalone/index.ejs | 2 +- src/component/connect/standalone/main.scss | 21 +++++ .../connect/standalone/style/_module.scss | 13 +-- .../connect/standalone/style/_setting.scss | 7 -- .../standalone/style/module/_action.scss | 13 --- .../standalone/style/module/_cursor.scss | 16 ---- .../standalone/style/module/_focus.scss | 37 --------- .../standalone/style/module/_reset.scss | 12 --- .../standalone/style/module/_typography.scss | 29 ------- .../style/setting/_clickable-elements.scss | 6 -- .../standalone/style/setting/_spacing.scss | 7 -- src/component/connect/style/_scheme.scss | 32 ++------ .../connect/style/scheme/_default.scss | 24 ++++++ .../connect/style/scheme/_group.scss | 18 ++++ .../connect/template/ejs/connect.ejs | 8 +- src/core/standalone.scss | 6 ++ src/core/style/_standalone.scss | 9 ++ src/core/style/action/_standalone.scss | 7 ++ src/core/style/action/standalone/_cursor.scss | 20 +++++ src/core/style/action/standalone/_focus.scss | 34 ++++++++ src/core/style/action/tool/_button.scss | 8 +- src/core/style/action/tool/_link.scss | 6 +- src/core/style/reset/_standalone.scss | 6 ++ .../style/reset/standalone/_box-sizing.scss | 19 +++++ src/core/style/spacing/_setting.scss | 1 + src/core/style/spacing/_standalone.scss | 6 ++ src/core/style/spacing/function/_space.scss | 3 - src/core/style/spacing/setting/_space.scss | 7 ++ src/core/style/spacing/standalone/_space.scss | 7 ++ src/core/style/typography/_standalone.scss | 7 ++ .../typography/standalone/_font-face.scss | 24 ++++++ .../typography/standalone/_font-size.scss | 8 ++ tool/build/example.js | 17 +++- tool/build/scripts.js | 18 ++-- tool/build/standalone.js | 82 +++++++++++++------ tool/build/styles.js | 20 +++-- tool/generate/config.js | 23 ++++++ tool/generate/font-subset.js | 40 +++++---- tool/tool.js | 19 ++++- 42 files changed, 429 insertions(+), 263 deletions(-) delete mode 100644 src/component/connect/standalone.scss delete mode 100644 src/component/connect/standalone/_font.scss create mode 100644 src/component/connect/standalone/main.scss delete mode 100644 src/component/connect/standalone/style/_setting.scss delete mode 100644 src/component/connect/standalone/style/module/_action.scss delete mode 100644 src/component/connect/standalone/style/module/_cursor.scss delete mode 100644 src/component/connect/standalone/style/module/_focus.scss delete mode 100644 src/component/connect/standalone/style/module/_reset.scss delete mode 100644 src/component/connect/standalone/style/module/_typography.scss delete mode 100644 src/component/connect/standalone/style/setting/_clickable-elements.scss delete mode 100644 src/component/connect/standalone/style/setting/_spacing.scss create mode 100644 src/component/connect/style/scheme/_default.scss create mode 100644 src/component/connect/style/scheme/_group.scss create mode 100644 src/core/standalone.scss create mode 100644 src/core/style/_standalone.scss create mode 100644 src/core/style/action/_standalone.scss create mode 100644 src/core/style/action/standalone/_cursor.scss create mode 100644 src/core/style/action/standalone/_focus.scss create mode 100644 src/core/style/reset/_standalone.scss create mode 100644 src/core/style/reset/standalone/_box-sizing.scss create mode 100644 src/core/style/spacing/_standalone.scss create mode 100644 src/core/style/spacing/setting/_space.scss create mode 100644 src/core/style/spacing/standalone/_space.scss create mode 100644 src/core/style/typography/_standalone.scss create mode 100644 src/core/style/typography/standalone/_font-face.scss create mode 100644 src/core/style/typography/standalone/_font-size.scss diff --git a/src/component/connect/content.json b/src/component/connect/content.json index 63f4a29d7..0b02278c0 100644 --- a/src/component/connect/content.json +++ b/src/component/connect/content.json @@ -1,12 +1,26 @@ { - "login": { - "fr": "S’identifier avec", - "en": "Sign in with", - "de": "Einloggen mit", - "es": "Iniciar sesion con" + "login-fr": { + "value": "S’identifier avec", + "type": "Regular" + }, + "login-en": { + "value": "Sign in with", + "type": "Regular" + }, + "login-de": { + "value": "Einloggen mit", + "type": "Regular" + }, + "login-es": { + "value": "Iniciar sesion con", + "type": "Regular" }, "brand": { - "default": "FranceConnect", - "plus": "FranceConnect+" + "value": "FranceConnect", + "type": "Bold" + }, + "brand-plus": { + "value": "FranceConnect+", + "type": "Bold" } } diff --git a/src/component/connect/standalone.scss b/src/component/connect/standalone.scss deleted file mode 100644 index 1458bae1d..000000000 --- a/src/component/connect/standalone.scss +++ /dev/null @@ -1,20 +0,0 @@ -//// -/// Connect Standalone -/// @group connect -//// - -/* ¯¯¯¯¯¯¯¯¯ *\ - CONNECT -\* ˍˍˍˍˍˍˍˍˍ */ - -@import '../../core/index'; -@import 'index'; - -@import 'standalone/font'; -@import 'standalone/style/setting'; -@import 'standalone/style/module'; - -@import 'style/module'; -@import 'style/scheme'; - -@include _connect-scheme(false, true); diff --git a/src/component/connect/standalone/_font.scss b/src/component/connect/standalone/_font.scss deleted file mode 100644 index 52faed943..000000000 --- a/src/component/connect/standalone/_font.scss +++ /dev/null @@ -1,2 +0,0 @@ -$connect-regular: 'd09GMk9UVE8AAA/IAAwAAAAAGGQAAA95AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADZpvGjwbhhQchlQGYAB8ATYCJAOBKAQGBYJ8ByAbkhdRlJBaENkXCaYT6+CaU5mYSFiXo5cO/dJq3eA6Cz39cvZk1//X6e6Bd6+l6FEh7R8BjMBImKs13U8s6ihEDUxtby774b0Q6hpV65Hn4e/Vc2+G8AcP0BrF0gRpwAq4REoerHHt/TzpVmSzM7N34LibubnCHDNox16CrQOWjqEFQ2jBIAm4WEqliIQWWhVCKFZSodtxNdrBLcgib+KPuxSTewIJuEXS/bn2ZpNmdlImR2xEefwXpiCrs8tvt0QpASk4AuUJaTy7E+YcKn1CqHPHm7jVzBLwzssEclnxvqjMJGIOCnnfu9dGhN5vLZIWdNaE0TqAw3oCs7TfwIo2cri0TQIFmPwDU/wz/s/lcBD3v5FUDKEPJwwpHrf2PvQM6NcrKCSSiqqy9c774vD6vJCcVVx9bx6/+vTl74kZhfdMVk06IgZPOhkaxem82KLzqrZXgkFrKt9lNKwwFUfGz6LjFr5F+xX7vw6F3NApRSrTGZ3TBV3TDSUq6J4e6JGe6eUnGYAQJEAK+gLyoAbULWkL0D5DbzEYqOjHI6UgC519ueUbKqQT9IFVs6Osk+/nbUIWpaJTXBfdUr40T3ou/SMnyYvkrXK/UqBsUH5Rw9V3NEnL05q0c9orPUzv1U/obw3DeCNWhKKTMApmmvgIGC46DSvRSpCD8SnVdxqdpPlPX9WOTzj1K0R9c6LjYRIG319tz3zuWist3rIlVLFRxg62YrY7HboeBvA/5iIXhE9fhJxjuMOLMapPgmJoX2lJdVVpabWuVCrxlQbv4Ej0F7nkVCcceAbRnQIQdglBeIrmXTpRERyAo8/QUYiGok6HC06iVk2M3VvVweiaFI5lbgKwL6I/+0d0UT0wyV5I52Sk5+YoMyLClcpkbkZ0Lkd93P6tsPsPq0T9km95KXjzCfZ3Cxs+0Z6mx0G9DPz48QkM4CAevdwJE12NVZWtxlq5dwXbbsZaNy3UeTCInDptCIf2gK0QTXJduWP73BXrCszbWHJxfJsshl//WGR6BWdslA5U8XRjU05tKUepV9rgPQFCz0foX5MXBXtJWOtWrDJPr21gOuoCF3MyAokjMfdYnw2erpRuavP639nZMJSuzMtrvcaCRyY2ktggXx+6jPGW5VVy5EJVJ/+vToH+rRAeGWkkEL8Ep/4nNnCy1IdL8rjmesy8fX7FBAbNdkc/oRFoRD/6CWZ/eFBu0XPL6jFJ2Obw1QypVXUGxfDenRCjEunfQY+NqtXDeZqgJ7qtSY8MOfU6lvrZy2Y/OA0ZiPod3jnzGKoWTRq+uf803LtTdH+Hrb/VJPcqY9FWwjt4dchixn2hrZ8jN6uewMZG+H+HQP8aTDYhX/SCXlWL7ZCvD1/BICfxAxhwnOP/g59NPHsj1RV+nPQJuaEJHsgZjUUj+tBPIO56VG7Rs+gQj9Fv61fPP8uhu/jrlIbaFwyJjmtieM8nMPeJAJxfCTP407S42+H5iveEhU/QQivRVFp2Pyf9YPwNtrQdS44MTvBl0HdLxO7caoL0RGfbYeOjp82w6aFvtW+zKP/FxueLXkBk53Eb1eueP4Ee/psPeMDoL8++vFvdiP7HUj230VA8bH+S5sa1FE0Sd0STcSyTgQGPfvmUezgnPpMDwUPkhVPv3BMU8kvBDHLxnDlqXdbmKjlH9WiCdsXIA10V1xTpsSzV675FtitgsyvVNQ9U8IyeF1BrNlfUPXpwc8vqNf5bFnBUrzsailrpck1uURYL0/F3Wum25cv8B41YVWLiyP2ak+q7SPDOBgU24btTtA0+47fydZUPmWd1myZy6K4NGggYMv0xwuZtCt0RwMK9aQTpEGpi+NMqGA3OogfgPMxG9cD/7APpgixtQX6UVi5XKELlWkUBR330+zaQtvGnp+FLuLkMxdqkKkrsB/dOJjYT50uhyWWuUokCI6HXfs1GPQ8T51RWtjIPqrdNR42dLcS1k1f1QtZQoCu2Mh36Rd8a3OZ0IKcpG/3XB7LWMK+CBcziLWESKUfV3p1GkPs3bRSQ8GSPb+dX33zAPK0/Tjilux8WXLoQVfHCd71ZD3gNjaaj7y4vAEVkmA7TQAjGCA0ITo6mcacdQTRyEr/u63vyGpzoEqYMHiKePJgj0T5NDL/wxQFVhguMiOlR/I7X51UWNjGpSSeOJXFUwguCMp3b9/OZPcxK3whJMEflWMJXFPmo2vnh7QLjLyB+ISxupddWW0I7ma5Hhq7THMxDF3YC5lqWk3+nqlQp1bKGOqxWtrpwITNq2Yo5HFoC58sR5ioJDVm32T+zSsaSSHbgKaCLBkvuEObSaKBlHXxfrD13JYN9TBxSRx+TM2sC055xcPXychoQTUWiMeJugvQ49XbpKT5YlMifpRSJZjINWxynMfgejxA/aTxOlaCpjsnJwfjJGAniU6+nvFlmWzX7+SmMVmiPosYU2lGDnHFqCgxY3AwujtkNxiDemBZc/unBjqnImZ+KoR9wahX6p2PKYH4KRqK/rtDdq2DFoQfyi+he0GCj8GlIw/7Ry+Ld6qSloLovqjCDm5XSwRDejS4rScnRcJRaZgU/osW3bsYGv2hpJFuzE8u6npWYz5Rro6XcHmL0HozSLT8QLNvmuu6mzMgGfqAzk1MqLrKdCdgGIkwdoQpm5OqUDI5ECbybEeRGQUmzEAL4LbSXf7XJeFNvLNbG7brO1ZdhpRG+meuYISvEEyc2iv+8r8sozeE2l2O74iLjZAyJgng347YakBtFJc2wyUrpSvj79EST+LfKwiRtFkupw628/0q0nNBGhST5MZTOY414Itd8ijaW6w3lBbGydBYJCPluuTqA8Q6sNnEkOse73evVP7otKGmEuVYhdPHbaN9iLCo2fI+UWRVQYT7OgRo/e+VMYqLrs3UNU0b5zB830SLub9BnlOawaARE0vpsWeAZDs3E667mZVYzpAOzD2v42CDqtK6E2ZQtzS6hfRrQeSucJ6jW3gacsg0twQs1aXk3Eg4duMyWV2Mp6ohrIcwiyZblnIwgURKcu/3lfkXd57vSUmmdqMjia9hshh8MPzdRve5F8Ae9xiD78Ju1ru1O4M3ZV523PQuPPXz52uXzl65c5E5cTTiRwDyprjMmHU88msAZ7yKCTncpTnUumvH03eolSw7NVgWHU+7Zp1a6qq/EJe5XIaExcUr5ZbnDTjpQqS3Iz9CWl2VEyeVKRZB6r8VoO51+LVmTwL7Ba5JUip2yaO91IamFHIni7eONArMFxluFZt6DtoAUz0rO1FYyldkRWzm0ygpriLeb9Ev8wmJ3KVlYsYogHT52icr2SlT3ep6FsnXZNXR66o2MdFVqtFKlilamqjM4qjXU4UxbwLIK7zqa9+D9BWbL2tlMnI8cYB9fs80oWgCDG2GQldLtNnFSuraMKc9U7Djv2kZYT1w8deHkRTY7OSOtZIKtt0epX22pWrk5TBGqZMtUO1MlTEBErHI3R+lyVxGHSNu0MZ5oyVauZxyoEkqBSNKjjGapkpUKo87mJSDp3ZY9lB6+1HPChBbPnj9aHr9/v/TxCO4U0tJe/nrj2f80DZXbvbz9tvlwpIOwD9le6CpYRN2+LQlOabKSMzXlTMKVEycuc00EdfvM4YNnDjBShaNmcfRWvuXdbkHsbYHe/MYkzOPX0yE5ZTG3mIaaYtNp7gvyiDO4piUlZmvT4qOT2aoyLCc6MM2XWSMJ2sQhJxiV4uUaHRcbHqa8nhnDkqiHH9IA28/Akzv5y/S8UukDlialp5y9kMTdI0YnPrY//vhuJmR3YgUHw87XnU9Win18zMWTqIj3aIUjKkEytAuT7RIa/oEs2EucEAxaik9ARyYIBtYFuRy6aXkzLLWK0nkpVZLeg8fBod7iLXASoxTN6GQFj+1fwircCx1bDsewKThVsgId94LjGKlK5U+nZqXCv1NzU3F0I5VgNdMlyqfSNpnOX+vfJ1dhmt+b1p8/+dlNfxAmAUWyEWG1H0QlAMOHaYjBh0CN6coAXZY6il1DuQ36GzsSaFavgfu3qFXyBvj75L2kZMUAFpAzKiC1pGm2R2A3VgAfDqwGfUnNV/0I3ZpBHR/4VY6ixOWx3F9ezx96vYe8r9ioX1+ywVGdGHand/Vr0eM5fN2RZqRhsftNMnm5PMCp3uZHHj26KxDErsz3h0B1o+ZjzoZ6uoum7iBPOL2cL4jlWT1ajRp1NnCsmNLxwzCWzxx6T+J2eaIvMX51JxixybsY/ZrSADXdBRqP12XW+FCPJWW1wv7js/NrBjHSjgmN0/yM3VIs7ESw25938bEEfzL51ukGwYZhjxg9fm8qp7hiXfO5wONJcoP0coZ0TTIUPUEsNoQQRg7jDAJLIONck0qjU1bMt5EzmgVR3RWarLH2selMFoeHl4Er5fLg838/Fv4P+pCyHskYcHrTymf+W7fNtv/aYyLnP+/aLDmOPPrXPQ0TXRng/g3nUtgCREiQoUAFcy6ZxV+4eOnylSvpcB3LT5g4afKUwZkEg69QsVLlKlV1RBfOxWl8hIiRIkcJAEuO5BUsWrJsxXAtCuIRJEqSLEUE4OkAR6BIiTIVqnzCZydJ72cxZgm+lt4kL5OXyGNyl1zPfRcXHgLZdNJ2OXTQdrm003Z5tNFW+bQyh07bg7T4HAAQhQCA5ihEmAlVyGIekYhMBOGECKTLweppus7BTzTVFUtHvzWxLToHkaQ7DxEqTLgIkaJEixErTrwEiZIkY5fVfGu0St2cE7oaC289bYdEdCPbDEBr8YH0hmIyAGaallxx9VN7AHGGKZj94uL0q2ij7QB4J49/9tiKauQzBvzAosJDmPatA3hwsij1ClqYBeHoMgW7AhedW9s7fyqcOnplsmTKkEaznMhUPqzPMK+m9q7hEqfsN5Xz7wDgswPsJwCfX8MD3UI3cRdTAeCEaJJ4+F8BEH+C/f/Llt/0mVI6BCk2wFaYm7LkVNPahmBzUN4sZHaXQvXnzGoENQ1RnY1hNDQr95HZDYfOhuUybOG7HiEup+0uLQD2LAYxsZGWqXBmEaw57+Mlp1IQkAUwZxsqPJKj3CvaKTWLc0gCqehKQmTCbO51AroCgdAFUgCKEUo01wC0+K7CiMfLYYztYRhXYPVKIYdJJjGAbO4MaMfsLTCEIK8eaOZkzfIuzOAgYjHUIFuGLN1TqNS0U9ribOEZWQLZCMXSyNmYFbSIKkNXiHNwPhR4DHHxks3tu2pDbQMhp5Y2lre0Wi7jsweHR540BaMZkQl7v/B4ePgkp4w3EmieD6u8KyZzRFiqNM3MzagFAAA='; -$connect-bold: 'd09GMk9UVE8AAAiUAAwAAAAADKwAAAhGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADY0FGjYbgiQcgVgGYAB0ATYCJANIBAYFgwQHIBvWC1GUbVKO7GeCTad9gQcsyxBpiQ+LmJEVkVqLQw78HDxfa+j7extAAqGiU6Pa8ZnYAjpgBYBH/Pf3bM/5d6JmAs0gzJsJAilLMPRPKTTJ+/9x0w+HyISlp6SZ5ZRUjZlIXalScYeKDabOzPWme/2/AP6PLk2vVEsrVqpgKOIRyW1qo0ktllijxMIRCYf7l0ala7MK+A/8FDB74AemP8wzKKRUug7PfjcPCz2YREQ/ulcJD/ezf8AKlVpz/UV5MJ+f4DHiCpoo3PAF0+ePj70YsB+0i6oDQO///4iwi49O/iQSsLy5SjeTkz52EeFWGQVVLS5+EQlZ8sSss8iEL/B9fDeMFi7FxvlFhd+dvk0QRr5MzOtPHOI+EuvHhrMRbBQb8xtjiHBEoRTlqERTsDZ0kM8Be7gWE5su814GpCP/VIEq7E3DSRxvHJnnZ/DleD5+HP9FGHmjQjAGs3uClRJIMJQWwwq0AoLg7CPmXzEqZIVP/+IHPpHMX4j4T49NA0cC2Ia7O1+PvuBycNka/4i1vrKxJ4iHuhsHfnAw5PNkNBQNlc9GBrF87mSC+eePFKxPsHb3Tq1b2qUN9ks3BPvy9FcljBLC8XlE+8BCLIwFgkUj7X/CaBj9QXzYyEcXfdfs5gF/STxfanoaMRyKRLZoBnJFriDeDyKB+XXq5SUe4S+INT7LfKdytLU6Do7BEJhCekQ/wUT8s4glQsnFEA9BcYFW8V/igB1Jz0z+viROkINYehiksBEY5gCEJ7Nnz3Xu0vBMvDMw8JAC8ayXyMJxtt9yd9n7ecSO7p3tR7gzu4M28KkUcogkEJawas3M0cwBh+urv8s8QM5uaWvTVctAoiLmUT5RXorVnKeibStPOylBAqdBItoNI8Vw8xs7YcXF16/OX3p6fHdMYAf/9R5xwXX2bkcOzTFF+sgSWf5C+jDn3Z3dFw7xVveIwGifmM0cvVwJJIx89+OXSLABfbGw4wnrdIsIULhEr+Omrd75IY2HP2RZc1lXz2gY6fgRGaHJ9kgPWSPL70gfFn58sOviIRnKh7fszR2bNpXwKJm80rBv+2WOjlLHCVbfLEEivQcMhIEBc+BeEQsMPCE1rVv3XeIu7PRaxKPDYAA6CqzH3UWiRa6RQYEy5v5uxFB0JrQU7IG38bqgZtEkhKNhyNYOQqiCSTAJA7Ut2KLHQZP4koFp7MTll169unDp2ePzS8eOW7FkCk+jNHWcMAr0M5Ttyq2kmfptdJDMebhHySft3nqBa2/Oz2vimXrQpxg9ZWnJpYncGk+qC+aZ3qMnoKAMGAQ7gBQBBgaCCINlfzB65+aBdG9feW2nDMRUdmJMXiC3OaztFA/e4AAkcgApMkBSe0R+oGi0XTC8tvYUrHwo3fr8x1vmABgKhqxW29jWwjOBUW9hM3XN/bTDWvdo33DZVWdCXa+u6+L6VPEKPp+alEwwBxZmBPi7jF65N+C8jIlP+Mq21tRqK2RnawkfKi5FmRjGRafUt/A00giGzzVKsHsu0nwUg6cQxbqHaI4e1mzd36tKSajjb50gdoa7da7hELZ0hlx+aQZgpw+27+zl554iEtLiUhQcjZoEwwdape7iidsizVvQfy2GT4Izu/QooUyNSg3mXEPb92Xz4EuW1Za0qEY/WXVWbrl2hlx+fgYQZw+37+yTITtwZXe0KBQlPKLJXdXtjVqORoX9w2/PeS7VvQHqDbNDJ1izb2AzWV/d1L2D06piAnm08A0spRjF+w0HF/lFpiTEyZgdKjlFozTB8DlM2g+A/Qf5tfpDWPP5c+ztb8z58f367Q8fFty24ItQCeseoj1yRKM9sF8T7OwSEuTB0wNkP/laqnsjh42Mbr6TV5KMur6qQ72da6wrKKjhP3Bn6EqzM0rSueDolHgl340+30/B9AnYPRHdfiu+LbSys7a7POluLa1qkj2g8jKT82M4RXJ9Dw/i10/G3HeasWbyaYr2VseBM2DgrBRBIWBi4TA4s4ChzeCMMOQKIg44PJyilSqhWNWlguGqPhWJWlWUTD3RQzK4SDIUDIaACUpIJPyOJcOEzwb9LKs5hBIJABwJDdxJW4ASSMkabMLbg61k5dSlctk6zPc1EhOOOdJ4nTUuqXsoPCeimjx+FYhgrSnWJKucdD3pklM2rGCi34ERFcRv/v/1Nz/9w/KybX/A/Myiag78RaeYEJWxvspYrN/NKhzWy6r5SUjnDGApjrUXZtYZAoLatqRoO2yIR1sQihNhwTjDIwAjxHt55OXO7IXjlmiaWSs27BhhljnekjVb9u81JznLvnIM08qxDCvH0S0fT7MhVhGN1Xovd0ozo8PRoTe6gqylSdaaAIuq234dMLpUHWFBt7DdQB39ojyYjwMolqN4wZL7us1YsDjr/Wpa5reul3JgAOSnzkAwAyhG0N0PC5Vqw7t0ZtDilKk0YsyEJavWlwmEWvyZ5vPnj2zfVr1+7RrCQvhlJRfvNmX3e+hN+2ZtiN8DPLzgfwPw6KLlpOlr0vvMIAxqQBt9/a/w5/+avv+P9fnEF3XtJqSviSvPVMeTXAuiO9dtBVLf+JBL7SnRcow/oQkmOIkYimSwXATXu7gpzt1EMprhCqz0MsgMTuW1nhmFsztGxdoVoyHZqVHzdWi0MM43aEkeCg1GrJoxYtGiCQlKLZk3rtOEGFwT8aXuYCkSJdvtLHmmy9l1YzS+SYOJ4f7JcuRZMGLORAfrSRO2TeCpeAZkysB4ztiF2eCRhRZZole7Hnkb9dHxjeE2APhmeGzq9vh5FDVMmLQkoC3G18HBuA0NqiyF4U3gaHpYMEGq6wyWM3OneQAA'; diff --git a/src/component/connect/standalone/index.ejs b/src/component/connect/standalone/index.ejs index cf91790b1..f520e7c3e 100644 --- a/src/component/connect/standalone/index.ejs +++ b/src/component/connect/standalone/index.ejs @@ -4,7 +4,7 @@ FranceConnect - + <% diff --git a/src/component/connect/standalone/main.scss b/src/component/connect/standalone/main.scss new file mode 100644 index 000000000..69c22d86c --- /dev/null +++ b/src/component/connect/standalone/main.scss @@ -0,0 +1,21 @@ +//// +/// Connect Standalone +/// @group connect +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + CONNECT +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/index'; +@import '../../../core/standalone'; +@import '../index'; + +@import '../../../../.config/subsets/connect'; +@import 'style/module'; + +@import '../style/module/default'; +@import '../style/module/plus'; +@import '../style/scheme/default'; + +@include _connect-scheme-default(false, true); diff --git a/src/component/connect/standalone/style/_module.scss b/src/component/connect/standalone/style/_module.scss index b5c904c48..bda9c9045 100644 --- a/src/component/connect/standalone/style/_module.scss +++ b/src/component/connect/standalone/style/_module.scss @@ -3,8 +3,11 @@ /// @group connect //// -@import 'module/reset'; -@import 'module/typography'; -@import 'module/action'; -@import 'module/cursor'; -@import 'module/focus'; +#{ns(connect)} { + @include standalone-box-sizing; + @include standalone-font-face(connect, $connect-subset, regular bold); + @include a-reset(true); + @include btn-reset(true); + @include standalone-cursor(get-clickable-elements()); + @include standalone-focus(get-clickable-elements()); +} diff --git a/src/component/connect/standalone/style/_setting.scss b/src/component/connect/standalone/style/_setting.scss deleted file mode 100644 index e1db156de..000000000 --- a/src/component/connect/standalone/style/_setting.scss +++ /dev/null @@ -1,7 +0,0 @@ -//// -/// Connect Standalone Setting -/// @group connect -//// - -@import 'setting/spacing'; -@import 'setting/clickable-elements'; diff --git a/src/component/connect/standalone/style/module/_action.scss b/src/component/connect/standalone/style/module/_action.scss deleted file mode 100644 index e4c523ae7..000000000 --- a/src/component/connect/standalone/style/module/_action.scss +++ /dev/null @@ -1,13 +0,0 @@ -//// -/// Connect action -/// @group connect -//// - -#{ns(connect)} { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: none; - text-decoration: none; - margin: 0; -} diff --git a/src/component/connect/standalone/style/module/_cursor.scss b/src/component/connect/standalone/style/module/_cursor.scss deleted file mode 100644 index d43deea5b..000000000 --- a/src/component/connect/standalone/style/module/_cursor.scss +++ /dev/null @@ -1,16 +0,0 @@ -//// -/// Connect action -/// @group connect -//// - -@include cursor-selector(pointer, $clickable-elements) { - &#{ns(connect)} { - cursor: pointer; - } -} - -@include cursor-selector(not-allowed, $clickable-elements) { - &#{ns(connect)} { - cursor: not-allowed; - } -} diff --git a/src/component/connect/standalone/style/module/_focus.scss b/src/component/connect/standalone/style/module/_focus.scss deleted file mode 100644 index dcd747b4d..000000000 --- a/src/component/connect/standalone/style/module/_focus.scss +++ /dev/null @@ -1,37 +0,0 @@ -//// -/// Connect action -/// @group connect -//// - -#{ns(connect)} { - &:focus, - &:focus-visible { - z-index: z-index(focus); - } -} - -@include focusable-selector ($clickable-elements) { - @at-root #{selector-unify(&, ns(connect))} { - outline-offset: 2px; - outline-width: 2px; - outline-color: $focus-color; - } -} - -@include focusable-selector-focus ($clickable-elements) { - @at-root #{selector-unify(&, ns(connect))} { - outline-style: solid; - } -} - -@include focusable-selector-focus-not-visible ($clickable-elements) { - &#{ns(connect)} { - outline-style: none; - } -} - -@include focusable-selector-focus-visible ($clickable-elements) { - &#{ns(connect)} { - outline-style: solid; - } -} diff --git a/src/component/connect/standalone/style/module/_reset.scss b/src/component/connect/standalone/style/module/_reset.scss deleted file mode 100644 index b5c2b5716..000000000 --- a/src/component/connect/standalone/style/module/_reset.scss +++ /dev/null @@ -1,12 +0,0 @@ -//// -/// Connect reset -/// @group connect -//// - -#{ns(connect)} { - box-sizing: border-box; - @include _pseudo(before after) { - box-sizing: inherit; - } - margin: 0; -} diff --git a/src/component/connect/standalone/style/module/_typography.scss b/src/component/connect/standalone/style/module/_typography.scss deleted file mode 100644 index 68c50ba49..000000000 --- a/src/component/connect/standalone/style/module/_typography.scss +++ /dev/null @@ -1,29 +0,0 @@ -//// -/// Connect Typography -/// @group connect -//// - -@function font-size($font-size: 16px) { - @return $font-size; -} - -@font-face { - font-family: 'Marianne-fc'; - src: url("data:font/truetype;charset=utf-8;base64,#{$connect-regular}") format('woff'); - font-weight: 400; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: 'Marianne-fc'; - src: url("data:font/truetype;charset=utf-8;base64,#{$connect-bold}") format('woff'); - font-weight: 700; - font-style: normal; - font-display: swap; -} - -#{ns(connect)} { - font-family: 'Marianne-fc', arial, sans-serif; - @include font-smoothing; -} diff --git a/src/component/connect/standalone/style/setting/_clickable-elements.scss b/src/component/connect/standalone/style/setting/_clickable-elements.scss deleted file mode 100644 index e862d0a5f..000000000 --- a/src/component/connect/standalone/style/setting/_clickable-elements.scss +++ /dev/null @@ -1,6 +0,0 @@ -//// -/// Connect Standalone Setting : clickable elements -/// @group connect -//// - -$clickable-elements: get-clickable-elements(); diff --git a/src/component/connect/standalone/style/setting/_spacing.scss b/src/component/connect/standalone/style/setting/_spacing.scss deleted file mode 100644 index 6253ac649..000000000 --- a/src/component/connect/standalone/style/setting/_spacing.scss +++ /dev/null @@ -1,7 +0,0 @@ -//// -/// Connect spacing -/// @group connect -//// - -$V: 4px !global; -$W: 8px !global; diff --git a/src/component/connect/style/_scheme.scss b/src/component/connect/style/_scheme.scss index 1b4d9fdd6..e93402100 100644 --- a/src/component/connect/style/_scheme.scss +++ b/src/component/connect/style/_scheme.scss @@ -3,32 +3,10 @@ /// @group connect //// -@mixin _connect-scheme($legacy: false, $standalone: false) { - #{ns(connect)} { - @include scheme-element-bg-color(action-high blue-france, (legacy: $legacy, standalone: $standalone)); - @include scheme-element-text-color(inverted blue-france, (legacy: $legacy, standalone: $standalone)); - - &-group { - #{ns(connect)} + p a { - @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); - } - - p { - @include scheme-element-text-color(mention grey, (legacy:$legacy)); - } - } +@import 'scheme/default'; +@import 'scheme/group'; - @include after { - @include scheme-element-bg-image-color((text inverted blue-france, text inverted blue-france), (legacy: $legacy, standalone: $standalone)); - } - - @include disabled ((can-be-link: true)) { - @include scheme-element-bg-color(disabled grey, (legacy: $legacy, standalone: $standalone)); - @include scheme-element-text-color(disabled grey, (legacy: $legacy, standalone: $standalone)); - - @include after { - @include scheme-element-bg-image-color((text disabled grey, text disabled grey), (legacy: $legacy, standalone: $standalone)); - } - } - } +@mixin _connect-scheme($legacy: false, $standalone: false) { + @include _connect-scheme-default($legacy, $standalone); + @include _connect-scheme-group($legacy, $standalone); } diff --git a/src/component/connect/style/scheme/_default.scss b/src/component/connect/style/scheme/_default.scss new file mode 100644 index 000000000..be70ce4c9 --- /dev/null +++ b/src/component/connect/style/scheme/_default.scss @@ -0,0 +1,24 @@ +//// +/// Connect Scheme : default +/// @group connect +//// + +@mixin _connect-scheme-default($legacy: false, $standalone: false) { + #{ns(connect)} { + @include scheme-element-bg-color(action-high blue-france, (legacy: $legacy, standalone: $standalone)); + @include scheme-element-text-color(inverted blue-france, (legacy: $legacy, standalone: $standalone)); + + @include after { + @include scheme-element-bg-image-color((text inverted blue-france, text inverted blue-france), (legacy: $legacy, standalone: $standalone)); + } + + @include disabled ((can-be-link: true)) { + @include scheme-element-bg-color(disabled grey, (legacy: $legacy, standalone: $standalone)); + @include scheme-element-text-color(disabled grey, (legacy: $legacy, standalone: $standalone)); + + @include after { + @include scheme-element-bg-image-color((text disabled grey, text disabled grey), (legacy: $legacy, standalone: $standalone)); + } + } + } +} diff --git a/src/component/connect/style/scheme/_group.scss b/src/component/connect/style/scheme/_group.scss new file mode 100644 index 000000000..0a719d54b --- /dev/null +++ b/src/component/connect/style/scheme/_group.scss @@ -0,0 +1,18 @@ +//// +/// Connect Scheme : default +/// @group connect +//// + +@mixin _connect-scheme-group($legacy: false, $standalone: false) { + #{ns(connect)} { + &-group { + #{ns(connect)} + p a { + @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); + } + + p { + @include scheme-element-text-color(mention grey, (legacy:$legacy)); + } + } + } +} diff --git a/src/component/connect/template/ejs/connect.ejs b/src/component/connect/template/ejs/connect.ejs index ebacacc6c..a9f615a65 100644 --- a/src/component/connect/template/ejs/connect.ejs +++ b/src/component/connect/template/ejs/connect.ejs @@ -28,18 +28,18 @@ if (connect.id) connectAttrs.id = connect.id; connectClasses.push(prefix + '-connect'); -const login = (connect.lang && content.login[connect.lang]) ? content.login[connect.lang] : content.login.fr; +const login = (connect.lang && content[`login-${connect.lang}`]) ? content[`login-${connect.lang}`].value : content['login-fr'].value; -let brand = content.brand.default; +let brand = content.brand.value; switch(connect.type) { case 'plus': connectClasses.push(prefix + '-connect--plus'); - brand = content.brand.plus; + brand = content['brand-plus'].value; break; case 'agent': connectClasses.push(prefix + '-connect--agent'); - brand = content.brand.agent; + brand = content['brand-agent'].value; break; } diff --git a/src/core/standalone.scss b/src/core/standalone.scss new file mode 100644 index 000000000..a580c343b --- /dev/null +++ b/src/core/standalone.scss @@ -0,0 +1,6 @@ +//// +/// Core Standalone +/// @group core +//// + +@import 'style/standalone'; diff --git a/src/core/style/_standalone.scss b/src/core/style/_standalone.scss new file mode 100644 index 000000000..ab5a408e1 --- /dev/null +++ b/src/core/style/_standalone.scss @@ -0,0 +1,9 @@ +//// +/// Core Standalone +/// @group core +//// + +@import 'reset/standalone'; +@import 'spacing/standalone'; +@import 'action/standalone'; +@import 'typography/standalone'; diff --git a/src/core/style/action/_standalone.scss b/src/core/style/action/_standalone.scss new file mode 100644 index 000000000..9e61d728d --- /dev/null +++ b/src/core/style/action/_standalone.scss @@ -0,0 +1,7 @@ +//// +/// Core Standalone : Action +/// @group core +//// + +@import 'standalone/focus'; +@import 'standalone/cursor'; diff --git a/src/core/style/action/standalone/_cursor.scss b/src/core/style/action/standalone/_cursor.scss new file mode 100644 index 000000000..53bec8fd0 --- /dev/null +++ b/src/core/style/action/standalone/_cursor.scss @@ -0,0 +1,20 @@ +//// +/// Core Standalone : Action cursor +/// @group core +//// + +@mixin standalone-cursor($elements, $element: &) { + @at-root { + @include cursor-selector(pointer, $elements) { + &#{$element} { + cursor: pointer; + } + } + + @include cursor-selector(not-allowed, $elements) { + &#{$element} { + cursor: not-allowed; + } + } + } +} diff --git a/src/core/style/action/standalone/_focus.scss b/src/core/style/action/standalone/_focus.scss new file mode 100644 index 000000000..728862141 --- /dev/null +++ b/src/core/style/action/standalone/_focus.scss @@ -0,0 +1,34 @@ +//// +/// Core Standalone : Action focus +/// @group core +//// + +@mixin standalone-focus ($elements, $element: &) { + @at-root { + @include focusable-selector ($elements) { + @at-root #{selector-unify(&, $element)} { + outline-offset: 2px; + outline-width: 2px; + outline-color: $focus-color; + } + } + + @include focusable-selector-focus ($elements) { + @at-root #{selector-unify(&, $element)} { + outline-style: solid; + } + } + + @include focusable-selector-focus-not-visible ($elements) { + &#{$element} { + outline-style: none; + } + } + + @include focusable-selector-focus-visible ($elements) { + &#{$element} { + outline-style: solid; + } + } + } +} diff --git a/src/core/style/action/tool/_button.scss b/src/core/style/action/tool/_button.scss index 2806561c1..5ae169b95 100644 --- a/src/core/style/action/tool/_button.scss +++ b/src/core/style/action/tool/_button.scss @@ -3,12 +3,14 @@ /// @group core //// -@mixin btn-reset { +@mixin btn-reset ($minimal: false) { -webkit-appearance: none; -moz-appearance: none; appearance: none; - background-color: transparent; - font-family: inherit; border: none; margin: 0; // Address margins set differently in Firefox 4+, Safari, and Chrome. + @if not $minimal { + background-color: transparent; + font-family: inherit; + } } diff --git a/src/core/style/action/tool/_link.scss b/src/core/style/action/tool/_link.scss index 817126b64..59ed2a0f4 100644 --- a/src/core/style/action/tool/_link.scss +++ b/src/core/style/action/tool/_link.scss @@ -5,9 +5,11 @@ $underline-thickness: 0.0625em; -@mixin a-reset { +@mixin a-reset ($minimal: false) { text-decoration: none; - color: inherit; + @if not $minimal { + color: inherit; + } } @mixin enable-underline() { diff --git a/src/core/style/reset/_standalone.scss b/src/core/style/reset/_standalone.scss new file mode 100644 index 000000000..54ed7b622 --- /dev/null +++ b/src/core/style/reset/_standalone.scss @@ -0,0 +1,6 @@ +//// +/// Core Standalone : Reset +/// @group core +//// + +@import 'standalone/box-sizing'; diff --git a/src/core/style/reset/standalone/_box-sizing.scss b/src/core/style/reset/standalone/_box-sizing.scss new file mode 100644 index 000000000..01d32f595 --- /dev/null +++ b/src/core/style/reset/standalone/_box-sizing.scss @@ -0,0 +1,19 @@ +//// +/// Core Standalone : Reset box-sizing +/// @group core +//// + +@mixin standalone-box-sizing($hasDescendants: false) { + box-sizing: border-box; + @include _pseudo(before after) { + box-sizing: inherit; + } + + @if $hasDescendants { + *, + *::before, + *::after { + box-sizing: inherit; + } + } +} diff --git a/src/core/style/spacing/_setting.scss b/src/core/style/spacing/_setting.scss index 3d0f0ee84..09fc91b81 100644 --- a/src/core/style/spacing/_setting.scss +++ b/src/core/style/spacing/_setting.scss @@ -3,5 +3,6 @@ /// @group core //// +@import 'setting/space'; @import 'setting/margin'; @import 'setting/z-index'; diff --git a/src/core/style/spacing/_standalone.scss b/src/core/style/spacing/_standalone.scss new file mode 100644 index 000000000..db414da80 --- /dev/null +++ b/src/core/style/spacing/_standalone.scss @@ -0,0 +1,6 @@ +//// +/// Core Standalone : Spacing +/// @group core +//// + +@import 'standalone/space'; diff --git a/src/core/style/spacing/function/_space.scss b/src/core/style/spacing/function/_space.scss index 8000b76f4..484a870c0 100644 --- a/src/core/style/spacing/function/_space.scss +++ b/src/core/style/spacing/function/_space.scss @@ -3,9 +3,6 @@ /// @group core //// -$V: 0.25rem; -$W: 0.5rem; - /// Return space value from type map and convert to rem. /// /// @param {Number} $value - valeur de l'espacement, permet de convertir cet espacement de v (4px) ou w (8px) en rem diff --git a/src/core/style/spacing/setting/_space.scss b/src/core/style/spacing/setting/_space.scss new file mode 100644 index 000000000..64fe28f96 --- /dev/null +++ b/src/core/style/spacing/setting/_space.scss @@ -0,0 +1,7 @@ +//// +/// Core Settings : Spacing space +/// @group core +//// + +$V: 0.25rem; +$W: 0.5rem; diff --git a/src/core/style/spacing/standalone/_space.scss b/src/core/style/spacing/standalone/_space.scss new file mode 100644 index 000000000..1faeda326 --- /dev/null +++ b/src/core/style/spacing/standalone/_space.scss @@ -0,0 +1,7 @@ +//// +/// Core Standalone : Spacing space +/// @group core +//// + +$V: 4px; +$W: 8px; diff --git a/src/core/style/typography/_standalone.scss b/src/core/style/typography/_standalone.scss new file mode 100644 index 000000000..affb5b973 --- /dev/null +++ b/src/core/style/typography/_standalone.scss @@ -0,0 +1,7 @@ +//// +/// Core Module : Typography +/// @group core +//// + +@import 'standalone/font-size'; +@import 'standalone/font-face'; diff --git a/src/core/style/typography/standalone/_font-face.scss b/src/core/style/typography/standalone/_font-face.scss new file mode 100644 index 000000000..bc41979d8 --- /dev/null +++ b/src/core/style/typography/standalone/_font-face.scss @@ -0,0 +1,24 @@ +//// +/// Connect Typography +/// @group connect +//// + +@mixin standalone-font-face($id, $subset, $types) { + $family: 'Marianne-#{$id}'; + + @at-root { + @each $type in $types { + $weight: map-get($font-weight-scale, $type); + @font-face { + font-family: $family; + src: url("data:font/truetype;charset=utf-8;base64,#{map-get($subset, $type)}") format('woff'); + font-weight: $weight; + font-style: normal; + font-display: swap; + } + } + } + + font-family: $family, arial, sans-serif; + @include font-smoothing; +} diff --git a/src/core/style/typography/standalone/_font-size.scss b/src/core/style/typography/standalone/_font-size.scss new file mode 100644 index 000000000..635ca51e2 --- /dev/null +++ b/src/core/style/typography/standalone/_font-size.scss @@ -0,0 +1,8 @@ +//// +/// Connect Typography +/// @group connect +//// + +@function font-size($font-size: 16px) { + @return $font-size; +} diff --git a/tool/build/example.js b/tool/build/example.js index 9059ec36e..8ec03f9dc 100644 --- a/tool/build/example.js +++ b/tool/build/example.js @@ -102,4 +102,19 @@ const buildExample = (pck) => { log(38, pck.example.file); }; -module.exports = { buildExample }; +const buildStandaloneExample = (pck) => { + const page = fs.readFileSync(root(pck.standalone.example.src), { + encoding: 'utf8', + flag: 'r' + }); + const html = ejs.render(page, { + path: root(pck.standalone.example.path), + root: root.toString() + }); + const beautified = beautify(html, beautyOpts); + + createFile(pck.standalone.example.dest, beautified, true); + log(38, pck.standalone.example.dest); +}; + +module.exports = { buildExample, buildStandaloneExample }; diff --git a/tool/build/scripts.js b/tool/build/scripts.js index 618c29f07..612a7933e 100644 --- a/tool/build/scripts.js +++ b/tool/build/scripts.js @@ -10,7 +10,7 @@ const fs = require('fs'); const log = require('../utilities/log'); const getBanner = require('../generate/banner').getBanner; -const process = async (data, dir, filename, minify, legacy, map) => { +const process = async (data, dir, filename, minify, legacy, map, standalone) => { const input = { input: 'entry', plugins: [ @@ -21,7 +21,7 @@ const process = async (data, dir, filename, minify, legacy, map) => { ] }; - const entryFilename = `${filename}.${legacy ? 'no' : ''}module${minify ? '.min' : ''}.js`; + const entryFilename = `${filename}.${legacy ? 'no' : ''}module${minify ? '.min' : ''}${standalone ? '.standalone' : ''}.js`; const output = { format: legacy ? 'iife' : 'esm', @@ -68,26 +68,26 @@ const process = async (data, dir, filename, minify, legacy, map) => { log.file(entryFilename, `${size} bytes`); }; -const buildScript = async (pck, minify, legacy, map) => { - const src = root(pck.path); - const dir = root(`${pck.dist}/`); +const buildScript = async (pck, minify, legacy, map, standalone) => { + const src = root(`${pck.path}${standalone ? '/standalone' : ''}`); + const dir = root(`${standalone ? pck.standalone.dist : pck.dist}/`); let data = `import '${src}/main.js'\n`; if (pck.module) { - await process(data, dir, pck.id, false, false, map); + await process(data, dir, pck.id, false, false, map, standalone); if (minify) { - await process(data, dir, pck.id, true, false, map); + await process(data, dir, pck.id, true, false, map, standalone); } } if (legacy && pck.nomodule) { if (pck.script.files.indexOf('legacy') > -1) data += `import '${src}/legacy.js'\n`; - await process(data, dir, pck.id, false, true, map); + await process(data, dir, pck.id, false, true, map, standalone); if (minify) { - await process(data, dir, pck.id, true, true, map); + await process(data, dir, pck.id, true, true, map, standalone); } } }; diff --git a/tool/build/standalone.js b/tool/build/standalone.js index 7942f0d03..c9ee54124 100644 --- a/tool/build/standalone.js +++ b/tool/build/standalone.js @@ -1,13 +1,14 @@ const log = require('../utilities/log'); const global = require('../../package.json'); -const { buildStyle } = require('./styles'); +const { buildStyles } = require('./styles'); const root = require('../utilities/root'); -const ejs = require('ejs'); const { html: beautify } = require('js-beautify'); -const { createFile, deleteDir } = require('../utilities/file'); -const fs = require('fs'); +const { deleteDir } = require('../utilities/file'); const { standaloneFontSubset } = require('../generate/font-subset'); const generateConfig = require('../generate/config'); +const { getPackages } = require('../utilities/config'); +const { buildScript } = require('./scripts'); +const { buildStandaloneExample } = require('./example'); const beautyOpts = beautify.defaultOptions(); beautyOpts.end_with_newline = true; beautyOpts.max_preserve_newlines = 0; @@ -19,37 +20,64 @@ beautyOpts.inline = []; const standalone = async (settings) => { log(36, `standalone ${global.config.namespace} - version ${global.version}`); - deleteDir(root('standalone')); - deleteDir(root('.config')); + if (settings.clean) { + deleteDir(root('standalone')); + deleteDir(root('.config')); - await generateConfig(); + await generateConfig(); + } - await standaloneFontSubset(); + const packages = getPackages().filter(pck => settings.packages && (settings.packages.length ? settings.packages.indexOf(pck.id) > -1 : true)); if (settings.styles) { - try { - await buildStyle(`@import '${root('src/component/connect/standalone')}';`, root('standalone/fr-connect'), settings.minify, settings.sourcemap); - } catch (e) { - log.error(e); + log.section('styles', true); + for (const pck of packages) { + if (!pck.standalone) continue; + if (!pck.standalone.style) continue; + log.info(pck.id.toLowerCase()); + if (pck.standalone.content) { + try { + await standaloneFontSubset(pck); + } catch (e) { + log.error(e); + } + } + + try { + await buildStyles(pck, settings.minify, settings.sourcemap, true); + } catch (e) { + log.error(e); + } + } + } + + if (settings.scripts) { + log.section('scripts', true); + + for (const pck of packages) { + if (!pck.standalone) continue; + if (!pck.standalone.script) continue; + log.info(pck.id.toLowerCase()); + + try { + await buildScript(pck, settings.minify, settings.legacy, settings.sourcemap, true); + } catch (e) { + log.error(e); + } } } if (settings.examples) { - try { - const page = fs.readFileSync(root('src/component/connect/standalone/index.ejs'), { - encoding: 'utf8', - flag: 'r' - }); - const html = ejs.render(page, { - path: root('src/component/connect/example/index.ejs'), - root: root.toString() - }); - const beautified = beautify(html, beautyOpts); - - createFile('standalone/index.html', beautified, true); - log(38, 'standalone/index.html'); - } catch (e) { - log.error(e); + log.section('examples', true); + + for (const pck of packages) { + if (pck.draft) continue; + if (!pck.standalone) continue; + try { + await buildStandaloneExample(pck); + } catch (e) { + log.error(e); + } } } }; diff --git a/tool/build/styles.js b/tool/build/styles.js index cefc2ced0..3c67a8059 100644 --- a/tool/build/styles.js +++ b/tool/build/styles.js @@ -25,30 +25,32 @@ const process = async (css, plugins, options) => { if (result.map) createFile(result.opts.to + '.map', result.map.toString(), true); }; -const input = (path, file) => { - const filePath = root(`${path}/${file}`); +const input = (path, file, standalone) => { + const insert = standalone ? 'standalone/' : ''; + const filePath = root(`${path}/${insert}${file}`); return `@import '${filePath}';\r\n`; }; -const output = (pck, file) => { +const output = (pck, file, standalone) => { const append = file ? `.${file}` : ''; - const filePath = root(`${pck.dist}/${pck.id}${append}`); + const filePath = root(`${standalone ? pck.standalone.dist : pck.dist}/${pck.id}${append}${standalone ? '.standalone' : ''}`); return filePath; }; -const buildStyles = async (pck, minify, map) => { +const buildStyles = async (pck, minify, map, standalone = false) => { let data = ''; - if (pck.style.files.length > 1) { - for (const file of pck.style.files) { + const style = standalone ? pck.standalone.style : pck.style; + if (style.files.length > 1) { + for (const file of style.files) { const src = input(pck.path, file); await buildStyle(src, output(pck, file), minify, map); data += src; } } else { - data = input(pck.path, 'main'); + data = input(pck.path, 'main', standalone); } - await buildStyle(data, output(pck), minify, map); + await buildStyle(data, output(pck, null, standalone), minify, map); }; const buildStyle = async (data, dest, minify, map) => { diff --git a/tool/generate/config.js b/tool/generate/config.js index 50c3e7ef1..2a4179715 100644 --- a/tool/generate/config.js +++ b/tool/generate/config.js @@ -34,6 +34,15 @@ const analyse = (id, path, ascendants = []) => { files.push(...['legacy'].filter(file => fs.existsSync(`${absolute}/${file}.js`))); config.script = { level: -1, files: files }; } + + if (fs.existsSync(`${absolute}/standalone/main.scss`)) { + config.standalone = { style: { files: ['main'] } }; + } + + if (fs.existsSync(`${absolute}/standalone/main.js`)) { + if (!config.standalone) config.standalone = {}; + config.standalone.script = { files: ['main'] }; + } } else if (fs.existsSync(`${absolute}/.folder.yml`)) { type = 'folder'; children = parse(path, [...ascendants, id]); @@ -86,6 +95,20 @@ const analyse = (id, path, ascendants = []) => { config.replace = replace; config.dist = data.dist ? data.dist : config.path.replace('src', 'dist'); config.example.file = `${config.path.replace('src', 'example')}/index.html`; + if (config.standalone) { + config.standalone.dist = `standalone/${config.id}`; + if (fs.existsSync(`${absolute}/content.json`)) { + config.standalone.content = { + file: `${config.path}/content.json`, + dest: `.config/subsets/${config.id}.scss` + }; + } + config.standalone.example = { + src: `${config.path}/standalone/index.ejs`, + path: `${config.path}/example/index.ejs`, + dest: `standalone/${config.id}/index.html` + }; + } if (children) config.children = children; diff --git a/tool/generate/font-subset.js b/tool/generate/font-subset.js index e92466db7..8b2bb1269 100644 --- a/tool/generate/font-subset.js +++ b/tool/generate/font-subset.js @@ -3,27 +3,37 @@ const root = require('../utilities/root'); const { createFile } = require('../utilities/file'); const { readFile } = require('fs').promises; -const standaloneFontSubset = async () => { - const regular = await readFile(root('src/core/asset/fonts/Marianne-Regular.woff2')); - const bold = await readFile(root('src/core/asset/fonts/Marianne-Bold.woff2')); - - const file = await readFile(root('src/component/connect/content.json')); +const standaloneFontSubset = async (pck) => { + const file = await readFile(root(pck.standalone.content.file)); const json = JSON.parse(file); - let regText = ''; - for (const key in json.login) regText += json.login[key]; + const content = {}; + + for (const key in json) { + const text = json[key]; + const type = text.type; + if (!type) continue; + if (content[type] === undefined) content[type] = ''; + content[type] += text.value; + } + + let font = `$${pck.id}-subset: ( + `; - let boldText = ''; - for (const key in json.brand) boldText += json.brand[key]; + let separator = ''; - const regularBuffer = await subsetFont(regular, regText, { targetFormat: 'woff2' }); - const boldBuffer = await subsetFont(bold, boldText, { targetFormat: 'woff2' }); + for (const key in content) { + const woff = await readFile(root(`src/core/asset/fonts/Marianne-${key}.woff2`)); + const buffer = await subsetFont(woff, content[key], { targetFormat: 'woff2' }); + font += `${separator}${key.toLowerCase()}: '${buffer.toString('base64')}'`; + separator = `, + `; + } - const font = `$connect-regular: '${regularBuffer.toString('base64')}'; -$connect-bold: '${boldBuffer.toString('base64')}'; -`; + font += ` +);`; - createFile(root('src/component/connect/standalone/_font.scss'), font, true); + createFile(root(pck.standalone.content.dest), font, true); }; module.exports = { standaloneFontSubset }; diff --git a/tool/tool.js b/tool/tool.js index df12538cf..f951a9f79 100755 --- a/tool/tool.js +++ b/tool/tool.js @@ -174,6 +174,16 @@ const standaloneBuilder = (yargs) => { '$0 -p connect', 'compile les fichiers scripts et styles du package core et accordion en les minifiant' ) + .option('packages', { + alias: 'p', + describe: 'liste des id des packages à compiler. Si non renseigné, tous les packages sont compilés', + type: 'array' + }) + .option('scripts', { + alias: '-j', + describe: 'Filtre de compilation, inclue les scripts', + type: 'boolean' + }) .option('styles', { alias: '-c', describe: 'Filtre de compilation, inclue les styles', @@ -198,6 +208,10 @@ const standaloneBuilder = (yargs) => { alias: '-s', describe: 'Compilation des scripts et styles avec sourcemaps', type: 'boolean' + }) + .option('clean', { + describe: 'Supprime le dossier public avant compilation pour repartir de zéro', + type: 'boolean' }); }; @@ -206,10 +220,13 @@ const standaloneHandler = async (argv) => { const settings = { styles: argv.styles || all, + scripts: argv.scripts || all, examples: argv.examples || all, + packages: argv.packages || [], minify: argv.minify, legacy: argv.legacy, - sourcemap: argv.sourcemap + sourcemap: argv.sourcemap, + clean: argv.clean }; await standalone(settings); From 8f7535bb7c90e76066da55229a75c91a8c296c12 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Thu, 31 Mar 2022 16:55:03 +0200 Subject: [PATCH 03/24] fix(core): bug checkbox NVDA - correction du reset appearance [DS-2442] (#252) --- src/component/radio/example/index.ejs | 2 +- src/component/radio/style/module/_md.scss | 2 ++ src/core/style/action/module/_input.scss | 8 ++++++++ 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/src/component/radio/example/index.ejs b/src/component/radio/example/index.ejs index 6fd86eb26..006500130 100755 --- a/src/component/radio/example/index.ejs +++ b/src/component/radio/example/index.ejs @@ -1,6 +1,6 @@ <% const sample = getSample(include); %> -<%- section('Bouton radio simple'); %> +<%- section('Bouton radio simple', null, 0); %> <%- sample('Ensemble de boutons radio', './sample/radios.ejs', { radios: { id:'radio', checked: true } }, true); %> diff --git a/src/component/radio/style/module/_md.scss b/src/component/radio/style/module/_md.scss index 99cc3e485..509cc19ce 100644 --- a/src/component/radio/style/module/_md.scss +++ b/src/component/radio/style/module/_md.scss @@ -8,6 +8,7 @@ * Ce groupe contient également le texte d'aide (optionnels) */ #{ns-group(radio)} { + @include relative; /** * Dans le cas d'un groupe de radios, on supprime l'espacement du premier groupe */ @@ -37,6 +38,7 @@ */ input[type="radio"] { @include absolute; + @include margin(0); opacity: 0; top: 50%; transform: translateY(-50%); diff --git a/src/core/style/action/module/_input.scss b/src/core/style/action/module/_input.scss index 12a318673..b138fd827 100644 --- a/src/core/style/action/module/_input.scss +++ b/src/core/style/action/module/_input.scss @@ -16,3 +16,11 @@ textarea { background-color: transparent; margin: 0; // Address margins set differently in Firefox 4+, Safari, and Chrome. } + +// Fix for NVDA +input[type="checkbox"], +input[type="radio"] { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; +} \ No newline at end of file From bf21b574576c40dabd0a4c2ee3cf933ac4eb05a8 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Tue, 5 Apr 2022 10:16:00 +0200 Subject: [PATCH 04/24] fix(global): restitution des icones en background + mask [DS-2280] (#256) --- src/component/accordion/legacy.scss | 1 + src/component/accordion/main.scss | 1 + src/component/accordion/style/_legacy.scss | 10 ++ src/component/alert/example/index.ejs | 2 +- src/component/alert/legacy.scss | 1 + src/component/alert/main.scss | 1 + src/component/alert/style/_legacy.scss | 18 +++ src/component/alert/style/_module.scss | 16 +- src/component/badge/legacy.scss | 2 + src/component/badge/main.scss | 1 + src/component/badge/style/_legacy.scss | 37 +++++ src/component/badge/style/_module.scss | 11 +- src/component/badge/template/ejs/badge.ejs | 2 +- src/component/breadcrumb/legacy.scss | 1 + src/component/breadcrumb/main.scss | 1 + src/component/breadcrumb/style/_legacy.scss | 12 +- src/component/button/legacy.scss | 1 + src/component/button/main.scss | 1 + src/component/button/style/_legacy.scss | 61 ++++++- src/component/button/style/_scheme.scss | 2 +- src/component/button/template/ejs/button.ejs | 2 +- src/component/callout/main.scss | 1 + src/component/card/legacy.scss | 1 + src/component/card/main.scss | 1 + src/component/card/style/_legacy.scss | 7 +- src/component/checkbox/index.scss | 2 + src/component/checkbox/main.scss | 1 + src/component/checkbox/style/_module.scss | 7 +- src/component/checkbox/style/_scheme.scss | 3 +- src/component/checkbox/style/_setting.scss | 6 + src/component/consent/legacy.scss | 2 + src/component/consent/main.scss | 1 + src/component/consent/style/_legacy.scss | 19 +++ .../content/deprecated/style/_scheme.scss | 2 +- src/component/content/legacy.scss | 2 + src/component/content/main.scss | 1 + src/component/content/style/_legacy.scss | 14 ++ src/component/content/style/_scheme.scss | 2 +- src/component/follow/legacy.scss | 1 + src/component/follow/main.scss | 1 + src/component/follow/style/_legacy.scss | 42 +++++ src/component/follow/style/_tool.scss | 2 +- src/component/footer/main.scss | 1 + src/component/footer/style/_legacy.scss | 4 + src/component/form/legacy.scss | 1 + src/component/form/main.scss | 1 + src/component/form/style/_legacy.scss | 8 + src/component/header/legacy.scss | 3 +- src/component/header/main.scss | 1 + src/component/header/style/_legacy.scss | 27 +++- src/component/input/style/_module.scss | 1 + src/component/input/template/ejs/input.ejs | 2 +- .../link/deprecated/style/_module.scss | 1 + src/component/link/legacy.scss | 4 +- src/component/link/main.scss | 1 + src/component/link/style/_legacy.scss | 14 +- src/component/link/style/tool/_build.scss | 2 +- src/component/link/style/tool/_icon.scss | 9 +- src/component/link/style/tool/_nest.scss | 7 +- src/component/link/template/ejs/link.ejs | 2 +- src/component/modal/main.scss | 1 + src/component/modal/template/ejs/modal.ejs | 2 +- src/component/navigation/main.scss | 1 + src/component/navigation/style/_legacy.scss | 11 ++ src/component/pagination/legacy.scss | 1 + src/component/pagination/main.scss | 1 + src/component/pagination/style/_legacy.scss | 22 +++ src/component/pagination/style/_scheme.scss | 2 +- src/component/quote/legacy.scss | 1 + src/component/quote/main.scss | 1 + src/component/quote/style/_legacy.scss | 2 + src/component/quote/style/_module.scss | 2 +- src/component/radio/main.scss | 1 + src/component/search/legacy.scss | 2 + src/component/search/main.scss | 1 + src/component/search/style/_legacy.scss | 12 ++ src/component/select/main.scss | 1 + src/component/share/legacy.scss | 1 + src/component/share/main.scss | 1 + src/component/share/style/_legacy.scss | 37 ++++- src/component/sidemenu/main.scss | 1 + src/component/tab/main.scss | 1 + src/component/tab/style/_legacy.scss | 4 + src/component/tab/template/ejs/tab.ejs | 2 +- src/component/tag/legacy.scss | 1 + src/component/tag/main.scss | 1 + src/component/tag/style/_legacy.scss | 42 +++++ src/component/tag/style/module/_variants.scss | 2 +- src/component/tag/template/ejs/tag.ejs | 2 +- src/component/tile/main.scss | 1 + src/component/toggle/index.scss | 2 + src/component/toggle/legacy.scss | 1 + src/component/toggle/main.scss | 1 + src/component/toggle/style/_legacy.scss | 8 + src/component/toggle/style/_scheme.scss | 14 +- src/component/toggle/style/_setting.scss | 6 + .../toggle/style/module/_toggle.scss | 11 +- src/component/upload/main.scss | 1 + src/core/config.scss | 1 - src/core/deprecated/style/_module.scss | 9 +- .../deprecated/style/display/_module.scss | 12 ++ src/core/deprecated/style/icon/_module.scss | 14 ++ .../template}/remix-icon.ejs | 0 src/core/example/icon/index.ejs | 14 +- src/core/example/icon/sample/remix-icon.ejs | 3 - .../icon/deprecated/svg/arrow-up-line.svg | 1 - src/core/icon/{svg => dsfr}/bold.svg | 0 src/core/icon/{svg => dsfr}/error-fill.svg | 0 src/core/icon/{svg => dsfr}/error-line.svg | 0 .../icon/{svg => dsfr}/flashlight-fill.svg | 0 .../icon/{svg => dsfr}/flashlight-line.svg | 0 src/core/icon/{svg => dsfr}/highlight.svg | 0 src/core/icon/{svg => dsfr}/info-fill.svg | 0 src/core/icon/{svg => dsfr}/info-line.svg | 0 src/core/icon/{svg => dsfr}/success-fill.svg | 0 src/core/icon/{svg => dsfr}/success-line.svg | 0 src/core/icon/{svg => dsfr}/warning-fill.svg | 0 src/core/icon/{svg => dsfr}/warning-line.svg | 0 src/core/icon/icon.yml | 0 .../svg => remix}/account-fill.svg | 0 .../svg => remix}/account-line.svg | 0 .../svg => remix}/add-circle-fill.svg | 0 .../svg => remix}/add-circle-line.svg | 0 .../{deprecated/svg => remix}/add-line.svg | 0 .../{deprecated/svg => remix}/alert-fill.svg | 0 .../{deprecated/svg => remix}/alert-line.svg | 0 .../svg => remix}/arrow-down-line.svg | 0 .../svg => remix}/arrow-down-s-line.svg | 0 .../svg => remix}/arrow-go-back-fill.svg | 0 .../svg => remix}/arrow-go-back-line.svg | 0 .../svg => remix}/arrow-left-line.svg | 0 .../svg => remix}/arrow-left-s-first-line.svg | 0 .../arrow-left-s-line-double.svg | 0 .../svg => remix}/arrow-left-s-line.svg | 0 .../svg => remix}/arrow-right-line.svg | 0 .../svg => remix}/arrow-right-s-last-line.svg | 0 .../arrow-right-s-line-double.svg | 0 .../svg => remix}/arrow-right-s-line.svg | 0 .../svg => remix}/arrow-right-up-line.svg | 0 .../svg => remix}/arrow-up-fill.svg | 0 .../svg => remix}/arrow-up-s-line.svg | 0 .../svg => remix}/attachment-fill.svg | 0 .../svg => remix}/attachment-line.svg | 0 .../svg => remix}/calendar-fill.svg | 0 .../svg => remix}/calendar-line.svg | 0 .../svg => remix}/chat-quote-fill.svg | 0 .../svg => remix}/chat-quote-line.svg | 0 .../{deprecated/svg => remix}/check-line.svg | 0 .../svg => remix}/checkbox-circle-fill.svg | 0 .../svg => remix}/checkbox-circle-line.svg | 0 .../svg => remix}/close-circle-fill.svg | 0 .../svg => remix}/close-circle-line.svg | 0 .../{deprecated/svg => remix}/close-line.svg | 0 .../svg => remix}/dailymotion-fill.svg | 0 .../svg => remix}/dailymotion-line.svg | 0 .../{deprecated/svg => remix}/delete-fill.svg | 0 .../{deprecated/svg => remix}/delete-line.svg | 0 .../svg => remix}/download-line.svg | 0 .../{deprecated/svg => remix}/edit-fill.svg | 0 .../{deprecated/svg => remix}/edit-line.svg | 0 .../svg => remix}/equalizer-fill.svg | 0 .../svg => remix}/equalizer-line.svg | 0 .../svg => remix}/error-warning-fill.svg | 0 .../svg => remix}/error-warning-line.svg | 0 .../svg => remix}/external-link-line.svg | 0 .../{deprecated/svg => remix}/eye-fill.svg | 0 .../{deprecated/svg => remix}/eye-line.svg | 0 .../svg => remix}/eye-off-fill.svg | 0 .../svg => remix}/eye-off-line.svg | 0 .../svg => remix}/facebook-circle-fill.svg | 0 .../svg => remix}/facebook-circle-line.svg | 0 .../svg => remix}/file-download-fill.svg | 0 .../svg => remix}/file-download-line.svg | 0 .../{deprecated/svg => remix}/file-fill.svg | 0 .../{deprecated/svg => remix}/file-line.svg | 0 .../svg => remix}/file-pdf-fill.svg | 0 .../svg => remix}/file-pdf-line.svg | 0 .../{deprecated/svg => remix}/filter-fill.svg | 0 .../{deprecated/svg => remix}/filter-line.svg | 0 .../{deprecated/svg => remix}/font-size.svg | 0 .../{deprecated/svg => remix}/github-fill.svg | 0 .../{deprecated/svg => remix}/github-line.svg | 0 .../{deprecated/svg => remix}/home-4-fill.svg | 0 .../{deprecated/svg => remix}/home-4-line.svg | 0 src/core/icon/{deprecated => remix}/icon.yml | 0 .../{deprecated/svg => remix}/image-fill.svg | 0 .../{deprecated/svg => remix}/image-line.svg | 0 .../svg => remix}/information-fill.svg | 0 .../svg => remix}/information-line.svg | 0 .../svg => remix}/instagram-fill.svg | 0 .../svg => remix}/instagram-line.svg | 0 .../icon/{deprecated/svg => remix}/italic.svg | 0 .../svg => remix}/line-chart-fill.svg | 0 .../svg => remix}/line-chart-line.svg | 0 .../{deprecated/svg => remix}/link-unlink.svg | 0 .../svg => remix}/linkedin-box-fill.svg | 0 .../svg => remix}/linkedin-box-line.svg | 0 .../{deprecated/svg => remix}/links-fill.svg | 0 .../svg => remix}/list-ordered.svg | 0 .../svg => remix}/list-unordered.svg | 0 .../{deprecated/svg => remix}/lock-fill.svg | 0 .../{deprecated/svg => remix}/lock-line.svg | 0 .../svg => remix}/logout-box-r-fill.svg | 0 .../svg => remix}/logout-box-r-line.svg | 0 .../{deprecated/svg => remix}/mail-fill.svg | 0 .../{deprecated/svg => remix}/mail-line.svg | 0 .../svg => remix}/map-pin-2-fill.svg | 0 .../svg => remix}/map-pin-2-line.svg | 0 .../{deprecated/svg => remix}/menu-2-fill.svg | 0 .../{deprecated/svg => remix}/menu-fill.svg | 0 .../{deprecated/svg => remix}/npmjs-fill.svg | 0 .../{deprecated/svg => remix}/npmjs-line.svg | 0 .../svg => remix}/pause-circle-fill.svg | 0 .../svg => remix}/pause-circle-line.svg | 0 .../{deprecated/svg => remix}/phone-fill.svg | 0 .../{deprecated/svg => remix}/phone-line.svg | 0 .../{deprecated/svg => remix}/play-fill.svg | 0 .../{deprecated/svg => remix}/play-line.svg | 0 .../svg => remix}/printer-fill.svg | 0 .../svg => remix}/printer-line.svg | 0 .../svg => remix}/question-fill.svg | 0 .../svg => remix}/question-line.svg | 0 .../svg => remix}/refresh-fill.svg | 0 .../svg => remix}/refresh-line.svg | 0 .../svg => remix}/remixicon-fill.svg | 0 .../svg => remix}/remixicon-line.svg | 0 .../svg => remix}/road-map-fill.svg | 0 .../svg => remix}/road-map-line.svg | 0 .../{deprecated/svg => remix}/rss-fill.svg | 0 .../{deprecated/svg => remix}/rss-line.svg | 0 .../{deprecated/svg => remix}/save-fill.svg | 0 .../{deprecated/svg => remix}/save-line.svg | 0 .../{deprecated/svg => remix}/search-fill.svg | 0 .../{deprecated/svg => remix}/search-line.svg | 0 .../{deprecated/svg => remix}/slack-fill.svg | 0 .../{deprecated/svg => remix}/slack-line.svg | 0 .../svg => remix}/snapchat-fill.svg | 0 .../svg => remix}/snapchat-line.svg | 0 .../svg => remix}/subtract-line.svg | 0 .../svg => remix}/telegram-fill.svg | 0 .../svg => remix}/telegram-line.svg | 0 .../{deprecated/svg => remix}/theme-fill.svg | 0 .../{deprecated/svg => remix}/tiktok-fill.svg | 0 .../{deprecated/svg => remix}/tiktok-line.svg | 0 .../{deprecated/svg => remix}/timer-fill.svg | 0 .../{deprecated/svg => remix}/timer-line.svg | 0 .../{deprecated/svg => remix}/twitch-fill.svg | 0 .../{deprecated/svg => remix}/twitch-line.svg | 0 .../svg => remix}/twitter-fill.svg | 0 .../svg => remix}/twitter-line.svg | 0 .../svg => remix}/upload-2-fill.svg | 0 .../svg => remix}/upload-2-line.svg | 0 .../{deprecated/svg => remix}/user-fill.svg | 0 .../{deprecated/svg => remix}/user-line.svg | 0 .../{deprecated/svg => remix}/vimeo-fill.svg | 0 .../{deprecated/svg => remix}/vimeo-line.svg | 0 .../svg => remix}/volume-down-fill.svg | 0 .../svg => remix}/volume-down-line.svg | 0 .../svg => remix}/volume-mute-fill.svg | 0 .../svg => remix}/volume-mute-line.svg | 0 .../svg => remix}/volume-up-fill.svg | 0 .../svg => remix}/volume-up-line.svg | 0 .../svg => remix}/youtube-fill.svg | 0 .../svg => remix}/youtube-line.svg | 0 .../svg => remix}/zoom-in-fill.svg | 0 .../svg => remix}/zoom-in-line.svg | 0 .../svg => remix}/zoom-out-fill.svg | 0 .../svg => remix}/zoom-out-line.svg | 0 src/core/legacy.scss | 1 + src/core/main.scss | 1 + src/core/style/_legacy.scss | 1 + src/core/style/_tool.scss | 2 +- src/core/style/action/_legacy.scss | 1 + src/core/style/action/legacy/_hover.scss | 8 + src/core/style/action/legacy/_link.scss | 23 +++ src/core/style/action/tool/_link.scss | 31 +++- src/core/style/color/tool/_element.scss | 22 ++- src/core/style/icon/_legacy.scss | 25 +++ src/core/style/icon/_module.scss | 33 +--- src/core/style/icon/_tool.scss | 139 +++++++++------- src/core/style/path/_path-0.scss | 7 + src/core/style/path/_path-1.scss | 7 + src/core/style/path/_path-2.scss | 7 + src/core/style/path/_path-3.scss | 7 + src/core/style/path/_path.scss | 19 +++ tool/build/build.js | 3 +- tool/build/copy.js | 8 +- tool/example/heading.ejs | 2 +- tool/generate/config.js | 3 +- tool/generate/icon.js | 151 ++---------------- 290 files changed, 817 insertions(+), 333 deletions(-) create mode 100644 src/component/badge/style/_legacy.scss create mode 100644 src/component/checkbox/style/_setting.scss create mode 100644 src/component/consent/style/_legacy.scss create mode 100644 src/component/content/style/_legacy.scss create mode 100644 src/component/search/style/_legacy.scss create mode 100644 src/component/toggle/style/_setting.scss create mode 100644 src/core/deprecated/style/display/_module.scss create mode 100644 src/core/deprecated/style/icon/_module.scss rename src/core/{template/ejs/icon => deprecated/template}/remix-icon.ejs (100%) delete mode 100644 src/core/example/icon/sample/remix-icon.ejs delete mode 100644 src/core/icon/deprecated/svg/arrow-up-line.svg rename src/core/icon/{svg => dsfr}/bold.svg (100%) rename src/core/icon/{svg => dsfr}/error-fill.svg (100%) rename src/core/icon/{svg => dsfr}/error-line.svg (100%) rename src/core/icon/{svg => dsfr}/flashlight-fill.svg (100%) rename src/core/icon/{svg => dsfr}/flashlight-line.svg (100%) rename src/core/icon/{svg => dsfr}/highlight.svg (100%) rename src/core/icon/{svg => dsfr}/info-fill.svg (100%) rename src/core/icon/{svg => dsfr}/info-line.svg (100%) rename src/core/icon/{svg => dsfr}/success-fill.svg (100%) rename src/core/icon/{svg => dsfr}/success-line.svg (100%) rename src/core/icon/{svg => dsfr}/warning-fill.svg (100%) rename src/core/icon/{svg => dsfr}/warning-line.svg (100%) delete mode 100644 src/core/icon/icon.yml rename src/core/icon/{deprecated/svg => remix}/account-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/account-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/add-circle-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/add-circle-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/add-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/alert-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/alert-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-down-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-down-s-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-go-back-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-go-back-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-left-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-left-s-first-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-left-s-line-double.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-left-s-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-right-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-right-s-last-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-right-s-line-double.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-right-s-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-right-up-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-up-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/arrow-up-s-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/attachment-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/attachment-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/calendar-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/calendar-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/chat-quote-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/chat-quote-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/check-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/checkbox-circle-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/checkbox-circle-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/close-circle-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/close-circle-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/close-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/dailymotion-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/dailymotion-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/delete-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/delete-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/download-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/edit-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/edit-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/equalizer-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/equalizer-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/error-warning-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/error-warning-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/external-link-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/eye-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/eye-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/eye-off-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/eye-off-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/facebook-circle-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/facebook-circle-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/file-download-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/file-download-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/file-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/file-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/file-pdf-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/file-pdf-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/filter-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/filter-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/font-size.svg (100%) rename src/core/icon/{deprecated/svg => remix}/github-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/github-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/home-4-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/home-4-line.svg (100%) rename src/core/icon/{deprecated => remix}/icon.yml (100%) rename src/core/icon/{deprecated/svg => remix}/image-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/image-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/information-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/information-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/instagram-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/instagram-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/italic.svg (100%) rename src/core/icon/{deprecated/svg => remix}/line-chart-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/line-chart-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/link-unlink.svg (100%) rename src/core/icon/{deprecated/svg => remix}/linkedin-box-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/linkedin-box-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/links-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/list-ordered.svg (100%) rename src/core/icon/{deprecated/svg => remix}/list-unordered.svg (100%) rename src/core/icon/{deprecated/svg => remix}/lock-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/lock-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/logout-box-r-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/logout-box-r-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/mail-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/mail-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/map-pin-2-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/map-pin-2-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/menu-2-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/menu-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/npmjs-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/npmjs-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/pause-circle-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/pause-circle-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/phone-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/phone-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/play-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/play-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/printer-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/printer-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/question-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/question-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/refresh-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/refresh-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/remixicon-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/remixicon-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/road-map-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/road-map-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/rss-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/rss-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/save-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/save-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/search-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/search-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/slack-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/slack-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/snapchat-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/snapchat-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/subtract-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/telegram-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/telegram-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/theme-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/tiktok-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/tiktok-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/timer-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/timer-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/twitch-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/twitch-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/twitter-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/twitter-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/upload-2-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/upload-2-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/user-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/user-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/vimeo-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/vimeo-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/volume-down-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/volume-down-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/volume-mute-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/volume-mute-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/volume-up-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/volume-up-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/youtube-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/youtube-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/zoom-in-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/zoom-in-line.svg (100%) rename src/core/icon/{deprecated/svg => remix}/zoom-out-fill.svg (100%) rename src/core/icon/{deprecated/svg => remix}/zoom-out-line.svg (100%) create mode 100644 src/core/style/action/legacy/_link.scss create mode 100644 src/core/style/icon/_legacy.scss create mode 100644 src/core/style/path/_path-0.scss create mode 100644 src/core/style/path/_path-1.scss create mode 100644 src/core/style/path/_path-2.scss create mode 100644 src/core/style/path/_path-3.scss create mode 100644 src/core/style/path/_path.scss diff --git a/src/component/accordion/legacy.scss b/src/component/accordion/legacy.scss index da247cbb5..6df570c92 100644 --- a/src/component/accordion/legacy.scss +++ b/src/component/accordion/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/accordion/main.scss b/src/component/accordion/main.scss index 4ef8c2905..91968dc13 100644 --- a/src/component/accordion/main.scss +++ b/src/component/accordion/main.scss @@ -7,6 +7,7 @@ ACCORDION \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/accordion/style/_legacy.scss b/src/component/accordion/style/_legacy.scss index 498529c4e..3e49f5fbb 100644 --- a/src/component/accordion/style/_legacy.scss +++ b/src/component/accordion/style/_legacy.scss @@ -12,4 +12,14 @@ list-style: none; } } + + #{ns(accordion)} { + &__btn { + @include icon-legacy(add-line, sm); + + &[aria-expanded="true"] { + @include icon-legacy(subtract-line, null); + } + } + } } diff --git a/src/component/alert/example/index.ejs b/src/component/alert/example/index.ejs index 84596f0e4..bbe9e33e9 100755 --- a/src/component/alert/example/index.ejs +++ b/src/component/alert/example/index.ejs @@ -20,7 +20,7 @@ const sample = getSample(include); <%- sample('Alerte taille SM refermable', './sample/alert-dismissable', {alert: {title:false, size: "sm", type: "info", text: "Information : cliquer sur la croix pour fermer l'alerte"}}, true); %> -<%- sample('Alerte icône personnalisée', './sample/alert-default', {alert: {classes: ['fr-fi-lock-fill']}}, true); %> +<%- sample('Alerte icône personnalisée', './sample/alert-default', {alert: {classes: ['fr-icon-lock-fill']}}, true); %> <%- section('Alerte dynamique', 'Ajouter l\'attribut role="alert" lorsque les alertes sont ajoutées dynamiquement dans le DOM (en js après le chargement de la page)', 0); %> diff --git a/src/component/alert/legacy.scss b/src/component/alert/legacy.scss index 527235eab..4a3e9230b 100644 --- a/src/component/alert/legacy.scss +++ b/src/component/alert/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/alert/main.scss b/src/component/alert/main.scss index 926d32688..d9426fec5 100644 --- a/src/component/alert/main.scss +++ b/src/component/alert/main.scss @@ -7,6 +7,7 @@ ALERT \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/alert/style/_legacy.scss b/src/component/alert/style/_legacy.scss index 801bf406c..4044b05db 100644 --- a/src/component/alert/style/_legacy.scss +++ b/src/component/alert/style/_legacy.scss @@ -8,9 +8,27 @@ * reset des marges dans l'alerte */ #{ns(alert)} { + @include icon-legacy(null, md); + &__title, p { @include margin(0 0 1v); } + + &--info { + @include icon-legacy(info-fill, null, before, false); + } + + &--success { + @include icon-legacy(success-fill, null, before, false); + } + + &--error { + @include icon-legacy(error-fill, null, before, false); + } + + &--warning { + @include icon-legacy(warning-fill, null, before, false); + } } } diff --git a/src/component/alert/style/_module.scss b/src/component/alert/style/_module.scss index c17c8ce3c..1b581b4ef 100644 --- a/src/component/alert/style/_module.scss +++ b/src/component/alert/style/_module.scss @@ -6,13 +6,13 @@ #{ns(alert)} { @include relative(); @include padding(4v 9v 3v 14v); - @include icon(null, md); @include set-title-margin(0 0 1v); @include set-text-margin(0 0 1v); + @include icon(null, md); @include before { - @include absolute(0, null, null, 0, null, 100%); - @include padding(4v 2v); + @include absolute(0, null, null, 0); + @include margin(4v 2v); } &__title { @@ -29,26 +29,26 @@ } &--info { - @include icon(info-fill, null); + @include icon-content(info-fill); } &--success { - @include icon(success-fill, null); + @include icon-content(success-fill); } &--error { - @include icon(error-fill, null); + @include icon-content(error-fill); } &--warning { - @include icon(warning-fill, null); + @include icon-content(warning-fill); } &--sm { @include padding(2v 9v 1v 12v); @include before { - @include padding(2v 2v); + @include margin(2v 2v); } } } diff --git a/src/component/badge/legacy.scss b/src/component/badge/legacy.scss index 41bce8c14..2bf0ffe39 100644 --- a/src/component/badge/legacy.scss +++ b/src/component/badge/legacy.scss @@ -3,7 +3,9 @@ /// @group badge //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; +@import 'style/legacy'; @include _badge-scheme(true); diff --git a/src/component/badge/main.scss b/src/component/badge/main.scss index 218640ba1..354c6665f 100644 --- a/src/component/badge/main.scss +++ b/src/component/badge/main.scss @@ -7,6 +7,7 @@ Badge \* ------------------------------------ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/badge/style/_legacy.scss b/src/component/badge/style/_legacy.scss new file mode 100644 index 000000000..cc281af29 --- /dev/null +++ b/src/component/badge/style/_legacy.scss @@ -0,0 +1,37 @@ +//// +/// Badge Legacy +/// @group badge +//// + +@include legacy(ie11) { + #{ns(badge)} { + @include icon-legacy(null, sm); + + &--sm { + @include icon-legacy(null, xs, before, false); + } + + &, + &--sm { + &#{ns(badge)}--info { + @include icon-legacy(info-fill, null, before, false); + } + + &#{ns(badge)}--success { + @include icon-legacy(success-fill, null, before, false); + } + + &#{ns(badge)}--error { + @include icon-legacy(error-fill, null, before, false); + } + + &#{ns(badge)}--warning { + @include icon-legacy(warning-fill, null, before, false); + } + + &#{ns(badge)}--new { + @include icon-legacy(flashlight-fill, null, before, false); + } + } + } +} diff --git a/src/component/badge/style/_module.scss b/src/component/badge/style/_module.scss index 1b9bba531..e17341788 100644 --- a/src/component/badge/style/_module.scss +++ b/src/component/badge/style/_module.scss @@ -7,6 +7,7 @@ #{ns(badge)} { @include nest-badge(md, left, null, null, false); + @include icon-style; @include font-weight(bold); @include max-width(100%); text-transform: uppercase; @@ -19,23 +20,23 @@ &, &--sm { &#{ns(badge)}--info { - @include icon(info-fill, null); + @include icon-content(info-fill); } &#{ns(badge)}--success { - @include icon(success-fill, null); + @include icon-content(success-fill); } &#{ns(badge)}--error { - @include icon(error-fill, null); + @include icon-content(error-fill); } &#{ns(badge)}--warning { - @include icon(warning-fill, null); + @include icon-content(warning-fill); } &#{ns(badge)}--new { - @include icon(flashlight-fill, null); + @include icon-content(flashlight-fill); } &#{ns(badge)}--no-icon { diff --git a/src/component/badge/template/ejs/badge.ejs b/src/component/badge/template/ejs/badge.ejs index ae768a8ff..f5f381229 100644 --- a/src/component/badge/template/ejs/badge.ejs +++ b/src/component/badge/template/ejs/badge.ejs @@ -40,7 +40,7 @@ if (badge.type !== undefined) badge.classes.push(prefix + '-badge--' + badge.typ else if (badge.accent !== undefined) badge.classes.push(prefix + '-badge--' + badge.accent); if (badge.icon === false) badge.classes.push(prefix + '-badge--no-icon'); -else if (badge.icon !== undefined) badge.classes.push(prefix + '-fi-' + badge.icon); +else if (badge.icon !== undefined) badge.classes.push(prefix + '-icon-' + badge.icon); if (badge.ellipsis) badge.label = `${badge.label}`; %> diff --git a/src/component/breadcrumb/legacy.scss b/src/component/breadcrumb/legacy.scss index debcd29ec..2d98f17fa 100644 --- a/src/component/breadcrumb/legacy.scss +++ b/src/component/breadcrumb/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/breadcrumb/main.scss b/src/component/breadcrumb/main.scss index 7ddf00158..b42febada 100644 --- a/src/component/breadcrumb/main.scss +++ b/src/component/breadcrumb/main.scss @@ -7,6 +7,7 @@ BREADCRUMB \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/breadcrumb/style/_legacy.scss b/src/component/breadcrumb/style/_legacy.scss index e64b6c6b5..cb8a24c02 100644 --- a/src/component/breadcrumb/style/_legacy.scss +++ b/src/component/breadcrumb/style/_legacy.scss @@ -7,7 +7,15 @@ /** * reset liste à puce */ - #{ns(breadcrumb)}__list { - list-style: none; + #{ns(breadcrumb)} { + &__list { + list-style: none; + } + + &__link { + &:not([aria-current]) { + @include icon-legacy(arrow-right-s-line, sm, after); + } + } } } diff --git a/src/component/button/legacy.scss b/src/component/button/legacy.scss index a7d2d6935..0b8cf428d 100644 --- a/src/component/button/legacy.scss +++ b/src/component/button/legacy.scss @@ -3,6 +3,7 @@ /// @group button //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/button/main.scss b/src/component/button/main.scss index 172b05e67..7c47eb50b 100644 --- a/src/component/button/main.scss +++ b/src/component/button/main.scss @@ -7,6 +7,7 @@ BUTTON \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/button/style/_legacy.scss b/src/component/button/style/_legacy.scss index 18f7bfb21..41f5f0c2d 100644 --- a/src/component/button/style/_legacy.scss +++ b/src/component/button/style/_legacy.scss @@ -4,12 +4,67 @@ //// @include legacy(ie11) { - /** - * Reset liste à puce - */ + #{ns(btn)} { + @include icon-legacy(null, sm); + + @include class-not-start-with(#{ns(btn--icon-, '')}) { + @include has-icon { + @include icon-legacy(null, md); + } + } + + &--sm { + @include icon-legacy(null, xs); + + @include class-not-start-with(#{ns(btn--icon-, '')}) { + @include has-icon { + @include icon-legacy(null, sm); + } + } + } + + &--lg { + @include icon-legacy(null, md); + + @include class-not-start-with(#{ns(btn--icon-, '')}) { + @include has-icon { + @include icon-legacy(null, lg); + } + } + } + } + + #{ns(btn--close)} { + @include icon-legacy(close-line, sm); + } + + #{ns(btn--display)} { + @include icon-legacy(theme-fill, sm); + } + #{ns-group(btns)} { & > li { list-style: none; } + + &--sm { + @include class-not-start-with(#{ns(btns-group--icon-, '')}) { + #{ns(btn)} { + @include has-icon { + @include icon-legacy(null, sm); + } + } + } + } + + &--lg { + @include class-not-start-with(#{ns(btns-group--icon-, '')}) { + #{ns(btn)} { + @include has-icon { + @include icon-legacy(null, lg); + } + } + } + } } } diff --git a/src/component/button/style/_scheme.scss b/src/component/button/style/_scheme.scss index b90d5a747..5d077adaf 100644 --- a/src/component/button/style/_scheme.scss +++ b/src/component/button/style/_scheme.scss @@ -5,7 +5,7 @@ @mixin _button-scheme($legacy: false) { #{ns(btn)} { - @include scheme-element-bg-color(action-high blue-france, (legacy:$legacy)); + @include scheme-element-bg-color(action-high blue-france, (legacy:$legacy, hover: true)); @include scheme-element-text-color(inverted blue-france, (legacy:$legacy)); @include disabled((legacy: $legacy, text: true, background: true, can-be-link: true)); diff --git a/src/component/button/template/ejs/button.ejs b/src/component/button/template/ejs/button.ejs index 320da4e38..a3208a209 100644 --- a/src/component/button/template/ejs/button.ejs +++ b/src/component/button/template/ejs/button.ejs @@ -56,7 +56,7 @@ switch(button.size) { break; } -if (button.icon !== undefined) btnClasses.push(prefix + '-fi-' + button.icon); +if (button.icon !== undefined) btnClasses.push(prefix + '-icon-' + button.icon); if (button.iconPlace !== undefined) switch(button.iconPlace) { case 'left': diff --git a/src/component/callout/main.scss b/src/component/callout/main.scss index 12adc8c12..0e4e82e8d 100644 --- a/src/component/callout/main.scss +++ b/src/component/callout/main.scss @@ -7,6 +7,7 @@ CALLOUT \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/card/legacy.scss b/src/component/card/legacy.scss index 589eda4c4..41c3a9de6 100644 --- a/src/component/card/legacy.scss +++ b/src/component/card/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/card/main.scss b/src/component/card/main.scss index aeeb7d73d..a3b04f0fb 100644 --- a/src/component/card/main.scss +++ b/src/component/card/main.scss @@ -7,6 +7,7 @@ CARD \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/card/style/_legacy.scss b/src/component/card/style/_legacy.scss index 35efcbb29..560499bdc 100644 --- a/src/component/card/style/_legacy.scss +++ b/src/component/card/style/_legacy.scss @@ -4,9 +4,6 @@ //// @include legacy(ie11) { - /** - * Correctif de la hauteur de la navigation latérale - */ #{ns(card)} { &__title { margin: 0; @@ -17,5 +14,9 @@ flex-basis: 100%; } } + + &:not(&--no-arrow) &__body { + @include icon-legacy(arrow-right-line, md, after); + } } } diff --git a/src/component/checkbox/index.scss b/src/component/checkbox/index.scss index 31537b42a..a58150b09 100644 --- a/src/component/checkbox/index.scss +++ b/src/component/checkbox/index.scss @@ -4,4 +4,6 @@ //// @import '../../core/index'; +@import '../../scheme/index'; @import '../form/index'; +@import 'style/setting'; diff --git a/src/component/checkbox/main.scss b/src/component/checkbox/main.scss index 4aefb8fc6..23794f696 100644 --- a/src/component/checkbox/main.scss +++ b/src/component/checkbox/main.scss @@ -7,6 +7,7 @@ CHECKBOX \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/checkbox/style/_module.scss b/src/component/checkbox/style/_module.scss index a1392df61..9c6796bef 100644 --- a/src/component/checkbox/style/_module.scss +++ b/src/component/checkbox/style/_module.scss @@ -41,13 +41,14 @@ /** * On ajoute l'icône check-line en taille sm via un pseudo element before */ - @include icon(check-line, sm, before) { - @include display-flex(row, center, center); + @include before('', block) { @include absolute(0, null, null, -8v); @include margin-top(3v); @include size(6v, 6v); @include margin-right(2v); - color: transparent; + background-size: space(4v); + background-position: center; + background-repeat: no-repeat; border-radius: space(1v); // transition: background-color 0.1s, color 0.1s; } diff --git a/src/component/checkbox/style/_scheme.scss b/src/component/checkbox/style/_scheme.scss index 5d33b33b9..18cc4dbe4 100644 --- a/src/component/checkbox/style/_scheme.scss +++ b/src/component/checkbox/style/_scheme.scss @@ -28,7 +28,7 @@ + label { @include before { @include scheme-element-bg-color(active blue-france, (legacy:$legacy)); - @include scheme-element-text-color(inverted grey, (legacy:$legacy)); + @include scheme-element-data-uri-svg(inverted grey, (legacy: $legacy), $checkbox-svg); } } } @@ -47,6 +47,7 @@ & + label { @include before { @include disabled-colors((legacy: $legacy, text: true, background: true)); + @include scheme-element-data-uri-svg(text disabled grey, (legacy: $legacy), $checkbox-svg); } } } diff --git a/src/component/checkbox/style/_setting.scss b/src/component/checkbox/style/_setting.scss new file mode 100644 index 000000000..51c6679ad --- /dev/null +++ b/src/component/checkbox/style/_setting.scss @@ -0,0 +1,6 @@ +//// +/// Checkbox Setting +/// @group checkbox +//// + +$checkbox-svg: ""; diff --git a/src/component/consent/legacy.scss b/src/component/consent/legacy.scss index afb303c34..095fa778a 100644 --- a/src/component/consent/legacy.scss +++ b/src/component/consent/legacy.scss @@ -3,7 +3,9 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; +@import 'style/legacy'; @include _consent-scheme(true); diff --git a/src/component/consent/main.scss b/src/component/consent/main.scss index 557af1323..35ca06c7d 100644 --- a/src/component/consent/main.scss +++ b/src/component/consent/main.scss @@ -2,6 +2,7 @@ CONSENT MAIN \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/consent/style/_legacy.scss b/src/component/consent/style/_legacy.scss new file mode 100644 index 000000000..7d7ca5aca --- /dev/null +++ b/src/component/consent/style/_legacy.scss @@ -0,0 +1,19 @@ +//// +/// Consent legacy +/// @group consent +//// + +@include legacy(ie11) { + #{ns(consent-service)} { + &__collapse { + #{&}-btn { + text-decoration: underline; + @include icon-legacy(arrow-down-s-line, sm); + + &[aria-expanded="true"] { + @include icon-legacy(arrow-up-s-line, sm); + } + } + } + } +} diff --git a/src/component/content/deprecated/style/_scheme.scss b/src/component/content/deprecated/style/_scheme.scss index 93ec01f07..f6f6e0cc8 100644 --- a/src/component/content/deprecated/style/_scheme.scss +++ b/src/component/content/deprecated/style/_scheme.scss @@ -7,7 +7,7 @@ #{ns(content-media)} { &__transcription { #{ns(link)} { - @include btn-kind-scheme(4); + @include btn-kind-scheme(4, $legacy); } } } diff --git a/src/component/content/legacy.scss b/src/component/content/legacy.scss index ed52943af..5732a1713 100644 --- a/src/component/content/legacy.scss +++ b/src/component/content/legacy.scss @@ -3,8 +3,10 @@ /// @group content //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; +@import 'style/legacy'; // deprecated @import 'deprecated/style/scheme'; diff --git a/src/component/content/main.scss b/src/component/content/main.scss index 369a0c108..a5a6882ff 100644 --- a/src/component/content/main.scss +++ b/src/component/content/main.scss @@ -7,6 +7,7 @@ CONTENT \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/content/style/_legacy.scss b/src/component/content/style/_legacy.scss new file mode 100644 index 000000000..feb93ec95 --- /dev/null +++ b/src/component/content/style/_legacy.scss @@ -0,0 +1,14 @@ +//// +/// Content Legacy +/// @group content +//// + +@include legacy(ie11) { + #{ns(content-media)} { + &__transcription { + #{ns(btn)} { + @include icon-legacy(menu-2-fill, sm, before); + } + } + } +} diff --git a/src/component/content/style/_scheme.scss b/src/component/content/style/_scheme.scss index 55c3069b0..d72580d8a 100644 --- a/src/component/content/style/_scheme.scss +++ b/src/component/content/style/_scheme.scss @@ -7,7 +7,7 @@ #{ns(content-media)} { &__transcription { #{ns(btn)} { - @include btn-kind-scheme(4); + @include btn-kind-scheme(4, $legacy); } } } diff --git a/src/component/follow/legacy.scss b/src/component/follow/legacy.scss index fb0a5ee8c..26dcbe959 100644 --- a/src/component/follow/legacy.scss +++ b/src/component/follow/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/follow/main.scss b/src/component/follow/main.scss index b43769f08..2b4a6f27f 100644 --- a/src/component/follow/main.scss +++ b/src/component/follow/main.scss @@ -7,6 +7,7 @@ FOLLOW \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import '../../media-query-order'; @import 'index'; @import 'style/module'; diff --git a/src/component/follow/style/_legacy.scss b/src/component/follow/style/_legacy.scss index 611f223f4..e9b2b28a6 100644 --- a/src/component/follow/style/_legacy.scss +++ b/src/component/follow/style/_legacy.scss @@ -12,4 +12,46 @@ max-width: 100%; } } + + #{ns(follow)} { + #{ns(btn)} { + &--facebook { + @include icon-legacy(facebook-circle-fill, md); + } + + &--twitter { + @include icon-legacy(twitter-fill); + } + + &--instagram { + @include icon-legacy(instagram-fill); + } + + &--linkedin { + @include icon-legacy(linkedin-box-fill); + } + + &--youtube { + @include icon-legacy(youtube-fill); + } + } + + #{ns-group(btns)} { + &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) { + #{ns(btn)} { + @include has-not-icon { + @include icon-legacy(null, md); + } + } + } + + &--lg { + #{ns(btn)} { + @include has-not-icon { + @include icon-legacy(null, lg); + } + } + } + } + } } diff --git a/src/component/follow/style/_tool.scss b/src/component/follow/style/_tool.scss index a6cf09ece..2910b9a8a 100644 --- a/src/component/follow/style/_tool.scss +++ b/src/component/follow/style/_tool.scss @@ -8,6 +8,6 @@ **/ @mixin social-icon ($modifier, $icon) { #{ns('btn--' + $modifier)} { - @include icon($icon, null); + @include icon($icon); } } diff --git a/src/component/footer/main.scss b/src/component/footer/main.scss index 6618ebf2d..e5503b440 100644 --- a/src/component/footer/main.scss +++ b/src/component/footer/main.scss @@ -7,6 +7,7 @@ FOOTER \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import '../../media-query-order'; @import 'index'; @import 'style/module'; diff --git a/src/component/footer/style/_legacy.scss b/src/component/footer/style/_legacy.scss index c8afbaafd..6e1ec3f9c 100644 --- a/src/component/footer/style/_legacy.scss +++ b/src/component/footer/style/_legacy.scss @@ -13,5 +13,9 @@ &__partners-sub ul > li { list-style: none; } + + &__content-desc { + @include enable-underline-legacy; + } } } diff --git a/src/component/form/legacy.scss b/src/component/form/legacy.scss index 88349594f..b5d05e8ea 100644 --- a/src/component/form/legacy.scss +++ b/src/component/form/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/form/main.scss b/src/component/form/main.scss index 075c1bfbe..db0d79cfa 100644 --- a/src/component/form/main.scss +++ b/src/component/form/main.scss @@ -7,6 +7,7 @@ FORM \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/form/style/_legacy.scss b/src/component/form/style/_legacy.scss index f03c87305..06a98fe49 100644 --- a/src/component/form/style/_legacy.scss +++ b/src/component/form/style/_legacy.scss @@ -12,4 +12,12 @@ max-width: 100%; } } + + #{ns(error-text)} { + @include icon-legacy(error-fill, sm); + } + + #{ns(valid-text)} { + @include icon-legacy(success-fill, sm); + } } diff --git a/src/component/header/legacy.scss b/src/component/header/legacy.scss index ae40d513f..4689cf463 100644 --- a/src/component/header/legacy.scss +++ b/src/component/header/legacy.scss @@ -3,12 +3,13 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; // deprecated -@import 'deprecated/style/module'; +// @import 'deprecated/style/module'; @import 'deprecated/style/scheme'; @include _header-scheme(true); diff --git a/src/component/header/main.scss b/src/component/header/main.scss index 0a9829966..10dd28115 100644 --- a/src/component/header/main.scss +++ b/src/component/header/main.scss @@ -7,6 +7,7 @@ HEADER \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import '../../media-query-order'; @import 'index'; @import 'style/module'; diff --git a/src/component/header/style/_legacy.scss b/src/component/header/style/_legacy.scss index 520fcd5dc..52bb528e4 100644 --- a/src/component/header/style/_legacy.scss +++ b/src/component/header/style/_legacy.scss @@ -5,9 +5,6 @@ @include respond-from(lg) { @include legacy(ie11) { - /** - * Correctif valeur 'initial' non prise en compte par IE - */ #{ns(header)} { &__tools-links { display: block; @@ -23,6 +20,30 @@ @include legacy(ie11) { #{ns(header)} { + @include disable-underline-legacy; + + #{ns-group(btns)} { + &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) { + @include class-not-start-with(#{ns(btns-group--icon-, '')}) { + #{ns(btn)} { + @include has-not-icon { + &:not(#{ns(btn--display)}) { + @include icon-legacy(null, sm, before, false); + } + } + + @include has-icon { + @include icon-legacy(null, sm, before, false); + } + + &#{ns(btn--display)} { + @include icon-legacy(null, sm, before, false); + } + } + } + } + } + &__tools-links { #{ns(link)} { overflow: visible; diff --git a/src/component/input/style/_module.scss b/src/component/input/style/_module.scss index f294b7648..59436da81 100644 --- a/src/component/input/style/_module.scss +++ b/src/component/input/style/_module.scss @@ -44,6 +44,7 @@ @include with-icon(sm) { @include absolute(3v, 3v, 3v); @include margin(auto); + pointer-events: none; } &--addon { diff --git a/src/component/input/template/ejs/input.ejs b/src/component/input/template/ejs/input.ejs index 8f46bf765..059b29a08 100644 --- a/src/component/input/template/ejs/input.ejs +++ b/src/component/input/template/ejs/input.ejs @@ -65,7 +65,7 @@ if (input.placeholder != undefined) inputAttrs['placeholder'] = input.placeholde <%- include('../../../form/template/ejs/label', {label: {id: input.id, label: input.label, hint: input.hint}}); %> <% if (input.icon != undefined) { %> -
+
<% } %> <% if (input.addon && input.button != undefined) { %> diff --git a/src/component/link/deprecated/style/_module.scss b/src/component/link/deprecated/style/_module.scss index 4ac97130e..c933af7e9 100644 --- a/src/component/link/deprecated/style/_module.scss +++ b/src/component/link/deprecated/style/_module.scss @@ -3,6 +3,7 @@ /// @group link //// +@import '../../../../core/style/path/path-3'; @import '../../../button/index'; @import 'module/close'; @import 'module/display'; diff --git a/src/component/link/legacy.scss b/src/component/link/legacy.scss index b63ed6750..f187b30f4 100644 --- a/src/component/link/legacy.scss +++ b/src/component/link/legacy.scss @@ -3,12 +3,14 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; +@import '../button/style/tool'; @import 'style/scheme'; @import 'style/legacy'; // deprecated -@import 'deprecated/style/module'; +// @import 'deprecated/style/module'; @import 'deprecated/style/scheme'; @include _link-scheme(true); diff --git a/src/component/link/main.scss b/src/component/link/main.scss index 53334ceb8..25da34bc6 100644 --- a/src/component/link/main.scss +++ b/src/component/link/main.scss @@ -7,6 +7,7 @@ LINK \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/link/style/_legacy.scss b/src/component/link/style/_legacy.scss index 1966c8e2b..593eb928a 100644 --- a/src/component/link/style/_legacy.scss +++ b/src/component/link/style/_legacy.scss @@ -4,14 +4,20 @@ //// @include legacy(ie11) { - #{ns-link} { + #{ns(link)} { background-image: none; text-decoration: underline; + @include icon-legacy(null, sm, before); + + &--sm { + @include icon-legacy(null, sm, before); + } + + &--lg { + @include icon-legacy(null, md, before); + } } - /** - * Reset liste à puce - */ #{ns-group(links)} { & > li { list-style: none; diff --git a/src/component/link/style/tool/_build.scss b/src/component/link/style/tool/_build.scss index f6d323df6..37f1d3f46 100644 --- a/src/component/link/style/tool/_build.scss +++ b/src/component/link/style/tool/_build.scss @@ -92,7 +92,7 @@ @if $places != null { @each $place in $places { @include _link-class($base, $size, $place) { - @include _build-link-icon($size-settings, $place, $size, $size == md, $place == right); + @include _build-link-icon($size-settings, $place, $size, $place == right); } @if $align-on-content { diff --git a/src/component/link/style/tool/_icon.scss b/src/component/link/style/tool/_icon.scss index e09282344..908c1417e 100644 --- a/src/component/link/style/tool/_icon.scss +++ b/src/component/link/style/tool/_icon.scss @@ -3,7 +3,7 @@ /// @group link //// -@mixin _build-link-icon($size-settings, $place, $size:md, $font-icon: false, $reverse: false) { +@mixin _build-link-icon($size-settings, $place, $size:md, $reverse: false) { $icon-size: icon-size(map_get($size-settings, icon)); @@ -21,6 +21,10 @@ $icon-margin: _link-icon-margin(map_get($size-settings, icon)); $icon-margin-x: space(map_get($size-settings, icon-margin-x)); + @include before { + --icon-size: #{$icon-size}; + } + @if $place == left { overflow: initial; max-width: 100%; @@ -28,7 +32,6 @@ @include before { margin-left: -($icon-margin); margin-right: $icon-margin-x; - font-size: $icon-size; } } @else if $place == right { @@ -38,7 +41,6 @@ @include before { margin-right: -($icon-margin); margin-left: $icon-margin-x; - font-size: $icon-size; } } @else if $place == only { @@ -55,7 +57,6 @@ @include before { margin-left: 0; margin-right: $padding-x; - font-size: $icon-size; } } } diff --git a/src/component/link/style/tool/_nest.scss b/src/component/link/style/tool/_nest.scss index 6d5b0d3ac..80b8b8e02 100644 --- a/src/component/link/style/tool/_nest.scss +++ b/src/component/link/style/tool/_nest.scss @@ -16,10 +16,7 @@ @include nest($selector) { @include respond-from($from) { @if $icon != null { - @include icon($icon); - } - @else if $size != null { - @include icon(null, $size); + @include icon($icon, null, before); } @include _build-link-size($size-settings, $border-radius); @@ -28,7 +25,7 @@ @include before(none); } @else { - @include _build-link-icon($size-settings, $place, $size, false, $place == right); + @include _build-link-icon($size-settings, $place, $size, $place == right); } @if map-get($settings, align-on-content) and $align-on-content { diff --git a/src/component/link/template/ejs/link.ejs b/src/component/link/template/ejs/link.ejs index 1f85b6215..4c1af9f25 100644 --- a/src/component/link/template/ejs/link.ejs +++ b/src/component/link/template/ejs/link.ejs @@ -49,7 +49,7 @@ switch (link.size) { break; } -if (link.icon !== undefined) linkClasses.push(`${prefix}-fi-${link.icon}`); +if (link.icon !== undefined) linkClasses.push(`${prefix}-icon-${link.icon}`); if (link.iconPlace !== undefined) { switch (link.iconPlace) { diff --git a/src/component/modal/main.scss b/src/component/modal/main.scss index 1d8b0c8d4..8ad682bd6 100644 --- a/src/component/modal/main.scss +++ b/src/component/modal/main.scss @@ -7,6 +7,7 @@ MODAL \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/modal/template/ejs/modal.ejs b/src/component/modal/template/ejs/modal.ejs index f2336e2dc..5d7fffadc 100644 --- a/src/component/modal/template/ejs/modal.ejs +++ b/src/component/modal/template/ejs/modal.ejs @@ -97,7 +97,7 @@ if (modal.concealingBackdrop !== undefined) modalAttrs[`data-${prefix}-concealin

<% if (modal.icon !== undefined) { %> - + <% } %> <%= modal.title %>

diff --git a/src/component/navigation/main.scss b/src/component/navigation/main.scss index b7860b163..0e6830f76 100644 --- a/src/component/navigation/main.scss +++ b/src/component/navigation/main.scss @@ -7,6 +7,7 @@ NAVIGATION \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/navigation/style/_legacy.scss b/src/component/navigation/style/_legacy.scss index 05e036ac1..389217b56 100644 --- a/src/component/navigation/style/_legacy.scss +++ b/src/component/navigation/style/_legacy.scss @@ -14,6 +14,15 @@ } } + #{ns(nav)} { + @include disable-underline-legacy; + + &__link, + &__btn { + @include scheme-element-bg-transparent((legacy: true, hover: true)); + } + } + /** * reset margin */ @@ -30,6 +39,8 @@ * Correctif de l'alignement des menus sur la droite */ #{ns(nav)}__item { + position: static; + &--align-right { #{ns(collapse)} { transform: translateX(-100%); diff --git a/src/component/pagination/legacy.scss b/src/component/pagination/legacy.scss index b2797ad7a..d805795f1 100644 --- a/src/component/pagination/legacy.scss +++ b/src/component/pagination/legacy.scss @@ -3,6 +3,7 @@ /// @group pagination //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/pagination/main.scss b/src/component/pagination/main.scss index 5b4d5c005..df5f27615 100644 --- a/src/component/pagination/main.scss +++ b/src/component/pagination/main.scss @@ -7,6 +7,7 @@ PAGINATION \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/pagination/style/_legacy.scss b/src/component/pagination/style/_legacy.scss index 5dffb6403..5ba05205b 100644 --- a/src/component/pagination/style/_legacy.scss +++ b/src/component/pagination/style/_legacy.scss @@ -8,8 +8,30 @@ * Correctif de la largeur de la légende d'un fieldset */ #{ns(pagination)} { + @include disable-underline-legacy; + &__list { list-style: none; } + + &__link { + @include scheme-element-bg-transparent((legacy: true, hover: true)); + + &--first { + @include icon-legacy(arrow-left-s-first-line, md); + } + + &--prev { + @include icon-legacy(arrow-left-s-line, md); + } + + &--next { + @include icon-legacy(arrow-right-s-line, md); + } + + &--last { + @include icon-legacy(arrow-right-s-last-line, md); + } + } } } diff --git a/src/component/pagination/style/_scheme.scss b/src/component/pagination/style/_scheme.scss index c3fe794d2..d9fe1edc7 100644 --- a/src/component/pagination/style/_scheme.scss +++ b/src/component/pagination/style/_scheme.scss @@ -9,7 +9,7 @@ &__link { &[aria-current] { - @include scheme-element-bg-color(active blue-france, (legacy: $legacy)); + @include scheme-element-bg-color(active blue-france, (legacy: $legacy, hover: true)); @include scheme-element-text-color(inverted blue-france, (legacy: $legacy)); } diff --git a/src/component/quote/legacy.scss b/src/component/quote/legacy.scss index e00d9b386..857194656 100644 --- a/src/component/quote/legacy.scss +++ b/src/component/quote/legacy.scss @@ -3,6 +3,7 @@ /// @group quote //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/quote/main.scss b/src/component/quote/main.scss index bf0ba0728..c26bb37aa 100644 --- a/src/component/quote/main.scss +++ b/src/component/quote/main.scss @@ -7,6 +7,7 @@ QUOTE \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/quote/style/_legacy.scss b/src/component/quote/style/_legacy.scss index af21b33c3..42c991e32 100644 --- a/src/component/quote/style/_legacy.scss +++ b/src/component/quote/style/_legacy.scss @@ -8,6 +8,8 @@ * Correction largeur max du texte */ #{ns(quote)} { + @include icon-legacy(chat-quote-line,lg); + blockquote { max-width: 100%; } diff --git a/src/component/quote/style/_module.scss b/src/component/quote/style/_module.scss index 6ee779638..7f8528c85 100644 --- a/src/component/quote/style/_module.scss +++ b/src/component/quote/style/_module.scss @@ -20,7 +20,7 @@ @include icon(chat-quote-line,lg) { display: block; - @include padding-bottom(2v); + @include margin-bottom(2v); } &--column { diff --git a/src/component/radio/main.scss b/src/component/radio/main.scss index 8db71a195..0809faceb 100644 --- a/src/component/radio/main.scss +++ b/src/component/radio/main.scss @@ -7,6 +7,7 @@ RADIO \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/search/legacy.scss b/src/component/search/legacy.scss index 7cdc443c6..b3c54d225 100644 --- a/src/component/search/legacy.scss +++ b/src/component/search/legacy.scss @@ -3,7 +3,9 @@ /// @group search //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; +@import 'style/legacy'; @include _search-scheme(true); diff --git a/src/component/search/main.scss b/src/component/search/main.scss index 2eec58162..4e1a83d69 100644 --- a/src/component/search/main.scss +++ b/src/component/search/main.scss @@ -7,6 +7,7 @@ SEARCH \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/search/style/_legacy.scss b/src/component/search/style/_legacy.scss new file mode 100644 index 000000000..7d4f3f68b --- /dev/null +++ b/src/component/search/style/_legacy.scss @@ -0,0 +1,12 @@ +//// +/// Search Legacy +/// @group search +//// + +@include legacy(ie11) { + #{ns(search-bar)} { + #{ns(btn)} { + @include icon-legacy(search-line, md); + } + } +} diff --git a/src/component/select/main.scss b/src/component/select/main.scss index 42e8b2fcd..2f6c37154 100644 --- a/src/component/select/main.scss +++ b/src/component/select/main.scss @@ -7,6 +7,7 @@ SELECT \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/share/legacy.scss b/src/component/share/legacy.scss index 009ee669c..bd71960f2 100644 --- a/src/component/share/legacy.scss +++ b/src/component/share/legacy.scss @@ -3,6 +3,7 @@ /// @group share //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/share/main.scss b/src/component/share/main.scss index d524fdc00..4973a6455 100644 --- a/src/component/share/main.scss +++ b/src/component/share/main.scss @@ -7,6 +7,7 @@ SHARE \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/share/style/_legacy.scss b/src/component/share/style/_legacy.scss index b345356ce..852850be3 100644 --- a/src/component/share/style/_legacy.scss +++ b/src/component/share/style/_legacy.scss @@ -4,12 +4,37 @@ //// @include legacy(ie11) { - /** - * Reset liste à puce - */ - #{ns(share)}__group { - & > li { - list-style: none; + #{ns(share)} { + &__group { + & > li { + list-style: none; + } + } + + #{ns-group(btns)} { + &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) { + #{ns(btn)} { + @include has-not-icon { + @include icon-legacy(null, md); + } + } + } + } + + #{ns(btn)}--facebook { + @include icon-legacy(facebook-circle-line, md, before); + } + #{ns(btn)}--twitter { + @include icon-legacy(twitter-line, md, before); + } + #{ns(btn)}--linkedin { + @include icon-legacy(linkedin-box-line, md, before); + } + #{ns(btn)}--mail { + @include icon-legacy(mail-line, md, before); + } + #{ns(btn)}--copy { + @include icon-legacy(links-fill, md, before); } } } diff --git a/src/component/sidemenu/main.scss b/src/component/sidemenu/main.scss index e5e0eb605..2f6b43584 100644 --- a/src/component/sidemenu/main.scss +++ b/src/component/sidemenu/main.scss @@ -7,6 +7,7 @@ SIDEMENU \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/tab/main.scss b/src/component/tab/main.scss index f97f3bf1e..aa5466855 100644 --- a/src/component/tab/main.scss +++ b/src/component/tab/main.scss @@ -7,6 +7,7 @@ TAB \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/tab/style/_legacy.scss b/src/component/tab/style/_legacy.scss index 5d2acd911..2fc7ee96d 100644 --- a/src/component/tab/style/_legacy.scss +++ b/src/component/tab/style/_legacy.scss @@ -11,5 +11,9 @@ &__list { list-style: none; } + + &__panel { + @include enable-underline-legacy; + } } } diff --git a/src/component/tab/template/ejs/tab.ejs b/src/component/tab/template/ejs/tab.ejs index 38f442a15..40565a616 100644 --- a/src/component/tab/template/ejs/tab.ejs +++ b/src/component/tab/template/ejs/tab.ejs @@ -25,7 +25,7 @@ let btn = { } if (tab.icon !== undefined) { - btn.classes.push(prefix + '-fi-' + tab.icon); + btn.classes.push(prefix + '-icon-' + tab.icon); btn.classes.push(prefix + '-tabs__tab--icon-left'); } %> diff --git a/src/component/tag/legacy.scss b/src/component/tag/legacy.scss index 35ac41910..2a2db8576 100644 --- a/src/component/tag/legacy.scss +++ b/src/component/tag/legacy.scss @@ -3,6 +3,7 @@ /// @group tag //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/tag/main.scss b/src/component/tag/main.scss index 8e46ebb48..1d8a76af5 100644 --- a/src/component/tag/main.scss +++ b/src/component/tag/main.scss @@ -7,6 +7,7 @@ TAG \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/tag/style/_legacy.scss b/src/component/tag/style/_legacy.scss index 55fbce29f..1476500d2 100644 --- a/src/component/tag/style/_legacy.scss +++ b/src/component/tag/style/_legacy.scss @@ -4,11 +4,53 @@ //// @include legacy(ie11) { + &#{ns(tag)} { + @include icon-legacy(null, sm); + + &#{ns(tag)}--sm { + @include icon-legacy(null, xs, before); + } + } + @include clickable-selector { &#{ns(tag)} { // empeche le hover du tag pressable sur ie @include pressed-selector(true) { background-size: 100% 100%, 100% 100%; + @include icon-legacy(checkbox-circle-line, sm, after); + + &#{ns(tag)}--sm { + @include icon-legacy(null, xs, after); + @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% #{space(0.75v)}, transparent #{space(1.79v)}, $COLOR #{space(2v)}))); + } + } + + &#{ns(tag)}--dismiss { + @include icon-legacy(close-line, sm, after); + + &#{ns(tag)}--sm { + @include icon-legacy(null, xs, after); + } + } + } + } + + &#{ns-group(tags)}--sm { + @include icon-legacy(null, sm); + + @include clickable-selector { + &#{ns(tag)} { + &#{ns(tag)}--dismiss { + @include icon-legacy(null, xs, after); + } + + @include pressed-selector(true) { + @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% #{space(0.75v)}, transparent #{space(1.79v)}, $COLOR #{space(2v)}))); + + @include icon-legacy(null, xs, after) { + background-color: transparent !important; + } + } } } } diff --git a/src/component/tag/style/module/_variants.scss b/src/component/tag/style/module/_variants.scss index 34d39ddf5..6ae22d9e9 100644 --- a/src/component/tag/style/module/_variants.scss +++ b/src/component/tag/style/module/_variants.scss @@ -19,7 +19,7 @@ } &#{ns(tag)}--sm { - @include icon(null, xs, after) { + @include icon(null, xs, after, false) { @include absolute(3px, 0); @include margin(-1.5v); } diff --git a/src/component/tag/template/ejs/tag.ejs b/src/component/tag/template/ejs/tag.ejs index c629e393f..d2d191448 100644 --- a/src/component/tag/template/ejs/tag.ejs +++ b/src/component/tag/template/ejs/tag.ejs @@ -79,7 +79,7 @@ switch(tag.type) { break; } -if (tag.icon !== undefined) tagClasses.push(prefix + '-fi-' + tag.icon); +if (tag.icon !== undefined) tagClasses.push(prefix + '-icon-' + tag.icon); if (tag.iconPlace !== undefined) switch(tag.iconPlace) { case 'left': diff --git a/src/component/tile/main.scss b/src/component/tile/main.scss index 3aeec391e..331cf516f 100644 --- a/src/component/tile/main.scss +++ b/src/component/tile/main.scss @@ -7,6 +7,7 @@ TILE \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/toggle/index.scss b/src/component/toggle/index.scss index 54195022e..e425f5596 100644 --- a/src/component/toggle/index.scss +++ b/src/component/toggle/index.scss @@ -4,4 +4,6 @@ //// @import '../../core/index'; +@import '../../scheme/index'; @import '../form/index'; +@import 'style/setting'; diff --git a/src/component/toggle/legacy.scss b/src/component/toggle/legacy.scss index c4e1634ef..bfb542e34 100644 --- a/src/component/toggle/legacy.scss +++ b/src/component/toggle/legacy.scss @@ -3,6 +3,7 @@ /// @group toggle //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/toggle/main.scss b/src/component/toggle/main.scss index 07d005226..f0e19b61f 100644 --- a/src/component/toggle/main.scss +++ b/src/component/toggle/main.scss @@ -7,6 +7,7 @@ TOGGLE \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; @import 'style/scheme'; diff --git a/src/component/toggle/style/_legacy.scss b/src/component/toggle/style/_legacy.scss index 2422355d0..fa5fcd216 100644 --- a/src/component/toggle/style/_legacy.scss +++ b/src/component/toggle/style/_legacy.scss @@ -8,5 +8,13 @@ &::-ms-check { display: none; } + + &:checked { + @include icon-legacy(check-line, md); + } + } + + &__list { + list-style: none; } } diff --git a/src/component/toggle/style/_scheme.scss b/src/component/toggle/style/_scheme.scss index 9cf315bf0..8da4184ec 100644 --- a/src/component/toggle/style/_scheme.scss +++ b/src/component/toggle/style/_scheme.scss @@ -22,14 +22,26 @@ &:checked { @include scheme-element-bg-color(active blue-france, (legacy:$legacy)); + + ~ #{ns(toggle__label)} { + @include after { + @include scheme-element-data-uri-svg(action-high blue-france, (legacy: $legacy), $toggle-svg); + } + } } @include disabled((legacy: $legacy, box-shadow: true)) { &:checked { @include disabled-colors((legacy: $legacy, background: true)); + + ~ #{ns(toggle__label)} { + @include after { + @include scheme-element-data-uri-svg(text disabled grey, (legacy: $legacy), $toggle-svg); + } + } } - + label { + ~ #{ns(toggle__label)} { @include before { @include disabled-colors((legacy: $legacy, text: true)); } diff --git a/src/component/toggle/style/_setting.scss b/src/component/toggle/style/_setting.scss new file mode 100644 index 000000000..20fcef080 --- /dev/null +++ b/src/component/toggle/style/_setting.scss @@ -0,0 +1,6 @@ +//// +/// Toggle Setting +/// @group toggle +//// + +$toggle-svg: ""; diff --git a/src/component/toggle/style/module/_toggle.scss b/src/component/toggle/style/module/_toggle.scss index 225b9ba97..6f3483414 100644 --- a/src/component/toggle/style/module/_toggle.scss +++ b/src/component/toggle/style/module/_toggle.scss @@ -38,7 +38,6 @@ @include after { transform: translateX(space(4v)); - text-indent: 0; @include z-index(higher); } } @@ -86,14 +85,16 @@ } /* - * On inclut l'icône check dans un pseudo-element after - * On la cache via un text-indent quand l'input n'est pas check + * On inclut l'icône check en background dans un pseudo-element after + * */ - @include icon(check-line, sm, after) { + @include after('') { @include display-flex(null,center,center); @include absolute(4v, null, null, 0, 6v, 6v); border-radius: 50%; - text-indent: -9999px; + background-repeat: no-repeat; + background-size: space(4v); + background-position: center; } } diff --git a/src/component/upload/main.scss b/src/component/upload/main.scss index d462d7ce1..0c0a67c1b 100644 --- a/src/component/upload/main.scss +++ b/src/component/upload/main.scss @@ -7,5 +7,6 @@ UPLOAD \* ˍˍˍˍˍˍˍˍˍ */ +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/module'; diff --git a/src/core/config.scss b/src/core/config.scss index 4de40f74d..1506a8d09 100644 --- a/src/core/config.scss +++ b/src/core/config.scss @@ -1,3 +1,2 @@ @import '../../.config/config.scss'; @import '../../.config/icon.scss'; -@import '../../.config/icon-deprecated.scss'; diff --git a/src/core/deprecated/style/_module.scss b/src/core/deprecated/style/_module.scss index 73f03d8e5..7d376536a 100644 --- a/src/core/deprecated/style/_module.scss +++ b/src/core/deprecated/style/_module.scss @@ -3,10 +3,5 @@ /// @group core //// -#{ns(displayed-lg)} { - display: none !important; - - @include respond-from(lg) { - display: inherit !important; - } -} +@import 'display/module'; +@import 'icon/module'; diff --git a/src/core/deprecated/style/display/_module.scss b/src/core/deprecated/style/display/_module.scss new file mode 100644 index 000000000..73f03d8e5 --- /dev/null +++ b/src/core/deprecated/style/display/_module.scss @@ -0,0 +1,12 @@ +//// +/// Core Deprecated Module +/// @group core +//// + +#{ns(displayed-lg)} { + display: none !important; + + @include respond-from(lg) { + display: inherit !important; + } +} diff --git a/src/core/deprecated/style/icon/_module.scss b/src/core/deprecated/style/icon/_module.scss new file mode 100644 index 000000000..f7a98c6e8 --- /dev/null +++ b/src/core/deprecated/style/icon/_module.scss @@ -0,0 +1,14 @@ +//// +/// Core Deprecated Module +/// @group core +//// + +#{ns(fi)} { + @each $size, $value in $icon-size-map { + &--#{$size} { + @include icon-size($size); + } + } +} + +@include generate-icons(fi, remix); diff --git a/src/core/template/ejs/icon/remix-icon.ejs b/src/core/deprecated/template/remix-icon.ejs similarity index 100% rename from src/core/template/ejs/icon/remix-icon.ejs rename to src/core/deprecated/template/remix-icon.ejs diff --git a/src/core/example/icon/index.ejs b/src/core/example/icon/index.ejs index 54e92e304..cdabdf652 100644 --- a/src/core/example/icon/index.ejs +++ b/src/core/example/icon/index.ejs @@ -56,10 +56,10 @@ socialsCollections = [ const families = [ { title : 'Statut (Custom Icon font / SVG symbols)', collections: statusCollections, sample: './sample/icon'}, { title : 'Actions (Custom Icon font / SVG symbols)', collections: customCollections, sample: './sample/icon'}, - { title : 'Navigation (Remix-icon font / SVG symbols)', collections: navigationCollections, sample: './sample/remix-icon'}, - { title : 'Actions (Remix-icon font / SVG symbols)', collections: actionCollections, sample: './sample/remix-icon'}, - { title : 'Contenus et médias (Remix-icon font / SVG symbols)', collections: contentMediaCollections, sample: './sample/remix-icon'}, - { title : 'Réseaux Sociaux (Remix-icon font / SVG symbols)', collections: socialsCollections, sample: './sample/remix-icon'} + { title : 'Navigation (Remix-icon font / SVG symbols)', collections: navigationCollections, sample: './sample/icon'}, + { title : 'Actions (Remix-icon font / SVG symbols)', collections: actionCollections, sample: './sample/icon'}, + { title : 'Contenus et médias (Remix-icon font / SVG symbols)', collections: contentMediaCollections, sample: './sample/icon'}, + { title : 'Réseaux Sociaux (Remix-icon font / SVG symbols)', collections: socialsCollections, sample: './sample/icon'} ]; const sample = getSample(include); @@ -83,3 +83,9 @@ const families = [ <%- sample('Icone LG', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill', size:'lg'}}, true); %> <%- sample('Icone MD (par défault)', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill'}}, true); %> <%- sample('Icone SM', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill', size:'sm'}}, true); %> + + +<%- deprecation(); %> + +<%- sample('Icone en fr-fi', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill'}}, true); %> + diff --git a/src/core/example/icon/sample/remix-icon.ejs b/src/core/example/icon/sample/remix-icon.ejs deleted file mode 100644 index 30260510d..000000000 --- a/src/core/example/icon/sample/remix-icon.ejs +++ /dev/null @@ -1,3 +0,0 @@ -<% for (let i = 0; i < icons.length; i++) { %> - <%- include('../../../template/ejs/icon/remix-icon.ejs', {icon: {icon:icons[i]} }); %> -<% } %> diff --git a/src/core/icon/deprecated/svg/arrow-up-line.svg b/src/core/icon/deprecated/svg/arrow-up-line.svg deleted file mode 100644 index 48b1eba9b..000000000 --- a/src/core/icon/deprecated/svg/arrow-up-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/svg/bold.svg b/src/core/icon/dsfr/bold.svg similarity index 100% rename from src/core/icon/svg/bold.svg rename to src/core/icon/dsfr/bold.svg diff --git a/src/core/icon/svg/error-fill.svg b/src/core/icon/dsfr/error-fill.svg similarity index 100% rename from src/core/icon/svg/error-fill.svg rename to src/core/icon/dsfr/error-fill.svg diff --git a/src/core/icon/svg/error-line.svg b/src/core/icon/dsfr/error-line.svg similarity index 100% rename from src/core/icon/svg/error-line.svg rename to src/core/icon/dsfr/error-line.svg diff --git a/src/core/icon/svg/flashlight-fill.svg b/src/core/icon/dsfr/flashlight-fill.svg similarity index 100% rename from src/core/icon/svg/flashlight-fill.svg rename to src/core/icon/dsfr/flashlight-fill.svg diff --git a/src/core/icon/svg/flashlight-line.svg b/src/core/icon/dsfr/flashlight-line.svg similarity index 100% rename from src/core/icon/svg/flashlight-line.svg rename to src/core/icon/dsfr/flashlight-line.svg diff --git a/src/core/icon/svg/highlight.svg b/src/core/icon/dsfr/highlight.svg similarity index 100% rename from src/core/icon/svg/highlight.svg rename to src/core/icon/dsfr/highlight.svg diff --git a/src/core/icon/svg/info-fill.svg b/src/core/icon/dsfr/info-fill.svg similarity index 100% rename from src/core/icon/svg/info-fill.svg rename to src/core/icon/dsfr/info-fill.svg diff --git a/src/core/icon/svg/info-line.svg b/src/core/icon/dsfr/info-line.svg similarity index 100% rename from src/core/icon/svg/info-line.svg rename to src/core/icon/dsfr/info-line.svg diff --git a/src/core/icon/svg/success-fill.svg b/src/core/icon/dsfr/success-fill.svg similarity index 100% rename from src/core/icon/svg/success-fill.svg rename to src/core/icon/dsfr/success-fill.svg diff --git a/src/core/icon/svg/success-line.svg b/src/core/icon/dsfr/success-line.svg similarity index 100% rename from src/core/icon/svg/success-line.svg rename to src/core/icon/dsfr/success-line.svg diff --git a/src/core/icon/svg/warning-fill.svg b/src/core/icon/dsfr/warning-fill.svg similarity index 100% rename from src/core/icon/svg/warning-fill.svg rename to src/core/icon/dsfr/warning-fill.svg diff --git a/src/core/icon/svg/warning-line.svg b/src/core/icon/dsfr/warning-line.svg similarity index 100% rename from src/core/icon/svg/warning-line.svg rename to src/core/icon/dsfr/warning-line.svg diff --git a/src/core/icon/icon.yml b/src/core/icon/icon.yml deleted file mode 100644 index e69de29bb..000000000 diff --git a/src/core/icon/deprecated/svg/account-fill.svg b/src/core/icon/remix/account-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/account-fill.svg rename to src/core/icon/remix/account-fill.svg diff --git a/src/core/icon/deprecated/svg/account-line.svg b/src/core/icon/remix/account-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/account-line.svg rename to src/core/icon/remix/account-line.svg diff --git a/src/core/icon/deprecated/svg/add-circle-fill.svg b/src/core/icon/remix/add-circle-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/add-circle-fill.svg rename to src/core/icon/remix/add-circle-fill.svg diff --git a/src/core/icon/deprecated/svg/add-circle-line.svg b/src/core/icon/remix/add-circle-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/add-circle-line.svg rename to src/core/icon/remix/add-circle-line.svg diff --git a/src/core/icon/deprecated/svg/add-line.svg b/src/core/icon/remix/add-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/add-line.svg rename to src/core/icon/remix/add-line.svg diff --git a/src/core/icon/deprecated/svg/alert-fill.svg b/src/core/icon/remix/alert-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/alert-fill.svg rename to src/core/icon/remix/alert-fill.svg diff --git a/src/core/icon/deprecated/svg/alert-line.svg b/src/core/icon/remix/alert-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/alert-line.svg rename to src/core/icon/remix/alert-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-down-line.svg b/src/core/icon/remix/arrow-down-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-down-line.svg rename to src/core/icon/remix/arrow-down-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-down-s-line.svg b/src/core/icon/remix/arrow-down-s-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-down-s-line.svg rename to src/core/icon/remix/arrow-down-s-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-go-back-fill.svg b/src/core/icon/remix/arrow-go-back-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-go-back-fill.svg rename to src/core/icon/remix/arrow-go-back-fill.svg diff --git a/src/core/icon/deprecated/svg/arrow-go-back-line.svg b/src/core/icon/remix/arrow-go-back-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-go-back-line.svg rename to src/core/icon/remix/arrow-go-back-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-left-line.svg b/src/core/icon/remix/arrow-left-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-left-line.svg rename to src/core/icon/remix/arrow-left-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-left-s-first-line.svg b/src/core/icon/remix/arrow-left-s-first-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-left-s-first-line.svg rename to src/core/icon/remix/arrow-left-s-first-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-left-s-line-double.svg b/src/core/icon/remix/arrow-left-s-line-double.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-left-s-line-double.svg rename to src/core/icon/remix/arrow-left-s-line-double.svg diff --git a/src/core/icon/deprecated/svg/arrow-left-s-line.svg b/src/core/icon/remix/arrow-left-s-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-left-s-line.svg rename to src/core/icon/remix/arrow-left-s-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-right-line.svg b/src/core/icon/remix/arrow-right-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-right-line.svg rename to src/core/icon/remix/arrow-right-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-right-s-last-line.svg b/src/core/icon/remix/arrow-right-s-last-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-right-s-last-line.svg rename to src/core/icon/remix/arrow-right-s-last-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-right-s-line-double.svg b/src/core/icon/remix/arrow-right-s-line-double.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-right-s-line-double.svg rename to src/core/icon/remix/arrow-right-s-line-double.svg diff --git a/src/core/icon/deprecated/svg/arrow-right-s-line.svg b/src/core/icon/remix/arrow-right-s-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-right-s-line.svg rename to src/core/icon/remix/arrow-right-s-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-right-up-line.svg b/src/core/icon/remix/arrow-right-up-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-right-up-line.svg rename to src/core/icon/remix/arrow-right-up-line.svg diff --git a/src/core/icon/deprecated/svg/arrow-up-fill.svg b/src/core/icon/remix/arrow-up-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-up-fill.svg rename to src/core/icon/remix/arrow-up-fill.svg diff --git a/src/core/icon/deprecated/svg/arrow-up-s-line.svg b/src/core/icon/remix/arrow-up-s-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/arrow-up-s-line.svg rename to src/core/icon/remix/arrow-up-s-line.svg diff --git a/src/core/icon/deprecated/svg/attachment-fill.svg b/src/core/icon/remix/attachment-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/attachment-fill.svg rename to src/core/icon/remix/attachment-fill.svg diff --git a/src/core/icon/deprecated/svg/attachment-line.svg b/src/core/icon/remix/attachment-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/attachment-line.svg rename to src/core/icon/remix/attachment-line.svg diff --git a/src/core/icon/deprecated/svg/calendar-fill.svg b/src/core/icon/remix/calendar-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/calendar-fill.svg rename to src/core/icon/remix/calendar-fill.svg diff --git a/src/core/icon/deprecated/svg/calendar-line.svg b/src/core/icon/remix/calendar-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/calendar-line.svg rename to src/core/icon/remix/calendar-line.svg diff --git a/src/core/icon/deprecated/svg/chat-quote-fill.svg b/src/core/icon/remix/chat-quote-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/chat-quote-fill.svg rename to src/core/icon/remix/chat-quote-fill.svg diff --git a/src/core/icon/deprecated/svg/chat-quote-line.svg b/src/core/icon/remix/chat-quote-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/chat-quote-line.svg rename to src/core/icon/remix/chat-quote-line.svg diff --git a/src/core/icon/deprecated/svg/check-line.svg b/src/core/icon/remix/check-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/check-line.svg rename to src/core/icon/remix/check-line.svg diff --git a/src/core/icon/deprecated/svg/checkbox-circle-fill.svg b/src/core/icon/remix/checkbox-circle-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/checkbox-circle-fill.svg rename to src/core/icon/remix/checkbox-circle-fill.svg diff --git a/src/core/icon/deprecated/svg/checkbox-circle-line.svg b/src/core/icon/remix/checkbox-circle-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/checkbox-circle-line.svg rename to src/core/icon/remix/checkbox-circle-line.svg diff --git a/src/core/icon/deprecated/svg/close-circle-fill.svg b/src/core/icon/remix/close-circle-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/close-circle-fill.svg rename to src/core/icon/remix/close-circle-fill.svg diff --git a/src/core/icon/deprecated/svg/close-circle-line.svg b/src/core/icon/remix/close-circle-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/close-circle-line.svg rename to src/core/icon/remix/close-circle-line.svg diff --git a/src/core/icon/deprecated/svg/close-line.svg b/src/core/icon/remix/close-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/close-line.svg rename to src/core/icon/remix/close-line.svg diff --git a/src/core/icon/deprecated/svg/dailymotion-fill.svg b/src/core/icon/remix/dailymotion-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/dailymotion-fill.svg rename to src/core/icon/remix/dailymotion-fill.svg diff --git a/src/core/icon/deprecated/svg/dailymotion-line.svg b/src/core/icon/remix/dailymotion-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/dailymotion-line.svg rename to src/core/icon/remix/dailymotion-line.svg diff --git a/src/core/icon/deprecated/svg/delete-fill.svg b/src/core/icon/remix/delete-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/delete-fill.svg rename to src/core/icon/remix/delete-fill.svg diff --git a/src/core/icon/deprecated/svg/delete-line.svg b/src/core/icon/remix/delete-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/delete-line.svg rename to src/core/icon/remix/delete-line.svg diff --git a/src/core/icon/deprecated/svg/download-line.svg b/src/core/icon/remix/download-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/download-line.svg rename to src/core/icon/remix/download-line.svg diff --git a/src/core/icon/deprecated/svg/edit-fill.svg b/src/core/icon/remix/edit-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/edit-fill.svg rename to src/core/icon/remix/edit-fill.svg diff --git a/src/core/icon/deprecated/svg/edit-line.svg b/src/core/icon/remix/edit-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/edit-line.svg rename to src/core/icon/remix/edit-line.svg diff --git a/src/core/icon/deprecated/svg/equalizer-fill.svg b/src/core/icon/remix/equalizer-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/equalizer-fill.svg rename to src/core/icon/remix/equalizer-fill.svg diff --git a/src/core/icon/deprecated/svg/equalizer-line.svg b/src/core/icon/remix/equalizer-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/equalizer-line.svg rename to src/core/icon/remix/equalizer-line.svg diff --git a/src/core/icon/deprecated/svg/error-warning-fill.svg b/src/core/icon/remix/error-warning-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/error-warning-fill.svg rename to src/core/icon/remix/error-warning-fill.svg diff --git a/src/core/icon/deprecated/svg/error-warning-line.svg b/src/core/icon/remix/error-warning-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/error-warning-line.svg rename to src/core/icon/remix/error-warning-line.svg diff --git a/src/core/icon/deprecated/svg/external-link-line.svg b/src/core/icon/remix/external-link-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/external-link-line.svg rename to src/core/icon/remix/external-link-line.svg diff --git a/src/core/icon/deprecated/svg/eye-fill.svg b/src/core/icon/remix/eye-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/eye-fill.svg rename to src/core/icon/remix/eye-fill.svg diff --git a/src/core/icon/deprecated/svg/eye-line.svg b/src/core/icon/remix/eye-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/eye-line.svg rename to src/core/icon/remix/eye-line.svg diff --git a/src/core/icon/deprecated/svg/eye-off-fill.svg b/src/core/icon/remix/eye-off-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/eye-off-fill.svg rename to src/core/icon/remix/eye-off-fill.svg diff --git a/src/core/icon/deprecated/svg/eye-off-line.svg b/src/core/icon/remix/eye-off-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/eye-off-line.svg rename to src/core/icon/remix/eye-off-line.svg diff --git a/src/core/icon/deprecated/svg/facebook-circle-fill.svg b/src/core/icon/remix/facebook-circle-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/facebook-circle-fill.svg rename to src/core/icon/remix/facebook-circle-fill.svg diff --git a/src/core/icon/deprecated/svg/facebook-circle-line.svg b/src/core/icon/remix/facebook-circle-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/facebook-circle-line.svg rename to src/core/icon/remix/facebook-circle-line.svg diff --git a/src/core/icon/deprecated/svg/file-download-fill.svg b/src/core/icon/remix/file-download-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/file-download-fill.svg rename to src/core/icon/remix/file-download-fill.svg diff --git a/src/core/icon/deprecated/svg/file-download-line.svg b/src/core/icon/remix/file-download-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/file-download-line.svg rename to src/core/icon/remix/file-download-line.svg diff --git a/src/core/icon/deprecated/svg/file-fill.svg b/src/core/icon/remix/file-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/file-fill.svg rename to src/core/icon/remix/file-fill.svg diff --git a/src/core/icon/deprecated/svg/file-line.svg b/src/core/icon/remix/file-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/file-line.svg rename to src/core/icon/remix/file-line.svg diff --git a/src/core/icon/deprecated/svg/file-pdf-fill.svg b/src/core/icon/remix/file-pdf-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/file-pdf-fill.svg rename to src/core/icon/remix/file-pdf-fill.svg diff --git a/src/core/icon/deprecated/svg/file-pdf-line.svg b/src/core/icon/remix/file-pdf-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/file-pdf-line.svg rename to src/core/icon/remix/file-pdf-line.svg diff --git a/src/core/icon/deprecated/svg/filter-fill.svg b/src/core/icon/remix/filter-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/filter-fill.svg rename to src/core/icon/remix/filter-fill.svg diff --git a/src/core/icon/deprecated/svg/filter-line.svg b/src/core/icon/remix/filter-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/filter-line.svg rename to src/core/icon/remix/filter-line.svg diff --git a/src/core/icon/deprecated/svg/font-size.svg b/src/core/icon/remix/font-size.svg similarity index 100% rename from src/core/icon/deprecated/svg/font-size.svg rename to src/core/icon/remix/font-size.svg diff --git a/src/core/icon/deprecated/svg/github-fill.svg b/src/core/icon/remix/github-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/github-fill.svg rename to src/core/icon/remix/github-fill.svg diff --git a/src/core/icon/deprecated/svg/github-line.svg b/src/core/icon/remix/github-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/github-line.svg rename to src/core/icon/remix/github-line.svg diff --git a/src/core/icon/deprecated/svg/home-4-fill.svg b/src/core/icon/remix/home-4-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/home-4-fill.svg rename to src/core/icon/remix/home-4-fill.svg diff --git a/src/core/icon/deprecated/svg/home-4-line.svg b/src/core/icon/remix/home-4-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/home-4-line.svg rename to src/core/icon/remix/home-4-line.svg diff --git a/src/core/icon/deprecated/icon.yml b/src/core/icon/remix/icon.yml similarity index 100% rename from src/core/icon/deprecated/icon.yml rename to src/core/icon/remix/icon.yml diff --git a/src/core/icon/deprecated/svg/image-fill.svg b/src/core/icon/remix/image-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/image-fill.svg rename to src/core/icon/remix/image-fill.svg diff --git a/src/core/icon/deprecated/svg/image-line.svg b/src/core/icon/remix/image-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/image-line.svg rename to src/core/icon/remix/image-line.svg diff --git a/src/core/icon/deprecated/svg/information-fill.svg b/src/core/icon/remix/information-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/information-fill.svg rename to src/core/icon/remix/information-fill.svg diff --git a/src/core/icon/deprecated/svg/information-line.svg b/src/core/icon/remix/information-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/information-line.svg rename to src/core/icon/remix/information-line.svg diff --git a/src/core/icon/deprecated/svg/instagram-fill.svg b/src/core/icon/remix/instagram-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/instagram-fill.svg rename to src/core/icon/remix/instagram-fill.svg diff --git a/src/core/icon/deprecated/svg/instagram-line.svg b/src/core/icon/remix/instagram-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/instagram-line.svg rename to src/core/icon/remix/instagram-line.svg diff --git a/src/core/icon/deprecated/svg/italic.svg b/src/core/icon/remix/italic.svg similarity index 100% rename from src/core/icon/deprecated/svg/italic.svg rename to src/core/icon/remix/italic.svg diff --git a/src/core/icon/deprecated/svg/line-chart-fill.svg b/src/core/icon/remix/line-chart-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/line-chart-fill.svg rename to src/core/icon/remix/line-chart-fill.svg diff --git a/src/core/icon/deprecated/svg/line-chart-line.svg b/src/core/icon/remix/line-chart-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/line-chart-line.svg rename to src/core/icon/remix/line-chart-line.svg diff --git a/src/core/icon/deprecated/svg/link-unlink.svg b/src/core/icon/remix/link-unlink.svg similarity index 100% rename from src/core/icon/deprecated/svg/link-unlink.svg rename to src/core/icon/remix/link-unlink.svg diff --git a/src/core/icon/deprecated/svg/linkedin-box-fill.svg b/src/core/icon/remix/linkedin-box-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/linkedin-box-fill.svg rename to src/core/icon/remix/linkedin-box-fill.svg diff --git a/src/core/icon/deprecated/svg/linkedin-box-line.svg b/src/core/icon/remix/linkedin-box-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/linkedin-box-line.svg rename to src/core/icon/remix/linkedin-box-line.svg diff --git a/src/core/icon/deprecated/svg/links-fill.svg b/src/core/icon/remix/links-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/links-fill.svg rename to src/core/icon/remix/links-fill.svg diff --git a/src/core/icon/deprecated/svg/list-ordered.svg b/src/core/icon/remix/list-ordered.svg similarity index 100% rename from src/core/icon/deprecated/svg/list-ordered.svg rename to src/core/icon/remix/list-ordered.svg diff --git a/src/core/icon/deprecated/svg/list-unordered.svg b/src/core/icon/remix/list-unordered.svg similarity index 100% rename from src/core/icon/deprecated/svg/list-unordered.svg rename to src/core/icon/remix/list-unordered.svg diff --git a/src/core/icon/deprecated/svg/lock-fill.svg b/src/core/icon/remix/lock-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/lock-fill.svg rename to src/core/icon/remix/lock-fill.svg diff --git a/src/core/icon/deprecated/svg/lock-line.svg b/src/core/icon/remix/lock-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/lock-line.svg rename to src/core/icon/remix/lock-line.svg diff --git a/src/core/icon/deprecated/svg/logout-box-r-fill.svg b/src/core/icon/remix/logout-box-r-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/logout-box-r-fill.svg rename to src/core/icon/remix/logout-box-r-fill.svg diff --git a/src/core/icon/deprecated/svg/logout-box-r-line.svg b/src/core/icon/remix/logout-box-r-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/logout-box-r-line.svg rename to src/core/icon/remix/logout-box-r-line.svg diff --git a/src/core/icon/deprecated/svg/mail-fill.svg b/src/core/icon/remix/mail-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/mail-fill.svg rename to src/core/icon/remix/mail-fill.svg diff --git a/src/core/icon/deprecated/svg/mail-line.svg b/src/core/icon/remix/mail-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/mail-line.svg rename to src/core/icon/remix/mail-line.svg diff --git a/src/core/icon/deprecated/svg/map-pin-2-fill.svg b/src/core/icon/remix/map-pin-2-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/map-pin-2-fill.svg rename to src/core/icon/remix/map-pin-2-fill.svg diff --git a/src/core/icon/deprecated/svg/map-pin-2-line.svg b/src/core/icon/remix/map-pin-2-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/map-pin-2-line.svg rename to src/core/icon/remix/map-pin-2-line.svg diff --git a/src/core/icon/deprecated/svg/menu-2-fill.svg b/src/core/icon/remix/menu-2-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/menu-2-fill.svg rename to src/core/icon/remix/menu-2-fill.svg diff --git a/src/core/icon/deprecated/svg/menu-fill.svg b/src/core/icon/remix/menu-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/menu-fill.svg rename to src/core/icon/remix/menu-fill.svg diff --git a/src/core/icon/deprecated/svg/npmjs-fill.svg b/src/core/icon/remix/npmjs-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/npmjs-fill.svg rename to src/core/icon/remix/npmjs-fill.svg diff --git a/src/core/icon/deprecated/svg/npmjs-line.svg b/src/core/icon/remix/npmjs-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/npmjs-line.svg rename to src/core/icon/remix/npmjs-line.svg diff --git a/src/core/icon/deprecated/svg/pause-circle-fill.svg b/src/core/icon/remix/pause-circle-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/pause-circle-fill.svg rename to src/core/icon/remix/pause-circle-fill.svg diff --git a/src/core/icon/deprecated/svg/pause-circle-line.svg b/src/core/icon/remix/pause-circle-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/pause-circle-line.svg rename to src/core/icon/remix/pause-circle-line.svg diff --git a/src/core/icon/deprecated/svg/phone-fill.svg b/src/core/icon/remix/phone-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/phone-fill.svg rename to src/core/icon/remix/phone-fill.svg diff --git a/src/core/icon/deprecated/svg/phone-line.svg b/src/core/icon/remix/phone-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/phone-line.svg rename to src/core/icon/remix/phone-line.svg diff --git a/src/core/icon/deprecated/svg/play-fill.svg b/src/core/icon/remix/play-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/play-fill.svg rename to src/core/icon/remix/play-fill.svg diff --git a/src/core/icon/deprecated/svg/play-line.svg b/src/core/icon/remix/play-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/play-line.svg rename to src/core/icon/remix/play-line.svg diff --git a/src/core/icon/deprecated/svg/printer-fill.svg b/src/core/icon/remix/printer-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/printer-fill.svg rename to src/core/icon/remix/printer-fill.svg diff --git a/src/core/icon/deprecated/svg/printer-line.svg b/src/core/icon/remix/printer-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/printer-line.svg rename to src/core/icon/remix/printer-line.svg diff --git a/src/core/icon/deprecated/svg/question-fill.svg b/src/core/icon/remix/question-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/question-fill.svg rename to src/core/icon/remix/question-fill.svg diff --git a/src/core/icon/deprecated/svg/question-line.svg b/src/core/icon/remix/question-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/question-line.svg rename to src/core/icon/remix/question-line.svg diff --git a/src/core/icon/deprecated/svg/refresh-fill.svg b/src/core/icon/remix/refresh-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/refresh-fill.svg rename to src/core/icon/remix/refresh-fill.svg diff --git a/src/core/icon/deprecated/svg/refresh-line.svg b/src/core/icon/remix/refresh-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/refresh-line.svg rename to src/core/icon/remix/refresh-line.svg diff --git a/src/core/icon/deprecated/svg/remixicon-fill.svg b/src/core/icon/remix/remixicon-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/remixicon-fill.svg rename to src/core/icon/remix/remixicon-fill.svg diff --git a/src/core/icon/deprecated/svg/remixicon-line.svg b/src/core/icon/remix/remixicon-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/remixicon-line.svg rename to src/core/icon/remix/remixicon-line.svg diff --git a/src/core/icon/deprecated/svg/road-map-fill.svg b/src/core/icon/remix/road-map-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/road-map-fill.svg rename to src/core/icon/remix/road-map-fill.svg diff --git a/src/core/icon/deprecated/svg/road-map-line.svg b/src/core/icon/remix/road-map-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/road-map-line.svg rename to src/core/icon/remix/road-map-line.svg diff --git a/src/core/icon/deprecated/svg/rss-fill.svg b/src/core/icon/remix/rss-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/rss-fill.svg rename to src/core/icon/remix/rss-fill.svg diff --git a/src/core/icon/deprecated/svg/rss-line.svg b/src/core/icon/remix/rss-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/rss-line.svg rename to src/core/icon/remix/rss-line.svg diff --git a/src/core/icon/deprecated/svg/save-fill.svg b/src/core/icon/remix/save-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/save-fill.svg rename to src/core/icon/remix/save-fill.svg diff --git a/src/core/icon/deprecated/svg/save-line.svg b/src/core/icon/remix/save-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/save-line.svg rename to src/core/icon/remix/save-line.svg diff --git a/src/core/icon/deprecated/svg/search-fill.svg b/src/core/icon/remix/search-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/search-fill.svg rename to src/core/icon/remix/search-fill.svg diff --git a/src/core/icon/deprecated/svg/search-line.svg b/src/core/icon/remix/search-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/search-line.svg rename to src/core/icon/remix/search-line.svg diff --git a/src/core/icon/deprecated/svg/slack-fill.svg b/src/core/icon/remix/slack-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/slack-fill.svg rename to src/core/icon/remix/slack-fill.svg diff --git a/src/core/icon/deprecated/svg/slack-line.svg b/src/core/icon/remix/slack-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/slack-line.svg rename to src/core/icon/remix/slack-line.svg diff --git a/src/core/icon/deprecated/svg/snapchat-fill.svg b/src/core/icon/remix/snapchat-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/snapchat-fill.svg rename to src/core/icon/remix/snapchat-fill.svg diff --git a/src/core/icon/deprecated/svg/snapchat-line.svg b/src/core/icon/remix/snapchat-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/snapchat-line.svg rename to src/core/icon/remix/snapchat-line.svg diff --git a/src/core/icon/deprecated/svg/subtract-line.svg b/src/core/icon/remix/subtract-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/subtract-line.svg rename to src/core/icon/remix/subtract-line.svg diff --git a/src/core/icon/deprecated/svg/telegram-fill.svg b/src/core/icon/remix/telegram-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/telegram-fill.svg rename to src/core/icon/remix/telegram-fill.svg diff --git a/src/core/icon/deprecated/svg/telegram-line.svg b/src/core/icon/remix/telegram-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/telegram-line.svg rename to src/core/icon/remix/telegram-line.svg diff --git a/src/core/icon/deprecated/svg/theme-fill.svg b/src/core/icon/remix/theme-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/theme-fill.svg rename to src/core/icon/remix/theme-fill.svg diff --git a/src/core/icon/deprecated/svg/tiktok-fill.svg b/src/core/icon/remix/tiktok-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/tiktok-fill.svg rename to src/core/icon/remix/tiktok-fill.svg diff --git a/src/core/icon/deprecated/svg/tiktok-line.svg b/src/core/icon/remix/tiktok-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/tiktok-line.svg rename to src/core/icon/remix/tiktok-line.svg diff --git a/src/core/icon/deprecated/svg/timer-fill.svg b/src/core/icon/remix/timer-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/timer-fill.svg rename to src/core/icon/remix/timer-fill.svg diff --git a/src/core/icon/deprecated/svg/timer-line.svg b/src/core/icon/remix/timer-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/timer-line.svg rename to src/core/icon/remix/timer-line.svg diff --git a/src/core/icon/deprecated/svg/twitch-fill.svg b/src/core/icon/remix/twitch-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/twitch-fill.svg rename to src/core/icon/remix/twitch-fill.svg diff --git a/src/core/icon/deprecated/svg/twitch-line.svg b/src/core/icon/remix/twitch-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/twitch-line.svg rename to src/core/icon/remix/twitch-line.svg diff --git a/src/core/icon/deprecated/svg/twitter-fill.svg b/src/core/icon/remix/twitter-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/twitter-fill.svg rename to src/core/icon/remix/twitter-fill.svg diff --git a/src/core/icon/deprecated/svg/twitter-line.svg b/src/core/icon/remix/twitter-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/twitter-line.svg rename to src/core/icon/remix/twitter-line.svg diff --git a/src/core/icon/deprecated/svg/upload-2-fill.svg b/src/core/icon/remix/upload-2-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/upload-2-fill.svg rename to src/core/icon/remix/upload-2-fill.svg diff --git a/src/core/icon/deprecated/svg/upload-2-line.svg b/src/core/icon/remix/upload-2-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/upload-2-line.svg rename to src/core/icon/remix/upload-2-line.svg diff --git a/src/core/icon/deprecated/svg/user-fill.svg b/src/core/icon/remix/user-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/user-fill.svg rename to src/core/icon/remix/user-fill.svg diff --git a/src/core/icon/deprecated/svg/user-line.svg b/src/core/icon/remix/user-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/user-line.svg rename to src/core/icon/remix/user-line.svg diff --git a/src/core/icon/deprecated/svg/vimeo-fill.svg b/src/core/icon/remix/vimeo-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/vimeo-fill.svg rename to src/core/icon/remix/vimeo-fill.svg diff --git a/src/core/icon/deprecated/svg/vimeo-line.svg b/src/core/icon/remix/vimeo-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/vimeo-line.svg rename to src/core/icon/remix/vimeo-line.svg diff --git a/src/core/icon/deprecated/svg/volume-down-fill.svg b/src/core/icon/remix/volume-down-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/volume-down-fill.svg rename to src/core/icon/remix/volume-down-fill.svg diff --git a/src/core/icon/deprecated/svg/volume-down-line.svg b/src/core/icon/remix/volume-down-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/volume-down-line.svg rename to src/core/icon/remix/volume-down-line.svg diff --git a/src/core/icon/deprecated/svg/volume-mute-fill.svg b/src/core/icon/remix/volume-mute-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/volume-mute-fill.svg rename to src/core/icon/remix/volume-mute-fill.svg diff --git a/src/core/icon/deprecated/svg/volume-mute-line.svg b/src/core/icon/remix/volume-mute-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/volume-mute-line.svg rename to src/core/icon/remix/volume-mute-line.svg diff --git a/src/core/icon/deprecated/svg/volume-up-fill.svg b/src/core/icon/remix/volume-up-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/volume-up-fill.svg rename to src/core/icon/remix/volume-up-fill.svg diff --git a/src/core/icon/deprecated/svg/volume-up-line.svg b/src/core/icon/remix/volume-up-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/volume-up-line.svg rename to src/core/icon/remix/volume-up-line.svg diff --git a/src/core/icon/deprecated/svg/youtube-fill.svg b/src/core/icon/remix/youtube-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/youtube-fill.svg rename to src/core/icon/remix/youtube-fill.svg diff --git a/src/core/icon/deprecated/svg/youtube-line.svg b/src/core/icon/remix/youtube-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/youtube-line.svg rename to src/core/icon/remix/youtube-line.svg diff --git a/src/core/icon/deprecated/svg/zoom-in-fill.svg b/src/core/icon/remix/zoom-in-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/zoom-in-fill.svg rename to src/core/icon/remix/zoom-in-fill.svg diff --git a/src/core/icon/deprecated/svg/zoom-in-line.svg b/src/core/icon/remix/zoom-in-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/zoom-in-line.svg rename to src/core/icon/remix/zoom-in-line.svg diff --git a/src/core/icon/deprecated/svg/zoom-out-fill.svg b/src/core/icon/remix/zoom-out-fill.svg similarity index 100% rename from src/core/icon/deprecated/svg/zoom-out-fill.svg rename to src/core/icon/remix/zoom-out-fill.svg diff --git a/src/core/icon/deprecated/svg/zoom-out-line.svg b/src/core/icon/remix/zoom-out-line.svg similarity index 100% rename from src/core/icon/deprecated/svg/zoom-out-line.svg rename to src/core/icon/remix/zoom-out-line.svg diff --git a/src/core/legacy.scss b/src/core/legacy.scss index 7b95e102c..e1ea7aec2 100644 --- a/src/core/legacy.scss +++ b/src/core/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import 'style/path/path-1'; @import 'index'; @import 'style/legacy'; @import 'style/scheme'; diff --git a/src/core/main.scss b/src/core/main.scss index b02980cef..59ef12d86 100644 --- a/src/core/main.scss +++ b/src/core/main.scss @@ -7,6 +7,7 @@ CORE \* ˍˍˍˍˍˍˍˍˍ */ +@import 'style/path/path-1'; @import '../media-query-order'; @import 'index'; @import 'style/module'; diff --git a/src/core/style/_legacy.scss b/src/core/style/_legacy.scss index c0ce8a2cb..03719568c 100644 --- a/src/core/style/_legacy.scss +++ b/src/core/style/_legacy.scss @@ -4,3 +4,4 @@ //// @import 'action/legacy'; +@import 'icon/legacy'; diff --git a/src/core/style/_tool.scss b/src/core/style/_tool.scss index 821e59890..9efe78757 100644 --- a/src/core/style/_tool.scss +++ b/src/core/style/_tool.scss @@ -7,9 +7,9 @@ @import 'selector/tool'; @import 'color/tool'; @import 'typography/tool'; +@import 'icon/tool'; @import 'action/tool'; @import 'spacing/tool'; -@import 'icon/tool'; @import 'media/tool'; @import 'display/tool'; @import 'grid/tool'; diff --git a/src/core/style/action/_legacy.scss b/src/core/style/action/_legacy.scss index 2d80c2027..d5369791e 100644 --- a/src/core/style/action/_legacy.scss +++ b/src/core/style/action/_legacy.scss @@ -4,3 +4,4 @@ //// @import 'legacy/hover'; +@import 'legacy/link'; diff --git a/src/core/style/action/legacy/_hover.scss b/src/core/style/action/legacy/_hover.scss index 6fb409cd5..379331d71 100644 --- a/src/core/style/action/legacy/_hover.scss +++ b/src/core/style/action/legacy/_hover.scss @@ -2,3 +2,11 @@ /// Core Legacy : Action hover /// @group core //// + +@include legacy(ie11) { + #{ns(enlarge-link)} { + @include scheme-element-bg-transparent((legacy: true, hover: true)); + + @include disable-underline-legacy; + } +} diff --git a/src/core/style/action/legacy/_link.scss b/src/core/style/action/legacy/_link.scss new file mode 100644 index 000000000..0b34715ac --- /dev/null +++ b/src/core/style/action/legacy/_link.scss @@ -0,0 +1,23 @@ +//// +/// Core Legacy : Action link +/// @group core +//// + +@include legacy(ie11) { + [href], + #{ns(reset-link)} { + text-decoration: underline; + } + + #{ns(raw-link)} { + text-decoration: none; + } + + #{ns(reset-link)} { + @include after(none); + } + + [target="_blank"] { + @include icon-legacy(external-link-line, sm, after); + } +} diff --git a/src/core/style/action/tool/_link.scss b/src/core/style/action/tool/_link.scss index 59ed2a0f4..4f923edda 100644 --- a/src/core/style/action/tool/_link.scss +++ b/src/core/style/action/tool/_link.scss @@ -14,16 +14,34 @@ $underline-thickness: 0.0625em; @mixin enable-underline() { --underline-img: linear-gradient(0deg, currentColor, currentColor); - --link-blank-font: #{font-icon(sm, true)}; - --link-blank-content: "\00a0#{icon-glyph(external-link-line, true)}"; + --link-blank-content: ''; +} + +@mixin enable-underline-legacy() { + [href] { + text-decoration: underline; + } + + [target='_blank']::after { + content: ''; + } } @mixin disable-underline() { --underline-img: none; - --link-blank-font: none; --link-blank-content: none; } +@mixin disable-underline-legacy() { + [href] { + text-decoration: none; + } + + [target='_blank']::after { + content: none; + } +} + @mixin link-underline() { background-image: var(--underline-img), var(--underline-img); background-position: 50% calc(50% + #{11.5 * $underline-thickness }), 50% calc(50% + #{10.5 * $underline-thickness }); @@ -44,7 +62,10 @@ $underline-thickness: 0.0625em; } @mixin link-blank() { - @include after(var(--link-blank-content)) { - font: var(--link-blank-font); + @include icon-style(after) { + @include margin-left(1v); + @include margin-bottom(1v); } + @include icon-size(sm, after); + @include icon-content(external-link-line, after, null, var(--link-blank-content)); } diff --git a/src/core/style/color/tool/_element.scss b/src/core/style/color/tool/_element.scss index 470a3870e..eb2f5b0ef 100644 --- a/src/core/style/color/tool/_element.scss +++ b/src/core/style/color/tool/_element.scss @@ -33,7 +33,7 @@ $ACCENT: none; #{$prop}: #{$result}; } - @if $hover and $context == background and length($tokens) == 1 { + @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and length($tokens) == 1) { $nest-hover: null; $prop-hover: --hover; $result-hover: #{important(get-color(nth($tokens, 1), decision, (var: true, hover: true)), $important)}; @@ -73,7 +73,7 @@ $ACCENT: none; /// - important {boolean}: si true, applique !important à la règle css @mixin scheme-element-bg-color($tokens, $options:()) { @if not map-has-key($options, hover) { - $options: map-merge($options, (hover: true)); + $options: map-merge($options, (hover: inherit)); } @include _scheme-element(background-color, background, $tokens, $options); } @@ -87,20 +87,26 @@ $ACCENT: none; $legacy: map-get($options, legacy); $important: map-get($options, important); $hover: map-get($options, hover); - + $tokens: normalise-tokens(default grey, background); $value: important(transparent, $important); - @if $important { - $value: #{$value} !important; - } - @if $legacy { @include legacy(ie11) { background-color: transparent; + + @if $hover { + &:hover { + background-color: rgba(0, 0, 0, 0.05); + } + + &:active { + background-color: rgba(0, 0, 0, 0.1); + } + } } } @else { - background-color: transparent; + background-color: #{$value}; @if $hover { --hover: inherit; --active: inherit; diff --git a/src/core/style/icon/_legacy.scss b/src/core/style/icon/_legacy.scss new file mode 100644 index 000000000..bbe234b03 --- /dev/null +++ b/src/core/style/icon/_legacy.scss @@ -0,0 +1,25 @@ +//// +/// Core Legacy : Icon +/// @group core +//// + +@include legacy(ie11) { + @include has-icon { + @include icon-legacy(null, md, before); + } + + #{ns(icon)} { + @each $size, $value in $icon-size-map { + &--#{$size} { + @include icon-legacy(null, $size, before, false); + } + } + } + + /** + * Définitions des symboles des icones + **/ + // $icons-settings est générée dans generated/_icons.scss + @include generate-icons-legacy(icon); + @include generate-icons-legacy(icon, remix); +} diff --git a/src/core/style/icon/_module.scss b/src/core/style/icon/_module.scss index ccd1eaafe..d34b0a644 100644 --- a/src/core/style/icon/_module.scss +++ b/src/core/style/icon/_module.scss @@ -3,40 +3,15 @@ /// @group core //// -@font-face { - font-family: '#{$namespace}-icon'; - font-weight: 400; - src: url("data:font/truetype;charset=utf-8;base64,#{$icons-base64}") format("truetype"); -} - -@font-face { - font-family: '#{$namespace}-icon'; - font-weight: 700; - src: url("data:font/truetype;charset=utf-8;base64,#{$icons-base64-deprecated}") format("truetype"); -} - @include has-icon { - @include before { - @include font-icon; - } -} - -#{ns(fi)} { - @each $size, $value in $icon-size-map { - &--#{$size} { - @include _pseudo(before after) { - font-size: #{icon-size($size)} !important; - } - } - } + @include icon-style; + @include icon-size(md); } #{ns(icon)} { @each $size, $value in $icon-size-map { &--#{$size} { - @include _pseudo(before after) { - font-size: #{icon-size($size)} !important; - } + @include icon-size($size); } } } @@ -45,5 +20,5 @@ * Définitions des symboles des icones **/ // $icons-settings est générée dans generated/_icons.scss -@include generate-icons(fi, true); @include generate-icons(icon); +@include generate-icons(icon, remix); diff --git a/src/core/style/icon/_tool.scss b/src/core/style/icon/_tool.scss index 19920aa22..84154719c 100644 --- a/src/core/style/icon/_tool.scss +++ b/src/core/style/icon/_tool.scss @@ -15,98 +15,119 @@ @return px-rem(map-get($icon-size-map, $size)); } -@mixin icon-size($size:md) { - font-size: #{icon-size($size)} !important; +@function is-remix-icon($icon) { + @return index($icons-settings-dsfr, $icon) == null; +} + +@function get-url-icon($icon, $important: false) { + $remixIcon: is-remix-icon($icon); + $icon-path: '#{$dist-path}icons/dsfr/'; + @if $remixIcon { + $icon-path: '#{$dist-path}icons/remix/'; + } + $url: url('#{$icon-path}#{$icon}.svg'); + @return important($url, $important); } @mixin with-icon($size:md) { @include has-icon { @include before { - @if $size != md { - @include icon-size($size); - } + @include icon-size($size); @content; } } } -@mixin generate-icons($base, $deprecated: false) { - $icons-settings: $icons-settings; - @if $deprecated { - $icons-settings: $icons-settings-deprecated; +@mixin icon-size($size:md, $pseudo: null) { + $selector: null; + @if $pseudo == before or $pseudo == after { + $selector: '&::#{$pseudo}'; } - @each $icon, $setting in $icons-settings { - #{ns($base + '-' + $icon)} { - @include before(icon-glyph($icon, $deprecated)); - @if is-deprecated($icon) { - @include before { - font-weight: 700; - } - } - } + @include nest($selector) { + --icon-size: #{icon-size($size)}; } } -@function icon-glyph($icon, $deprecated: false, $is-ligature: false) { - $icon-settings: map-get($icons-settings, $icon); - @if is-deprecated($icon) or $deprecated { - $icon-settings: map-get($icons-settings-deprecated, $icon); +@mixin icon-content($icon, $pseudo: before, $important: false, $content: '') { + @include _pseudo($pseudo, $content) { + $url: get-url-icon($icon, $important); + -webkit-mask-image: $url; + mask-image: $url; } - @if $is-ligature { - @return '#{map-get($icon-settings, ligature)}'; - } - @else { - @return '#{map-get($icon-settings, codepoint)}'; - } -} - -@function is-deprecated($icon) { - @return not map-has-key($icons-settings, $icon); } -@function get-icons-settings-version($deprecated: false) { - @if $deprecated { - @return $icons-settings-deprecated; - } - @else { - @return $icons-settings; +@mixin icon-style($pseudo: before) { + @include _pseudo($pseudo) { + flex: 0 0 auto; + display: inline-block; + vertical-align: middle; + background-color: currentColor; + @include size(var(--icon-size), var(--icon-size)); + -webkit-mask-size: 100% 100%; + mask-size: 100% 100%; + @content; } } -@mixin icon-content($icon) { - content: icon-glyph($icon); - - @if is-deprecated($icon) { - font-weight: 700; +@mixin icon($icon: null, $size: md, $pseudo: before, $init: true) { + @if $init { + @include icon-style($pseudo); } - @else { - font-weight: 400; + + @if $icon != null { + @include icon-content($icon, $pseudo); } -} -@function font-icon($size: md, $deprecated: false) { - $font-weight: normal; - @if $deprecated { - $font-weight: 700; + @if $size != null { + @include icon-size($size, $pseudo); } - @return normal $font-weight normal #{icon-size($size)}/1 #{$namespace}-icon; -} -@mixin font-icon($size: md, $deprecated: false) { - font: font-icon($size, $deprecated); + @include _pseudo($pseudo) { + @content; + } } -@mixin icon($icon: null, $size: md, $pseudo: before) { +@mixin icon-legacy($icon: null, $size: md, $pseudo: before, $init: true) { @include _pseudo($pseudo) { - @if $size != null { - $deprecated: is-deprecated($icon); - @include font-icon($size, $deprecated); + @if $init { + background-color: transparent; + background-size: 100%; + background-repeat: no-repeat; } @if $icon != null { - @include icon-content($icon); + content: ''; + background-image: get-url-icon($icon, false); } + @if $size != null { + $size: icon-size($size); + @include size($size, $size); + } @content; } } + +@mixin generate-icons($base, $type: dsfr) { + $icons-settings: $icons-settings-dsfr; + @if $type == remix { + $icons-settings: $icons-settings-remix; + } + @each $icon, $setting in $icons-settings { + #{ns(#{$base}-#{$icon})} { + @include icon-content($icon, before, true); + } + } +} + +@mixin generate-icons-legacy($base, $type: dsfr) { + $icons-settings: $icons-settings-dsfr; + @if $type == remix { + $icons-settings: $icons-settings-remix; + } + @each $icon, $setting in $icons-settings { + #{ns(#{$base}-#{$icon})} { + @include icon-legacy($icon, null, before, false); + } + } +} diff --git a/src/core/style/path/_path-0.scss b/src/core/style/path/_path-0.scss new file mode 100644 index 000000000..21cd86ae4 --- /dev/null +++ b/src/core/style/path/_path-0.scss @@ -0,0 +1,7 @@ +//// +/// Core path : Path-0 +/// @group core +//// + +@import 'path'; +@include dist-path(0); diff --git a/src/core/style/path/_path-1.scss b/src/core/style/path/_path-1.scss new file mode 100644 index 000000000..33e8b950b --- /dev/null +++ b/src/core/style/path/_path-1.scss @@ -0,0 +1,7 @@ +//// +/// Core path : Path-0 +/// @group core +//// + +@import 'path'; +@include dist-path(1); diff --git a/src/core/style/path/_path-2.scss b/src/core/style/path/_path-2.scss new file mode 100644 index 000000000..636d73459 --- /dev/null +++ b/src/core/style/path/_path-2.scss @@ -0,0 +1,7 @@ +//// +/// Core path : Path-0 +/// @group core +//// + +@import 'path'; +@include dist-path(2); diff --git a/src/core/style/path/_path-3.scss b/src/core/style/path/_path-3.scss new file mode 100644 index 000000000..d310345d2 --- /dev/null +++ b/src/core/style/path/_path-3.scss @@ -0,0 +1,7 @@ +//// +/// Core path : Path-0 +/// @group core +//// + +@import 'path'; +@include dist-path(3); diff --git a/src/core/style/path/_path.scss b/src/core/style/path/_path.scss new file mode 100644 index 000000000..f49ef7f99 --- /dev/null +++ b/src/core/style/path/_path.scss @@ -0,0 +1,19 @@ +//// +/// Core Function : Path +/// @group core +//// + +$dist-path: null; +@function dist-path($levels) { + $path: ''; + @for $level from 0 to $levels { + $path: '../#{$path}'; + } + @return $path; +} + +@mixin dist-path($level) { + @if not $dist-path { + $dist-path: dist-path($level) !global; + } +} diff --git a/tool/build/build.js b/tool/build/build.js index eceb2f1f1..d78ee981c 100644 --- a/tool/build/build.js +++ b/tool/build/build.js @@ -2,7 +2,7 @@ const { buildStyles } = require('./styles'); const { buildScript } = require('./scripts'); const { buildExample } = require('./example'); const { concatenate } = require('../generate/concatenate'); -const { copyImages, copyAssets } = require('./copy'); +const { copyImages, copyIcons, copyAssets } = require('./copy'); const { getPackages } = require('../utilities/config'); const global = require('../../package.json'); const log = require('../utilities/log'); @@ -19,6 +19,7 @@ const build = async (settings) => { clean(); await generateConfig(); copyImages(); + copyIcons(); copyAssets(); } diff --git a/tool/build/copy.js b/tool/build/copy.js index 2c84c0c69..307ea914d 100644 --- a/tool/build/copy.js +++ b/tool/build/copy.js @@ -51,6 +51,12 @@ const copyAssets = (removeOrphans) => { copyDir(src, dest, ['woff', 'woff2', 'ico', 'jpg', 'png', 'svg', 'webmanifest'], removeOrphans); }; +const copyIcons = (removeOrphans) => { + const src = root('src/core/icon/'); + const dest = root('dist/icons'); + + copyDir(src, dest, ['svg', 'png', 'jpg'], removeOrphans); +}; // const copyPackages = (removeOrphans) => { // const packages = getPackages(); @@ -78,4 +84,4 @@ const deployRobots = () => { createFile(root('public/robots.txt'), content); }; -module.exports = { copyFiles, copyImages, copyAssets, deployFavicons, deployFiles, deployRobots }; +module.exports = { copyFiles, copyImages, copyAssets, copyIcons, deployFavicons, deployFiles, deployRobots }; diff --git a/tool/example/heading.ejs b/tool/example/heading.ejs index 34ddd8966..0bd104e95 100644 --- a/tool/example/heading.ejs +++ b/tool/example/heading.ejs @@ -1,5 +1,5 @@
- Retour + Retour

<%= title %> <%= locals.id ? `(${id})` : '' %>

<% if (locals.description) { %>

<%- description.replace(/(?:\r\n|\r|\n)/g, '
') %>

diff --git a/tool/generate/config.js b/tool/generate/config.js index 2a4179715..d0ee29a8d 100644 --- a/tool/generate/config.js +++ b/tool/generate/config.js @@ -211,8 +211,7 @@ const generateJSON = () => { const generateConfig = async () => { generateCore(); - await generateIcon('src/core/icon/deprecated', '-deprecated', 344); - await generateIcon('src/core/icon', '', 216); + await generateIcon('src/core/icon'); generateJSON(); }; diff --git a/tool/generate/icon.js b/tool/generate/icon.js index 5a2cea0d5..cfe50b02e 100644 --- a/tool/generate/icon.js +++ b/tool/generate/icon.js @@ -1,160 +1,33 @@ const fs = require('fs'); const path = require('path'); -const IconFontBuildr = require('icon-font-buildr'); const root = require('../utilities/root'); const { createFile } = require('../utilities/file'); -const { optimize } = require('svgo'); -const yaml = require('js-yaml'); -const svg2font = require('svgicons2svgfont'); -const svgoConfig = { - plugins: [ - 'cleanupAttrs', - 'removeDoctype', - 'removeXMLProcInst', - 'removeComments', - 'removeMetadata', - 'removeTitle', - 'removeDesc', - 'removeUselessDefs', - 'removeEditorsNSData', - 'removeEmptyAttrs', - 'removeHiddenElems', - 'removeEmptyText', - 'removeEmptyContainers', - 'removeViewBox', - 'cleanupEnableBackground', - 'convertStyleToAttrs', - 'convertColors', - 'convertPathData', - 'convertTransform', - 'removeUnknownsAndDefaults', - 'removeNonInheritableGroupAttrs', - 'removeUselessStrokeAndFill', - 'removeUnusedNS', - 'cleanupIDs', - 'cleanupNumericValues', - 'moveElemsAttrsToGroup', - 'moveGroupAttrsToElems', - 'collapseGroups', - 'removeRasterImages', - 'mergePaths', - 'convertShapeToPath', - 'sortAttrs', - 'removeDimensions' - // { name: 'removeAttrs', params: { attrs: '(stroke|fill)' } }, - ] -}; -const generateIcon = async (dir, suff, descent) => { +const getIconList = (dir, suff) => { const icons = []; - - const ymlPath = root(`${dir}/icon.yml`); - const fileContents = fs.readFileSync(ymlPath, 'utf8'); - const yml = yaml.load(fileContents); - - const iconDir = root(`${dir}/svg`); + const iconDir = root(`${dir}/${suff}`); fs.readdirSync(iconDir).forEach((file) => { const ls = fs.lstatSync(path.join(iconDir, file)); if (ls.isFile() && path.extname(file) === '.svg') { const name = file.substring(0, file.length - 4); - const icon = { - icon: name, - ligatures: !!yml && yml[name] && yml[name].ligature ? [`${yml[name].ligature}`] : [] - }; - icons.push(icon); + icons.push(name); } }); - const config = { - sources: [root(`${dir}/svg/[icon].svg`)], - icons: icons, - output: { - codepoints: true, - ligatures: true, - fontName: `dsfr-icon${suff}`, - fonts: '.config', - formats: [ - 'woff' - ] - } - }; - - const builder = new IconFontBuildr(config); - - builder.pathsInit(); - - for (const icon of icons) { - const filepath = root(`${dir}/svg/${icon.icon}.svg`); - const data = fs.readFileSync(filepath, 'utf8'); - const result = await optimize(data, svgoConfig); - fs.writeFileSync(builder.getIconPath(icon.icon), result.data); - } - - builder.paths.cache.fontSVGRaw = path.join(builder.paths.cache.root, `${builder.config.output.fontName}.raw.svg`); - // await builder.buildFontSVG(); - await buildFontSVG(builder, descent); - - const svg = fs.readFileSync(builder.paths.cache.fontSVGRaw, 'utf-8'); - // const result = svg.replace(/(\d*\.\d\d\d)\d*/g, '$1'); - fs.writeFileSync(builder.paths.cache.fontSVG, svg); - - await builder.buildFontTTF(); - // await builder.buildFontEOT(); - await builder.buildFontWOFF(); - await builder.buildFontWOFF2(); - - const filePath = builder.paths.cache.fontWOFF; - const content = fs.readFileSync(filePath).toString('base64'); - - let sass = `$icons-base64${suff}: '${content}';\n\n`; - - const codepoints = builder.getIconsCodepoints(); - const ligatures = builder.getIconsLigatures(); + return icons; +}; - sass += `$icons-settings${suff}: (\n`; +const generateIcon = async (dir) => { + let sass = '$icons-settings-remix: ('; + for (const icon of getIconList(dir, 'remix')) sass += `${icon}, `; + sass += ');\n'; - for (const icon of icons) { - sass += ` ${icon.icon}: (\n`; - sass += ` codepoint: '${codepoints[icon.icon][0]}'`; - if (ligatures[icon.icon].length) sass += `,\n ligature: '${ligatures[icon.icon][0]}'`; - sass += '\n ),\n'; - } + sass += '$icons-settings-dsfr: ('; + for (const icon of getIconList(dir, 'dsfr')) sass += `${icon}, `; sass += ');\n'; - const iconPath = root(`.config/icon${suff}.scss`); + const iconPath = root('.config/icon.scss'); createFile(iconPath, sass); - - builder.pathsReset(); -}; - -const buildFontSVG = async (builder, descent) => { - return new Promise((resolve, reject) => { - // eslint-disable-next-line new-cap - const stream = new svg2font({ - fontHeight: 2048, - fontName: builder.config.output.fontName, - descent: descent - }); - - stream.pipe(fs.createWriteStream(builder.paths.cache.fontSVGRaw)) - .on('finish', resolve) - .on('error', reject); - - Object.values(builder.config.icons).forEach(({ icon, name, codepoints, ligatures }) => { - const filePath = builder.getIconPath(icon); - const glyph = fs.createReadStream(filePath); - const unicode = []; - - if (builder.config.output.codepoints) unicode.push(...codepoints); - if (builder.config.output.ligatures) unicode.push(...ligatures); - - glyph.metadata = { unicode, name }; - - stream.write(glyph); - }); - - stream.end(); - }); }; module.exports = { generateIcon }; From 3a1d6577c75d42e507a8c4930a53375c61fdd99d Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Tue, 5 Apr 2022 10:19:14 +0200 Subject: [PATCH 05/24] =?UTF-8?q?fix(core):=20correction=20liste=20=C3=A0?= =?UTF-8?q?=20puce=20sur=20android=20[DS-2287]=20(#268)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/core/style/_legacy.scss | 1 + src/core/style/typography/_legacy.scss | 18 ++++++++++++++++++ src/core/style/typography/tool/_list.scss | 2 +- 3 files changed, 20 insertions(+), 1 deletion(-) create mode 100644 src/core/style/typography/_legacy.scss diff --git a/src/core/style/_legacy.scss b/src/core/style/_legacy.scss index 03719568c..c31d2dba9 100644 --- a/src/core/style/_legacy.scss +++ b/src/core/style/_legacy.scss @@ -4,4 +4,5 @@ //// @import 'action/legacy'; +@import 'typography/legacy'; @import 'icon/legacy'; diff --git a/src/core/style/typography/_legacy.scss b/src/core/style/typography/_legacy.scss new file mode 100644 index 000000000..abe774f86 --- /dev/null +++ b/src/core/style/typography/_legacy.scss @@ -0,0 +1,18 @@ +//// +/// Core Legacy : Typography +/// @group core +//// + +ul { + list-style-type: disc; +} + +ol { + list-style-type: decimal; +} + +ul, +ol { + @include padding-left(4v); + @include margin-y(2v); +} diff --git a/src/core/style/typography/tool/_list.scss b/src/core/style/typography/tool/_list.scss index 3163e009b..2652ab02e 100644 --- a/src/core/style/typography/tool/_list.scss +++ b/src/core/style/typography/tool/_list.scss @@ -11,7 +11,7 @@ } @include nest($selector) { - --ul-type: "●\00a0\00a0"; + --ul-type: disc; --ol-type: decimal; --ul-start: #{space(4v)}; --ol-start: #{space(6v)}; From dcc2f9ecf298c9f7157ef12657922a2f493f16ad Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Wed, 6 Apr 2022 10:20:59 +0200 Subject: [PATCH 06/24] feat(button): changement de la taille des boutons (padding) [DS-2500] (#266) --- src/component/button/style/_setting.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/component/button/style/_setting.scss b/src/component/button/style/_setting.scss index 8cdc75c82..a520b6c33 100644 --- a/src/component/button/style/_setting.scss +++ b/src/component/button/style/_setting.scss @@ -9,7 +9,7 @@ $btns-settings:( sm: ( font-size: 14, min-height: 8v, - padding-x: 4v, + padding-x: 3v, icon: sm, icon-margin-x: 2v, icon-only: sm, @@ -17,7 +17,7 @@ $btns-settings:( md: ( font-size: 16, min-height: 10v, - padding-x: 6v, + padding-x: 4v, icon: sm, icon-margin-x: 2v, icon-only: md, @@ -25,7 +25,7 @@ $btns-settings:( lg: ( font-size: 18, min-height: 12v, - padding-x: 8v, + padding-x: 6v, icon: md, icon-margin-x: 2v, icon-only: lg, From 7f2419cb421ba56ab07b4b625e2e3fdaf176f4c9 Mon Sep 17 00:00:00 2001 From: lab9 Date: Tue, 12 Apr 2022 15:27:55 +0200 Subject: [PATCH 07/24] =?UTF-8?q?fix(global):=20mise=20=C3=A0=20jour=20des?= =?UTF-8?q?=20d=C3=A9pendances=20(#274)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/radio/style/module/_md.scss | 1 + src/core/style/action/module/_input.scss | 2 +- yarn.lock | 6 +++--- 3 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/component/radio/style/module/_md.scss b/src/component/radio/style/module/_md.scss index 509cc19ce..d461578f8 100644 --- a/src/component/radio/style/module/_md.scss +++ b/src/component/radio/style/module/_md.scss @@ -9,6 +9,7 @@ */ #{ns-group(radio)} { @include relative; + /** * Dans le cas d'un groupe de radios, on supprime l'espacement du premier groupe */ diff --git a/src/core/style/action/module/_input.scss b/src/core/style/action/module/_input.scss index b138fd827..8aefdd96e 100644 --- a/src/core/style/action/module/_input.scss +++ b/src/core/style/action/module/_input.scss @@ -23,4 +23,4 @@ input[type="radio"] { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; -} \ No newline at end of file +} diff --git a/yarn.lock b/yarn.lock index e1fb3d2be..d6c45890c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6438,9 +6438,9 @@ minimist-options@4.1.0: kind-of "^6.0.3" minimist@^1.2.0, minimist@^1.2.5: - version "1.2.5" - resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602" - integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw== + version "1.2.6" + resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44" + integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q== minipass-collect@^1.0.2: version "1.0.2" From 069b8233822b2b6bfc1f54d9c1dcae6328570329 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Tue, 12 Apr 2022 20:16:50 +0200 Subject: [PATCH 08/24] fix(connect): retrait import json & ajout rel noopener [DS-2525] [DS-2528](#273) --- src/component/connect/index.scss | 1 - src/component/connect/template/ejs/connect.ejs | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/src/component/connect/index.scss b/src/component/connect/index.scss index 8d2883d27..1636e0da3 100644 --- a/src/component/connect/index.scss +++ b/src/component/connect/index.scss @@ -6,4 +6,3 @@ @import '../../core/index'; @import 'style/setting'; -@import 'content.json'; diff --git a/src/component/connect/template/ejs/connect.ejs b/src/component/connect/template/ejs/connect.ejs index a9f615a65..007551dee 100644 --- a/src/component/connect/template/ejs/connect.ejs +++ b/src/component/connect/template/ejs/connect.ejs @@ -46,6 +46,7 @@ switch(connect.type) { const linkAttributes = connect.link.attributes || {}; linkAttributes.target = '_blank'; +linkAttributes.rel = 'noopener'; linkAttributes.title = `${connect.link.label} - nouvelle fenêtre`; if (!locals.standalone) { From 43bd8d685440652694201565ea8ab4f9a13ec5d4 Mon Sep 17 00:00:00 2001 From: lab9 Date: Wed, 13 Apr 2022 11:54:27 +0200 Subject: [PATCH 09/24] =?UTF-8?q?feat(card):=20ajout=20de=20la=20fonctionn?= =?UTF-8?q?alit=C3=A9=20card=20v2=20[DS-2023]=20(#270)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/accordion/style/_legacy.scss | 8 +- .../alert/deprecated/template/ejs/alert.ejs | 2 +- .../badge/deprecated/style/_module.scss | 6 ++ .../badge/deprecated/style/module/_group.scss | 21 +++++ src/component/badge/example/index.ejs | 6 +- .../badge/example/sample/badges-group.ejs | 20 ++++ src/component/badge/main.scss | 3 + src/component/badge/style/_legacy.scss | 14 ++- src/component/badge/style/_module.scss | 62 +----------- src/component/badge/style/module/_badge.scss | 48 ++++++++++ src/component/badge/style/module/_group.scss | 25 +++++ src/component/badge/template/ejs/badge.ejs | 13 +-- .../badge/template/ejs/badges-group.ejs | 37 ++++++++ src/component/breadcrumb/style/_legacy.scss | 4 +- src/component/button/example/index.ejs | 10 +- .../button/example/sample/buttons-group.ejs | 2 +- src/component/button/style/_legacy.scss | 4 +- .../button/template/ejs/button-close.ejs | 2 +- .../button/template/ejs/button-display.ejs | 2 +- src/component/button/template/ejs/button.ejs | 12 +-- .../button/template/ejs/buttons-group.ejs | 2 +- src/component/card/.package.yml | 5 +- .../card/deprecated/example/index.ejs | 15 +++ .../example/sample/card-default.ejs | 24 +++++ .../card/deprecated/style/_legacy.scss | 12 +++ .../card/deprecated/style/_module.scss | 45 +++++++++ .../card/deprecated/template/ejs/card.ejs | 46 +++++++++ src/component/card/example/index.ejs | 77 ++++++++++++++- .../card/example/sample/card-default.ejs | 87 +++++++++++++++-- .../card/example/sample/card-layout.ejs | 40 ++++++++ .../card/example/sample/cards-grid.ejs | 15 +++ .../card/example/sample/cards-layout.ejs | 14 +++ .../card/example/sample/horizontal-cards.ejs | 12 --- .../card/example/sample/sample-content.ejs | 25 +++++ .../card/example/sample/sample-enlarge.ejs | 3 + .../card/example/sample/sample-footer.ejs | 11 +++ .../example/sample/sample-grid-horizontal.ejs | 37 ++++++++ .../card/example/sample/sample-grid.ejs | 37 ++++++++ .../card/example/sample/sample-header.ejs | 3 + .../card/example/sample/sample-horizontal.ejs | 19 ++++ .../card/example/sample/sample-icon.ejs | 5 + .../card/example/sample/sample-img.ejs | 5 + .../card/example/sample/sample-no-img.ejs | 3 + .../card/example/sample/sample-sizes.ejs | 7 ++ .../card/example/sample/sample-variations.ejs | 10 ++ .../card/example/sample/sample-vid.ejs | 5 + .../sample/vertical-cards-no-image.ejs | 12 --- .../card/example/sample/vertical-cards.ejs | 16 ---- src/component/card/index.scss | 2 + src/component/card/legacy.scss | 3 + src/component/card/main.scss | 3 + src/component/card/style/_legacy.scss | 21 +++-- src/component/card/style/_module.scss | 74 ++------------- src/component/card/style/_scheme.scss | 19 +++- src/component/card/style/module/_card.scss | 34 +++++++ src/component/card/style/module/_content.scss | 74 +++++++++++++++ src/component/card/style/module/_footer.scss | 16 ++++ src/component/card/style/module/_header.scss | 31 ++++++ .../card/style/module/_horizontal.scss | 41 ++++++++ src/component/card/style/module/_lg.scss | 60 ++++++++++++ src/component/card/style/module/_sm.scss | 61 ++++++++++++ src/component/card/template/ejs/card.ejs | 94 +++++++++++++++---- src/component/card/template/ejs/content.ejs | 57 +++++++++++ src/component/card/template/ejs/details.ejs | 18 ++++ src/component/card/template/ejs/end.ejs | 14 +++ src/component/card/template/ejs/footer.ejs | 15 +++ src/component/card/template/ejs/header.ejs | 24 +++++ src/component/card/template/ejs/start.ejs | 26 +++++ .../consent/template/ejs/placeholder.ejs | 2 +- .../content/deprecated/template/ejs/media.ejs | 10 +- .../example/sample/media-vid-default.ejs | 2 +- src/component/content/style/_legacy.scss | 5 + src/component/content/style/_module.scss | 2 - .../content/template/ejs/media-img.ejs | 1 + .../content/template/ejs/media-vid.ejs | 4 +- src/component/content/template/ejs/media.ejs | 22 +++-- .../display/deprecated/example/index.ejs | 4 +- src/component/follow/template/ejs/socials.ejs | 2 +- src/component/footer/style/_legacy.scss | 6 +- src/component/footer/template/ejs/bottom.ejs | 8 +- src/component/form/example/index.ejs | 2 +- .../deprecated/example/sample/header.ejs | 6 +- .../header/example/sample/header.ejs | 6 +- src/component/header/style/_legacy.scss | 31 +++--- src/component/input/legacy.scss | 1 + src/component/input/style/_legacy.scss | 14 +++ src/component/legacy.scss | 2 +- .../deprecated/template/ejs/link-close.ejs | 2 +- .../link/deprecated/template/ejs/link.ejs | 10 +- src/component/link/example/index.ejs | 8 ++ .../link/example/sample/links-group.ejs | 21 +++++ src/component/link/style/_legacy.scss | 4 +- src/component/link/style/_module.scss | 3 +- src/component/link/style/module/_group.scss | 29 ++++++ src/component/link/style/module/_link.scss | 6 ++ src/component/link/template/ejs/link.ejs | 12 +-- .../link/template/ejs/links-group.ejs | 42 +++++++++ src/component/main.scss | 2 +- src/component/navigation/legacy.scss | 1 + src/component/navigation/style/_legacy.scss | 12 +-- src/component/pagination/style/_legacy.scss | 5 +- .../pagination/template/ejs/item.ejs | 12 +-- .../example/sample/share-default.ejs | 2 +- .../deprecated/template/ejs/share-link.ejs | 8 +- src/component/share/template/ejs/share.ejs | 6 +- src/component/sidemenu/legacy.scss | 1 + src/component/sidemenu/style/_legacy.scss | 15 +-- src/component/sidemenu/style/_module.scss | 36 ++----- .../sidemenu/style/module/_base.scss | 29 ++++++ .../sidemenu/style/module/_inner.scss | 40 ++++---- .../sidemenu/style/module/_list.scss | 57 +++++------ .../sidemenu/style/module/_title.scss | 20 ++-- .../sidemenu/style/module/_variants.scss | 86 ++++++++--------- src/component/tab/style/_legacy.scss | 5 +- src/component/tag/example/index.ejs | 4 +- .../tag/example/sample/tag-default.ejs | 2 +- .../tag/example/sample/tag-dismissable.ejs | 2 +- .../tag/example/sample/tags-group.ejs | 27 +----- src/component/tag/style/_legacy.scss | 24 +++-- src/component/tag/template/ejs/tag.ejs | 14 +-- src/component/tag/template/ejs/tags-group.ejs | 12 +-- src/core/example/media/index.ejs | 15 ++- src/core/example/media/sample/img.ejs | 5 +- src/core/example/media/sample/vid.ejs | 7 +- src/core/example/reset/sample/list.ejs | 6 +- src/core/style/_legacy.scss | 1 + src/core/style/action/tool/_hover.scss | 12 ++- src/core/style/action/tool/_link.scss | 4 +- src/core/style/icon/_tool.scss | 63 +++++++++---- src/core/style/media/_legacy.scss | 29 ++++++ src/core/style/media/_module.scss | 17 ++-- src/core/style/media/_setting.scss | 14 +-- src/core/style/media/_tool.scss | 19 ++-- src/core/style/spacing/tool/_position.scss | 16 ++++ src/core/style/typography/_legacy.scss | 14 +-- src/core/style/typography/tool/_list.scss | 52 ++++++++++ .../template/ejs/media/responsive-img.ejs | 13 +++ .../template/ejs/media/responsive-vid.ejs | 7 +- tool/example/wrapper.ejs | 15 +++ 139 files changed, 1959 insertions(+), 619 deletions(-) create mode 100644 src/component/badge/deprecated/style/_module.scss create mode 100644 src/component/badge/deprecated/style/module/_group.scss create mode 100755 src/component/badge/example/sample/badges-group.ejs create mode 100644 src/component/badge/style/module/_badge.scss create mode 100644 src/component/badge/style/module/_group.scss create mode 100644 src/component/badge/template/ejs/badges-group.ejs create mode 100644 src/component/card/deprecated/example/index.ejs create mode 100644 src/component/card/deprecated/example/sample/card-default.ejs create mode 100644 src/component/card/deprecated/style/_legacy.scss create mode 100644 src/component/card/deprecated/style/_module.scss create mode 100644 src/component/card/deprecated/template/ejs/card.ejs create mode 100644 src/component/card/example/sample/card-layout.ejs create mode 100644 src/component/card/example/sample/cards-grid.ejs create mode 100644 src/component/card/example/sample/cards-layout.ejs delete mode 100755 src/component/card/example/sample/horizontal-cards.ejs create mode 100755 src/component/card/example/sample/sample-content.ejs create mode 100755 src/component/card/example/sample/sample-enlarge.ejs create mode 100755 src/component/card/example/sample/sample-footer.ejs create mode 100755 src/component/card/example/sample/sample-grid-horizontal.ejs create mode 100755 src/component/card/example/sample/sample-grid.ejs create mode 100755 src/component/card/example/sample/sample-header.ejs create mode 100755 src/component/card/example/sample/sample-horizontal.ejs create mode 100755 src/component/card/example/sample/sample-icon.ejs create mode 100755 src/component/card/example/sample/sample-img.ejs create mode 100755 src/component/card/example/sample/sample-no-img.ejs create mode 100755 src/component/card/example/sample/sample-sizes.ejs create mode 100755 src/component/card/example/sample/sample-variations.ejs create mode 100755 src/component/card/example/sample/sample-vid.ejs delete mode 100755 src/component/card/example/sample/vertical-cards-no-image.ejs delete mode 100755 src/component/card/example/sample/vertical-cards.ejs create mode 100644 src/component/card/style/module/_card.scss create mode 100644 src/component/card/style/module/_content.scss create mode 100644 src/component/card/style/module/_footer.scss create mode 100644 src/component/card/style/module/_header.scss create mode 100644 src/component/card/style/module/_horizontal.scss create mode 100644 src/component/card/style/module/_lg.scss create mode 100644 src/component/card/style/module/_sm.scss create mode 100644 src/component/card/template/ejs/content.ejs create mode 100644 src/component/card/template/ejs/details.ejs create mode 100644 src/component/card/template/ejs/end.ejs create mode 100644 src/component/card/template/ejs/footer.ejs create mode 100644 src/component/card/template/ejs/header.ejs create mode 100644 src/component/card/template/ejs/start.ejs create mode 100644 src/component/input/style/_legacy.scss create mode 100755 src/component/link/example/sample/links-group.ejs create mode 100644 src/component/link/style/module/_group.scss create mode 100644 src/component/link/style/module/_link.scss create mode 100644 src/component/link/template/ejs/links-group.ejs create mode 100644 src/component/sidemenu/style/module/_base.scss create mode 100644 src/core/style/media/_legacy.scss diff --git a/src/component/accordion/style/_legacy.scss b/src/component/accordion/style/_legacy.scss index 3e49f5fbb..f17df9b97 100644 --- a/src/component/accordion/style/_legacy.scss +++ b/src/component/accordion/style/_legacy.scss @@ -8,17 +8,17 @@ * Reset liste à puce */ #{ns-group(accordions)} { - & > li { - list-style: none; - } + @include disable-list-style-legacy; } #{ns(accordion)} { + @include enable-list-style-legacy; + &__btn { @include icon-legacy(add-line, sm); &[aria-expanded="true"] { - @include icon-legacy(subtract-line, null); + @include icon-content-legacy(subtract-line); } } } diff --git a/src/component/alert/deprecated/template/ejs/alert.ejs b/src/component/alert/deprecated/template/ejs/alert.ejs index f5bab7d03..995ff3796 100644 --- a/src/component/alert/deprecated/template/ejs/alert.ejs +++ b/src/component/alert/deprecated/template/ejs/alert.ejs @@ -27,6 +27,6 @@ if (size !== "md") classes.push(prefix + '-alert--' + size); <% } %> <% if(alert.dismissable) { %> - <%- include('../../../../link/template/ejs/link', {link: {size: 'md', classes: [`${prefix}-link--close`], tag:'button', ...alert.button}}) %> + <%- include('../../../../link/template/ejs/link', {link: {size: 'md', classes: [`${prefix}-link--close`], markup:'button', ...alert.button}}) %> <% } %>
diff --git a/src/component/badge/deprecated/style/_module.scss b/src/component/badge/deprecated/style/_module.scss new file mode 100644 index 000000000..ba6370874 --- /dev/null +++ b/src/component/badge/deprecated/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Badge Module +/// @group badge +//// + +@import 'module/group'; diff --git a/src/component/badge/deprecated/style/module/_group.scss b/src/component/badge/deprecated/style/module/_group.scss new file mode 100644 index 000000000..395888c74 --- /dev/null +++ b/src/component/badge/deprecated/style/module/_group.scss @@ -0,0 +1,21 @@ +//// +/// Badge Module - group +/// @group badge +//// + +#{ns-group(badge)} { + @include disable-list-style; + display: flex; + flex-wrap: wrap; + @include margin-bottom(0); + + > li { + display: inline-flex; + @include max-width(100%); + } + + #{ns(badge)} { + @include margin-right(2v); + @include margin-bottom(2v); + } +} diff --git a/src/component/badge/example/index.ejs b/src/component/badge/example/index.ejs index 08dbd65a5..2e8871fd3 100755 --- a/src/component/badge/example/index.ejs +++ b/src/component/badge/example/index.ejs @@ -28,5 +28,7 @@ <%- sample('badge SM - nouveauté', './sample/badge-sm', {badge: {type: 'new'}}, true); %> <%- sample('badge SM - personnalisé purple-glycine', './sample/badge-sm', {badge: {accent: 'purple-glycine'}}, true); %> -<%- sample('Groupe de badges', './sample/badge-default', {badge: {group: true}}, true); %> -<%- sample('Groupe de badges SM', './sample/badge-sm', {badge: {group: true}}, true); %> +<%- section('Groupe de badges', 'Lorsque que l\'on a plus d\'un badge, il convient d\'utiliser un groupe de badges.
La taille de tous les badges peut être définie au niveau du groupe.') %> + +<%- sample('Groupe de badges', './sample/badges-group', {badgesGroup:{groupCount: 9}}, true); %> +<%- sample('Groupe de badges SM', './sample/badges-group', {badgesGroup:{groupCount: 9, size: 'sm'}}, true); %> diff --git a/src/component/badge/example/sample/badges-group.ejs b/src/component/badge/example/sample/badges-group.ejs new file mode 100755 index 000000000..ccec0b264 --- /dev/null +++ b/src/component/badge/example/sample/badges-group.ejs @@ -0,0 +1,20 @@ +<% +const badgesGroup = locals.badgesGroup || {} +const badges = badgesGroup.badges || []; + +if (!badges.length && badgesGroup.groupCount !== undefined) { + for (let i = 0; i < badgesGroup.groupCount; i++) { + badges.push({ + label: badgesGroup.label || 'Label badge ' + (i+1), + icon: badgesGroup.icon, + type: badgesGroup.type, + disabled: badgesGroup.disabled, + attributes: badgesGroup.badgeAttributes, + classes: badgesGroup.badgeClasses, + }); + } + badgesGroup.badges = badges; +} +%> + +<%- include('../../template/ejs/badges-group.ejs', {badgesGroup: badgesGroup}) %> diff --git a/src/component/badge/main.scss b/src/component/badge/main.scss index 354c6665f..2cf91416c 100644 --- a/src/component/badge/main.scss +++ b/src/component/badge/main.scss @@ -13,3 +13,6 @@ @import 'style/scheme'; @include _badge-scheme; + +// deprecated +@import 'deprecated/style/module'; diff --git a/src/component/badge/style/_legacy.scss b/src/component/badge/style/_legacy.scss index cc281af29..fcbff16e8 100644 --- a/src/component/badge/style/_legacy.scss +++ b/src/component/badge/style/_legacy.scss @@ -14,24 +14,28 @@ &, &--sm { &#{ns(badge)}--info { - @include icon-legacy(info-fill, null, before, false); + @include icon-content-legacy(info-fill); } &#{ns(badge)}--success { - @include icon-legacy(success-fill, null, before, false); + @include icon-content-legacy(success-fill); } &#{ns(badge)}--error { - @include icon-legacy(error-fill, null, before, false); + @include icon-content-legacy(error-fill); } &#{ns(badge)}--warning { - @include icon-legacy(warning-fill, null, before, false); + @include icon-content-legacy(warning-fill); } &#{ns(badge)}--new { - @include icon-legacy(flashlight-fill, null, before, false); + @include icon-content-legacy(flashlight-fill); } } } + + #{ns(badges-group)} { + @include disable-list-style-legacy(true); + } } diff --git a/src/component/badge/style/_module.scss b/src/component/badge/style/_module.scss index e17341788..e108fa744 100644 --- a/src/component/badge/style/_module.scss +++ b/src/component/badge/style/_module.scss @@ -3,63 +3,5 @@ /// @group badge //// -@include build-badge(); - -#{ns(badge)} { - @include nest-badge(md, left, null, null, false); - @include icon-style; - @include font-weight(bold); - @include max-width(100%); - text-transform: uppercase; - border-radius: space(1v); - - &--sm { - @include nest-badge(sm, left, null, null, false); - } - - &, - &--sm { - &#{ns(badge)}--info { - @include icon-content(info-fill); - } - - &#{ns(badge)}--success { - @include icon-content(success-fill); - } - - &#{ns(badge)}--error { - @include icon-content(error-fill); - } - - &#{ns(badge)}--warning { - @include icon-content(warning-fill); - } - - &#{ns(badge)}--new { - @include icon-content(flashlight-fill); - } - - &#{ns(badge)}--no-icon { - @include before { - content: none; - } - } - } -} - -#{ns-group(badge)} { - @include disable-list-style; - display: flex; - flex-wrap: wrap; - @include margin-bottom(0); - - > li { - display: inline-flex; - @include max-width(100%); - } - - #{ns(badge)} { - @include margin-right(2v); - @include margin-bottom(2v); - } -} +@import 'module/badge'; +@import 'module/group'; diff --git a/src/component/badge/style/module/_badge.scss b/src/component/badge/style/module/_badge.scss new file mode 100644 index 000000000..57a7926d6 --- /dev/null +++ b/src/component/badge/style/module/_badge.scss @@ -0,0 +1,48 @@ +//// +/// Badge Module - badge +/// @group badge +//// + +@include build-badge(); + +#{ns(badge)} { + @include nest-badge(md, left, null, null, false); + @include icon-style(before, null); + @include font-weight(bold); + @include max-width(100%); + text-transform: uppercase; + border-radius: space(1v); + + &--sm { + @include nest-badge(sm, left, null, null, false); + } + + &, + &--sm { + &#{ns(badge)}--info { + @include icon-content(info-fill, before, false, ''); + } + + &#{ns(badge)}--success { + @include icon-content(success-fill, before, false, ''); + } + + &#{ns(badge)}--error { + @include icon-content(error-fill, before, false, ''); + } + + &#{ns(badge)}--warning { + @include icon-content(warning-fill, before, false, ''); + } + + &#{ns(badge)}--new { + @include icon-content(flashlight-fill, before, false, ''); + } + + &#{ns(badge)}--no-icon { + @include before { + content: none; + } + } + } +} diff --git a/src/component/badge/style/module/_group.scss b/src/component/badge/style/module/_group.scss new file mode 100644 index 000000000..3242b3061 --- /dev/null +++ b/src/component/badge/style/module/_group.scss @@ -0,0 +1,25 @@ +//// +/// Badge Module - group +/// @group badge +//// + +#{ns-group(badges)} { + @include disable-list-style; + display: flex; + flex-wrap: wrap; + @include margin-bottom(0); + + > li { + display: inline-flex; + @include max-width(100%); + } + + #{ns(badge)} { + @include margin-right(2v); + @include margin-bottom(2v); + } + + &--sm { + @include nest-badge(sm); + } +} diff --git a/src/component/badge/template/ejs/badge.ejs b/src/component/badge/template/ejs/badge.ejs index f5f381229..a192de003 100644 --- a/src/component/badge/template/ejs/badge.ejs +++ b/src/component/badge/template/ejs/badge.ejs @@ -17,8 +17,6 @@ ** ellipsis (boolean, optional) [default: false] : Si true, ajoute un span ellipsis autour du label -** group (boolean, optional) [default: false] : Si true, créé un groupe de badge - %> <% eval(include('../../../../core/index.ejs')); %> @@ -45,14 +43,5 @@ else if (badge.icon !== undefined) badge.classes.push(prefix + '-icon-' + badge. if (badge.ellipsis) badge.label = `${badge.label}`; %> -<% if (badge.group) { %> -
    - <% for (let i = 0; i < 9; i++) { %> -
  • -

    ><%- badge.label %>

    -
    • - <% } %> -
-<% } else { %>

><%- badge.label %>

-<% } %> + diff --git a/src/component/badge/template/ejs/badges-group.ejs b/src/component/badge/template/ejs/badges-group.ejs new file mode 100644 index 000000000..cea80ed5d --- /dev/null +++ b/src/component/badge/template/ejs/badges-group.ejs @@ -0,0 +1,37 @@ +<%# +# paramètres groupe de badge + +* badgesGroup.badges (array, required): paramètres spécifique de chaque badge du groupe + +* badgesGroup.size (string, optional) : définie la taille des badges dans le groupe (default md) + * sm : Badge taille sm + +* badgesGroup.classes (array, optionnal) : Classes suplémentaires sur le groupe de badges + +* badgesGroup.attributes (object, optionnal) : Attributs suplémentaires sur le groupe de badges + +#%> + +<% eval(include('../../../../core/index.ejs')); %> + +<% +const badgesGroup = locals.badgesGroup || {}; +let groupClasses = badgesGroup.classes || []; +let groupAttrs = badgesGroup.attributes || {}; +let badges = badgesGroup.badges || []; +groupClasses.push(prefix + '-badges-group'); + +switch(badgesGroup.size) { + case 'sm': + groupClasses.push(prefix + '-badges-group--sm'); + break; + } + %> + +
    <%- includeAttrs(groupAttrs) %>> +<% for (let i = 0; i < badges.length; i++) { %> +
  • + <%- include('./badge.ejs', { badge:badges[i] }); %> +
    • +<% } %> +
diff --git a/src/component/breadcrumb/style/_legacy.scss b/src/component/breadcrumb/style/_legacy.scss index cb8a24c02..9efca2586 100644 --- a/src/component/breadcrumb/style/_legacy.scss +++ b/src/component/breadcrumb/style/_legacy.scss @@ -8,9 +8,7 @@ * reset liste à puce */ #{ns(breadcrumb)} { - &__list { - list-style: none; - } + @include disable-list-style-legacy; &__link { &:not([aria-current]) { diff --git a/src/component/button/example/index.ejs b/src/component/button/example/index.ejs index 6e890de3e..7396c8829 100755 --- a/src/component/button/example/index.ejs +++ b/src/component/button/example/index.ejs @@ -16,9 +16,9 @@ <%- sample('Bouton icon seule', './sample/button-default', {button: {icon :'checkbox-circle-line', iconPlace:'only'}}, true); %> <%- section(null, 'L’exemple ci-dessous montre la possibilité d\'appliquer le style du bouton secondaire sur un élément de type "lien" <a>. A n\'appliquer qu\'en cas exceptionnel d\'impossibilité technique d\'utiliser un <button>.', 0) %> -<%- sample('Bouton tag a href', './sample/button-default', {button: {tag:'a', attributes: {href:'#'}}}, true); %> +<%- sample('Bouton markup a href', './sample/button-default', {button: {markup:'a', attributes: {href:'#'}}}, true); %> - + <%- section('Bouton secondaire') %> <%- sample('Bouton secondaire', './sample/button-default', {button: {kind:2}}, true); %> @@ -32,7 +32,7 @@ <%- sample('Bouton secondaire icon seule', './sample/button-default', {button: {kind:2, icon :'checkbox-circle-line', iconPlace:'only'}}, true); %> <%- section(null, 'L’exemple ci-dessous montre la possibilité d\'appliquer le style du bouton secondaire sur un élément de type "lien" <a>. A n\'appliquer qu\'en cas exceptionnel d\'impossibilité technique d\'utiliser un <button>.', 0) %> -<%- sample('Bouton secondaire tag a href', './sample/button-default', {button: {kind:2, tag :'a', attributes: {href:'#'}}}, true); %> +<%- sample('Bouton secondaire markup a href', './sample/button-default', {button: {kind:2, markup :'a', attributes: {href:'#'}}}, true); %> <%- section('Bouton tertiaire') %> <%- sample('Bouton tertiaire', './sample/button-default', {button: {kind:3}}, true); %> @@ -46,7 +46,7 @@ <%- sample('Bouton tertiaire icon seule', './sample/button-default', {button: {kind:3, icon :'checkbox-circle-line', iconPlace:'only'}}, true); %> <%- section(null, 'L’exemple ci-dessous montre la possibilité d\'appliquer le style du bouton secondaire sur un élément de type "lien" <a>. A n\'appliquer qu\'en cas exceptionnel d\'impossibilité technique d\'utiliser un <button>.', 0) %> -<%- sample('Bouton tertiaire tag a href', './sample/button-default', {button: {kind:3, tag :'a', attributes: {href:'#'}}}, true); %> +<%- sample('Bouton tertiaire markup a href', './sample/button-default', {button: {kind:3, markup :'a', attributes: {href:'#'}}}, true); %> <%- section('Bouton tertiaire sans contour') %> <%- sample('Bouton tertiaire sans contour', './sample/button-default', {button: {kind:4}}, true); %> @@ -61,7 +61,7 @@ <%- section(null, 'L’exemple ci-dessous montre la possibilité d\'appliquer le style du bouton secondaire sur un élément de type "lien" <a>. A n\'appliquer qu\'en cas exceptionnel d\'impossibilité technique d\'utiliser un <button>.', 0) %> -<%- sample('Bouton tertiaire sans contour tag a href', './sample/button-default', {button: {kind:4, tag :'a', attributes: {href:'#'}}}, true); %> +<%- sample('Bouton tertiaire sans contour markup a href', './sample/button-default', {button: {kind:4, markup :'a', attributes: {href:'#'}}}, true); %> <%- section('Groupe de bouton') %> <%- sample('Groupe de boutons MD', './sample/buttons-group', {buttonsGroup: { groupCount: 3 }}, true); %> diff --git a/src/component/button/example/sample/buttons-group.ejs b/src/component/button/example/sample/buttons-group.ejs index ea95bde2f..a970546e8 100755 --- a/src/component/button/example/sample/buttons-group.ejs +++ b/src/component/button/example/sample/buttons-group.ejs @@ -27,7 +27,7 @@ if (!buttons.length && buttonsGroup.groupCount !== undefined) { title: buttonsGroup.iconPlace === 'only' ? locals.contentPlaceholder(lbl) : undefined, type: buttonsGroup.type, disabled: buttonsGroup.disabled, - tag: buttonsGroup.tag, + markup: buttonsGroup.markup, kind: i > 0 || !buttonsGroup.hierarchy ? 2 : 1 }); } diff --git a/src/component/button/style/_legacy.scss b/src/component/button/style/_legacy.scss index 41f5f0c2d..b6efb4843 100644 --- a/src/component/button/style/_legacy.scss +++ b/src/component/button/style/_legacy.scss @@ -43,9 +43,7 @@ } #{ns-group(btns)} { - & > li { - list-style: none; - } + @include disable-list-style-legacy(true); &--sm { @include class-not-start-with(#{ns(btns-group--icon-, '')}) { diff --git a/src/component/button/template/ejs/button-close.ejs b/src/component/button/template/ejs/button-close.ejs index 334a458d2..335271565 100644 --- a/src/component/button/template/ejs/button-close.ejs +++ b/src/component/button/template/ejs/button-close.ejs @@ -12,7 +12,7 @@ <% const button = locals.button || {}; -button.tag = 'button'; +button.markup = 'button'; if (!button.classes) button.classes = []; if (!button.attributes) button.attributes = {}; button.classes.push(prefix + '-btn--close'); diff --git a/src/component/button/template/ejs/button-display.ejs b/src/component/button/template/ejs/button-display.ejs index b161558a5..9a7d908df 100644 --- a/src/component/button/template/ejs/button-display.ejs +++ b/src/component/button/template/ejs/button-display.ejs @@ -14,7 +14,7 @@ <% const button = locals.button || {}; -button.tag = 'button'; +button.markup = 'button'; if (!button.classes) button.classes = []; if (!button.attributes) button.attributes = {}; button.classes.push(prefix + '-btn--display'); diff --git a/src/component/button/template/ejs/button.ejs b/src/component/button/template/ejs/button.ejs index a3208a209..b90c1e551 100644 --- a/src/component/button/template/ejs/button.ejs +++ b/src/component/button/template/ejs/button.ejs @@ -3,7 +3,7 @@ * button.label (string, required) : label du bouton -* button.tag (string) : si non défini, button +* button.markup (string) : si non défini, button * button.id (string) : id du bouton @@ -42,7 +42,7 @@ let btnClasses = button.classes || []; let btnAttrs = button.attributes || {}; if (button.id) btnAttrs.id = button.id; -const tag = button.tag || 'button'; +const markup = button.markup || 'button'; btnClasses.push(prefix + '-btn'); @@ -83,7 +83,7 @@ switch (button.kind) { } if (button.disabled === true) { - switch(tag) { + switch(markup) { case 'input': case 'button': btnAttrs['disabled'] = ''; @@ -97,7 +97,7 @@ if (button.disabled === true) { } else { if (button.onclick) btnAttrs.onclick = button.onclick; - switch (tag) { + switch (markup) { case 'a': btnAttrs.href = button.href || '[url - à modifier]'; switch (true) { @@ -120,6 +120,6 @@ if (button.type !== undefined) btnAttrs['type'] = button.type; %> <% if (button.comments) { %><% } %> -<<%= tag %> <%- includeClasses(btnClasses) %> <%- includeAttrs(btnAttrs); %> > +<<%= markup %> <%- includeClasses(btnClasses) %> <%- includeAttrs(btnAttrs); %> > <%= button.label %> -> +> diff --git a/src/component/button/template/ejs/buttons-group.ejs b/src/component/button/template/ejs/buttons-group.ejs index be6db687d..f66b40440 100644 --- a/src/component/button/template/ejs/buttons-group.ejs +++ b/src/component/button/template/ejs/buttons-group.ejs @@ -23,7 +23,7 @@ valeurs : * buttonsGroup.reverse (boolean, optional) : si valeur true, inverse l'ordre des boutons en mode inline -* buttonsGroup.classes (array, optional) : Classes suplémentaires sur le groupe de bouton +* buttonsGroup.classes (array, optional) : Classes suplémentaires sur le groupe de boutons * buttonsGroup.attributes (object, optional) : Attributs suplémentaires sur le groupe de boutons diff --git a/src/component/card/.package.yml b/src/component/card/.package.yml index 62ec42506..fa15d0ded 100644 --- a/src/component/card/.package.yml +++ b/src/component/card/.package.yml @@ -2,6 +2,9 @@ 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. doc: https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331445/Carte+-+Card -wrapper: container style: - core + - link + - button + - badge + - tag diff --git a/src/component/card/deprecated/example/index.ejs b/src/component/card/deprecated/example/index.ejs new file mode 100644 index 000000000..6058395d8 --- /dev/null +++ b/src/component/card/deprecated/example/index.ejs @@ -0,0 +1,15 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale', './sample/card-default', {}, true); %> + +<%- sample('Carte verticale image', './sample/card-default', {card: { img: true }}, true); %> + +<%- sample('Carte verticale image', './sample/card-default', {card: { img: true, detail: false }}, true); %> + +<%- sample('Carte verticale image', './sample/card-default', {card: { img: true, enlarge: false }}, true); %> + +<%- sample('Carte verticale image', './sample/card-default', {card: { img: true, horizontal: true }}, true); %> + +<%- sample('Carte verticale image', './sample/card-default', {card: { img: true, detail: false, horizontal: true }}, true); %> + +<%- sample('Carte verticale image', './sample/card-default', {card: { img: true, detail: false, horizontal: true, enlarge: false }}, true); %> diff --git a/src/component/card/deprecated/example/sample/card-default.ejs b/src/component/card/deprecated/example/sample/card-default.ejs new file mode 100644 index 000000000..cbe4a1b3a --- /dev/null +++ b/src/component/card/deprecated/example/sample/card-default.ejs @@ -0,0 +1,24 @@ +<% +const card = locals.card || {}; +const data = { + ...card, + detail: card.detail !== false ? 'Détail' : undefined, + title: 'Qu’est-ce que le Pass Culture et comment l’obtenir ?', + description: card.description || 'Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…', + arrow: card.arrow !== false, + enlarge: card.enlarge !== false, + img: card.img ? imgData('img/placeholder.16x9.png', 'unrendered') : undefined +}; + +const colClasses = [`${prefix}-col-12`]; +colClasses.push(`${prefix}-col-md-${card.horizontal ? '8' : '3'}`); + +%> + +
+
> + <%- include('../../template/ejs/card', {card: data}); %> +
+
+ + diff --git a/src/component/card/deprecated/style/_legacy.scss b/src/component/card/deprecated/style/_legacy.scss new file mode 100644 index 000000000..834aa4498 --- /dev/null +++ b/src/component/card/deprecated/style/_legacy.scss @@ -0,0 +1,12 @@ +//// +/// Card Legacy - deprecated +/// @group card +//// + +@include legacy(ie11) { + #{ns(card)} { + & > &__img { + flex-shrink: 0; + } + } +} diff --git a/src/component/card/deprecated/style/_module.scss b/src/component/card/deprecated/style/_module.scss new file mode 100644 index 000000000..ae3795b41 --- /dev/null +++ b/src/component/card/deprecated/style/_module.scss @@ -0,0 +1,45 @@ +//// +/// Card Module - deprecated +/// @group card +//// + +#{ns(card)} { + &__body { + @include padding(0 8v); + } + + &__content { + @include margin(0 -8v); + } + + &__footer { + @include margin(0 -8v); + } + + &__body > &__detail, + &__body > &__title { + @include margin-top(8v); + } + + &__body > &__detail { + @include margin-bottom(-4v); + } + + &__body > &__desc, + &__body > &__title { + @include margin-bottom(8v); + } + + &__body > &__desc { + @include margin-top(-4v); + } + + &#{ns(enlarge-link)}:not(&--no-arrow) &__body > &__desc, + &#{ns(enlarge-link)}:not(&--no-arrow) &__body > &__title { + @include margin-bottom(18v); + } + + &#{ns(enlarge-link)}:not(&--no-arrow) &__body > &__desc { + @include margin-top(-14v); + } +} diff --git a/src/component/card/deprecated/template/ejs/card.ejs b/src/component/card/deprecated/template/ejs/card.ejs new file mode 100644 index 000000000..568020d8d --- /dev/null +++ b/src/component/card/deprecated/template/ejs/card.ejs @@ -0,0 +1,46 @@ +<%# +# paramètres card + +* card.title (string, required) : Titre de la carte + +* card.enlarge (boolean, optional) : si true, agrandi la zone de clic à toute la carte + +* card.horizontal (boolean, optional) : si true, passe la card en mode horizontal + +* card.img (object, optional) : paramètres de l'image + +* card.detail (string, optional) : Détail de la card + +* card.description (string, optional) : Description + +* card.arrow (boolean, optional) : détermine la présence de l'icon arrow + +* card.accent (string, optional): Couleur d'accenturation du composant + +* card.classes (array, optional): Classes suplémentaires sur le composant + +%> +<% eval(include('../../../../../core/index.ejs')); %> + +<% +let card = locals.card || {}; +let classes = card.classes || []; +classes.push(`${prefix}-card`); + +if (card.enlarge) classes.push(`${prefix}-enlarge-link`); +if (card.horizontal !== undefined) classes.push(`${prefix}-card--horizontal`); +if (card.arrow === false) classes.push(`${prefix}-card--no-arrow`); +if (card.accent !== undefined) classes.push(`${prefix}-card--${card.accent}`); +%> +
> +
+

<%- card.title %>

+ <% if (card.description !== undefined) { %>

<%- card.description %>

<% } %> + <% if (card.detail !== undefined) { %>

<%- card.detail %>

<% } %> +
+ <% if (card.img !== undefined) { %> +
+ <%- include('../../../../../core/template/ejs/media/responsive-img.ejs', {media: card.img}); %> +
+ <% } %> +
diff --git a/src/component/card/example/index.ejs b/src/component/card/example/index.ejs index 37f90400a..46802de4f 100755 --- a/src/component/card/example/index.ejs +++ b/src/component/card/example/index.ejs @@ -1,9 +1,78 @@ <% const sample = getSample(include); %> -<%- sample('Carte verticale', './sample/vertical-cards', {}, true); %> +<% + const elements = [ + { + title: 'Tailles', + path: 'sample-sizes' + }, + { + title: 'Lien élargi', + path: 'sample-enlarge' + }, + { + title: 'Icône', + path: 'sample-icon' + }, + { + title: 'Variations', + path: 'sample-variations' + }, + { + title: 'Sans image', + path: 'sample-no-img' + }, + { + title: 'Image et ratio', + path: 'sample-img' + }, + { + title: 'Vidéo et ratios', + path: 'sample-vid' + }, + { + title: 'En-tête', + path: 'sample-header' + }, + { + title: 'Contenu', + path: 'sample-content' + }, + { + title: 'Zone d\'action', + path: 'sample-footer' + }, + { + title: 'Carte horizontale', + path: 'sample-horizontal' + }, + { + title: 'Grile de cartes', + path: 'sample-grid' + }, + { + title: 'Grile de cartes horizontales', + path: 'sample-grid-horizontal' + }, + { + title: 'Deprecated', + path: '../../deprecated/example/index' + }, + ]; -<%- sample('Carte verticale sans image', './sample/vertical-cards-no-image', {}, true); %> + const accordions = []; -<%- sample('Carte verticale accentuée', './sample/vertical-cards', {card: {accent:'grey'}}, true); %> + for (let element of elements) { + accordions.push({ + label: element.title, + id: uniqueId('card'), + content: include(`./sample/${element.path}`) + }) + } -<%- sample('Carte horizontale', './sample/horizontal-cards', {}, true); %> + const data = { + accordions: accordions + } + %> + +<%- include('../../accordion/template/ejs/accordions-group', {accordionsGroup: data }); %> diff --git a/src/component/card/example/sample/card-default.ejs b/src/component/card/example/sample/card-default.ejs index 1156ea150..1fee5f2c4 100755 --- a/src/component/card/example/sample/card-default.ejs +++ b/src/component/card/example/sample/card-default.ejs @@ -1,14 +1,83 @@ <% -let card = locals.card || {}; -let data = { - ...card, - detail: card.detail !== false ? 'Détail' : undefined, - title: 'Qu’est-ce que le Pass Culture et comment l’obtenir ?', - description: card.description || 'Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…', - arrow: card.arrow !== false, - enlarge: card.enlarge !== false, - img: card.img ? imgData('img/placeholder.16x9.png', 'unrendered') : undefined +const card = locals.card || {}; +const data = { + content: { + title: card.title || 'Intitulé de la carte (sur lequel se trouve le lien)', + description: card.description || lorem('', 160), + }, + size: card.size, + enlarge: card.enlarge !== false && card.footer === undefined, + icon: card.icon, + variations: card.variations } + +if (card.horizontal) { + const horizontal = {}; + + switch (card.horizontal) { + case 'half': + case 'tier': + horizontal.proportion = card.horizontal; + break; + } + + data.horizontal = horizontal; +} + +if (card.img || card.vid) { + data.header = {}; + + switch (true) { + case card.img !== undefined: + data.header.img = { ...imgData('img/placeholder.16x9.png', 'unrendered'), ...card.img}; + break; + + case card.vid !== undefined: + data.header.vid = { ...vidData(), ...card.vid }; + break; + } + + + if (card.header && card.header.badges) { + data.header.badgesGroup = { badges: [{ label: 'label badge'}]}; + } +} + +if (card.content) { + + if (card.content.badges) { + data.content.badgesGroup = { badges: [...Array(2)].map(() => { return { label: 'label badge'}})}; + } + + if (card.content.tags) { + data.content.tagsGroup = { tags: [...Array(2)].map(() => { return { label: 'label tag'}})}; + } + + + if (card.content.details) { + data.content.details = []; + for (const detail of card.content.details) { + const d = { label: 'détail (optionnel)'}; + if (typeof detail === 'string') { + if (detail.indexOf('icon') > -1) d.icon = 'warning-fill'; + if (detail.indexOf('end') > -1) d.position = 'end'; + } + data.content.details.push(d); + } + } +} + +if (card.footer) { + data.footer = {}; + const label = 'Label'; + if (card.footer.buttons) { + data.footer.buttonsGroup = { buttons: [{label: label, kind: 2}, {label: label, kind: 1}], reverse: true, inline:'lg' } + } + if (card.footer.links) { + data.footer.linksGroup = { links: [...Array(2)].map(() => { return { label: 'label', href:'#', icon: 'arrow-right-line', iconPlace: 'right'}})}; + } +} + %> <%- include('../../template/ejs/card', {card: data}); %> diff --git a/src/component/card/example/sample/card-layout.ejs b/src/component/card/example/sample/card-layout.ejs new file mode 100644 index 000000000..594794202 --- /dev/null +++ b/src/component/card/example/sample/card-layout.ejs @@ -0,0 +1,40 @@ +<% + const layout = locals.layout || {}; + const layoutClasses = layout.classes || []; + %> +
> +
+ <% if (locals.title !== undefined && locals.title.length) { %> +

<%= title %>

+ <% } %> + <% if (locals.desc !== undefined && locals.desc.length) { %> +

<%= desc %>

+ <% } %> +
+ <% + if (locals.col) { + %> +
+ <% + const colClasses = col.classes || []; + colClasses.push(`${prefix}-col-${col.start || 12}`); + for (const bp of ['sm', 'md', 'lg', 'xl']) if (col[bp]) colClasses.push(`${prefix}-col-${bp}-${col[bp]}`); + %> +
> + <%- component; %> +
+
+ + <% + } else { + %> + <%- component %> + <% } %> +
+ <% if (locals.snippet !== undefined) { %> +
+ <%- snippet %> +
+ <% } %> +
+
diff --git a/src/component/card/example/sample/cards-grid.ejs b/src/component/card/example/sample/cards-grid.ejs new file mode 100644 index 000000000..5c0184d5c --- /dev/null +++ b/src/component/card/example/sample/cards-grid.ejs @@ -0,0 +1,15 @@ +
+ <% + const cards = locals.cards || [{}]; + for (const card of cards) { + const col = card.col || { md: 4}; + const colClasses = [`${prefix}-col-${col.start || 12}`]; + for (const bp of ['sm', 'md', 'lg', 'xl']) if (col[bp]) colClasses.push(`${prefix}-col-${bp}-${col[bp]}`); + %> +
> + <%- include('card-default', { card: card }); %> +
+ <% + } + %> +
diff --git a/src/component/card/example/sample/cards-layout.ejs b/src/component/card/example/sample/cards-layout.ejs new file mode 100644 index 000000000..a4cc153ff --- /dev/null +++ b/src/component/card/example/sample/cards-layout.ejs @@ -0,0 +1,14 @@ +
+ <% if (locals.title !== undefined && locals.title.length) { %> +

<%= title %>

+ <% } %> +
+ <%- component %> +
+ <% if (locals.snippet !== undefined) { %> +
+ <%- snippet %> +
+ <% } %> +
+ diff --git a/src/component/card/example/sample/horizontal-cards.ejs b/src/component/card/example/sample/horizontal-cards.ejs deleted file mode 100755 index adf14b01b..000000000 --- a/src/component/card/example/sample/horizontal-cards.ejs +++ /dev/null @@ -1,12 +0,0 @@ -<% -let data = { img: true, horizontal: true }; -%> -
- <% - for (let i = 0; i < 4; i++) { - %> -
- <%- include('./card-default', {card:data}); %> -
- <% } %> -
diff --git a/src/component/card/example/sample/sample-content.ejs b/src/component/card/example/sample/sample-content.ejs new file mode 100755 index 000000000..9cd9012b6 --- /dev/null +++ b/src/component/card/example/sample/sample-content.ejs @@ -0,0 +1,25 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale avec badges dans le contenu', './card-default', { card : { img: true, content: { badges: true } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec tags dans le contenu', './card-default', { card : { img: true, content: { tags: true } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec détail', './card-default', { card : { img: true, content: { details: [true] } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec détail et icon', './card-default', { card : { img: true, content: { details: ['icon'] } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec détail en bas', './card-default', { card : { img: true, content: { details: ['end'] } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec détails en haut et en bas', './card-default', { card : { img: true, content: { details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec détails et badges', './card-default', { card : { img: true, content: { badges: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec détails et tags', './card-default', { card : { img: true, content: { tags: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale sm avec détails et badges', './card-default', { card : { img: true, size: 'sm', content: { badges: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:3}}); %> + +<%- sample('Carte verticale sm avec détails et tags', './card-default', { card : { img: true, size: 'sm', content: { tags: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:3}}); %> + +<%- sample('Carte verticale lg avec détails et badges', './card-default', { card : { img: true, size: 'lg', content: { badges: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:6}}); %> + +<%- sample('Carte verticale lg avec détails et tags', './card-default', { card : { img: true, size: 'lg', content: { tags: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:6}}); %> diff --git a/src/component/card/example/sample/sample-enlarge.ejs b/src/component/card/example/sample/sample-enlarge.ejs new file mode 100755 index 000000000..2607cba92 --- /dev/null +++ b/src/component/card/example/sample/sample-enlarge.ejs @@ -0,0 +1,3 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale sans lien étendu à la carte', './card-default', { card : { img: true, enlarge: false }}, true, './card-layout', {col: {md:4}}); %> diff --git a/src/component/card/example/sample/sample-footer.ejs b/src/component/card/example/sample/sample-footer.ejs new file mode 100755 index 000000000..752a3d848 --- /dev/null +++ b/src/component/card/example/sample/sample-footer.ejs @@ -0,0 +1,11 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale avec zone d\'action', './card-default', { card : { img: true, footer: {buttons: true} }}, true, './card-layout', {col: {md:4}, desc: 'dans une grille sur 4 à 6 colonnes en version desktop'}); %> + +<%- sample('Carte verticale avec zone d\'action boutons', './card-default', { card : { img: true, content: { details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale sm avec zone d\'action boutons', './card-default', { card : { img: true, size: 'sm', content: { details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:3}}); %> + +<%- sample('Carte verticale lg avec zone d\'action boutons', './card-default', { card : { img: true, size: 'lg', content: { details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:6}}); %> + +<%- sample('Carte verticale avec zone d\'action liens', './card-default', { card : { img: true, content: { details: ['icon'] }, footer: { links: true } }}, true, './card-layout', {col: {md:4}}); %> diff --git a/src/component/card/example/sample/sample-grid-horizontal.ejs b/src/component/card/example/sample/sample-grid-horizontal.ejs new file mode 100755 index 000000000..87bd3f213 --- /dev/null +++ b/src/component/card/example/sample/sample-grid-horizontal.ejs @@ -0,0 +1,37 @@ +<% const sample = getSample(include); %> + +<% +const cardH = { img: true, horizontal: true, col: {md:'8'}}; +%> +<%- sample('Grilles de cartes horizontales', './cards-grid', { cards : [ + { ...cardH, content: { tags: true}}, + { ...cardH, content: { badges: true }}, + { ...cardH, content: { details: ['icon']}}, + { ...cardH, content: { details: ['end-icon']}}, + { ...cardH, footer: {buttons: true}}, + { ...cardH, footer: {links: true}} + ]}, true, './cards-layout'); %> + +<% +const cardHSm = { img: true, horizontal: true, size:'sm', col: { md:'6'}}; +%> +<%- sample('Grilles de cartes horizontales sm', './cards-grid', { cards : [ + { ...cardHSm, content: { tags: true}}, + { ...cardHSm, content: { badges: true }}, + { ...cardHSm, content: { details: ['icon']}}, + { ...cardHSm, content: { details: ['end-icon']}}, + { ...cardHSm, footer: {buttons: true}}, + { ...cardHSm, footer: {links: true}} + ]}, true, './cards-layout'); %> + +<% +const cardHLg = { img: true, horizontal: true, size:'lg', col: { md:'12'}}; +%> +<%- sample('Grilles de cartes horizontales lg', './cards-grid', { cards : [ + { ...cardHLg, content: { tags: true}}, + { ...cardHLg, content: { badges: true }}, + { ...cardHLg, content: { details: ['icon']}}, + { ...cardHLg, content: { details: ['end-icon']}}, + { ...cardHLg, footer: {buttons: true}}, + { ...cardHLg, footer: {links: true}} + ]}, true, './cards-layout'); %> diff --git a/src/component/card/example/sample/sample-grid.ejs b/src/component/card/example/sample/sample-grid.ejs new file mode 100755 index 000000000..d86bfdff2 --- /dev/null +++ b/src/component/card/example/sample/sample-grid.ejs @@ -0,0 +1,37 @@ +<% const sample = getSample(include); %> + +<% + const card = { img: true, col: {md:'6', lg:'4'}}; + %> +<%- sample('Grilles de cartes verticales', './cards-grid', { cards : [ + { ...card, content: { tags: true}}, + { ...card, content: { badges: true }}, + { ...card, content: { details: ['icon']}}, + { ...card, content: { details: ['end-icon']}}, + { ...card, footer: {buttons: true}}, + { ...card, footer: {links: true}} + ]}, true, './cards-layout'); %> + +<% +const cardSm = { img: true, size:'sm', col: {sm:'6', md:'4', lg:'3'}}; +%> +<%- sample('Grilles de cartes verticales sm', './cards-grid', { cards : [ + { ...cardSm, content: { tags: true}}, + { ...cardSm, content: { badges: true }}, + { ...cardSm, content: { details: ['icon']}}, + { ...cardSm, content: { details: ['end-icon']}}, + { ...cardSm, footer: {buttons: true}}, + { ...cardSm, footer: {links: true}} + ]}, true, './cards-layout'); %> + +<% +const cardLg = { img: true, size:'lg', col: { md:'6'}}; +%> +<%- sample('Grilles de cartes verticales lg', './cards-grid', { cards : [ + { ...cardLg, content: { tags: true}}, + { ...cardLg, content: { badges: true }}, + { ...cardLg, content: { details: ['icon']}}, + { ...cardLg, content: { details: ['end-icon']}}, + { ...cardLg, footer: {buttons: true}}, + { ...cardLg, footer: {links: true}} + ]}, true, './cards-layout'); %> diff --git a/src/component/card/example/sample/sample-header.ejs b/src/component/card/example/sample/sample-header.ejs new file mode 100755 index 000000000..834bfe9b9 --- /dev/null +++ b/src/component/card/example/sample/sample-header.ejs @@ -0,0 +1,3 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale avec taxonomie dans le header', './card-default', { card : { img: true, header: { badges: true} }}, true, './card-layout', {col: {md:4}}); %> diff --git a/src/component/card/example/sample/sample-horizontal.ejs b/src/component/card/example/sample/sample-horizontal.ejs new file mode 100755 index 000000000..40e4a8ea6 --- /dev/null +++ b/src/component/card/example/sample/sample-horizontal.ejs @@ -0,0 +1,19 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte horizontale avec détails et tags', './card-default', { card : { img: true, horizontal: true, content: { tags: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:8}, desc: 'dans une grille sur 6 à 8 colonnes en version desktop'}); %> + +<%- sample('Carte horizontale sm avec détails et tags', './card-default', { card : { img: true, size: 'sm', horizontal: true, content: { tags: true, details: ['icon', 'end-icon'] }}}, true, './card-layout', {col: {md:6}, desc: 'dans une grille sur 4 à 6 colonnes en version desktop'}); %> + +<%- sample('Carte horizontale lg avec détails et tags', './card-default', { card : { img: true, size: 'lg', horizontal: true, content: { tags: true, details: ['icon', 'end-icon'] } }}, true, './card-layout', {col: {md:12}, desc: 'dans une grille sur 8 à 12 colonnes en version desktop'}); %> + +<%- sample('Carte horizontale avec zone d\'action, détails et tags', './card-default', { card : { img: true, horizontal: true, content: { tags: true, details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:8}}); %> + +<%- sample('Carte horizontale sm avec zone d\'action, détails et tags', './card-default', { card : { img: true, size: 'sm', horizontal: true, content: { tags: true, details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:6}}); %> + +<%- sample('Carte horizontale lg avec zone d\'action, détails et tags', './card-default', { card : { img: true, size: 'lg', horizontal: true, content: { tags: true, details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:12}}); %> + +<%- sample('Carte horizontale image proportion de moitié avec zone d\'action, détails et tags', './card-default', { card : { img: true, horizontal: 'half', content: { tags: true, details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:8}}); %> + +<%- sample('Carte horizontale image proportion du tiers moitié avec zone d\'action, détails et tags', './card-default', { card : { img: true, horizontal: 'tier', content: { tags: true, details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:8}}); %> + +<%- sample('Carte horizontale avec ratio d\'image particulier en mobile', './card-default', { card : { img: { ratio: '32x9' }, horizontal: true, content: { tags: true, details: ['icon'] }, footer: {buttons: true} }}, true, './card-layout', {col: {md:8}}); %> diff --git a/src/component/card/example/sample/sample-icon.ejs b/src/component/card/example/sample/sample-icon.ejs new file mode 100755 index 000000000..e90b9720e --- /dev/null +++ b/src/component/card/example/sample/sample-icon.ejs @@ -0,0 +1,5 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale sans icône', './card-default', { card : { img: true, icon: false }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale avec icône personnalisée', './card-default', { card : { img: true, icon: 'warning-fill' }}, true, './card-layout', {col: {md:4}}); %> diff --git a/src/component/card/example/sample/sample-img.ejs b/src/component/card/example/sample/sample-img.ejs new file mode 100755 index 000000000..b29cdec07 --- /dev/null +++ b/src/component/card/example/sample/sample-img.ejs @@ -0,0 +1,5 @@ +<% const sample = getSample(include); %> + +<% for (const ratio of ['32x9', '3x2', '4x3', '1x1', '3x4', '2x3']) { %> +<%- sample(`Carte verticale avec image au ratio d'aspect ${ratio}`, './card-default', { card : { img: { ratio: ratio }}}, true, './card-layout', {col: {md:4}}); %> +<% } %> diff --git a/src/component/card/example/sample/sample-no-img.ejs b/src/component/card/example/sample/sample-no-img.ejs new file mode 100755 index 000000000..1a67c3cac --- /dev/null +++ b/src/component/card/example/sample/sample-no-img.ejs @@ -0,0 +1,3 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte sans image', './card-default', {}, true, './card-layout', {col: {md:4}}); %> diff --git a/src/component/card/example/sample/sample-sizes.ejs b/src/component/card/example/sample/sample-sizes.ejs new file mode 100755 index 000000000..3f0a801a7 --- /dev/null +++ b/src/component/card/example/sample/sample-sizes.ejs @@ -0,0 +1,7 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale md, taille par défaut', './card-default', { card : { img: true }}, true, './card-layout', {col: {md:4}, desc: 'dans une grille sur 4 à 6 colonnes en version desktop'}); %> + +<%- sample('Carte taille sm', './card-default', { card: { img: true, size: 'sm' }}, true, './card-layout', {col: {md:3}, desc: 'dans une grille sur 3 à 4 colonnes en version desktop'}); %> + +<%- sample('Carte taille lg', './card-default', { card: { img: true, size: 'lg' } }, true, './card-layout', {col: {md:6}, desc: 'dans une grille sur 6 à 12 colonnes en version desktop'}); %> diff --git a/src/component/card/example/sample/sample-variations.ejs b/src/component/card/example/sample/sample-variations.ejs new file mode 100755 index 000000000..15e8af2fa --- /dev/null +++ b/src/component/card/example/sample/sample-variations.ejs @@ -0,0 +1,10 @@ +<% const sample = getSample(include); %> + +<%- sample('Carte verticale variation accentuée en contrast grey', './card-default', { card : { img: true, variations: ['grey'] }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale variation sans bordure', './card-default', { card : { img: true, variations: ['no-border'] }}, true, './card-layout', {col: {md:4}}); %> + +<%- sample('Carte verticale variation sans fond', './card-default', { card : { img: true, variations: ['no-background'] }}, true, './card-layout', { col: { md:4 }, layout: { classes: [`${prefix}-background-alt--grey`] }}); %> + +<%- sample('Carte verticale variation ombre portée', './card-default', { card : { img: true, variations: ['shadow'] }}, true, './card-layout', {col: {md:4}}); %> + diff --git a/src/component/card/example/sample/sample-vid.ejs b/src/component/card/example/sample/sample-vid.ejs new file mode 100755 index 000000000..ed906c523 --- /dev/null +++ b/src/component/card/example/sample/sample-vid.ejs @@ -0,0 +1,5 @@ +<% const sample = getSample(include); %> + +<% for (const ratio of ['', '4x3', '1x1']) { %> +<%- sample(`Carte vidéo au ratio d'aspect ${ratio ? ratio : 'par défaut'}`, './card-default', { card : { vid: { ratio: ratio }}}, true, './card-layout', {col: {md:4}}); %> +<% } %> diff --git a/src/component/card/example/sample/vertical-cards-no-image.ejs b/src/component/card/example/sample/vertical-cards-no-image.ejs deleted file mode 100755 index 85d7955ee..000000000 --- a/src/component/card/example/sample/vertical-cards-no-image.ejs +++ /dev/null @@ -1,12 +0,0 @@ -<% -let data = { img: false, arrow: false, detail: false }; -%> -
- <% - for (let i = 0; i < 4; i++) { - %> -
- <%- include('./card-default', {card:data}); %> -
- <% } %> -
diff --git a/src/component/card/example/sample/vertical-cards.ejs b/src/component/card/example/sample/vertical-cards.ejs deleted file mode 100755 index e914ab40f..000000000 --- a/src/component/card/example/sample/vertical-cards.ejs +++ /dev/null @@ -1,16 +0,0 @@ -<% -let card = locals.card || {}; -let data = { - ...card, - img: true -}; -%> -
- <% - for (let i = 0; i < 4; i++) { - %> -
- <%- include('./card-default', {card:data}); %> -
- <% } %> -
diff --git a/src/component/card/index.scss b/src/component/card/index.scss index 153ba16a1..6d1a042ac 100644 --- a/src/component/card/index.scss +++ b/src/component/card/index.scss @@ -4,3 +4,5 @@ //// @import '../../core/index'; +@import '../badge/index'; +@import '../tag/index'; diff --git a/src/component/card/legacy.scss b/src/component/card/legacy.scss index 41c3a9de6..993360827 100644 --- a/src/component/card/legacy.scss +++ b/src/component/card/legacy.scss @@ -8,4 +8,7 @@ @import 'style/scheme'; @import 'style/legacy'; +// deprecated +@import 'deprecated/style/legacy'; + @include _card-scheme(true); diff --git a/src/component/card/main.scss b/src/component/card/main.scss index a3b04f0fb..8c5a9ebad 100644 --- a/src/component/card/main.scss +++ b/src/component/card/main.scss @@ -12,4 +12,7 @@ @import 'style/module'; @import 'style/scheme'; +// deprecated +@import 'deprecated/style/module'; + @include _card-scheme; diff --git a/src/component/card/style/_legacy.scss b/src/component/card/style/_legacy.scss index 560499bdc..f779d368a 100644 --- a/src/component/card/style/_legacy.scss +++ b/src/component/card/style/_legacy.scss @@ -5,18 +5,23 @@ @include legacy(ie11) { #{ns(card)} { - &__title { - margin: 0; + @include icon-legacy(arrow-right-line, md, before); + + &--no-icon { + @include before(none); + } + + &__title, + &__desc { + flex: 1 0 auto; } - &--horizontal { - #{ns(card)}__body { - flex-basis: 100%; - } + &__detail { + @include icon-size-legacy(sm, before); } - &:not(&--no-arrow) &__body { - @include icon-legacy(arrow-right-line, md, after); + &--horizontal &__body { + flex-basis: 100%; } } } diff --git a/src/component/card/style/_module.scss b/src/component/card/style/_module.scss index 45374022e..bcfb5d326 100644 --- a/src/component/card/style/_module.scss +++ b/src/component/card/style/_module.scss @@ -3,70 +3,10 @@ /// @group card //// -#{ns(card)} { - @include display-flex(column-reverse); - @include relative(); - @include set-text-margin(0 0 4v); - @include set-title-margin(0 0 2v); - - #{ns(grid-row)} & { - @include size(null, 100%); - } - - &:not(&--no-arrow) &__body { - @include icon(arrow-right-line, md, after) { - @include size(6v, 6v); - @include margin-top(auto); - @include margin-left(auto); - } - } - - @include hover-brighten(#{&}#{ns(enlarge-link)}, #{&}__img); - - &__img { - @include relative(null, null, null, null, 100%, null); - @include aspect-ratio(16x9); - @include hover-brighten-filter; - - img { - @include absolute(0, 0, 0, 0, 100%, 100%); - @include fit-cover-center; - } - } - - @include body() { - @include display-flex(column); - flex: 1 1 auto; - @include padding(6v); - } - - &__detail { - @include text-style(xs); - order: -1; - } - - &__title { - @include title-style(h6); - @include font-weight(bold); - } - - &__desc { - @include text-style(sm); - } - - &__link { - @include size(100%); - @include margin-top(auto); - } - - @include respond-from(md) { - &--horizontal { - flex-direction: row-reverse; - } - - &--horizontal &__img { - @include max-width(41.666%); - flex: 1 0 auto; - } - } -} +@import 'module/card'; +@import 'module/header'; +@import 'module/content'; +@import 'module/footer'; +@import 'module/sm'; +@import 'module/lg'; +@import 'module/horizontal'; diff --git a/src/component/card/style/_scheme.scss b/src/component/card/style/_scheme.scss index 8fb212d87..d4b5444b1 100644 --- a/src/component/card/style/_scheme.scss +++ b/src/component/card/style/_scheme.scss @@ -6,16 +6,25 @@ @mixin _card-scheme($legacy: false) { #{ns(card)} { @include scheme-element-bg-color(default grey, (legacy:$legacy)); - @include scheme-element-box-shadow-color(default grey, (legacy:$legacy), all-1-out); + + &:not(&--no-border):not(&--shadow) { + @include scheme-element-box-shadow-color(default grey, (legacy:$legacy), all-1-out); + } &--grey { @include scheme-element-bg-color(contrast grey, (legacy:$legacy)); } - &:not(&--no-arrow) &__body { - @include after { - @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); - } + &--shadow { + @include scheme-element-bg-color(elevated grey, (legacy:$legacy)); + } + + &--no-background { + @include scheme-element-bg-transparent((legacy:$legacy, hover: true)); + } + + @include before { + @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); } &__detail { diff --git a/src/component/card/style/module/_card.scss b/src/component/card/style/module/_card.scss new file mode 100644 index 000000000..380ced84b --- /dev/null +++ b/src/component/card/style/module/_card.scss @@ -0,0 +1,34 @@ +//// +/// Card Module - card +/// @group card +//// + +#{ns(card)} { + @include display-flex(column); + @include relative(); + @include icon(arrow-right-line); + + &--no-icon, + &:not(#{ns(enlarge-link)}) { + @include before(none); + } + + &--shadow { + @include shadow(md); + } + + @include before { + @include absolute(null, 8v, 8v); + @include icon-size(md); + } + + @include body() { + @include display-flex(column); + flex: 1 1 auto; + order: 2; + } + + #{ns(grid-row)} & { + @include size(null, 100%); + } +} diff --git a/src/component/card/style/module/_content.scss b/src/component/card/style/module/_content.scss new file mode 100644 index 000000000..b4b68ed0d --- /dev/null +++ b/src/component/card/style/module/_content.scss @@ -0,0 +1,74 @@ +//// +/// Card Module - content +/// @group card +//// + +#{ns(card)} { + &__content { + order: 1; + @include display-flex(column); + @include padding(8v); + @include nest-tag(sm); + @include height(100%); + } + + &__title { + order: 2; + @include title-style(h5); + @include font-weight(bold); + @include margin-bottom(0); + } + + &__desc { + order: 3; + @include text-style(sm); + @include margin-top(3v); + @include margin-bottom(0); + } + + &__start { + order: 1; + @include margin-bottom(1v); + + #{ns(badges-group)}, + #{ns(tags-group)} { + @include margin-bottom(1v); + } + } + + &__start &__detail { + @include margin-bottom(3v); + } + + &__end { + order: 4; + @include display-flex(column); + @include margin-top(4v); + @include padding-top(2v); + @include height(100%); + } + + &__detail { + @include text-style(xs); + @include display-flex(row, flex-start); + @include margin-bottom(0); + + @include has-icon { + @include before { + @include icon-size(sm); + @include margin-right(2v); + } + } + } + + &#{ns(enlarge-link)}:not(&--no-icon) &__end { + @include margin-bottom(-12v); // 6v (icon) + 2v (padding end) + 4v (marge texte icon) + @include min-height(8v); // 6v (icon) + 2v (padding end) + @include padding-right(8v); // 6v (icon) + 2v (padding) + justify-content: flex-end; + } + + &#{ns(enlarge-link)}:not(&--no-icon) &__content { + @include padding-bottom(20v); // 8v (padding card) + 6v (icon) + 2v (padding end) + 4v (marge texte icon) + } +} diff --git a/src/component/card/style/module/_footer.scss b/src/component/card/style/module/_footer.scss new file mode 100644 index 000000000..9c57f6d01 --- /dev/null +++ b/src/component/card/style/module/_footer.scss @@ -0,0 +1,16 @@ +//// +/// Card Module - footer +/// @group card +//// + +#{ns(card)} { + &__footer { + order: 2; + @include padding(2v 8v 8v); + + #{ns(btns-group)}, + #{ns(links-group)} { + @include margin-bottom(-4v); + } + } +} diff --git a/src/component/card/style/module/_header.scss b/src/component/card/style/module/_header.scss new file mode 100644 index 000000000..c1b158fef --- /dev/null +++ b/src/component/card/style/module/_header.scss @@ -0,0 +1,31 @@ +//// +/// Card Module - header +/// @group card +//// + +#{ns(card)} { + &__header { + order: 1; + position: relative; + flex: 0 0 auto; + } + + &__header #{ns(badges-group)} { + position: absolute; + top: 0; + left: 0; + @include padding(3v); + } + + @include hover-brighten(#{&}#{ns(enlarge-link)}, '#{&}__img, #{&}__vid'); + + &__img, + &__vid { + @include hover-brighten-filter; + } + + &__img img { + @include aspect-ratio(16x9); + display: block; + } +} diff --git a/src/component/card/style/module/_horizontal.scss b/src/component/card/style/module/_horizontal.scss new file mode 100644 index 000000000..91634a92e --- /dev/null +++ b/src/component/card/style/module/_horizontal.scss @@ -0,0 +1,41 @@ +//// +/// Card Module - horizontal +/// @group card +//// + +#{ns(card)} { + @include respond-from(md) { + &--horizontal, + &--horizontal-half, + &--horizontal-tier { + flex-direction: row; + } + + &--horizontal &__img, + &--horizontal-half &__img, + &--horizontal-tier &__img { + height: 100%; + + img { + height: 100%; + object-fit: cover; + } + } + + &--horizontal &__header { + @include width(40%); + flex: 1 0 40%; + } + + &--horizontal-half &__header { + @include width(50%); + flex: 1 0 50%; + } + + &--horizontal-tier &__header { + $tier: 100% / 3; + @include width($tier); + flex: 1 0 #{$tier}; + } + } +} diff --git a/src/component/card/style/module/_lg.scss b/src/component/card/style/module/_lg.scss new file mode 100644 index 000000000..0a9070360 --- /dev/null +++ b/src/component/card/style/module/_lg.scss @@ -0,0 +1,60 @@ +//// +/// Card Module - lg +/// @group card +//// + +#{ns(card)} { + &--lg { + @include before { + @include icon-size(lg); + @include right(10v); + @include bottom(10v); + } + } + + &--lg &__content { + @include nest-tag(md); + @include padding(10v); + } + + &--lg &__title { + @include title-style(h4); + } + + &--lg &__desc { + @include text-style(md); + @include margin-top(4v); + } + + &--lg &__start { + @include margin-bottom(2v); + + #{ns(badges-group)}, + #{ns(tags-group)} { + @include margin-bottom(2v); + } + } + + &--lg &__start &__detail { + @include margin-bottom(4v); + } + + &--sm &__end { + @include margin-top(6v); + @include padding-top(2v); + } + + &--lg#{ns(enlarge-link)}:not(&--no-icon) &__end { + @include margin-bottom(-16v); // 8v (icon) + 2v (padding end) + 6v (marge texte icon) + @include min-height(10v); // 8v (icon) + 2v (padding end) + @include padding-right(10v); // 8v (icon) + 2v (padding) + } + + &--lg#{ns(enlarge-link)}:not(&--no-icon) &__content { + @include padding-bottom(26v); // 10v (padding card) + 8v (icon) + 2v (padding end) + 6v (marge texte icon) + } + + &--lg &__footer { + @include padding(2v 10v 10v); + } +} diff --git a/src/component/card/style/module/_sm.scss b/src/component/card/style/module/_sm.scss new file mode 100644 index 000000000..98569967e --- /dev/null +++ b/src/component/card/style/module/_sm.scss @@ -0,0 +1,61 @@ +//// +/// Card Module - sm +/// @group card +//// + +#{ns(card)} { + &--sm { + @include before { + @include icon-size(sm); + @include right(6v); + @include bottom(6v); + } + } + + &--sm &__header { + @include nest-badge(sm); + } + + &--sm &__content { + @include nest-badge(sm); + @include padding(6v); + } + + &--sm &__title { + @include title-style(h6); + } + + &--sm &__desc { + @include margin-top(2v); + } + + &--sm &__start { + #{ns(badges-group)}, + #{ns(tags-group)} { + @include margin-bottom(0); + } + } + + &--sm &__start &__detail { + @include margin-bottom(2v); + } + + &--sm &__end { + @include margin-top(3v); + @include padding-top(1v); + } + + &--sm#{ns(enlarge-link)}:not(&--no-icon) &__end { + @include margin-bottom(-8v); // 4v (icon) + 1v (padding end) + 3v (marge texte icon) + @include min-height(5v); // 4v (icon) + 1v (padding end) + @include padding-right(6v); // 4v (icon) + 2v (padding) + } + + &--sm#{ns(enlarge-link)}:not(&--no-icon) &__content { + @include padding-bottom(14v); // 6v (padding card) + 4v (icon) + 1v (padding end) + 3v (marge texte icon) + } + + &--sm &__footer { + @include padding(2v 6v 6v); + } +} diff --git a/src/component/card/template/ejs/card.ejs b/src/component/card/template/ejs/card.ejs index 4fcbf1ae8..715da03ab 100644 --- a/src/component/card/template/ejs/card.ejs +++ b/src/component/card/template/ejs/card.ejs @@ -1,21 +1,22 @@ <%# -# paramètres card +# paramètres de la carte -* card.title (string, required) : Titre de la carte +* card.content (object, required) : Contenu central de la carte -* card.enlarge (boolean, optional) : si true, agrandi la zone de clic à toute la carte +* card.header (object, optionnal) : Partie haute de la carte vertical, contenant l'image -* card.horizontal (boolean, optional) : si true, passe la card en mode horizontal +* card.action (object, optionnal) : Partie basse de la carte vertical, contenant les actions -* card.img (object, optional) : paramètres de l'image +* card.size (string, optionnal) : Taille de la carte. -* card.detail (string, optional) : Détail de la card +* card.enlarge (boolean, optional) : si true, agrandi la zone de clic à toute la carte -* card.description (string, optional) : Description +* card.horizontal (boolean || object, optional) : si true, passe la card en mode horizontal + ** card.horizontal.proportion (string, optional) : proportion de l'image par rapport à la carte en horizontal (valeurs : tier, half) -* card.arrow (boolean, optional) : détermine la présence de l'icon arrow +* card.icon (string or boolean, optional) : icône illustrative ou suppression de l'icon avec false -* card.accent (string, optional): Couleur d'accenturation du composant +* card.variations (array, optional): variations ésthétiques de la carte (valeurs: accent, no-border, no-background, shadow * card.classes (array, optional): Classes suplémentaires sur le composant @@ -28,19 +29,72 @@ let classes = card.classes || []; classes.push(`${prefix}-card`); if (card.enlarge) classes.push(`${prefix}-enlarge-link`); -if (card.horizontal !== undefined) classes.push(`${prefix}-card--horizontal`); -if (card.arrow === false) classes.push(`${prefix}-card--no-arrow`); -if (card.accent !== undefined) classes.push(`${prefix}-card--${card.accent}`); + +switch (card.size) { + case 'sm': + classes.push(`${prefix}-card--sm`); + break; + + case 'lg': + classes.push(`${prefix}-card--lg`); + break; +} + +if (card.horizontal !== undefined) { + switch (card.horizontal.proportion) { + case 'half': + classes.push(`${prefix}-card--horizontal-half`); + break; + + case 'tier': + classes.push(`${prefix}-card--horizontal-tier`); + break + + default: + classes.push(`${prefix}-card--horizontal`); + } +} + +switch (card.icon) { + case undefined: + break; + + case false: + classes.push(`${prefix}-card--no-icon`); + break; + + default: + classes.push(`${prefix}-icon-${card.icon}`); +} + +if (card.variations) for (const variation of card.variations) switch(variation) { + case 'grey': + classes.push(`${prefix}-card--grey`); + break; + + case 'no-border': + classes.push(`${prefix}-card--no-border`); + break; + + case 'no-background': + classes.push(`${prefix}-card--no-background`); + break; + + case 'shadow': + classes.push(`${prefix}-card--shadow`); + break; +} + +if (card.accent !== undefined) %>
> -
-

<%- card.title %>

- <% if (card.description !== undefined) { %>

<%- card.description %>

<% } %> - <% if (card.detail !== undefined) { %>

<%- card.detail %>

<% } %> -
- <% if (card.img !== undefined) { %> -
- <%- include('../../../../core/template/ejs/media/responsive-img.ejs', {media: card.img}); %> +
+ <%- include('content', { content: card.content}) %> + <% if (card.footer !== undefined) { %> + <%- include('footer', { footer: card.footer}) %> + <% } %>
+ <% if (card.header !== undefined) { %> + <%- include('header', { header: card.header}) %> <% } %>
diff --git a/src/component/card/template/ejs/content.ejs b/src/component/card/template/ejs/content.ejs new file mode 100644 index 000000000..6abbb3bd2 --- /dev/null +++ b/src/component/card/template/ejs/content.ejs @@ -0,0 +1,57 @@ +<%# +# paramètres du contenu principal de la carte + +* content.title (string, required) : Titre de la carte + +* content.description (string, optional) : Description + +* content.badgesGroup (array, optional) : Groupe de badges (voir badge) + +* content.tagsGroup (array, optional) : Groupe de tags (voir tag) + +* content.details (array, optional) : Détails + +%> +<% +let start, end; + +const startDetails = content.details ? content.details.filter(detail => !detail.position || detail.position === 'start') : []; + +switch (true) { + case content.badgesGroup !== undefined : + case content.tagsGroup !== undefined : + case startDetails.length > 0 : + start = {}; + if (content.badgesGroup) start.badgesGroup = content.badgesGroup; + if (content.tagsGroup) start.tagsGroup = content.tagsGroup; + if (startDetails.length) start.details = startDetails; + break; +} + +const endDetails = content.details ? content.details.filter(detail => detail.position === 'end') : []; + +switch (true) { + case endDetails.length > 0 : + end = {}; + if (endDetails.length) end.details = endDetails; + break; +} + %> + +
+

+ <%- content.title %> +

+ + <% if (content.description !== undefined) { %> +

<%- content.description %>

+ <% } %> + + <% if (start) { %> + <%- include('start', {start: start }); %> + <% } %> + + <% if (end) { %> + <%- include('end', {end: end }); %> + <% } %> +
diff --git a/src/component/card/template/ejs/details.ejs b/src/component/card/template/ejs/details.ejs new file mode 100644 index 000000000..f66e02805 --- /dev/null +++ b/src/component/card/template/ejs/details.ejs @@ -0,0 +1,18 @@ +<%# +# paramètres des détails de la carte + +* details (array, required) : collection d'objet définissant les détails + +* details[].label (string, required) : Intitulé du détail + +* icon (string, optionnal) : nom de l'icon + +%> + +<% for (const detail of details) { + const detailClasses = [`${prefix}-card__detail`]; + + if (detail.icon) detailClasses.push(`${prefix}-icon-${detail.icon}`); +%> +

><%- detail.label %>

+<% } %> diff --git a/src/component/card/template/ejs/end.ejs b/src/component/card/template/ejs/end.ejs new file mode 100644 index 000000000..5f8301a21 --- /dev/null +++ b/src/component/card/template/ejs/end.ejs @@ -0,0 +1,14 @@ +<%# +# paramètres de la partie end du contenu principal de la carte, placé après titre et description + +* end.details (array, optional) : Détails + +%> + +
+ + <% if (end.details !== undefined) { %> + <%- include('details', { details: end.details }); %> + <% } %> + +
diff --git a/src/component/card/template/ejs/footer.ejs b/src/component/card/template/ejs/footer.ejs new file mode 100644 index 000000000..cc6a057b9 --- /dev/null +++ b/src/component/card/template/ejs/footer.ejs @@ -0,0 +1,15 @@ +<%# +# paramètres de la zone d'action + +* footer.buttonsGroup (object, optionnal) : paramètres de configuration d'un groupe de boutons + +%> + +
+ <% if (footer.buttonsGroup) { %> + <%- include('../../../button/template/ejs/buttons-group', { buttonsGroup: footer.buttonsGroup }); %> + <% } %> + <% if (footer.linksGroup) { %> + <%- include('../../../link/template/ejs/links-group', { linksGroup: footer.linksGroup }); %> + <% } %> +
diff --git a/src/component/card/template/ejs/header.ejs b/src/component/card/template/ejs/header.ejs new file mode 100644 index 000000000..d8a4cf3c3 --- /dev/null +++ b/src/component/card/template/ejs/header.ejs @@ -0,0 +1,24 @@ +<%# +# paramètres de l'en-tête de la carte + +* header.img (object, optional) : paramètres de l'image + +* header.taxonomy (object, optional) : Taxonomie + +%> + +
+ <% if (header.img) { %> +
+ <%- include('../../../../core/template/ejs/media/responsive-img.ejs', {media: header.img}); %> +
+ <% } else if (header.vid) { %> +
+ <%- include('../../../../core/template/ejs/media/responsive-vid.ejs', {media: header.vid}); %> +
+ <% } %> + + <% if (header.badgesGroup) { %> + <%- include('../../../badge/template/ejs/badges-group', {badgesGroup: header.badgesGroup }); %> + <% } %> +
diff --git a/src/component/card/template/ejs/start.ejs b/src/component/card/template/ejs/start.ejs new file mode 100644 index 000000000..5b2bf09c3 --- /dev/null +++ b/src/component/card/template/ejs/start.ejs @@ -0,0 +1,26 @@ +<%# +# paramètres de la partie start du contenu principal de la carte, placés avant titre et description + +* start.badgesGroup (array, optional) : Groupe de badges (voir badge) + +* start.tagsGroup (array, optional) : Groupe de tags (voir tag) + +* start.details (array, optional) : Détails + +%> + +
+ + <% if (start.badgesGroup) { %> + <%- include('../../../badge/template/ejs/badges-group', {badgesGroup: start.badgesGroup }); %> + <% } %> + + <% if (start.tagsGroup) { %> + <%- include('../../../tag/template/ejs/tags-group', {tagsGroup: start.tagsGroup }); %> + <% } %> + + <% if (start.details) { %> + <%- include('details', { details: start.details }); %> + <% } %> + +
diff --git a/src/component/consent/template/ejs/placeholder.ejs b/src/component/consent/template/ejs/placeholder.ejs index 5781762a1..b86a15aed 100644 --- a/src/component/consent/template/ejs/placeholder.ejs +++ b/src/component/consent/template/ejs/placeholder.ejs @@ -20,7 +20,7 @@ let classes = [...consent.classes || [], prefix + '-consent-placeholder']; let attributes = consent.attributes || {}; let button = consent.button || {}; if (!button.label) button.label = "Autoriser"; -button.tag = 'button'; +button.markup = 'button'; %>
<%- includeAttrs(attributes) %>> diff --git a/src/component/content/deprecated/template/ejs/media.ejs b/src/component/content/deprecated/template/ejs/media.ejs index d7aae9860..50564fb8e 100644 --- a/src/component/content/deprecated/template/ejs/media.ejs +++ b/src/component/content/deprecated/template/ejs/media.ejs @@ -37,22 +37,22 @@ switch (content.size) { let type = (content.img !== undefined || content.svg !== undefined) ? 'img' : 'vid'; -let tag; +let markup; switch (type) { case 'img': - tag = 'figure'; + markup = 'figure'; attributes["role"] = "group"; if (content.caption != undefined) attributes["aria-label"] = content.caption; break; case 'vid': - tag = 'div'; + markup = 'div'; break; } %> -<<%= tag %> <%- includeClasses(classes); %> <%- includeAttrs(attributes); %>> +<<%= markup %> <%- includeClasses(classes); %> <%- includeAttrs(attributes); %>> <% switch(type) { case 'img': @@ -67,4 +67,4 @@ switch(type) { } %> -> +> diff --git a/src/component/content/example/sample/media-vid-default.ejs b/src/component/content/example/sample/media-vid-default.ejs index bcad29184..76c781ca7 100755 --- a/src/component/content/example/sample/media-vid-default.ejs +++ b/src/component/content/example/sample/media-vid-default.ejs @@ -1,6 +1,6 @@ <% let data = { - vidTpl: '../../../../core/example/media/sample/vid', + vid: { ...vidData(), ratio: locals.content ? content.ratio : undefined}, caption: '© Légende de la vidéo', transcription: 'Label du bouton de la transcription', ...locals.content || {}, diff --git a/src/component/content/style/_legacy.scss b/src/component/content/style/_legacy.scss index feb93ec95..693f8b97b 100644 --- a/src/component/content/style/_legacy.scss +++ b/src/component/content/style/_legacy.scss @@ -5,6 +5,11 @@ @include legacy(ie11) { #{ns(content-media)} { + &__img { + //le padding permettant de définir le ratio d'aspect est appliqué sur un pseudo-élément before qui hérite de la modification de taille --lg et --sm de l'élément img ou vid + @include aspect-ratio-legacy; + } + &__transcription { #{ns(btn)} { @include icon-legacy(menu-2-fill, sm, before); diff --git a/src/component/content/style/_module.scss b/src/component/content/style/_module.scss index 5053cccf7..a3341fca9 100644 --- a/src/component/content/style/_module.scss +++ b/src/component/content/style/_module.scss @@ -13,8 +13,6 @@ &__img { @include size(100%); @include relative; - - //le padding permettant de définir le ratio d'aspect est appliqué sur un pseudo-élément before qui hérite de la modification de taille --lg et --sm de l'élément img ou vid @include aspect-ratio(); } diff --git a/src/component/content/template/ejs/media-img.ejs b/src/component/content/template/ejs/media-img.ejs index 714208699..a3079f5f7 100644 --- a/src/component/content/template/ejs/media-img.ejs +++ b/src/component/content/template/ejs/media-img.ejs @@ -5,6 +5,7 @@ ** src (string, required) : url de l'image ** alt (string, optional) : texte alternatif ** style (string, optional) : style de l'image + ** ratio (string, optional) : ratio de l'image * content.svg (string, optional): contenu du svg diff --git a/src/component/content/template/ejs/media-vid.ejs b/src/component/content/template/ejs/media-vid.ejs index f16105952..0697008d4 100644 --- a/src/component/content/template/ejs/media-vid.ejs +++ b/src/component/content/template/ejs/media-vid.ejs @@ -6,7 +6,7 @@ ** body (string, optional) : texte explicatif ** button (object, optional) : paramètre du bouton -* content.vidTpl (string, optional): template de video +* content.video (string, optional): template de video * content.transcription (string, optional): texte de transcription @@ -21,7 +21,7 @@ <%- include('../../../consent/template/ejs/placeholder', {consent: content.consent}) %>
<% } else { %> - <%- include(content.vidTpl !== undefined ? content.vidTpl : '../../../../core/template/ejs/media/responsive-vid', {media: content}) %> + <%- include('../../../../core/template/ejs/media/responsive-vid', {media: content.vid}) %> <% } %> <% if (content.caption != undefined) { %>
<%= content.caption %>
diff --git a/src/component/content/template/ejs/media.ejs b/src/component/content/template/ejs/media.ejs index 63c3ff138..1085493e6 100644 --- a/src/component/content/template/ejs/media.ejs +++ b/src/component/content/template/ejs/media.ejs @@ -35,24 +35,34 @@ switch (content.size) { break; } -let type = (content.img !== undefined || content.svg !== undefined) ? 'img' : 'vid'; +let type; +switch (true) { + case content.img !== undefined: + case content.svg !== undefined: + type = 'img'; + break; + + case content.vid !== undefined: + type = 'vid'; + break; +} -let tag; +let markup; switch (type) { case 'img': - tag = 'figure'; + markup = 'figure'; attributes["role"] = "group"; if (content.caption != undefined) attributes["aria-label"] = content.caption; break; case 'vid': - tag = 'div'; + markup = 'div'; break; } %> -<<%= tag %> <%- includeClasses(classes); %> <%- includeAttrs(attributes); %>> +<<%= markup %> <%- includeClasses(classes); %> <%- includeAttrs(attributes); %>> <% switch(type) { case 'img': @@ -67,4 +77,4 @@ switch(type) { } %> -> +> diff --git a/src/component/display/deprecated/example/index.ejs b/src/component/display/deprecated/example/index.ejs index 4a09ef882..6c3f2dc9a 100644 --- a/src/component/display/deprecated/example/index.ejs +++ b/src/component/display/deprecated/example/index.ejs @@ -12,7 +12,7 @@ const links = { iconPlace: 'left', label: 'Paramètres d\'affichage', attributes: {...attrModal}, - tag: 'button' + markup: 'button' } ] }; @@ -49,7 +49,7 @@ let dataFooter = { {label: 'Gestion des cookies'}, { label: 'Paramètres d\'affichage', - tag: 'button', + markup: 'button', classes: [prefix + '-fi-theme-fill', prefix + '-link--icon-left'], attributes: { 'aria-controls': prefix + '-theme-modal', diff --git a/src/component/follow/template/ejs/socials.ejs b/src/component/follow/template/ejs/socials.ejs index 60222b89a..017ac8ada 100644 --- a/src/component/follow/template/ejs/socials.ejs +++ b/src/component/follow/template/ejs/socials.ejs @@ -15,7 +15,7 @@ let socialsClasses = [prefix + '-follow__social']; const mapSocialButton = (data) => { const button = { - tag: 'a', + markup: 'a', title: data.title, label: data.label, href: data.url, diff --git a/src/component/footer/style/_legacy.scss b/src/component/footer/style/_legacy.scss index 6e1ec3f9c..417aa2c16 100644 --- a/src/component/footer/style/_legacy.scss +++ b/src/component/footer/style/_legacy.scss @@ -8,11 +8,7 @@ * Reset liste à puce */ #{ns(footer)} { - &__content-item, - &__top-list > li, - &__partners-sub ul > li { - list-style: none; - } + @include disable-list-style-legacy; &__content-desc { @include enable-underline-legacy; diff --git a/src/component/footer/template/ejs/bottom.ejs b/src/component/footer/template/ejs/bottom.ejs index 6de5f2718..c9bc383d5 100644 --- a/src/component/footer/template/ejs/bottom.ejs +++ b/src/component/footer/template/ejs/bottom.ejs @@ -4,7 +4,7 @@ * bottom.copyright (string, required) : texte de copyright * bottom.links (array, optional) : tableau de liens - ** bottom.links[].tag (string, optional) : tag du lien + ** bottom.links[].markup (string, optional) : markup du lien ** bottom.links[].label (string, required) : label du lien ** bottom.links[].classes (array, required) : classes supplémentaires du lien ** bottom.links[].attributes (array, required) : attributs supplémentaires du lien @@ -30,11 +30,11 @@ default: const classes = link.classes || []; - const tag = link.tag || 'a'; + const markup = link.markup || 'a'; const attributes = link.attributes || {}; - if (tag === 'a') attributes["href"] = link.url|| '#'; + if (markup === 'a') attributes["href"] = link.url|| '#'; classes.push(`${prefix}-footer__bottom-link`); - %><<%= tag %> <%- includeClasses(classes) %> <%- includeAttrs(attributes) %>><%- links[i].label %>><% + %><<%= markup %> <%- includeClasses(classes) %> <%- includeAttrs(attributes) %>><%- links[i].label %>><% } %> <% } %> diff --git a/src/component/form/example/index.ejs b/src/component/form/example/index.ejs index 1da2be52e..d2b337ef5 100755 --- a/src/component/form/example/index.ejs +++ b/src/component/form/example/index.ejs @@ -31,6 +31,6 @@ <%- sample('Bouton type submit', '../../button/example/sample/button-default', { button: { type:'submit', label: 'Envoyer', title: 'Envoyer le formulaire' }}, true); %> -<%- sample('Input type submit', '../../button/example/sample/button-default', { button: { tag: 'input', label: ' ', title: 'Envoyer le formulaire', type:'submit', attributes: { value: 'Envoyer', title: 'Envoyer le formulaire' }}}, true); %> +<%- sample('Input type submit', '../../button/example/sample/button-default', { button: { markup: 'input', label: ' ', title: 'Envoyer le formulaire', type:'submit', attributes: { value: 'Envoyer', title: 'Envoyer le formulaire' }}}, true); %> diff --git a/src/component/header/deprecated/example/sample/header.ejs b/src/component/header/deprecated/example/sample/header.ejs index b33546432..0595675d2 100755 --- a/src/component/header/deprecated/example/sample/header.ejs +++ b/src/component/header/deprecated/example/sample/header.ejs @@ -45,19 +45,19 @@ if (header.links !== undefined || header.search) { icon: 'add-circle-line', url: '#', label: 'Créer un espace', - tag: 'a' + markup: 'a' }, { icon: 'lock-line', url: '#', label: 'Se connecter', - tag: 'a' + markup: 'a' }, { icon: 'account-line', url: '#', label: 'S’enregistrer', - tag: 'a' + markup: 'a' } ] }; diff --git a/src/component/header/example/sample/header.ejs b/src/component/header/example/sample/header.ejs index fbdee0d59..82917fe89 100755 --- a/src/component/header/example/sample/header.ejs +++ b/src/component/header/example/sample/header.ejs @@ -45,19 +45,19 @@ if (header.links !== undefined || header.search) { icon: 'add-circle-line', url: '#', label: 'Créer un espace', - tag: 'a' + markup: 'a' }, { icon: 'lock-line', url: '#', label: 'Se connecter', - tag: 'a' + markup: 'a' }, { icon: 'account-line', url: '#', label: 'S’enregistrer', - tag: 'a' + markup: 'a' } ] }; diff --git a/src/component/header/style/_legacy.scss b/src/component/header/style/_legacy.scss index 52bb528e4..7be936be6 100644 --- a/src/component/header/style/_legacy.scss +++ b/src/component/header/style/_legacy.scss @@ -3,23 +3,9 @@ /// @group header //// -@include respond-from(lg) { - @include legacy(ie11) { - #{ns(header)} { - &__tools-links { - display: block; - } - - #{ns(modal)} { - position: static; - overflow: visible; - } - } - } -} - @include legacy(ie11) { #{ns(header)} { + @include disable-list-style-legacy; @include disable-underline-legacy; #{ns-group(btns)} { @@ -51,3 +37,18 @@ } } } + +@include respond-from(lg) { + @include legacy(ie11) { + #{ns(header)} { + &__tools-links { + display: block; + } + + #{ns(modal)} { + position: static; + overflow: visible; + } + } + } +} diff --git a/src/component/input/legacy.scss b/src/component/input/legacy.scss index 3ed4b1aa6..d5acdce84 100644 --- a/src/component/input/legacy.scss +++ b/src/component/input/legacy.scss @@ -5,5 +5,6 @@ @import 'index'; @import 'style/scheme'; +@import 'style/legacy'; @include _input-scheme(true); diff --git a/src/component/input/style/_legacy.scss b/src/component/input/style/_legacy.scss new file mode 100644 index 000000000..2590dcf43 --- /dev/null +++ b/src/component/input/style/_legacy.scss @@ -0,0 +1,14 @@ +//// +/// Input Legacy +/// @group input +//// + +@include legacy(ie11) { + #{ns(input-wrap)} { + &--addon { + #{ns(btn)} { + flex-shrink: 0; + } + } + } +} diff --git a/src/component/legacy.scss b/src/component/legacy.scss index 45e66ce48..1792f0307 100644 --- a/src/component/legacy.scss +++ b/src/component/legacy.scss @@ -6,7 +6,6 @@ @import '../media-query-order'; @import 'logo/legacy'; @import 'connect/legacy'; -@import 'card/legacy'; @import 'quote/legacy'; @import 'breadcrumb/legacy'; @import 'form/legacy'; @@ -29,6 +28,7 @@ @import 'footer/legacy'; @import 'tag/legacy'; @import 'alert/legacy'; +@import 'card/legacy'; @import 'input/legacy'; @import 'content/legacy'; @import 'callout/legacy'; diff --git a/src/component/link/deprecated/template/ejs/link-close.ejs b/src/component/link/deprecated/template/ejs/link-close.ejs index 73b046336..dbdb53110 100644 --- a/src/component/link/deprecated/template/ejs/link-close.ejs +++ b/src/component/link/deprecated/template/ejs/link-close.ejs @@ -9,7 +9,7 @@ let link = locals.link || {}; %> <%- include('./link', { link: { - tag: 'button', + markup: 'button', classes: [prefix + '-link--close'], label: link.label || 'Fermer', title: link.title || link.label || 'Fermer', diff --git a/src/component/link/deprecated/template/ejs/link.ejs b/src/component/link/deprecated/template/ejs/link.ejs index eb6d7a2e0..f7c8d36a8 100644 --- a/src/component/link/deprecated/template/ejs/link.ejs +++ b/src/component/link/deprecated/template/ejs/link.ejs @@ -3,7 +3,7 @@ * link.label (string, required) : contenu texte -* link.tag (string, optional) : si non défini, a +* link.markup (string, optional) : si non défini, a * link.href (string, required) : adresse url du lien @@ -38,7 +38,7 @@ const link = locals.link || {}; let linkClasses = link.classes || []; let linkAttrs = link.attributes || {}; -const tag = link.tag || 'a'; +const markup = link.markup || 'a'; linkClasses.push(prefix + '-link'); @@ -66,7 +66,7 @@ if (link.iconPlace !== undefined) switch(link.iconPlace) } if (link.disabled === true) { - switch(tag) { + switch(markup) { case 'input': case 'button': linkAttrs['disabled'] = ''; @@ -77,7 +77,7 @@ if (link.disabled === true) { linkAttrs['role'] = 'link'; break; } -} else if (tag === 'a') { +} else if (markup === 'a') { linkAttrs.href = link.href || '[url - à modifier]'; switch (true) { case link.blank: @@ -93,4 +93,4 @@ if (link.disabled === true) { if (link.alignOnContent) linkClasses.push(`${prefix}-link--align-on-content`) %> -<<%= tag %> <%- includeClasses(linkClasses)%> <%- includeAttrs(linkAttrs); %>><%- link.label %>> +<<%= markup %> <%- includeClasses(linkClasses)%> <%- includeAttrs(linkAttrs); %>><%- link.label %>> diff --git a/src/component/link/example/index.ejs b/src/component/link/example/index.ejs index 9c90e2d10..390638270 100755 --- a/src/component/link/example/index.ejs +++ b/src/component/link/example/index.ejs @@ -12,6 +12,14 @@ <%- sample('Lien seul désactivé', './sample/link-default', {link: {disabled: true}}, true); %> +<%- section('Groupe de liens', 'Lorsque que l\'on a plus d\'un lien, il convient d\'utiliser un groupe de liens.
La taille de tous les liens peut être définie au niveau du groupe.') %> + +<%- sample('Groupe de liens', './sample/links-group', { linksGroup: { groupCount: 9 } }, true); %> + +<%- sample('Groupe de liens sm', './sample/links-group', { linksGroup: { groupCount: 9, size: 'sm' } }, true); %> + +<%- sample('Groupe de liens lg', './sample/links-group', { linksGroup: { groupCount: 9, size: 'lg' } }, true); %> + <%- section('Retour en haut de page', 'Le lien de “retour en haut de page” est une ancre vers un élément dont l’id est "top".
Afin de le faire fonctionner correctement, il est nécessaire d’ajouter l’attribut id (id="top") sur l’élement le plus haut de la page comme le body (<body id="top" ...>) ou les liens d’évitement (<div class="fr-skiplinks" id="top">), afin que le focus de navigation soit lui aussi replacé en haut de page.
Le lien haut de page est un lien classique fr-link composé de l\'icone arrow-up-fill, alignée à gauche, et du label "Haut de page".

Le lien peut être aligné sur la gauche ou la droite du contenu.
Actuce: Pour aligner le lien à droite, l\'insérer dans une <div class="fr-grid-row fr-grid-row--right">.'); %> <%- sample('Lien Haut de page - id="top"', './sample/link-back-to-top', {link: {href: '#top'}}, true); %> diff --git a/src/component/link/example/sample/links-group.ejs b/src/component/link/example/sample/links-group.ejs new file mode 100755 index 000000000..c070a3dee --- /dev/null +++ b/src/component/link/example/sample/links-group.ejs @@ -0,0 +1,21 @@ +<% +const linksGroup = locals.linksGroup || {} +const links = linksGroup.links || []; + +if (!links.length && linksGroup.groupCount !== undefined) { + for (let i = 0; i < linksGroup.groupCount; i++) { + links.push({ + label: linksGroup.label || 'Label lien ' + (i+1), + href: linksGroup.href || '#', + markup: linksGroup.markup, + icon: linksGroup.icon, + disabled: linksGroup.disabled, + attributes: linksGroup.badgeAttributes, + classes: linksGroup.badgeClasses, + }); + } + linksGroup.links = links; +} +%> + +<%- include('../../template/ejs/links-group.ejs', {linksGroup: linksGroup}) %> diff --git a/src/component/link/style/_legacy.scss b/src/component/link/style/_legacy.scss index 593eb928a..bc6c73ba3 100644 --- a/src/component/link/style/_legacy.scss +++ b/src/component/link/style/_legacy.scss @@ -19,8 +19,6 @@ } #{ns-group(links)} { - & > li { - list-style: none; - } + @include disable-list-style-legacy(true); } } diff --git a/src/component/link/style/_module.scss b/src/component/link/style/_module.scss index faa716d9d..1a9bc6790 100644 --- a/src/component/link/style/_module.scss +++ b/src/component/link/style/_module.scss @@ -3,4 +3,5 @@ /// @group link //// -@include build-link(); +@import 'module/link'; +@import 'module/group'; diff --git a/src/component/link/style/module/_group.scss b/src/component/link/style/module/_group.scss new file mode 100644 index 000000000..c13752153 --- /dev/null +++ b/src/component/link/style/module/_group.scss @@ -0,0 +1,29 @@ +//// +/// Link Module - group +/// @group link +//// + +#{ns-group(links)} { + @include disable-list-style; + display: flex; + flex-wrap: wrap; + @include margin-bottom(0); + + > li { + display: inline-flex; + @include max-width(100%); + } + + #{ns(link)} { + @include margin-right(4v); + @include margin-bottom(4v); + } + + &--sm { + @include nest-link(sm, null); + } + + &--lg { + @include nest-link(lg, null); + } +} diff --git a/src/component/link/style/module/_link.scss b/src/component/link/style/module/_link.scss new file mode 100644 index 000000000..e1beab408 --- /dev/null +++ b/src/component/link/style/module/_link.scss @@ -0,0 +1,6 @@ +//// +/// Link Module - link +/// @group link +//// + +@include build-link(); diff --git a/src/component/link/template/ejs/link.ejs b/src/component/link/template/ejs/link.ejs index 4c1af9f25..ddefcfaa7 100644 --- a/src/component/link/template/ejs/link.ejs +++ b/src/component/link/template/ejs/link.ejs @@ -3,7 +3,7 @@ * link.label (string, required) : contenu texte -* link.tag (string, optional) : si non défini, a +* link.markup (string, optional) : si non défini, a * link.href (string, required) : adresse url du lien @@ -35,7 +35,7 @@ const link = locals.link || {}; let linkClasses = link.classes || []; let linkAttrs = link.attributes || {}; -const tag = link.tag || 'a'; +const markup = link.markup || 'a'; linkClasses.push(prefix + '-link'); @@ -64,7 +64,7 @@ if (link.iconPlace !== undefined) { } if (link.disabled === true) { - switch (tag) { + switch (markup) { case 'input': case 'button': linkAttrs['disabled'] = ''; @@ -77,7 +77,7 @@ if (link.disabled === true) { break; } } else { - switch (tag) { + switch (markup) { case 'a': linkAttrs.href = link.href || '[url - à modifier]'; switch (true) { @@ -96,6 +96,6 @@ if (link.disabled === true) { %> -<<%= tag %> <%- includeClasses(linkClasses); %> <%- includeAttrs(linkAttrs); %> > +<<%= markup %> <%- includeClasses(linkClasses); %> <%- includeAttrs(linkAttrs); %> > <%- link.label %> -> +> diff --git a/src/component/link/template/ejs/links-group.ejs b/src/component/link/template/ejs/links-group.ejs new file mode 100644 index 000000000..3eb432a36 --- /dev/null +++ b/src/component/link/template/ejs/links-group.ejs @@ -0,0 +1,42 @@ +<%# +# paramètres groupe de links + +* linksGroup.links (array, required): paramètres spécifique de chaque link du groupe + +* linksGroup.size (string, optional) : définie la taille des links dans le groupe (default md) + * lg : Badge taille lg + * sm : Badge taille sm + +* linksGroup.classes (array, optionnal) : Classes suplémentaires sur le groupe de links + +* linksGroup.attributes (object, optionnal) : Attributs suplémentaires sur le groupe de links + +#%> + +<% eval(include('../../../../core/index.ejs')); %> + +<% +const linksGroup = locals.linksGroup || {}; +let groupClasses = linksGroup.classes || []; +let groupAttrs = linksGroup.attributes || {}; +let links = linksGroup.links || []; +groupClasses.push(prefix + '-links-group'); + +switch(linksGroup.size) { + case 'sm': + groupClasses.push(prefix + '-links-group--sm'); + break; + + case 'lg': + groupClasses.push(prefix + '-links-group--lg'); + break; + } + %> + +
    <%- includeAttrs(groupAttrs) %>> +<% for (let i = 0; i < links.length; i++) { %> +
  • + <%- include('./link.ejs', { link:links[i] }); %> +
    • +<% } %> +
diff --git a/src/component/main.scss b/src/component/main.scss index 60dd8b9a8..58f66240e 100644 --- a/src/component/main.scss +++ b/src/component/main.scss @@ -7,7 +7,6 @@ @import 'upload/main'; @import 'logo/main'; @import 'connect/main'; -@import 'card/main'; @import 'quote/main'; @import 'breadcrumb/main'; @import 'form/main'; @@ -30,6 +29,7 @@ @import 'footer/main'; @import 'tag/main'; @import 'alert/main'; +@import 'card/main'; @import 'input/main'; @import 'content/main'; @import 'callout/main'; diff --git a/src/component/navigation/legacy.scss b/src/component/navigation/legacy.scss index 0df5c422f..91168acb3 100644 --- a/src/component/navigation/legacy.scss +++ b/src/component/navigation/legacy.scss @@ -3,6 +3,7 @@ /// @group core //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/scheme'; @import 'style/legacy'; diff --git a/src/component/navigation/style/_legacy.scss b/src/component/navigation/style/_legacy.scss index 389217b56..068c8deb3 100644 --- a/src/component/navigation/style/_legacy.scss +++ b/src/component/navigation/style/_legacy.scss @@ -7,20 +7,18 @@ /** * reset liste à puce */ - #{ns(mega-menu)}, - #{ns(menu)} { - &__list { - list-style: none; - } - } - #{ns(nav)} { @include disable-underline-legacy; + @include disable-list-style-legacy; &__link, &__btn { @include scheme-element-bg-transparent((legacy: true, hover: true)); } + + &__btn { + @include icon-legacy(arrow-down-s-line, sm, after); + } } /** diff --git a/src/component/pagination/style/_legacy.scss b/src/component/pagination/style/_legacy.scss index 5ba05205b..574636644 100644 --- a/src/component/pagination/style/_legacy.scss +++ b/src/component/pagination/style/_legacy.scss @@ -9,10 +9,7 @@ */ #{ns(pagination)} { @include disable-underline-legacy; - - &__list { - list-style: none; - } + @include disable-list-style-legacy; &__link { @include scheme-element-bg-transparent((legacy: true, hover: true)); diff --git a/src/component/pagination/template/ejs/item.ejs b/src/component/pagination/template/ejs/item.ejs index 13f3e41da..cf30c4988 100644 --- a/src/component/pagination/template/ejs/item.ejs +++ b/src/component/pagination/template/ejs/item.ejs @@ -1,7 +1,7 @@ <%# # Paramètres pagination item -* paginationItem.tag (string, optional): tag html de l'élement (default: 'a')) +* paginationItem.markup (string, optional): markup de l'élement (default: 'a')) * paginationItem.type (string, optional): type d'élement (first, prev, next, last) @@ -26,7 +26,7 @@ let paginationItem = locals.paginationItem || {}; const classes = paginationItem.classes || []; const attrs = paginationItem.attributes || {}; -const tag = paginationItem.tag || 'a'; +const markup = paginationItem.markup || 'a'; classes.push(prefix + '-pagination__link'); @@ -34,7 +34,7 @@ if (paginationItem.active) attrs['aria-current'] = 'page'; if (paginationItem.type) classes.push(prefix + '-pagination__link--' + paginationItem.type); -if (paginationItem.href !== undefined && !paginationItem.disabled && tag === 'a' && !paginationItem.active) attrs.href = paginationItem.href; +if (paginationItem.href !== undefined && !paginationItem.disabled && markup === 'a' && !paginationItem.active) attrs.href = paginationItem.href; if (paginationItem.title) attrs.title = paginationItem.title; switch(true) { @@ -52,7 +52,7 @@ if (paginationItem.displayedLg === true) { classes.push(prefix + '-unhidden-lg'); } if (paginationItem.disabled) { - switch(tag) { + switch(markup) { case 'input': case 'button': attrs.disabled = ''; @@ -67,7 +67,7 @@ if (paginationItem.disabled) { %>
  • - <<%= tag %> <%- includeClasses(classes) %> <%- includeAttrs(attrs) %>> + <<%= markup %> <%- includeClasses(classes) %> <%- includeAttrs(attrs) %>> <% if (paginationItem.label !== undefined ) { %><%- paginationItem.label %><% } %> - > + >
    • diff --git a/src/component/share/deprecated/example/sample/share-default.ejs b/src/component/share/deprecated/example/sample/share-default.ejs index 1253e2843..6f79fcf79 100755 --- a/src/component/share/deprecated/example/sample/share-default.ejs +++ b/src/component/share/deprecated/example/sample/share-default.ejs @@ -42,7 +42,7 @@ data.share = { }, { name: 'copy', - tag: 'button', + markup: 'button', label: 'Copier dans le presse-papier', attributes: { title: 'Copier dans le presse-papier', diff --git a/src/component/share/deprecated/template/ejs/share-link.ejs b/src/component/share/deprecated/template/ejs/share-link.ejs index ff63c71c2..2c43217cf 100644 --- a/src/component/share/deprecated/template/ejs/share-link.ejs +++ b/src/component/share/deprecated/template/ejs/share-link.ejs @@ -11,7 +11,7 @@ ** shareLink.name (string, required) : nom du reseau social -** shareLink.tag (string) : La balise utilisée pour le lien (default: a), si pas de href utiliser 'button' +** shareLink.markup (string) : La balise utilisée pour le lien (default: a), si pas de href utiliser 'button' ** shareLink.disabled (boolean, optional) : si valeur true, link désactivé @@ -26,7 +26,7 @@ const shareLink = locals.shareLink || {}; let shareLinkClasses = shareLink.classes || []; let shareLinkAttrs = shareLink.attributes || {}; -const tag = shareLink.tag || 'a'; +const markup = shareLink.markup || 'a'; shareLinkClasses.push(prefix + '-share__link'); shareLinkClasses.push(prefix + '-share__link--' + shareLink.name); @@ -37,7 +37,7 @@ if (shareLink.disabled === true) { delete shareLinkAttrs.rel; delete shareLinkAttrs.href; delete shareLinkAttrs.target; - switch(tag) { + switch(markup) { case 'input': case 'button': shareLinkAttrs.disabled = ''; @@ -52,4 +52,4 @@ if (shareLink.disabled === true) { %> <% if (shareLink.comments) { %> <% } %> -<<%= tag %> <%- includeClasses(shareLinkClasses)%> <%- includeAttrs(shareLinkAttrs); %>><%- shareLink.label %>> +<<%= markup %> <%- includeClasses(shareLinkClasses)%> <%- includeAttrs(shareLinkAttrs); %>><%- shareLink.label %>> diff --git a/src/component/share/template/ejs/share.ejs b/src/component/share/template/ejs/share.ejs index 5557fd31e..9e15bf0b4 100644 --- a/src/component/share/template/ejs/share.ejs +++ b/src/component/share/template/ejs/share.ejs @@ -33,7 +33,7 @@ const mapShareButton = (data) => { case 'twitter': case 'linkedin': button.disabled = share.disabled; - button.tag = 'a'; + button.markup = 'a'; button.href = data.url; button.blank = true; button.rel = 'noopener'; @@ -41,13 +41,13 @@ const mapShareButton = (data) => { break; case 'mail': - button.tag = 'a'; + button.markup = 'a'; button.href = data.url; button.blank = true; break; case 'copy': - button.tag = 'button'; + button.markup = 'button'; button.onclick = data.onclick; break; } diff --git a/src/component/sidemenu/legacy.scss b/src/component/sidemenu/legacy.scss index 584856af9..bf5845498 100644 --- a/src/component/sidemenu/legacy.scss +++ b/src/component/sidemenu/legacy.scss @@ -3,6 +3,7 @@ /// @group sidemenu //// +@import '../../core/style/path/path-2'; @import 'index'; @import 'style/legacy'; @import 'style/scheme'; diff --git a/src/component/sidemenu/style/_legacy.scss b/src/component/sidemenu/style/_legacy.scss index 965211a8d..ac805c047 100644 --- a/src/component/sidemenu/style/_legacy.scss +++ b/src/component/sidemenu/style/_legacy.scss @@ -7,14 +7,15 @@ /** * Correctif de la hauteur de la navigation latérale */ - #{ns(sidenav)} { + #{ns(sidemenu)} { height: auto; - } + @include disable-list-style-legacy; + @include disable-underline-legacy; - /** - * Reset de la liste à puce - */ - #{ns(sidemenu)}__item { - list-style: none; + &__btn { + &[aria-expanded] { + @include icon-legacy(arrow-down-s-line, sm); + } + } } } diff --git a/src/component/sidemenu/style/_module.scss b/src/component/sidemenu/style/_module.scss index 06bbfe06a..33e5c0454 100644 --- a/src/component/sidemenu/style/_module.scss +++ b/src/component/sidemenu/style/_module.scss @@ -3,33 +3,9 @@ /// @group sidemenu //// -#{ns(sidemenu)} { - @include disable-list-style; - @include disable-underline; - @include set-text-margin(0); - @include set-title-margin(0); - @include relative; - @include shadow(md); - @include margin-x(-4v); - - a:not([href]) { - cursor: default; - } - - @include scheme-element-no-box-shadow(md); - @include margin-x(0, md); - @include padding-right(8v, md); - - #{ns(collapse)} { - @include margin(-1v -1v 0); - @include padding(1v 1v 0); - @include margin-x(-1v, md); - @include padding-x(1v, md); - } - - @import 'module/title'; - @import 'module/list'; - @import 'module/inner'; - @import 'module/variants'; - @import 'module/action'; -} +@import 'module/base'; +@import 'module/title'; +@import 'module/list'; +@import 'module/inner'; +@import 'module/variants'; +@import 'module/action'; diff --git a/src/component/sidemenu/style/module/_base.scss b/src/component/sidemenu/style/module/_base.scss new file mode 100644 index 000000000..3754fba60 --- /dev/null +++ b/src/component/sidemenu/style/module/_base.scss @@ -0,0 +1,29 @@ +//// +/// Sidemenu Module : base +/// @group sidemenu +//// + +#{ns(sidemenu)} { + @include disable-list-style; + @include disable-underline; + @include set-text-margin(0); + @include set-title-margin(0); + @include relative; + @include shadow(md); + @include margin-x(-4v); + + a:not([href]) { + cursor: default; + } + + @include scheme-element-no-box-shadow(md); + @include margin-x(0, md); + @include padding-right(8v, md); + + #{ns(collapse)} { + @include margin(-1v -1v 0); + @include padding(1v 1v 0); + @include margin-x(-1v, md); + @include padding-x(1v, md); + } +} diff --git a/src/component/sidemenu/style/module/_inner.scss b/src/component/sidemenu/style/module/_inner.scss index 7d2914f99..0f18c7b97 100644 --- a/src/component/sidemenu/style/module/_inner.scss +++ b/src/component/sidemenu/style/module/_inner.scss @@ -3,29 +3,31 @@ /// @group sidemenu //// -&__inner { - @include padding(0 8v 0 1v, md); +#{ns(sidemenu)} { + &__inner { + @include padding(0 8v 0 1v, md); - /** - * Ce wrapper ne sert que pour la version mobile - * On l'utilise pour l'ouverture/fermeture du sidemenu entier - */ - > #{ns(collapse)} { - @include margin(-1v 3v 0); - @include padding(1v 1v 0); - @include padding(0, md); - @include margin(0, md); + /** + * Ce wrapper ne sert que pour la version mobile + * On l'utilise pour l'ouverture/fermeture du sidemenu entier + */ + > #{ns(collapse)} { + @include margin(-1v 3v 0); + @include padding(1v 1v 0); + @include padding(0, md); + @include margin(0, md); - @include respond-from(md) { - overflow: initial; - max-height: none; + @include respond-from(md) { + overflow: initial; + max-height: none; - @include before { - display: none; - } + @include before { + display: none; + } - &:not(#{ns(collapse)}--expanded) { - visibility: inherit; + &:not(#{ns(collapse)}--expanded) { + visibility: inherit; + } } } } diff --git a/src/component/sidemenu/style/module/_list.scss b/src/component/sidemenu/style/module/_list.scss index 8590507df..13dddee97 100644 --- a/src/component/sidemenu/style/module/_list.scss +++ b/src/component/sidemenu/style/module/_list.scss @@ -3,43 +3,46 @@ /// @group sidemenu //// -@include list { - font-weight: font-weight('bold'); - - #{ns(sidemenu__list)} { - @include margin(0 2v 6v); - @include margin(0 4v, md); - font-weight: font-weight(); - #{ns(sidemenu__link)}, - #{ns(sidemenu__btn)} { - @include text-style(md); - font-weight: font-weight(); - } +#{ns(sidemenu)} { + @include list { + font-weight: font-weight('bold'); #{ns(sidemenu__list)} { + @include margin(0 2v 6v); + @include margin(0 4v, md); + font-weight: font-weight(); + #{ns(sidemenu__link)}, #{ns(sidemenu__btn)} { - @include text-style(sm); - @include padding(3v 2v, md); + @include text-style(md); + font-weight: font-weight(); + } + + #{ns(sidemenu__list)} { + #{ns(sidemenu__link)}, + #{ns(sidemenu__btn)} { + @include text-style(sm); + @include padding(3v 2v, md); + } } } - } - @include margin(0,md); -} + @include margin(0, md); + } -@include list-item { - @include relative; - @include before('', block) { - @include absolute(0, 0, 0 , 0, 100%, 100%); - pointer-events: none; + @include list-item { + @include relative; + @include before('', block) { + @include absolute(0, 0, 0, 0, 100%, 100%); + pointer-events: none; - @include respond-from(md) { - content: none; + @include respond-from(md) { + content: none; + } } - } - & & & { - @include before(none); + & & & { + @include before(none); + } } } diff --git a/src/component/sidemenu/style/module/_title.scss b/src/component/sidemenu/style/module/_title.scss index 533b6d08f..0f1eafec2 100644 --- a/src/component/sidemenu/style/module/_title.scss +++ b/src/component/sidemenu/style/module/_title.scss @@ -3,14 +3,16 @@ /// @group sidemenu //// -/** -* Titre facultatif - */ -@include title { - @include padding(4v 0); - @include text-style(lg); - font-weight: font-weight(bold); +#{ns(sidemenu)} { + /** + * Titre facultatif + */ + @include title { + @include padding(4v 0); + @include text-style(lg); + font-weight: font-weight(bold); - @include margin(0 0 6v, md); - @include padding(0, md); + @include margin(0 0 6v, md); + @include padding(0, md); + } } diff --git a/src/component/sidemenu/style/module/_variants.scss b/src/component/sidemenu/style/module/_variants.scss index 750a34c46..0a2619af1 100644 --- a/src/component/sidemenu/style/module/_variants.scss +++ b/src/component/sidemenu/style/module/_variants.scss @@ -3,60 +3,62 @@ /// @group sidemenu //// -/** - * Variantes du sidemenu proposées juste à partir du breakpoint md - */ -@include respond-from(md) { +#{ns(sidemenu)} { /** - * Modificateur pour que le sidemenu s'adapte à un affichage à droite du contenu - * La bordure se met sur la gauche + * Variantes du sidemenu proposées juste à partir du breakpoint md */ - &--right { - @include padding-left(8v); - @include padding-right(0); + @include respond-from(md) { + /** + * Modificateur pour que le sidemenu s'adapte à un affichage à droite du contenu + * La bordure se met sur la gauche + */ + &--right { + @include padding-left(8v); + @include padding-right(0); - #{ns(sidemenu__inner)} { - @include padding(0 4v 0 8v); - border-right: 0; + #{ns(sidemenu__inner)} { + @include padding(0 4v 0 8v); + border-right: 0; + } } - } - /** - * Modificateur pour que le sidemenu soit sticky - */ - &--sticky { - @include sticky(0); + /** + * Modificateur pour que le sidemenu soit sticky + */ + &--sticky { + @include sticky(0); - #{ns(sidemenu__inner)} { - @include padding-top(2v); - overflow: auto; - max-height: 100vh; + #{ns(sidemenu__inner)} { + @include padding-top(2v); + overflow: auto; + max-height: 100vh; + } } - } - /** - * Modificateur pour que le sidemenu soit à la fois sticky et prenne toute la hauteur de la page - */ - &--sticky-full-height { - @include sticky(0, null, null, null, null, 100vh); + /** + * Modificateur pour que le sidemenu soit à la fois sticky et prenne toute la hauteur de la page + */ + &--sticky-full-height { + @include sticky(0, null, null, null, null, 100vh); - #{ns(sidemenu__inner)} { - @include padding-top(2v); - overflow: auto; - @include size(null, 100%); + #{ns(sidemenu__inner)} { + @include padding-top(2v); + overflow: auto; + @include size(null, 100%); + } } - } - /** - * Modificateur pour avoir une bordure tout autour du sidemenu - */ - &--full-border { - #{ns(sidemenu__title)} { - @include padding-top(2v); - } + /** + * Modificateur pour avoir une bordure tout autour du sidemenu + */ + &--full-border { + #{ns(sidemenu__title)} { + @include padding-top(2v); + } - #{ns(sidemenu__inner)} { - @include padding(0 1v); + #{ns(sidemenu__inner)} { + @include padding(0 1v); + } } } } diff --git a/src/component/tab/style/_legacy.scss b/src/component/tab/style/_legacy.scss index 2fc7ee96d..610b8884f 100644 --- a/src/component/tab/style/_legacy.scss +++ b/src/component/tab/style/_legacy.scss @@ -8,11 +8,10 @@ * Reset liste à puce */ #{ns(tabs)} { - &__list { - list-style: none; - } + @include disable-list-style-legacy; &__panel { + @include enable-list-style-legacy; @include enable-underline-legacy; } } diff --git a/src/component/tag/example/index.ejs b/src/component/tag/example/index.ejs index 2efc7a679..27a76a315 100755 --- a/src/component/tag/example/index.ejs +++ b/src/component/tag/example/index.ejs @@ -11,7 +11,7 @@ <%- sample('Tag cliquable SM', './sample/tag-clickable', {tag:{size:'sm'}}, true); %> <%- sample('Tag cliquable accentué', './sample/tag-clickable', {tag:{accent: 'green-emeraude'}}, true); %> <%- sample('Tag cliquable désactivé', './sample/tag-clickable', {tag:{disabled:true}}, true); %> -<%- sample('Tag bouton cliquable désactivé', './sample/tag-clickable', {tag:{tag: 'button', disabled:true}}, true); %> +<%- sample('Tag bouton cliquable désactivé', './sample/tag-clickable', {tag:{markup: 'button', disabled:true}}, true); %> <%- sample('Tag cliquable désactivé SM', './sample/tag-clickable', {tag:{size:'sm', disabled:true}}, true); %> <%- section('Tag sélectionnable', 'Le tag sélectionnable n\'autorise pas l\'accentuation.') %> @@ -25,7 +25,7 @@ <%- sample('Tag supprimable taille sm', './sample/tag-dismissable', {tag:{size:'sm'}}, true); %> <%- sample('Tag supprimable désactivé', './sample/tag-dismissable', {tag:{disabled:true}}, true); %> -<%- section('Groupes de tags', 'Lorsque que l\'on a plus d\'un tag, il convient d\'utiliser un groupe de tag.
    La taille de tous les tags peut être définie au niveau du groupe.') %> +<%- section('Groupe de tags', 'Lorsque que l\'on a plus d\'un tag, il convient d\'utiliser un groupe de tags.
    La taille de tous les tags peut être définie au niveau du groupe.') %> <%- sample('Groupe de tags non cliquables', './sample/tags-group', {tagsGroup:{groupCount: 9}}, true); %> <%- sample('Groupe de tags non cliquables SM', './sample/tags-group', {tagsGroup:{size: 'sm', groupCount: 9}}, true); %> <%- sample('Groupe de tags cliquables', './sample/tags-group', {tagsGroup:{type:'clickable', groupCount: 9}}, true); %> diff --git a/src/component/tag/example/sample/tag-default.ejs b/src/component/tag/example/sample/tag-default.ejs index 0bf875245..3fa7d7b41 100755 --- a/src/component/tag/example/sample/tag-default.ejs +++ b/src/component/tag/example/sample/tag-default.ejs @@ -1,5 +1,5 @@ <% -let tag = locals.tag || {}; +let tag = locals.tag || {}; let data = { label: 'Label tag', ...tag diff --git a/src/component/tag/example/sample/tag-dismissable.ejs b/src/component/tag/example/sample/tag-dismissable.ejs index 4c797e11b..84684fee7 100755 --- a/src/component/tag/example/sample/tag-dismissable.ejs +++ b/src/component/tag/example/sample/tag-dismissable.ejs @@ -1,5 +1,5 @@ <% -let tag = locals.tag || {}; +let tag = locals.tag || {}; let data = { ...tag, type: 'dismissable', diff --git a/src/component/tag/example/sample/tags-group.ejs b/src/component/tag/example/sample/tags-group.ejs index 7c5f598a1..395b04433 100755 --- a/src/component/tag/example/sample/tags-group.ejs +++ b/src/component/tag/example/sample/tags-group.ejs @@ -1,28 +1,3 @@ -<%# -# exemple groupe de tags - -* tagsGroup.tags (array, optional): permet de définir les tags individuellement - -* tagsGroup.size (string, optional): Défini la taille des tags dans le groupe (valeur possible: 'sm') - -* tagsGroup.groupCount (integer, optional): Si tags n'est pas définie, groupCount permet de générer ce nombre de tags dans le groupe - -* tagsGroup.label (string, optional): Si tags n'est pas définie, label est défini pour tous les tags - -* tagsGroup.icon (string, optional): Si tags n'est pas définie, l'icone est définie pour tous les tags - -* tagsGroup.type (string, optional): Si tags n'est pas définie, le type est défini pour tous les tags - -* tagsGroup.disabled (boolean, optional): Si tags n'est pas définie, disabled est défini pour tous les tags - -* tagsGroup.tag (string, optional): Si tags n'est pas définie, le tag est défini pour tous les tags - -* tagsGroup.tagAttributes (object, optional): Si tags n'est pas définie, les tagAttributes sont définis pour tous les tags - -* tagsGroup.tagClasses (array, optional): Si tags n'est pas définie, les tagclasses sont définies pour tous les tags - - -#%> <% const tagsGroup = locals.tagsGroup || {} const tags = tagsGroup.tags || []; @@ -35,7 +10,7 @@ if (!tags.length && tagsGroup.groupCount !== undefined) { icon: tagsGroup.icon, type: tagsGroup.type, disabled: tagsGroup.disabled, - tag: tagsGroup.tag, + markup: tagsGroup.markup, attributes: tagsGroup.tagAttributes, classes: tagsGroup.tagClasses, }); diff --git a/src/component/tag/style/_legacy.scss b/src/component/tag/style/_legacy.scss index 1476500d2..262201800 100644 --- a/src/component/tag/style/_legacy.scss +++ b/src/component/tag/style/_legacy.scss @@ -4,43 +4,47 @@ //// @include legacy(ie11) { - &#{ns(tag)} { + #{ns(tag)} { @include icon-legacy(null, sm); - &#{ns(tag)}--sm { + #{ns(tag)}--sm { @include icon-legacy(null, xs, before); } } @include clickable-selector { - &#{ns(tag)} { + #{ns(tag)} { // empeche le hover du tag pressable sur ie @include pressed-selector(true) { background-size: 100% 100%, 100% 100%; @include icon-legacy(checkbox-circle-line, sm, after); - &#{ns(tag)}--sm { + #{ns(tag)}--sm { @include icon-legacy(null, xs, after); @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% #{space(0.75v)}, transparent #{space(1.79v)}, $COLOR #{space(2v)}))); } } - &#{ns(tag)}--dismiss { + #{ns(tag)}--dismiss { @include icon-legacy(close-line, sm, after); - &#{ns(tag)}--sm { + #{ns(tag)}--sm { @include icon-legacy(null, xs, after); } } } } - &#{ns-group(tags)}--sm { + #{ns-group(tags)} { + @include disable-list-style-legacy(true); + } + + #{ns-group(tags)}--sm { @include icon-legacy(null, sm); @include clickable-selector { - &#{ns(tag)} { - &#{ns(tag)}--dismiss { + #{ns(tag)} { + #{ns(tag)}--dismiss { @include icon-legacy(null, xs, after); } @@ -57,7 +61,7 @@ } @include clickable-selector { - &#{ns(tag)} { + #{ns(tag)} { // empeche le hover du tag pressable sur ie @include pressed-selector(true) { @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% space(1v), transparent space(2.3125v), $COLOR space(2.5v)) )); diff --git a/src/component/tag/template/ejs/tag.ejs b/src/component/tag/template/ejs/tag.ejs index d2d191448..aeb285cd1 100644 --- a/src/component/tag/template/ejs/tag.ejs +++ b/src/component/tag/template/ejs/tag.ejs @@ -38,7 +38,7 @@ <% let tag = locals.tag || {}; let tagClasses = tag.classes || []; -let tagAttrs = tag.attributes || {}; +let tagAttrs = tag.attributes || {}; tagClasses.push(prefix + '-tag'); @@ -52,7 +52,7 @@ switch(tag.size) { switch(tag.type) { case 'clickable': - if (tag.tag === undefined) tag.tag = 'a'; + if (tag.markup === undefined) tag.markup = 'a'; if (tag.disabled !== true) { tagAttrs.href = tag.href || contentPlaceholder('url'); switch (true) { @@ -66,16 +66,16 @@ switch(tag.type) { } break; case 'pressable': - if (tag.tag === undefined) tag.tag = 'button'; + if (tag.markup === undefined) tag.markup = 'button'; tagAttrs["aria-pressed"] = 'false'; break; case 'dismissable': - if (tag.tag === undefined) tag.tag = 'button'; + if (tag.markup === undefined) tag.markup = 'button'; tagClasses.push(prefix + '-tag--dismiss'); tagAttrs["aria-label"] = 'Retirer ' + contentPlaceholder('le filtre ' + tag.label); break; default: - if (tag.tag === undefined) tag.tag = 'p'; + if (tag.markup === undefined) tag.markup = 'p'; break; } @@ -92,7 +92,7 @@ if (tag.iconPlace !== undefined) switch(tag.iconPlace) { } if (tag.disabled === true) { - switch(tag.tag) { + switch(tag.markup) { case 'input': case 'button': tagAttrs.disabled = ''; @@ -108,4 +108,4 @@ if (tag.disabled === true) { tagAttrs = {...tagAttrs, ...tag.attributes}; // place les attributs venant du sample à la fin %> -<<%= tag.tag %> <%- includeClasses(tagClasses)%> <%- includeAttrs(tagAttrs); %>><%- tag.label %>> +<<%= tag.markup %> <%- includeClasses(tagClasses)%> <%- includeAttrs(tagAttrs); %>><%- tag.label %>> diff --git a/src/component/tag/template/ejs/tags-group.ejs b/src/component/tag/template/ejs/tags-group.ejs index 810fced13..c7fdde260 100644 --- a/src/component/tag/template/ejs/tags-group.ejs +++ b/src/component/tag/template/ejs/tags-group.ejs @@ -1,14 +1,14 @@ <%# -# paramètres groupe de boutons +# paramètres groupe de tags -* tagsGroup.tags (array, required): paramètres spécifique de chaque bouton du groupe +* tagsGroup.tags (array, required): paramètres spécifique de chaque tag du groupe -* tagsGroup.size (string, optional) : définie la taille des boutons dans le groupe (default md) +* tagsGroup.size (string, optional) : définie la taille des tags dans le groupe (default md) * sm : Tags taille sm -* tagsGroup.classes (array, optionnal) : Classes suplémentaires sur le groupe de bouton +* tagsGroup.classes (array, optionnal) : Classes suplémentaires sur le groupe de tags -* tagsGroup.attributes (object, optionnal) : Attributs suplémentaires sur le groupe de boutons +* tagsGroup.attributes (object, optionnal) : Attributs suplémentaires sur le groupe de tags #%> @@ -31,7 +31,7 @@ switch(tagsGroup.size) {
      <%- includeAttrs(groupAttrs) %>> <% for (let i = 0; i < tags.length; i++) { %>
    • - <%- include('./tag.ejs', {tag:{...tags[i]}}); %> + <%- include('./tag.ejs', { tag: tags[i] }); %>
      • <% } %>
    diff --git a/src/core/example/media/index.ejs b/src/core/example/media/index.ejs index a76989028..611e4af84 100644 --- a/src/core/example/media/index.ejs +++ b/src/core/example/media/index.ejs @@ -1,5 +1,12 @@ <% const sample = getSample(include); %> -<%- sample('Responsives img', './sample/img.ejs', {}, true); %> -<%- sample('Responsives videos default 16x9', './sample/vid.ejs', {}, true); %> -<%- sample('esponsives videos ratio d\'aspect 4x3', './sample/vid--4x3.ejs', {}, true); %> -<%- sample('esponsives videos ratio d\'aspect 1x1', './sample/vid--1x1.ejs', {}, true); %> +<%- sample('Image responsive', './sample/img.ejs', {}, true); %> + +<% for (const ratio of ['32x9', '16x9', '3x2', '4x3', '1x1', '3x4', '2x3']) { %> +<%- sample(`Image responsive avec ratio d'aspect ${ratio}`, './sample/img.ejs', { media: {ratio: ratio}}, true); %> +<% } %> + +<%- sample('Vidéo responsive avec ratio d\'aspect 16x9 par défaut', './sample/vid.ejs', {}, true); %> + +<% for (const ratio of ['4x3', '1x1']) { %> +<%- sample(`Vidéo responsive avec ratio d'aspect ${ratio}`, './sample/vid.ejs', { media: {ratio: ratio}}, true); %> +<% } %> diff --git a/src/core/example/media/sample/img.ejs b/src/core/example/media/sample/img.ejs index fa3a5ffb7..de4ac9644 100644 --- a/src/core/example/media/sample/img.ejs +++ b/src/core/example/media/sample/img.ejs @@ -1,3 +1,6 @@ +<% + const media = locals.media || {}; + %>
    - <%- include('../../../template/ejs/media/responsive-img', {media: imgData(null, 'unknown')}); %> + <%- include('../../../template/ejs/media/responsive-img', {media: {...imgData(null, 'unknown'), ...media}}); %>
    diff --git a/src/core/example/media/sample/vid.ejs b/src/core/example/media/sample/vid.ejs index 34a91f212..9e9e3c8c5 100644 --- a/src/core/example/media/sample/vid.ejs +++ b/src/core/example/media/sample/vid.ejs @@ -1,11 +1,6 @@ <% let data = { - title: 'titre de l’iframe', - src: 'https://www.youtube.com/embed/HyirpmPL43I', - attributes: { - allow:'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', - allowfullscreen:'' - }, + ...vidData(), ...locals.media } %> diff --git a/src/core/example/reset/sample/list.ejs b/src/core/example/reset/sample/list.ejs index c5ee5b7f6..28ff7227a 100644 --- a/src/core/example/reset/sample/list.ejs +++ b/src/core/example/reset/sample/list.ejs @@ -1,11 +1,11 @@ <% let list = locals.list || {lis:[]}; - let tag = list.ordered === true ? 'ol' : 'ul'; + let markup = list.ordered === true ? 'ol' : 'ul'; %> -<<%= tag %> <%- includeClasses(list.classes); %>> +<<%= markup %> <%- includeClasses(list.classes); %>> <% for (let i = 0; i < list.lis.length; i++) { let li = list.lis[i]; %> @@ -25,4 +25,4 @@ } %> <% } %> -> +> diff --git a/src/core/style/_legacy.scss b/src/core/style/_legacy.scss index c31d2dba9..a0ecb8194 100644 --- a/src/core/style/_legacy.scss +++ b/src/core/style/_legacy.scss @@ -4,5 +4,6 @@ //// @import 'action/legacy'; +@import 'media/legacy'; @import 'typography/legacy'; @import 'icon/legacy'; diff --git a/src/core/style/action/tool/_hover.scss b/src/core/style/action/tool/_hover.scss index ba253c74f..0b22d19ba 100644 --- a/src/core/style/action/tool/_hover.scss +++ b/src/core/style/action/tool/_hover.scss @@ -71,12 +71,16 @@ @mixin hover-brighten ($element, $img) { @at-root #{$element} { - &:hover #{$img} { - --brightness: calc(100% + var(--brighten) * #{$hover-brighten}); + &:hover { + #{$img} { + --brightness: calc(100% + var(--brighten) * #{$hover-brighten}); + } } - &:active #{$img} { - --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2}); + &:active { + #{$img} { + --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2}); + } } } } diff --git a/src/core/style/action/tool/_link.scss b/src/core/style/action/tool/_link.scss index 4f923edda..24ed82a38 100644 --- a/src/core/style/action/tool/_link.scss +++ b/src/core/style/action/tool/_link.scss @@ -44,14 +44,14 @@ $underline-thickness: 0.0625em; @mixin link-underline() { background-image: var(--underline-img), var(--underline-img); - background-position: 50% calc(50% + #{11.5 * $underline-thickness }), 50% calc(50% + #{10.5 * $underline-thickness }); + background-position: 50% calc(50% + #{10.5 * $underline-thickness }), 50% calc(50% + #{10.5 * $underline-thickness }); background-repeat: no-repeat, no-repeat; transition: background-size 0s; @include link-underline-background-size(100%, 0); } @mixin link-underline-background-size($base-width: 100%, $hover-width: 100%) { - background-size: #{$hover-width} #{$underline-thickness }, #{$base-width} #{$underline-thickness }; + background-size: #{$hover-width} #{$underline-thickness * 2 }, #{$base-width} #{$underline-thickness }; } @mixin hover-underline () { diff --git a/src/core/style/icon/_tool.scss b/src/core/style/icon/_tool.scss index 84154719c..c97f5b94d 100644 --- a/src/core/style/icon/_tool.scss +++ b/src/core/style/icon/_tool.scss @@ -48,7 +48,18 @@ } } -@mixin icon-content($icon, $pseudo: before, $important: false, $content: '') { +@mixin icon-size-legacy($size:md, $pseudo: null) { + $selector: null; + @if $pseudo == before or $pseudo == after { + $selector: '&::#{$pseudo}'; + } + @include nest($selector) { + $size: icon-size($size); + @include size($size, $size); + } +} + +@mixin icon-content($icon, $pseudo: before, $important: false, $content: null) { @include _pseudo($pseudo, $content) { $url: get-url-icon($icon, $important); -webkit-mask-image: $url; @@ -56,8 +67,15 @@ } } -@mixin icon-style($pseudo: before) { - @include _pseudo($pseudo) { +@mixin icon-content-legacy($icon, $pseudo: before, $important: false, $content: null) { + @include _pseudo($pseudo, $content) { + $url: get-url-icon($icon, $important); + background-image: $url; + } +} + +@mixin icon-style($pseudo: before, $content: '') { + @include _pseudo($pseudo, $content) { flex: 0 0 auto; display: inline-block; vertical-align: middle; @@ -69,8 +87,20 @@ } } +@mixin icon-style-legacy($pseudo: before, $content: null) { + @include _pseudo($pseudo, $content) { + background-color: transparent; + background-size: 100%; + background-repeat: no-repeat; + } +} + @mixin icon($icon: null, $size: md, $pseudo: before, $init: true) { @if $init { + $content: ''; + @if $icon == null { + $content: null; + } @include icon-style($pseudo); } @@ -88,22 +118,23 @@ } @mixin icon-legacy($icon: null, $size: md, $pseudo: before, $init: true) { - @include _pseudo($pseudo) { - @if $init { - background-color: transparent; - background-size: 100%; - background-repeat: no-repeat; - } - + @if $init { + $content: null; @if $icon != null { content: ''; - background-image: get-url-icon($icon, false); } + @include icon-style-legacy($pseudo, $content); + } - @if $size != null { - $size: icon-size($size); - @include size($size, $size); - } + @if $icon != null { + @include icon-content-legacy($icon, $pseudo); + } + + @if $size != null { + @include icon-size-legacy($size, $pseudo); + } + + @include _pseudo($pseudo) { @content; } } @@ -127,7 +158,7 @@ } @each $icon, $setting in $icons-settings { #{ns(#{$base}-#{$icon})} { - @include icon-legacy($icon, null, before, false); + @include icon-content-legacy($icon, before, true); } } } diff --git a/src/core/style/media/_legacy.scss b/src/core/style/media/_legacy.scss new file mode 100644 index 000000000..32a3d1887 --- /dev/null +++ b/src/core/style/media/_legacy.scss @@ -0,0 +1,29 @@ +//// +/// Core Legacy : Medias +/// @group core +//// + +@include legacy(ie11) { + #{ns(responsive-img)} { + // @each $ratio, $value in $ratio-scale { + // &--#{$ratio} { + // position: relative; + // @include aspect-ratio-legacy($ratio, true); + + // img, svg { + // @include absolute(0, 0, 0, 0, 100%, 100%); + // } + // } + // } + } + + #{ns(responsive-vid)} { + @include aspect-ratio-legacy(); + + @each $ratio in (16x9 4x3 1x1) { + &--#{$ratio} { + @include aspect-ratio-legacy($ratio, true); + } + } + } +} diff --git a/src/core/style/media/_module.scss b/src/core/style/media/_module.scss index 48a23ef6f..c6f37d8eb 100644 --- a/src/core/style/media/_module.scss +++ b/src/core/style/media/_module.scss @@ -5,6 +5,13 @@ #{ns(responsive-img)} { @include size(100%, auto); + + @each $ratio, $value in $ratio-scale { + &--#{$ratio} { + @include aspect-ratio($ratio, true); + @include fit-cover-center; + } + } } #{ns(responsive-vid)} { @@ -13,12 +20,10 @@ @include aspect-ratio(); - &--4x3 { - @include aspect-ratio(4x3, false); - } - - &--1x1 { - @include aspect-ratio(1x1, false); + @each $ratio in (16x9 4x3 1x1) { + &--#{$ratio} { + @include aspect-ratio($ratio, true); + } } &__player, & > #{ns(consent-placeholder)} { diff --git a/src/core/style/media/_setting.scss b/src/core/style/media/_setting.scss index 2ebcdc0c8..7da070b7d 100644 --- a/src/core/style/media/_setting.scss +++ b/src/core/style/media/_setting.scss @@ -5,11 +5,11 @@ // Ratio $ratio-scale: ( - 32x9: 100% * 9 / 32, - 16x9: 100% * 9 / 16, - 3x2: 100% * 2 / 3, - 4x3: 100% * 3 / 4, - 1x1: 100%, - 3x4: 100% * 4 / 3, - 2x3: 100% * 3 / 2 + 32x9: 32 / 9, + 16x9: 16 / 9, + 3x2: 1.5, + 4x3: 4 / 3, + 1x1: 1, + 3x4: 0.75, + 2x3: 2 / 3 ); diff --git a/src/core/style/media/_tool.scss b/src/core/style/media/_tool.scss index 7c72f0c7c..7b1bf1f15 100644 --- a/src/core/style/media/_tool.scss +++ b/src/core/style/media/_tool.scss @@ -6,19 +6,18 @@ /// Force un ratio d'aspect sur le block par l'ajout d'un pseudo-element en before /// @param {String} $ratio - key du ratio attendu selon la map $ratio-scale /// @param {Size | Bool} $block - détermine si le block est créé et sa taille correspondante -@mixin aspect-ratio($ratio: 16x9, $block: 100%) { - @include before('', block) { - @if $block != false { - @if $block == true { - $block: 100%; - } - @include size($block); - } - padding-bottom: map_get($ratio-scale, $ratio); - } +@mixin aspect-ratio($ratio: 16x9, $important: false) { + aspect-ratio: important(map_get($ratio-scale, $ratio), $important); } @mixin media-overlay-cover { @include fit-cover-center; @include absolute(0, 0, 0, 0, 100%, 100%); } + +@mixin aspect-ratio-legacy($ratio: 16x9, $important: false) { + @include before('', block) { + $pb: important(100% / map_get($ratio-scale, $ratio), $important); + padding-bottom: $pb; + } +} diff --git a/src/core/style/spacing/tool/_position.scss b/src/core/style/spacing/tool/_position.scss index c2ecc989e..7abefec66 100644 --- a/src/core/style/spacing/tool/_position.scss +++ b/src/core/style/spacing/tool/_position.scss @@ -38,3 +38,19 @@ @mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) { @include position(sticky, $top, $right, $bottom, $left, $width, $height); } + +@mixin top($top) { + top: space($top); +} + +@mixin right($top) { + right: space($top); +} + +@mixin bottom($top) { + bottom: space($top); +} + +@mixin left($top) { + left: space($top); +} diff --git a/src/core/style/typography/_legacy.scss b/src/core/style/typography/_legacy.scss index abe774f86..4892836f1 100644 --- a/src/core/style/typography/_legacy.scss +++ b/src/core/style/typography/_legacy.scss @@ -3,16 +3,6 @@ /// @group core //// -ul { - list-style-type: disc; -} - -ol { - list-style-type: decimal; -} - -ul, -ol { - @include padding-left(4v); - @include margin-y(2v); +@include legacy(ie11) { + @include enable-list-style-legacy; } diff --git a/src/core/style/typography/tool/_list.scss b/src/core/style/typography/tool/_list.scss index 2652ab02e..aeeaaec88 100644 --- a/src/core/style/typography/tool/_list.scss +++ b/src/core/style/typography/tool/_list.scss @@ -31,3 +31,55 @@ --li-bottom: 0; --ol-content: none; } + +@mixin enable-list-style-legacy($unify: false) { + $ul: ul; + $ol: ol; + + @if $unify { + $ul: selector-associate('&', 'ul'); + $ol: selector-associate('&', 'ol'); + } + + @at-root { + #{$ul} { + list-style-type: disc; + } + + #{$ol} { + list-style-type: decimal; + } + + #{$ul}, + #{$ol} { + @include padding-left(4v); + @include margin-y(2v); + } + } +} + +@mixin disable-list-style-legacy($unify: false) { + $ul: & ul; + $ol: & ol; + + @if $unify { + $ul: selector-associate(&, ul); + $ol: selector-associate(&, ol); + } + + @at-root { + #{$ul} { + list-style-type: none; + } + + #{$ol} { + list-style-type: none; + } + + #{$ul}, + #{$ol} { + @include padding-left(0); + @include margin-y(0); + } + } +} diff --git a/src/core/template/ejs/media/responsive-img.ejs b/src/core/template/ejs/media/responsive-img.ejs index a120ab334..2ae5e6123 100644 --- a/src/core/template/ejs/media/responsive-img.ejs +++ b/src/core/template/ejs/media/responsive-img.ejs @@ -5,6 +5,8 @@ * media.alt (string, optional): texte alternatif de l'image (peut être vide si l'image est illlustrative) +* media.ratio (string, optional): ratio forcé de l'image + * media.classes (array, optional) : classes supplémentaires sur l'image * media.attributes (object, optional) : Attributs supplémentaires sur l'image @@ -18,6 +20,17 @@ let media = locals.media || {}; const mediaClasses = media.classes || []; mediaClasses.push(`${prefix}-responsive-img`); + switch (media.ratio) { + case '32x9': + case '16x9': + case '3x2': + case '4x3': + case '1x1': + case '3x4': + case '2x3': + mediaClasses.push(`${prefix}-responsive-img--${media.ratio}`); + break; + } %> <%- include('img.ejs', {media: {...media, classes: mediaClasses}}); %> diff --git a/src/core/template/ejs/media/responsive-vid.ejs b/src/core/template/ejs/media/responsive-vid.ejs index 2bab4d060..d37d28345 100644 --- a/src/core/template/ejs/media/responsive-vid.ejs +++ b/src/core/template/ejs/media/responsive-vid.ejs @@ -3,7 +3,7 @@ * media.title : titre de l'iframe -* media.vid : url de la vidéo +* media.src : url de la vidéo * media.ratio (string, optional) : modificateur de ratio valeurs : @@ -21,11 +21,8 @@ switch(media.ratio) { case '4x3': - vidClasses.push(prefix + '-responsive-vid--4x3'); - break; - case '1x1': - vidClasses.push(prefix + '-responsive-vid--1x1'); + vidClasses.push(`${prefix}-responsive-vid--${media.ratio}`); break; } %> diff --git a/tool/example/wrapper.ejs b/tool/example/wrapper.ejs index b43112947..b7bda8299 100644 --- a/tool/example/wrapper.ejs +++ b/tool/example/wrapper.ejs @@ -105,6 +105,21 @@ const imgData = (src, alt, comment, style) => { locals.imgData = imgData; +const vidData = (src, title, attributes) => { + const data = { + src: src || 'https://www.youtube.com/embed/HyirpmPL43I', + title: title || 'Titre de l\'iframe', + attributes: { + allow:'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture', + allowfullscreen:'', + ...attributes + } + }; + return data; +} + +locals.vidData = vidData; + const randomContent = (id) => { let content = ''; if (sampling) return content; From 6273f4cb3f5d8f1a5efce8d21a2aefdfb84e0213 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Tue, 19 Apr 2022 14:29:23 +0200 Subject: [PATCH 10/24] fix(accordion) icone moins n'apparait plus [DS-2280](#275) --- src/component/accordion/style/_module.scss | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/component/accordion/style/_module.scss b/src/component/accordion/style/_module.scss index 355202276..55f5abde1 100644 --- a/src/component/accordion/style/_module.scss +++ b/src/component/accordion/style/_module.scss @@ -33,11 +33,9 @@ &[aria-expanded="true"] { @include font-weight('bold'); - - @include before { - @include icon-content(subtract-line); - } + @include icon-content(subtract-line, before); } + @include padding(3v 0); @include padding(3v 4v, md); } From b295c5bf685c09d713966d92ac53b5807f64906b Mon Sep 17 00:00:00 2001 From: Mlbiche <33522659+mlbiche@users.noreply.github.com> Date: Tue, 19 Apr 2022 19:03:33 +0200 Subject: [PATCH 11/24] chore: suppression de node-sass-json-importer (#278) --- CONTRIBUTING.md | 20 ++-- README.md | 2 +- SECURITY.md | 2 +- package.json | 1 - tool/build/styles.js | 3 +- tool/module/node-sass-json-importer.js | 130 ------------------------- yarn.lock | 16 +-- 7 files changed, 14 insertions(+), 160 deletions(-) delete mode 100644 tool/module/node-sass-json-importer.js diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 6d511215d..4460cf982 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -136,7 +136,7 @@ Le DSFR utilise Sass pour la génération automatique des styles liés à chaque Les fichiers à la racine du composant importent les éléments nécessaires depuis le dossier style. Ceux-ci étant des points d'entrée principaux, ils n'ont pas d'underscore et ne contiennent que des `@import`, pas de déclaration. - - index.scss : Fichier permettant de donner accès aux mixins, fonctions et settings du composant. Les fichiers importés ne continnent pas de déclaration directe et par conséquent il ne produit pas de code. Il importe également les index des dépendances. + - index.scss : Fichier permettant de donner accès aux mixins, fonctions et settings du composant. Les fichiers importés ne contiennent pas de déclaration directe et par conséquent il ne produit pas de code. Il importe également les index des dépendances. - main.scss : Fichier principal du composant servant d'entrée, il produit l'essentiel du code du composant. Il importe le fichier index ainsi que des fichiers modules du composant - legacy.scss : Permet de générer un fichier séparé pour le support navigateur @@ -148,7 +148,7 @@ Dans le dossier style, on retrouve les fichiers suivants lorsqu'ils s'avèrent p - _function.scss : Contient les `functions` pouvant être utilisés par le composant - _tool.scss : Contient les `mixins` pouvant être utilisées par le composant -Afin de limiter la longeur des fichiers de code (maximum une centaine de ligne), ces fichiers peuvent être redécomposer en sous fichiers qui prendront place dans des sous-dossier du même nom. +Afin de limiter la longueur des fichiers de code (maximum une centaine de ligne), ces fichiers peuvent être découpés en sous fichiers qui prendront place dans des sous-dossier du même nom. ### Javascript @@ -173,12 +173,12 @@ Certains packages font utilisation de javascript, afin d'apporter une couche int `main.js` : importe l'index et permet l'initialisation du composant. -Un dossier `script` qui contient un dossier par fonctionalité js, ici `navigation` puis : +Un dossier `script` qui contient un dossier par fonctionnalité js, ici `navigation` puis : `navigation.js` (ou nom-classe.js) contient le code de la fonctionnalité js, structurée en classes instanciables (es6) . Lors du `yarn release`, le javascript est compilé en version "module" (es6) et "nomodule" (es5), ainsi qu'en version .min et .map. -En mode développement, `yarn build` permet de regénérer uniquement la version .module.js (es6 non minifié) +En mode développement, `yarn build` permet de générer uniquement la version .module.js (es6 non minifié) ### EJS Nous utilisons au sein du DSFR, le langage de template EJS ([documentation officielle](https://ejs.co/#docs)), permettant la génération des pages d'exemples au format HTML, ainsi que les snippets de code de manière automatisée. @@ -196,12 +196,12 @@ Les fichiers ejs sont séparés dans 2 dossiers, par exemple pour le package `ca ``` Dans le dossier `example`, -`ìndex.ejs` est la page d'exemple publiée, elle affiche les différents exemples grâce à la fonction `sample()` (qui inclut l'exemple et le snippet de code) +`index.ejs` est la page d'exemple publiée, elle affiche les différents exemples grâce à la fonction `sample()` (qui inclut l'exemple et le snippet de code) Le dossier `samples` contient les différents types d'examples (inclusion des templates avec des données d'exemples) Dans le dossier `templates`, on insère ici les templates dans un sous-dossier nommé en fonction du système de templating utilisé (`ejs` pour l'instant). Ces templates sont paramétrables pour y injecter des données. Chaque fichier possède une documentation sommaire détaillant ces paramètres. -Pour accèder aux fonctions du core (comme `includeClasses()` et `includeAttr()`), chaque template inclut l'`index.ejs` de core au début du fichier : ```<% eval(include('../../../core/index.ejs')); %>``` +Pour accéder aux fonctions du core (comme `includeClasses()` et `includeAttr()`), chaque template inclut l'`index.ejs` de core au début du fichier : ```<% eval(include('../../../core/index.ejs')); %>``` La commande `yarn release` permet de générer toutes les page d'exemple. Plus spécifiquement avec la commande `yarn build`, le paramètre `-h` permet de reconstruire uniquement l'html : `yarn build -h [-p idPackage]`, avec `-p` pour préciser le(s) package(s). @@ -215,7 +215,7 @@ git checkout -b prefixe/ma-branche dev ``` ##### Nommage des branches -Afin d'organiser et d'identifier rapidement la nature du contenu des branches, il est nécessaire de prefixer les branches : +Afin d'organiser et d'identifier rapidement la nature du contenu des branches, il est nécessaire de préfixer les branches : feature/nom-de-la-branche pour les nouvelles fonctionnalités ou nouveaux composants. fix/nom-de-la-branche pour les correctifs apportés sur des fonctionnalités ou composants existants. @@ -238,7 +238,7 @@ Les valeurs possibles pour le `type` de commit sont : * **BREAKING CHANGE**: Un commit avec un footer `BREAKING CHANGE:` introduit un changement important dans le code ([[MAJOR]](https://semver.org/#summary)) -Les messages de commits sont écrits en français (exeption faite des mots réservés par conventional commit, ainsi que les termes techniques). +Les messages de commits sont écrits en français (exception faite des mots réservés par conventional commit, ainsi que les termes techniques). Exemple de commit simple : @@ -300,7 +300,7 @@ En mode développement, il est possible d'utiliser la commande : ``` yarn build ``` -Cette commande permet de générer uniquement les fichiers css/js/html. Cette commande est plus rapide puisqu'elle n'éxécute pas les test, et ne compile pas les fichier .map, .md, .min.css, .nomodule.js... +Cette commande permet de générer uniquement les fichiers css/js/html. Cette commande est plus rapide puisqu'elle n'exécute pas les test, et ne compile pas les fichier .map, .md, .min.css, .nomodule.js... De plus, grâce au paramètre `-p` il est possible de spécifier uniquement les packages que l'on souhaite recompiler. Pour voir les différents paramètres disponibles : `yarn build --help` @@ -325,7 +325,7 @@ Cette commande permet la génération de la doc dans le dossier `sassdoc`, à la ### Tests Afin de s'assurer de la qualité du code, nous utilisons des tests automatisés qu'il est nécessaire d'exécuter régulièrement pour vérifier que le code du DSFR reste valide et cohérent, notamment avant d'effectuer des pull requests sur le repository de production, et avant publication sur NPM. -Ces tests sont éxecutés lors de la commande : `yarn release` +Ces tests sont exécutés lors de la commande : `yarn release` Ou plus spécifiquement avec : ``` diff --git a/README.md b/README.md index 9c4fb0e6b..b31144240 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ yarn add @gouvfr/dsfr Une fois terminé le dsfr sera alors installé dans le dossier ```node_modules/@gouvfr/dsfr/```. -Pour visualiser les exemples, il est nécéssaire de lancer un serveur local : +Pour visualiser les exemples, il est nécessaire de lancer un serveur local : ``` diff --git a/SECURITY.md b/SECURITY.md index d0a7ceef1..74d1cf793 100644 --- a/SECURITY.md +++ b/SECURITY.md @@ -1,6 +1,6 @@ ## Sécurité du Système de Design de l'État -L’équipe derrière le Système de Design de l’Etat prend les risques liés à la sécurité très au sérieux. +L’équipe derrière le Système de Design de l’État prend les risques liés à la sécurité très au sérieux. C’est pour cette raison qu’un audit de sécurité à été réalisé sur l’ensemble des composants et des librairies avant la sortie ainsi que la mise en place de bonnes pratiques (double authentification, signature des paquets, etc.). ### Remonter un problème de sécurité diff --git a/package.json b/package.json index 97bb59832..3ad0ffe1e 100644 --- a/package.json +++ b/package.json @@ -55,7 +55,6 @@ "js-yaml": "^4.1.0", "mqpacker": "^7.0.0", "node-sass": "^7.0.1", - "node-sass-json-importer": "^4.3.0", "node-sass-magic-importer": "^5.3.2", "pa11y": "^6.1.1", "path": "^0.12.7", diff --git a/tool/build/styles.js b/tool/build/styles.js index 3c67a8059..904c35be8 100644 --- a/tool/build/styles.js +++ b/tool/build/styles.js @@ -1,7 +1,6 @@ const { createFile } = require('../utilities/file'); const sass = require('node-sass'); const importer = require('node-sass-magic-importer'); -const jsonImporter = require('../module/node-sass-json-importer.js'); const stylelint = require('stylelint'); const discardDuplicates = require('postcss-discard-duplicates'); const combineDuplicatedSelectors = require('postcss-combine-duplicated-selectors'); @@ -56,7 +55,7 @@ const buildStyles = async (pck, minify, map, standalone = false) => { const buildStyle = async (data, dest, minify, map) => { let options = { data: data, - importer: [importer(), jsonImporter()], + importer: [importer()], outFile: `${dest}.css`, outputStyle: 'expanded' }; diff --git a/tool/module/node-sass-json-importer.js b/tool/module/node-sass-json-importer.js deleted file mode 100644 index 6db2ad97b..000000000 --- a/tool/module/node-sass-json-importer.js +++ /dev/null @@ -1,130 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports["default"] = _default; -exports.isJSONfile = isJSONfile; -exports.transformJSONtoSass = transformJSONtoSass; -exports.isValidKey = isValidKey; -exports.toKebabCase = toKebabCase; -exports.parseValue = parseValue; -exports.parseList = parseList; -exports.parseMap = parseMap; - -var _lodash = _interopRequireDefault(require("lodash")); - -var _isThere = _interopRequireDefault(require("is-there")); - -var _path = _interopRequireWildcard(require("path")); - -require("json5/lib/register"); - -function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; } - -function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; } - -function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -// Enable JSON5 support -function _default() { - var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - return function (url, prev) { - if (!isJSONfile(url)) { - return null; - } - - var includePaths = this.options.includePaths ? this.options.includePaths.split(_path["default"].delimiter) : []; - var paths = [].concat((0, _path.dirname)(prev)).concat(includePaths); - var resolver = options.resolver || _path.resolve; - var fileName = paths.map(function (path) { - return resolver(path, url); - }).filter(_isThere["default"]).pop(); - - if (!fileName) { - return new Error("Unable to find \"".concat(url, "\" from the following path(s): ").concat(paths.join(', '), ". Check includePaths.")); - } // Prevent file from being cached by Node's `require` on continuous builds. - // https://github.com/Updater/node-sass-json-importer/issues/21 - - - delete require.cache[require.resolve(fileName)]; - - try { - var fileContents = require(fileName); - - var extensionlessFilename = (0, _path.basename)(fileName, (0, _path.extname)(fileName)); - var json = Array.isArray(fileContents) ? _defineProperty({}, extensionlessFilename, fileContents) : fileContents; - return { - contents: transformJSONtoSass(json, options) - }; - } catch (error) { - return new Error("node-sass-json-importer: Error transforming JSON/JSON5 to SASS. Check if your JSON/JSON5 parses correctly. ".concat(error)); - } - }; -} - -function isJSONfile(url) { - return /\.js(on5?)?$/.test(url); -} - -function transformJSONtoSass(json) { - var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - return Object.keys(json).filter(function (key) { - return isValidKey(key); - }).filter(function (key) { - return json[key] !== '#'; - }).map(function (key) { - return "$".concat(opts.convertCase ? toKebabCase(key) : key, ": ").concat(parseValue(json[key], opts), ";"); - }).join('\n'); -} - -function isValidKey(key) { - return /^[^$@:].*/.test(key); -} - -function toKebabCase(key) { - return key.replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/([A-Z])([A-Z])(?=[a-z])/g, '$1-$2').toLowerCase(); -} - -function parseValue(value) { - var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - - if (_lodash["default"].isArray(value)) { - return parseList(value, opts); - } else if (_lodash["default"].isPlainObject(value)) { - return parseMap(value, opts); - } else if (value === '') { - return '""'; // Return explicitly an empty string (Sass would otherwise throw an error as the variable is set to nothing) - } else { - return `"${value}"`; - } -} - -function parseList(list) { - var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - return "(".concat(list.map(function (value) { - return parseValue(value); - }).join(','), ")"); -} - -function parseMap(map) { - var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - return "(".concat(Object.keys(map).filter(function (key) { - return isValidKey(key); - }).map(function (key) { - return "".concat(opts.convertCase ? toKebabCase(key) : key, ": ").concat(parseValue(map[key], opts)); - }).join(','), ")"); -} // Super-hacky: Override Babel's transpiled export to provide both -// a default CommonJS export and named exports. -// Fixes: https://github.com/Updater/node-sass-json-importer/issues/32 -// TODO: Remove in 3.0.0. Upgrade to Babel6. - - -module.exports = exports["default"]; -Object.keys(exports).forEach(function (key) { - return module.exports[key] = exports[key]; -}); diff --git a/yarn.lock b/yarn.lock index d6c45890c..c1a92354a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4975,11 +4975,6 @@ is-text-path@^1.0.1: dependencies: text-extensions "^1.0.0" -is-there@^4.4.4: - version "4.5.1" - resolved "https://registry.yarnpkg.com/is-there/-/is-there-4.5.1.tgz#ea292e7fad3fc4d70763fe0af40a286c9f5e1e2e" - integrity sha512-vIZ7HTXAoRoIwYSsTnxb0sg9L6rth+JOulNcavsbskQkCIWoSM2cjFOWZs4wGziGZER+Xgs/HXiCQZgiL8ppxQ== - is-typedarray@^1.0.0, is-typedarray@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a" @@ -5679,7 +5674,7 @@ json5@^1.0.1: dependencies: minimist "^1.2.0" -json5@^2.1.1, json5@^2.1.2: +json5@^2.1.2: version "2.2.0" resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.0.tgz#2dfefe720c6ba525d9ebd909950f0515316c89a3" integrity sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA== @@ -6646,15 +6641,6 @@ node-releases@^2.0.2: resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.2.tgz#7139fe71e2f4f11b47d4d2986aaf8c48699e0c01" integrity sha512-XxYDdcQ6eKqp/YjI+tb2C5WM2LgjnZrfYg4vgQt49EK268b6gYCHsBLrK2qvJo4FmCtqmKezb0WZFK4fkrZNsg== -node-sass-json-importer@^4.3.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/node-sass-json-importer/-/node-sass-json-importer-4.3.0.tgz#15773cc070f16aa20e93b378908366af85f6f742" - integrity sha512-+j+SsxPzYo7fWIDuz/etuLs+wfay5Zx2bkWE4LazkycdYGzEtCQz4tgIFXveeLBCBM6jvY4fp45z2JEj6U+VWQ== - dependencies: - is-there "^4.4.4" - json5 "^2.1.1" - lodash "^4.17.15" - node-sass-magic-importer@^5.3.2: version "5.3.2" resolved "https://registry.yarnpkg.com/node-sass-magic-importer/-/node-sass-magic-importer-5.3.2.tgz#2f2248bb2e5cdb275ba34102ebf995edadf99175" From 3a1cf1d83d431cc1e2157a28a49b681a5631adf3 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Tue, 19 Apr 2022 19:16:05 +0200 Subject: [PATCH 12/24] fix(footer): alignement des logos partenaires [DS-2530] (#277) --- .../footer/style/module/_partners.scss | 25 +++++++++++-------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/src/component/footer/style/module/_partners.scss b/src/component/footer/style/module/_partners.scss index 707ecc30d..8bb3cfd81 100644 --- a/src/component/footer/style/module/_partners.scss +++ b/src/component/footer/style/module/_partners.scss @@ -25,7 +25,7 @@ */ #{ns(footer__logo)} { @include size(auto, auto); - @include margin(1v); + @include padding(1v); } + #{ns(footer__bottom)} { @@ -34,8 +34,8 @@ } &__partners-title { + @include set-title-margin(0 0 2v 0); @include text-style(sm); - @include margin(0); flex-basis: 100%; text-align: center; @@ -49,11 +49,11 @@ */ &__partners-logos { @include display-flex(column, null, null, wrap); - @include margin(1v 0 -1v 0); + @include margin(0 0 -2v 0); @include respond-from(sm) { @include display-flex(row, flex-start, flex-start); - @include margin(1v 0 -1v -1v); + @include margin-right(-2v); @include before('', block) { order: 2; flex: 1; @@ -61,8 +61,8 @@ } @include respond-from(md) { + @include margin-right(-4v); flex-wrap: nowrap; - @include margin(1v -3v -1v -1v); } } @@ -72,19 +72,21 @@ &__partners-main { @include display-flex(row,null,center); @include margin-x(auto); - @include margin-bottom(2v); + @include margin-bottom(8v); + @include margin-bottom(4v, sm); + #{ns(footer__partners-sub)} { + & > ul > li { + @include margin(0 2v 0 2v, sm); + @include margin(0 4v 0 4v, md); + } + @include respond-from(md) { & > ul { justify-content: flex-end; - - & > li { - @include margin(0 2v 0 0); - } } - @include padding-left(8v); + @include padding-left(4v); @include padding-top(0); } } @@ -114,6 +116,7 @@ */ #{ns(footer)}__partners-link { @include scheme-element-no-box-shadow; + @include margin-bottom(2v); } @include respond-from(sm) { From cbd2b5cdcbe5dc41c5888c5c22bd274188fe2dfa Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Tue, 19 Apr 2022 19:18:29 +0200 Subject: [PATCH 13/24] feat(header): bandeau de site en beta [DS-2417] (#269) --- src/component/badge/template/ejs/badge.ejs | 11 ++++++----- src/component/header/.package.yml | 1 + src/component/header/example/index.ejs | 6 ++++++ src/component/header/example/sample/header.ejs | 3 +++ src/component/header/style/module/_brand.scss | 5 +++++ src/component/header/template/ejs/brand.ejs | 17 ++++++++++++----- 6 files changed, 33 insertions(+), 10 deletions(-) diff --git a/src/component/badge/template/ejs/badge.ejs b/src/component/badge/template/ejs/badge.ejs index a192de003..29383571c 100644 --- a/src/component/badge/template/ejs/badge.ejs +++ b/src/component/badge/template/ejs/badge.ejs @@ -9,6 +9,8 @@ ** accent (string, optional) : défini la couleur d'accentuation (type ne doit pas être défini) +** markup (string, optional) : balise html du markup (default: p) + ** classes (array, optional) : classes supplémentaires sur l'element ** attrs (object, optional) : Attributs supplémentaires sur l'element @@ -22,9 +24,9 @@ <% let badge = locals.badge || {}; -if(!badge.classes) badge.classes = []; -if(!badge.attrs) badge.attrs = {}; - +if (!badge.classes) badge.classes = []; +if (!badge.attrs) badge.attrs = {}; +const markup = badge.markup || 'p'; badge.classes.push(prefix + '-badge'); switch(badge.size) { @@ -43,5 +45,4 @@ else if (badge.icon !== undefined) badge.classes.push(prefix + '-icon-' + badge. if (badge.ellipsis) badge.label = `${badge.label}`; %> -

    ><%- badge.label %>

    - +<<%= markup %> <%- includeClasses(badge.classes)%>><%- badge.label %>> diff --git a/src/component/header/.package.yml b/src/component/header/.package.yml index 11b83f9a3..b63c00dc8 100644 --- a/src/component/header/.package.yml +++ b/src/component/header/.package.yml @@ -10,6 +10,7 @@ style: - navigation - modal - search + - badge script: - core - navigation diff --git a/src/component/header/example/index.ejs b/src/component/header/example/index.ejs index 3bf38769f..3e24e0a9b 100755 --- a/src/component/header/example/index.ejs +++ b/src/component/header/example/index.ejs @@ -18,6 +18,12 @@ <%- sample('Header avec raccourcis dupliqués, pour Angular, React et Vue', './sample/header.ejs', {header: { logo:{ title: 'Intitulé
    officiel'}, links:true, duplicateLinks: true }}, true, './layout'); %> +<%- sample('Header avec bandeau BETA', './sample/header.ejs', {header: { logo:{ title: 'Intitulé
    officiel'}, beta: true, service: true, links:true, search: true, navigation: 'min' }}, true, './layout'); %> + +<%- sample('Header logo opérateur + bandeau BETA', './sample/header.ejs', {header: { logo:{ title: 'Intitulé
    officiel'}, operator: imgData('img/placeholder.16x9.png', 'rendered', null, 'max-width:9.0625rem;'), beta: true, service: true, links:true, search: true, navigation: 'min' }}, true, './layout'); %> + +<%- sample('Header min avec bandeau BETA', './sample/header.ejs', {header: { logo:{ title: 'Intitulé
    officiel'}, beta: true, navigation: 'min' }}, true, './layout'); %> + <%- deprecation(); %> <%- sample('Header déprécié', '../deprecated/example/sample/header.ejs', {header: { logo:{ title: 'Intitulé
    officiel'}, service:true, links:true, search: true, navigation: true }}, true, './layout'); %> diff --git a/src/component/header/example/sample/header.ejs b/src/component/header/example/sample/header.ejs index 82917fe89..5ff53c98a 100755 --- a/src/component/header/example/sample/header.ejs +++ b/src/component/header/example/sample/header.ejs @@ -32,6 +32,9 @@ switch (typeof header.service) { break; } +// copie la valeur de header.beta dans brand.service.beta +(brand.service != undefined) ? brand.service.beta = header.beta === true || undefined : brand.service = {beta: header.beta === true || undefined}; + if (header.links !== undefined || header.search) { hasNavbar = true; const tools = {}; diff --git a/src/component/header/style/module/_brand.scss b/src/component/header/style/module/_brand.scss index 688cbf68f..a371be3dd 100644 --- a/src/component/header/style/module/_brand.scss +++ b/src/component/header/style/module/_brand.scss @@ -75,5 +75,10 @@ &-title { @include title-style(h6, false); + + #{ns(badge)} { + vertical-align: middle; + @include margin(-1v 0 0 1v); + } } } diff --git a/src/component/header/template/ejs/brand.ejs b/src/component/header/template/ejs/brand.ejs index f27f0e1f0..ec1a3982f 100644 --- a/src/component/header/template/ejs/brand.ejs +++ b/src/component/header/template/ejs/brand.ejs @@ -21,7 +21,7 @@ let brand = locals.brand || {}; const logoPlaceholder = 'nom de l’entité (ministère, secrétariat d‘état, gouvernement)'; switch(true) { - case brand.service !== undefined: + case brand.service !== undefined && brand.service.title !== undefined: position = 'service'; title += contentPlaceholder(brand.service.title); if (brand.logo) title += ' - ' + contentPlaceholder(logoPlaceholder); @@ -75,14 +75,21 @@ let brand = locals.brand || {};
    - <% if (brand.service !== undefined) { %> + <% if (brand.service !== undefined || brand.beta) { %>
    <% if (position === 'service') { %><%- link %><% } %> - <% if (brand.service.title !== undefined) { %> -

    <%- brand.service.title %>

    + <% if (brand.service && (brand.service.title || brand.service.beta)) { %> +

    + <% if (brand.service.title) { %> + <%- brand.service.title %> + <% } %> + <% if (brand.service.beta) { %> + <%- include('../../../badge/template/ejs/badge.ejs', {badge: {markup: 'span', label: "BETA", size: 'sm', accent: 'green-emeraude'} }) %> + <% } %> +

    <% } %> <% if (position === 'service') { %><%- '' %><% } %> - <% if (brand.service.tagline !== undefined) { %> + <% if (brand.service && brand.service.tagline !== undefined) { %>

    <%- brand.service.tagline %>

    <% } %>
    From df62fd2bd15faa7a20a61d7da6dbd8ae3bf910c6 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Wed, 20 Apr 2022 11:56:07 +0200 Subject: [PATCH 14/24] fix(input): correction icone date [DS-2280] (#276) --- src/component/input/example/index.ejs | 4 ++-- src/component/input/index.scss | 2 ++ src/component/input/style/_module.scss | 18 ++++++------------ src/component/input/style/_scheme.scss | 8 ++++++++ src/component/input/style/_setting.scss | 6 ++++++ 5 files changed, 24 insertions(+), 14 deletions(-) create mode 100644 src/component/input/style/_setting.scss diff --git a/src/component/input/example/index.ejs b/src/component/input/example/index.ejs index ac16ce52e..fb727f142 100755 --- a/src/component/input/example/index.ejs +++ b/src/component/input/example/index.ejs @@ -10,9 +10,9 @@ <%- sample('Default input type mail - required field', './sample/input-mail.ejs', {input: { id:'text-input-mail', required:true, error:true }}, true); %> -<%- sample('Default input type date - required field', './sample/input-date.ejs', {input: { id:'text-input-date', required:true, error:true }}, true); %> +<%- sample('Default input type date - required field', './sample/input-date.ejs', {input: { id:'text-input-date' }}, true); %> -<%- sample('Default input type date - avec icone calendrier', './sample/input-date.ejs', {input: { id:'text-input-calendar', icon: 'calendar-line' }}, true); %> +<%- sample('Default input type date - avec icone calendrier', './sample/input-date.ejs', {input: { id:'text-input-date-disabled', disabled: true }}, true); %> <%- sample('Default input type textarea', './sample/textarea.ejs', {input: { id:'textarea' }}, true); %> diff --git a/src/component/input/index.scss b/src/component/input/index.scss index a82a4ee31..d758f08a2 100644 --- a/src/component/input/index.scss +++ b/src/component/input/index.scss @@ -4,5 +4,7 @@ //// @import '../../core/index'; +@import '../../scheme/index'; @import '../form/index'; +@import 'style/setting'; @import 'style/tool'; diff --git a/src/component/input/style/_module.scss b/src/component/input/style/_module.scss index 59436da81..8e9adb0d7 100644 --- a/src/component/input/style/_module.scss +++ b/src/component/input/style/_module.scss @@ -27,9 +27,14 @@ &[type=date] { min-height: 2.5rem; + background-repeat: no-repeat; + background-position: space(calc(100% - 3v) 50%); + background-size: space(4v) space(4v); &::-webkit-calendar-picker-indicator { - display: none; + display: block; + @include margin-right(-1.5v); + opacity: 0; } } } @@ -52,17 +57,6 @@ @include size(100%); } - &#{ns(fi-calendar-line)} { - > #{ns(input)}[type=date] { - &::-webkit-calendar-picker-indicator { - display: block; - @include margin-right(-8v); - z-index: z-index(over); - opacity: 0; - } - } - } - #{ns(input)} { @include padding-right(10v); } diff --git a/src/component/input/style/_scheme.scss b/src/component/input/style/_scheme.scss index 73c300c98..c126d82d0 100644 --- a/src/component/input/style/_scheme.scss +++ b/src/component/input/style/_scheme.scss @@ -43,6 +43,14 @@ @include scheme-element-box-shadow-color((plain grey) (background contrast info), (legacy:$legacy), bottom-2-in all-in); @include _scheme-element(-webkit-text-fill-color, text, label grey, (legacy:$legacy)); } + + &[type=date] { + @include scheme-element-data-uri-svg(text title grey, (legacy: $legacy), $input-calendar-line); + + @include disabled-form-field((legacy: $legacy)) { + @include scheme-element-data-uri-svg(text disabled grey, (legacy: $legacy), $input-calendar-line); + } + } } #{ns(input-wrap)} { diff --git a/src/component/input/style/_setting.scss b/src/component/input/style/_setting.scss new file mode 100644 index 000000000..ec89ed4c3 --- /dev/null +++ b/src/component/input/style/_setting.scss @@ -0,0 +1,6 @@ +//// +/// Input Setting +/// @group input +//// + +$input-calendar-line: ""; From 985c2cfea0f96973b54439777620ecc6a995281e Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Thu, 21 Apr 2022 11:09:01 +0200 Subject: [PATCH 15/24] fix(card): typo dans l'exemple grille [DS-2023](#282) --- src/component/card/example/index.ejs | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/component/card/example/index.ejs b/src/component/card/example/index.ejs index 46802de4f..3cc789e0f 100755 --- a/src/component/card/example/index.ejs +++ b/src/component/card/example/index.ejs @@ -47,11 +47,11 @@ path: 'sample-horizontal' }, { - title: 'Grile de cartes', + title: 'Grille de cartes', path: 'sample-grid' }, { - title: 'Grile de cartes horizontales', + title: 'Grille de cartes horizontales', path: 'sample-grid-horizontal' }, { From 4dce550268cb7dd641310d8ccee18e155f59134a Mon Sep 17 00:00:00 2001 From: lab9 Date: Thu, 21 Apr 2022 11:09:38 +0200 Subject: [PATCH 16/24] fix(connect): correction de la variable de build isStandalone [DS-2528] (#281) --- src/component/connect/template/ejs/connect.ejs | 6 +++--- src/component/footer/style/module/_partners.scss | 1 - tool/build/example.js | 4 +++- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/component/connect/template/ejs/connect.ejs b/src/component/connect/template/ejs/connect.ejs index 007551dee..608ebe504 100644 --- a/src/component/connect/template/ejs/connect.ejs +++ b/src/component/connect/template/ejs/connect.ejs @@ -14,7 +14,7 @@ * connect.disabled (boolean, optional) : si valeur true, bouton désactivé -* standalone (boolean, optional): si valeur true, génére la version standalone (sans dsfr) +* isStandalone (boolean, optional): si valeur true, génére la version standalone (sans dsfr) %> <% eval(include('../../../../core/index.ejs')); %> @@ -49,7 +49,7 @@ linkAttributes.target = '_blank'; linkAttributes.rel = 'noopener'; linkAttributes.title = `${connect.link.label} - nouvelle fenêtre`; -if (!locals.standalone) { +if (!locals.isStandalone) { %>
    <% } %> @@ -74,6 +74,6 @@ if (connect.disabled === true) connectAttrs.disabled = '';

    <% } %> -<% if (!locals.standalone) { %> +<% if (!locals.isStandalone) { %>
    <% } %> diff --git a/src/component/footer/style/module/_partners.scss b/src/component/footer/style/module/_partners.scss index 8bb3cfd81..28504e641 100644 --- a/src/component/footer/style/module/_partners.scss +++ b/src/component/footer/style/module/_partners.scss @@ -76,7 +76,6 @@ @include margin-bottom(4v, sm); + #{ns(footer__partners-sub)} { - & > ul > li { @include margin(0 2v 0 2v, sm); @include margin(0 4v 0 4v, md); diff --git a/tool/build/example.js b/tool/build/example.js index 8ec03f9dc..5a1afe6c7 100644 --- a/tool/build/example.js +++ b/tool/build/example.js @@ -91,6 +91,7 @@ const buildExample = (pck) => { files: files, relativeRoot: '../'.repeat(pck.path.split('/').length), root: root.toString(), + isStandalone: false, beautify: (html) => { return beautify(html, beautyOpts); }, uniqueId: uniqueId }; @@ -109,7 +110,8 @@ const buildStandaloneExample = (pck) => { }); const html = ejs.render(page, { path: root(pck.standalone.example.path), - root: root.toString() + root: root.toString(), + isStandalone: true }); const beautified = beautify(html, beautyOpts); From 2a1464438e1d0b20b915983be786e1b54708fa82 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Thu, 21 Apr 2022 11:46:47 +0200 Subject: [PATCH 17/24] =?UTF-8?q?feat(download):=20Ajout=20du=20composant?= =?UTF-8?q?=20t=C3=A9l=C3=A9chargement=20de=20fichier=20[DS-246]=20[DS-250?= =?UTF-8?q?7]=20(#272)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/download/.package.yml | 9 ++ src/component/download/api.js | 2 + src/component/download/example/index.ejs | 45 ++++++++++ src/component/download/example/layout.ejs | 39 +++++++++ .../example/sample/download-card-grid.ejs | 16 ++++ .../download/example/sample/download-card.ejs | 10 +++ .../example/sample/download-default.ejs | 12 +++ .../example/sample/download-group.ejs | 22 +++++ .../example/sample/sample-assess-js.ejs | 8 ++ .../example/sample/sample-card-group.ejs | 4 + .../download/example/sample/sample-card.ejs | 5 ++ .../example/sample/sample-default.ejs | 5 ++ .../example/sample/sample-group-link.ejs | 6 ++ .../download/example/sample/sample-lang.ejs | 6 ++ src/component/download/index.js | 11 +++ src/component/download/index.scss | 7 ++ src/component/download/main.js | 5 ++ src/component/download/main.scss | 15 ++++ .../download/script/download/assess-file.js | 85 +++++++++++++++++++ .../script/download/download-selector.js | 7 ++ src/component/download/style/_module.scss | 8 ++ src/component/download/style/_scheme.scss | 37 ++++++++ .../download/style/module/_download.scss | 45 ++++++++++ .../download/style/module/_group.scss | 24 ++++++ .../download/style/module/_variants.scss | 52 ++++++++++++ .../download/template/ejs/download.ejs | 60 +++++++++++++ .../download/template/ejs/downloads-group.ejs | 48 +++++++++++ src/component/main.js | 1 + src/component/main.scss | 1 + 29 files changed, 595 insertions(+) create mode 100644 src/component/download/.package.yml create mode 100644 src/component/download/api.js create mode 100755 src/component/download/example/index.ejs create mode 100644 src/component/download/example/layout.ejs create mode 100644 src/component/download/example/sample/download-card-grid.ejs create mode 100755 src/component/download/example/sample/download-card.ejs create mode 100755 src/component/download/example/sample/download-default.ejs create mode 100755 src/component/download/example/sample/download-group.ejs create mode 100644 src/component/download/example/sample/sample-assess-js.ejs create mode 100644 src/component/download/example/sample/sample-card-group.ejs create mode 100644 src/component/download/example/sample/sample-card.ejs create mode 100644 src/component/download/example/sample/sample-default.ejs create mode 100644 src/component/download/example/sample/sample-group-link.ejs create mode 100644 src/component/download/example/sample/sample-lang.ejs create mode 100644 src/component/download/index.js create mode 100644 src/component/download/index.scss create mode 100644 src/component/download/main.js create mode 100644 src/component/download/main.scss create mode 100644 src/component/download/script/download/assess-file.js create mode 100644 src/component/download/script/download/download-selector.js create mode 100644 src/component/download/style/_module.scss create mode 100644 src/component/download/style/_scheme.scss create mode 100644 src/component/download/style/module/_download.scss create mode 100644 src/component/download/style/module/_group.scss create mode 100644 src/component/download/style/module/_variants.scss create mode 100644 src/component/download/template/ejs/download.ejs create mode 100644 src/component/download/template/ejs/downloads-group.ejs diff --git a/src/component/download/.package.yml b/src/component/download/.package.yml new file mode 100644 index 000000000..cea24a7f4 --- /dev/null +++ b/src/component/download/.package.yml @@ -0,0 +1,9 @@ +id: download +title: Téléchargement de fichier +description: Ce composant permet aux utilisateurs de télécharger un ou plusieurs fichiers. +doc: https://gouvfr.atlassian.net/wiki/spaces/DB/pages/980025345 +wrapper: container +style: + - core +script: + - core diff --git a/src/component/download/api.js b/src/component/download/api.js new file mode 100644 index 000000000..e82954c70 --- /dev/null +++ b/src/component/download/api.js @@ -0,0 +1,2 @@ +import api from '../api.js'; +export default api; diff --git a/src/component/download/example/index.ejs b/src/component/download/example/index.ejs new file mode 100755 index 000000000..b420c2ce9 --- /dev/null +++ b/src/component/download/example/index.ejs @@ -0,0 +1,45 @@ +<% +const sample = getSample(include); +const elements = [ + { + title: 'Lien de téléchargement', + path: 'sample-default' + }, + { + title: 'Groupe de liens', + path: 'sample-group-link' + }, + { + title: 'Carte de téléchargement', + path: 'sample-card' + }, + { + title: 'Groupe de cartes', + path: 'sample-card-group' + }, + { + title: 'Fichier en langue étrangère', + path: 'sample-lang' + }, + { + title: 'Utilitaire js', + path: 'sample-assess-js' + }, +]; + +const accordions = []; +for (let element of elements) { + accordions.push({ + label: element.title, + id: uniqueId('download'), + content: include(`./sample/${element.path}`) + }) +} +const data = { + accordions: accordions +} +%> + +<%- section('Téléchargement de fichier', 'Il existe 2 variantes possible pour ce composant. La forme de lien, et la forme de carte.
    L\'intitulé du lien doit commencer par ‘Télécharger’.
    Le détail est obligatoire et doit conntenir le type (extension du fichier), le poids, la langue (si différente)). Laisser le détail vide si utilisation de l\'utilitaire js de remplissage automatique', 0); %> + +<%- include('../../accordion/template/ejs/accordions-group', {accordionsGroup: data }); %> \ No newline at end of file diff --git a/src/component/download/example/layout.ejs b/src/component/download/example/layout.ejs new file mode 100644 index 000000000..bfd9d1a31 --- /dev/null +++ b/src/component/download/example/layout.ejs @@ -0,0 +1,39 @@ +<% + const layout = locals.layout || {}; + const layoutClasses = layout.classes || []; + %> +
    > +
    + <% if (locals.title !== undefined && locals.title.length) { %> +

    <%= title %>

    + <% } %> + <% if (locals.desc !== undefined && locals.desc.length) { %> +

    <%= desc %>

    + <% } %> +
    + <% + if (locals.col) { + %> +
    + <% + const colClasses = col.classes || []; + colClasses.push(`${prefix}-col-${col.start || 12}`); + for (const bp of ['sm', 'md', 'lg', 'xl']) if (col[bp]) colClasses.push(`${prefix}-col-${bp}-${col[bp]}`); + %> +
    > + <%- component; %> +
    +
    + <% + } else { + %> + <%- component %> + <% } %> +
    + <% if (locals.snippet !== undefined) { %> +
    + <%- snippet %> +
    + <% } %> +
    +
    \ No newline at end of file diff --git a/src/component/download/example/sample/download-card-grid.ejs b/src/component/download/example/sample/download-card-grid.ejs new file mode 100644 index 000000000..e7d17ef35 --- /dev/null +++ b/src/component/download/example/sample/download-card-grid.ejs @@ -0,0 +1,16 @@ + +
    + <% + const downloads = locals.downloads || [{}]; + for (const download of downloads) { + const col = download.col || { md: 4}; + const colClasses = [`${prefix}-col-${col.start || 12}`]; + for (const bp of ['sm', 'md', 'lg', 'xl']) if (col[bp]) colClasses.push(`${prefix}-col-${bp}-${col[bp]}`); + %> +
    > + <%- include('download-card', { download: download }); %> +
    + <% + } + %> +
    diff --git a/src/component/download/example/sample/download-card.ejs b/src/component/download/example/sample/download-card.ejs new file mode 100755 index 000000000..b9172b783 --- /dev/null +++ b/src/component/download/example/sample/download-card.ejs @@ -0,0 +1,10 @@ +<% +let download = locals.download || {}; +let data = { + ...download, + card: true, + enlarge: download.enlarge !== false +}; +%> + +<%- include('./download-default', {download:data}); %> diff --git a/src/component/download/example/sample/download-default.ejs b/src/component/download/example/sample/download-default.ejs new file mode 100755 index 000000000..b35e587b9 --- /dev/null +++ b/src/component/download/example/sample/download-default.ejs @@ -0,0 +1,12 @@ +<% +let download = locals.download || {}; +let data = { + href: download.href || contentPlaceholder(relativeRoot + 'example/img/image.jpg'), + detail: download.detail !== false ? download.detail || 'JPG – 61,88 ko' + (download.lang === 'en' ? ' – Anglais': '') : undefined, + title: 'Télécharger le document lorem ipsum sit dolores amet', + description: download.description || 'Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…', + ...download, +} +%> + +<%- include('../../template/ejs/download', {download: data}); %> diff --git a/src/component/download/example/sample/download-group.ejs b/src/component/download/example/sample/download-group.ejs new file mode 100755 index 000000000..804c79283 --- /dev/null +++ b/src/component/download/example/sample/download-group.ejs @@ -0,0 +1,22 @@ +<% +const downloadsGroup = locals.downloadsGroup || {} +const downloads = downloadsGroup.downloads || []; + +if (!downloads.length && downloadsGroup.groupCount !== undefined) { + + for (let i = 0; i < downloadsGroup.groupCount; i++) { + downloads.push({ + href: downloadsGroup.href || contentPlaceholder(relativeRoot + 'example/img/image.jpg'), + title: 'Télécharger le document lorem ipsum sit dolores amet', + description: 'Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…', + detail: 'PDF – 61,88 Ko', + attributes: downloadsGroup.downloadAttributes, + classes: downloadsGroup.downloadClasses, + enlarge: downloadsGroup.enlarge !== false + }); + } + downloadsGroup.downloads = downloads; +} +%> + +<%- include('../../template/ejs/downloads-group.ejs', {downloadsGroup: downloadsGroup}) %> diff --git a/src/component/download/example/sample/sample-assess-js.ejs b/src/component/download/example/sample/sample-assess-js.ejs new file mode 100644 index 000000000..be3ff1dea --- /dev/null +++ b/src/component/download/example/sample/sample-assess-js.ejs @@ -0,0 +1,8 @@ +<% +const sample = getSample(include); +%> +<%- section('Remplissage automatique des informations du fichier', 'Un utilitaire JS est disponible via l\'attribut "data-fr-assess-file" pour remplacer le contenu du détails (type, poids, langue).
    Le type du fichier est déterminé par son extension depuis l\'attribut href.
    Pour récupérer le poids, il est nécessaire que le fichier soit sur le même domaine ou que celui-ci autorise les requêtes cross-domain. Par défaut, l\'unité de poids est l\'octet. Il est possible d\'opter pour l\'unité bytes en ajoutant l\'option dans l\'attribut data-fr-assess-file="bytes"
    La langue du fichier (si différente) doit être définie par son code langue dans l\'attribut hreflang', 0) %> +<%- sample('Lien de téléchargement remplissage automatique des détails', './download-default', {download: {href: relativeRoot + 'dist/favicon/favicon.ico', assess: true, detail: false}}, true) %> +<%- sample('Carte de téléchargement remplissage automatique des détails', './download-card', {download: {href: relativeRoot + 'dist/favicon/favicon.ico', assess: true, detail: false}}, true) %> +<%- sample('Remplissage automatique des détails + langue différente', './download-default', {download: {href: relativeRoot + 'dist/favicon/favicon.ico', assess: true, detail: false, lang: 'en'}}, true) %> +<%- sample('Poids du fichier en Bytes', './download-default', {download: {href: relativeRoot + 'dist/favicon/favicon.ico', assess: 'bytes', title: 'Download file lorem ipsum', detail: false, attributes: {lang: 'en'}, lang: 'en'}}, true) %> diff --git a/src/component/download/example/sample/sample-card-group.ejs b/src/component/download/example/sample/sample-card-group.ejs new file mode 100644 index 000000000..37c98f488 --- /dev/null +++ b/src/component/download/example/sample/sample-card-group.ejs @@ -0,0 +1,4 @@ +<% +const sample = getSample(include); +%> +<%- sample('Cartes de téléchargement en grille', './download-card-grid', {downloads: [{}, {}, {}, {}]}, true) %> diff --git a/src/component/download/example/sample/sample-card.ejs b/src/component/download/example/sample/sample-card.ejs new file mode 100644 index 000000000..30858494f --- /dev/null +++ b/src/component/download/example/sample/sample-card.ejs @@ -0,0 +1,5 @@ +<% +const sample = getSample(include); +%> +<%- section('Carte de téléchargement', 'Le modificateur "--card" sur un download ou un groupe de download permet d\'appliquer le style des carte. Il permet aussi d\'ajouter un texte de description (facultatif).', 0) %> +<%- sample('Carte de téléchargement', './download-card', {}, true, '../layout', {col: {md:6}, desc: 'dans une grille de 6 colonnes en version desktop'}) %> diff --git a/src/component/download/example/sample/sample-default.ejs b/src/component/download/example/sample/sample-default.ejs new file mode 100644 index 000000000..863b4f003 --- /dev/null +++ b/src/component/download/example/sample/sample-default.ejs @@ -0,0 +1,5 @@ +<% +const sample = getSample(include); +%> +<%- section('Lien de téléchargment', 'L’attribut "download" permettant de télécharger directement le document, sans l’ouvrir, est optionnel. Ajouter un nom de fichier en valeur de cet attribut pour renommer le fichier avant de le télécharger. Mettre un attribut target=”_blank” pour ouvrir le document dans une nouvelle fenêtre.', 0) %> +<%- sample('Lien de téléchargement seul', './download-default', {}, true) %> diff --git a/src/component/download/example/sample/sample-group-link.ejs b/src/component/download/example/sample/sample-group-link.ejs new file mode 100644 index 000000000..57bf8fef1 --- /dev/null +++ b/src/component/download/example/sample/sample-group-link.ejs @@ -0,0 +1,6 @@ +<% +const sample = getSample(include); +%> +<%- sample('Groupe de liens de téléchargement', './download-group', {downloadsGroup: {groupCount: 3, enlarge: false}}, true) %> +<%- sample('Groupe de liens de téléchargement avec bordure', './download-group', {downloadsGroup: {groupCount: 3, title: "Titre facultatif", bordered: true, enlarge: false}}, true, '../layout', {col: {md:6}, desc: 'dans une grille, sur 3 à 8 colonnes en version desktop'}) %> +<%- sample('Groupe de liens de téléchargement avec bordure taille SM', './download-group', {downloadsGroup: {groupCount: 3, title: "Titre facultatif", bordered: true, size: 'sm', enlarge: false}}, true, '../layout', {col: {md:5}, desc: 'dans une grille, sur 3 à 8 colonnes en version desktop'}) %> diff --git a/src/component/download/example/sample/sample-lang.ejs b/src/component/download/example/sample/sample-lang.ejs new file mode 100644 index 000000000..95817a8ea --- /dev/null +++ b/src/component/download/example/sample/sample-lang.ejs @@ -0,0 +1,6 @@ +<% +const sample = getSample(include); +%> +<%- section('Fichier d\'une autre langue', 'Si la langue du fichier à télécharger est différente de celle de la page courante, il est nécéssaire d\'ajouter l\'attribut hreflang avec comme valeur le code langue (ex: hreflang="en") sur le lien. L’attribut prend pour valeur le code langue selon la norme ISO 639-1 (Liste des codes ISO 639-1). Il faut aussi ajouter le nom de la langue dans les détails (sauf remplissage automatique en js)', 0) %> +<%- sample('Lien de téléchargement - langue étrangère', './download-default', {download: {lang: 'en'}}, true) %> +<%- sample('Carte de téléchargement - langue étrangère', './download-card', {download: {lang: 'en'}}, true) %> diff --git a/src/component/download/index.js b/src/component/download/index.js new file mode 100644 index 000000000..ce6f7209d --- /dev/null +++ b/src/component/download/index.js @@ -0,0 +1,11 @@ +import api from './api.js'; +import { AssessFile } from './script/download/assess-file.js'; +import { DownloadSelector } from './script/download/download-selector'; + +api.download = { + DownloadSelector: DownloadSelector, + AssessFile: AssessFile + +}; + +export default api; diff --git a/src/component/download/index.scss b/src/component/download/index.scss new file mode 100644 index 000000000..472ff60aa --- /dev/null +++ b/src/component/download/index.scss @@ -0,0 +1,7 @@ +//// +/// Download +/// @group download +//// + +@import '../../core/index'; +@import '../link/index'; diff --git a/src/component/download/main.js b/src/component/download/main.js new file mode 100644 index 000000000..4fc0dbe6b --- /dev/null +++ b/src/component/download/main.js @@ -0,0 +1,5 @@ +import api from './index.js'; + +api.internals.register(api.download.DownloadSelector.DOWNLOAD_ASSESS_FILE, api.download.AssessFile); + +export default api; diff --git a/src/component/download/main.scss b/src/component/download/main.scss new file mode 100644 index 000000000..a65960eda --- /dev/null +++ b/src/component/download/main.scss @@ -0,0 +1,15 @@ +//// +/// Download Main +/// @group download +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + Download +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../core/style/path/path-2'; +@import 'index'; +@import 'style/module'; +@import 'style/scheme'; + +@include _download-scheme; diff --git a/src/component/download/script/download/assess-file.js b/src/component/download/script/download/assess-file.js new file mode 100644 index 000000000..419869292 --- /dev/null +++ b/src/component/download/script/download/assess-file.js @@ -0,0 +1,85 @@ +import api from '../../api.js'; +import { DownloadSelector } from './download-selector'; + +class AssessFile extends api.core.Instance { + static get instanceClassName () { + return 'AssessFile'; + } + + async init () { + this.lang = this.getLang(this.node); + this.href = this.getAttribute('href'); + + this.hreflang = this.getAttribute('hreflang'); + this.file = {}; + this.detail = this.querySelector(DownloadSelector.DOWNLOAD_DETAIL); + this.update(); + } + + async getFileLength () { + if (this.href === undefined) return null; + const response = await fetch(this.href, { method: 'HEAD', mode: 'cors' }); + const length = response.headers.get('content-length'); + if (!length) { + console.warn('Impossible de détecter le poids du fichier ' + this.href + '\nErreur de récupération de l\'en-tête HTTP : "content-length"'); + return null; + } + + return this.bytesToSize(length); + } + + async update () { + const length = await this.getFileLength(); + let details = []; + if (this.detail) { + if (this.href) { + const extension = this.parseExtension(this.href); + if (extension) details.push(extension.toUpperCase()); + } + + if (length) { + details.push(length); + } + + if (this.hreflang) { + const displayNameLang = new Intl.DisplayNames([this.lang], { type: 'language' }); + const langName = displayNameLang.of(this.hreflang); + const capitalizeLangName = langName.charAt(0).toUpperCase() + langName.slice(1); + details.push(capitalizeLangName); + } + + this.detail.innerHTML = details.join(' - '); + } + } + + getLang (elem) { + if (elem.lang) return elem.lang; + if (document.documentElement === elem) return window.navigator.language; + return this.getLang(elem.parentElement); + } + + parseExtension (url) { + const regexExtension = /\.(\w{1,9})(?:$|[?#])/; + return url.match(regexExtension)[0].replace('.', ''); + } + + bytesToSize (bytes) { + if (bytes === 0) return null; + + let sizeUnits = ['octets', 'ko', 'Mo', 'Go', 'To']; + if (this.getAttribute(api.internals.ns.attr('assess-file')) === 'bytes') { + sizeUnits = ['bytes', 'KB', 'MB', 'GB', 'TB']; + } + + const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1000)), 10); + if (i === 0) return `${bytes} ${sizeUnits[i]}`; + + const size = bytes / (1000 ** i); + const roundedSize = Math.round((size + Number.EPSILON) * 100) / 100; // arrondi a 2 décimal + const stringSize = String(roundedSize).replace('.', ','); + + return `${stringSize} ${sizeUnits[i]}`; + } +} + +export { AssessFile }; diff --git a/src/component/download/script/download/download-selector.js b/src/component/download/script/download/download-selector.js new file mode 100644 index 000000000..5f621c175 --- /dev/null +++ b/src/component/download/script/download/download-selector.js @@ -0,0 +1,7 @@ +import api from '../../api.js'; + +console.log(api.internals.ns.attr.selector('assess-file')); +export const DownloadSelector = { + DOWNLOAD_ASSESS_FILE: `${api.internals.ns.attr.selector('assess-file')}`, + DOWNLOAD_DETAIL: `${api.internals.ns.selector('download__detail')}` +}; diff --git a/src/component/download/style/_module.scss b/src/component/download/style/_module.scss new file mode 100644 index 000000000..ba1061b05 --- /dev/null +++ b/src/component/download/style/_module.scss @@ -0,0 +1,8 @@ +//// +/// Download Module +/// @group download +//// + +@import 'module/download'; +@import 'module/variants'; +@import 'module/group'; diff --git a/src/component/download/style/_scheme.scss b/src/component/download/style/_scheme.scss new file mode 100644 index 000000000..7996bce29 --- /dev/null +++ b/src/component/download/style/_scheme.scss @@ -0,0 +1,37 @@ +//// +/// Download Module +/// @group download +//// + +@mixin _download-scheme($legacy: false) { + #{ns(download)} { + &--card { + @include scheme-element-bg-color(default grey, (legacy:$legacy)); + @include scheme-element-box-shadow-color(default grey, (legacy:$legacy), all-1-in); + + #{ns(download__link)} { + @include scheme-element-text-color(title grey, (legacy:$legacy)); + + @include after { + @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); + } + } + } + + &__link { + @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); + } + + &__detail { + @include scheme-element-text-color(mention grey, (legacy:$legacy)); + } + } + + #{ns-group(downloads)} { + @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); + + &--bordered { + @include scheme-element-box-shadow-color(default grey, (legacy:$legacy), all-1-in); + } + } +} diff --git a/src/component/download/style/module/_download.scss b/src/component/download/style/module/_download.scss new file mode 100644 index 000000000..cefbda1d7 --- /dev/null +++ b/src/component/download/style/module/_download.scss @@ -0,0 +1,45 @@ +//// +/// Download Module : download +/// @group download +//// + +#{ns(download)} { + @include relative; + @include padding-bottom(6v); + @include margin(var(--text-spacing)); + + & > * { + @include set-text-margin(0); + @include set-title-margin(0); + } + + &__link { + @include padding(0); + @include icon(download-line, sm, after) { + @include margin-left(1v); + @include margin-bottom(1v); + } + } + + &__desc { + @include text-style(sm); + @include font-weight(regular); + display: none; + } + + &__detail { + @include absolute(null, null, 0, 0); + @include text-style(xs); + @include font-weight(regular); + max-width: 100%; + white-space: nowrap; + pointer-events: none; + cursor: text; + overflow: hidden; + text-overflow: ellipsis; + + abbr { + text-decoration: none; + } + } +} diff --git a/src/component/download/style/module/_group.scss b/src/component/download/style/module/_group.scss new file mode 100644 index 000000000..677a739c4 --- /dev/null +++ b/src/component/download/style/module/_group.scss @@ -0,0 +1,24 @@ +//// +/// Download Module : download +/// @group download +//// + +#{ns-group(downloads)} { + &--bordered { + @include padding(6v 6v 2v); + @include padding(8v 8v 2v, md); + } + + & > ul { + @include margin-y(0); + + & > li { + @include padding-bottom(0); + } + } + + #{ns(download)} { + @include margin-bottom(4v); + @include margin-bottom(6v, md); + } +} diff --git a/src/component/download/style/module/_variants.scss b/src/component/download/style/module/_variants.scss new file mode 100644 index 000000000..ab37078b4 --- /dev/null +++ b/src/component/download/style/module/_variants.scss @@ -0,0 +1,52 @@ +//// +/// Download Module : variants +/// @group download +//// + +#{ns(download)} { + &--card { + @include padding(6v 6v 16v 6v); + @include padding(8v 8v 20v 8v, md); + @include set-text-margin(0); + @include set-title-margin(0); + } + + &--card &__link { + @include title-style(h5); + + @include after { + @include absolute(null, 6v, 6v); + @include icon-size(sm); + @include margin(0); + + @include respond-from(md) { + @include icon-size(md); + bottom: space(8v); + right: space(8v); + } + } + } + + &--card &__desc { + display: block; + @include margin-top(2v); + @include margin-top(3v, md); + } + + &--card &__detail { + @include absolute(null, null, 6v, 6v); + max-width: calc(100% - #{space(25v)}); + + @include respond-from(md) { + bottom: space(8v); + left: space(8v); + } + + @include has-icon { + @include before { + @include icon-size(sm); + @include margin-right(2v); + } + } + } +} diff --git a/src/component/download/template/ejs/download.ejs b/src/component/download/template/ejs/download.ejs new file mode 100644 index 000000000..8cfc5d137 --- /dev/null +++ b/src/component/download/template/ejs/download.ejs @@ -0,0 +1,60 @@ +<%# +# paramètres download + +* download.title (string, required) : Titre de la carte + +* download.enlarge (boolean, optional) : Si true, agrandi la zone de clic à toute la carte + +* download.description (string, optional) : Description, unniquement si card = true + +* download.detail (string, optional) : Détail de l'élément download (extension, poids, et langue si différente) + +* download.lang (string, optional) : Code langue (ex: "en") du fichier à télécharger (si différent de la langue de la page) + +* download.href (string, optional) : url du fichier à télécharger + +* download.downloadable (string/boolean, optional) : Si true : le fichier est télécharger sans être ouvert, Si false : le fichier s'ouvre dans le navigateur (si possible, sinon télécharge), Si String : Renomme le fichier avant de le télécharger + +* download.card (boolean, optional) : Détermine si c'est une carte ou un lien + +* download.size (string, optional) : Si type=card, valeur possible de size : 'sm' (default: md) + +* download.classes (array, optional): Classes suplémentaires sur le composant + +* download.attributes (object, optional): Attributs suplémentaires sur le composant + +%> +<% eval(include('../../../../core/index.ejs')); %> + +<% +let download = locals.download || {}; +const classes = download.classes || []; +const attributes = download.attributes || {}; +const markup = download.markup || 'p'; +const href = download.href || '#'; +const assessAttrs = download.assess ? {'data-fr-assess-file': typeof(download.assess) === 'string' ? download.assess : ''} : {}; +classes.push(`${prefix}-download`); + +if (download.downloadable !== false) assessAttrs.download = ''; +if (typeof(download.downloadable) === 'String') assessAttrs.download = download.downloadable; +if (download.lang) assessAttrs.hreflang = download.lang; +if (download.enlarge) classes.push(`${prefix}-enlarge-link`); +if (download.card) classes.push(`${prefix}-download--card`); +switch (download.size) { + case 'sm': + classes.push(`${prefix}-download--card`); + break; +} +%> +
    <%- includeAttrs(attributes) %>> + <<%= markup %>> + class="<%= prefix %>-download__link"><%- download.title %> + + <% if (download.detail) { %> + <%- download.detail %> + <% } %> + + + > + <% if (download.description && download.card) { %>

    <%- download.description %>

    <% } %> +
    diff --git a/src/component/download/template/ejs/downloads-group.ejs b/src/component/download/template/ejs/downloads-group.ejs new file mode 100644 index 000000000..1df69cdc9 --- /dev/null +++ b/src/component/download/template/ejs/downloads-group.ejs @@ -0,0 +1,48 @@ +<%# +# paramètres groupe de downloads + +* downloadsGroup.downloads (array, required): tableau de paramètres de download + +* downloadsGroup.bordered (boolean, optional): applique une bordure autour des liens + +* downloadsGroup.title (string, optional): titre du groupe (facultatif) + +* downloadsGroup.size (string, optional) : définie la taille des éléments dans le groupe (default md) + * sm : downloads taille sm + +* downloadsGroup.classes (array, optionnal) : classes suplémentaires sur le groupe de downloads + +* downloadsGroup.attributes (object, optionnal) : attributs suplémentaires sur le groupe de downloads + +#%> + +<% eval(include('../../../../core/index.ejs')); %> + +<% +const downloadsGroup = locals.downloadsGroup || {}; +let groupClasses = downloadsGroup.classes || []; +let groupAttrs = downloadsGroup.attributes || {}; +let downloads = downloadsGroup.downloads || []; +groupClasses.push(prefix + '-downloads-group'); + +if (downloadsGroup.bordered === true) groupClasses.push(prefix + '-downloads-group--bordered'); + +switch (downloadsGroup.size) { + case 'sm': + groupClasses.push(prefix + '-downloads-group--sm'); + break; + } + %> + +
    <%- includeAttrs(groupAttrs) %>> + <% if (downloadsGroup.title) { %> +

    <%- downloadsGroup.title %>

    + <% } %> +
      + <% for (let i = 0; i < downloads.length; i++) { %> +
    • + <%- include('./download.ejs', {download:{...downloads[i]}}); %> +
      • + <% } %> +
    +
    diff --git a/src/component/main.js b/src/component/main.js index 4bfba075f..8cc140f8e 100644 --- a/src/component/main.js +++ b/src/component/main.js @@ -9,6 +9,7 @@ import './navigation/main.js'; import './tab/main.js'; import './table/main.js'; import './tag/main.js'; +import './download/main.js'; import './header/main.js'; import './display/main.js'; export default api; diff --git a/src/component/main.scss b/src/component/main.scss index 58f66240e..f85fcd20c 100644 --- a/src/component/main.scss +++ b/src/component/main.scss @@ -28,6 +28,7 @@ @import 'pagination/main'; @import 'footer/main'; @import 'tag/main'; +@import 'download/main'; @import 'alert/main'; @import 'card/main'; @import 'input/main'; From 523339b7279b5518c604c70f80ae5291e2fd2069 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Thu, 21 Apr 2022 11:59:32 +0200 Subject: [PATCH 18/24] =?UTF-8?q?refactor(icon):=20Ajouts=20nouvelles=20ic?= =?UTF-8?q?ones=20&=20s=C3=A9paration=20en=20familles=20[DS-2514]=20(#280)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/.folder.yml | 1 - src/component/legacy.scss | 1 + src/component/main.scss | 1 + src/component/quote/style/_legacy.scss | 2 +- src/component/quote/style/_module.scss | 2 +- .../share/example/sample/share-default.ejs | 2 +- src/core/asset/favicon/manifest.webmanifest | 4 +- src/core/deprecated/style/_tool.scss | 6 ++ src/core/deprecated/style/icon/_module.scss | 2 - src/core/deprecated/style/icon/_tool.scss | 24 +++++ src/core/example/icon/index.ejs | 88 +------------------ src/core/icon/buildings/ancient-gate-fill.svg | 1 + src/core/icon/buildings/ancient-gate-line.svg | 1 + .../icon/buildings/ancient-pavilion-fill.svg | 1 + .../icon/buildings/ancient-pavilion-line.svg | 1 + src/core/icon/buildings/bank-fill.svg | 1 + src/core/icon/buildings/bank-line.svg | 1 + src/core/icon/buildings/building-fill.svg | 1 + src/core/icon/buildings/building-line.svg | 1 + src/core/icon/buildings/community-fill.svg | 1 + src/core/icon/buildings/community-line.svg | 1 + src/core/icon/buildings/government-fill.svg | 1 + src/core/icon/buildings/government-line.svg | 1 + src/core/icon/buildings/home-4-fill.svg | 1 + src/core/icon/buildings/home-4-line.svg | 1 + src/core/icon/buildings/hospital-fill.svg | 1 + src/core/icon/buildings/hospital-line.svg | 1 + src/core/icon/buildings/hotel-fill.svg | 1 + src/core/icon/buildings/hotel-line.svg | 1 + src/core/icon/buildings/store-fill.svg | 1 + src/core/icon/buildings/store-line.svg | 1 + src/core/icon/business/archive-fill.svg | 1 + src/core/icon/business/archive-line.svg | 1 + src/core/icon/business/attachment-fill.svg | 1 + src/core/icon/business/attachment-line.svg | 1 + src/core/icon/business/award-fill.svg | 1 + src/core/icon/business/award-line.svg | 1 + src/core/icon/business/bar-chart-box-fill.svg | 1 + src/core/icon/business/bar-chart-box-line.svg | 1 + src/core/icon/business/bookmark-fill.svg | 1 + src/core/icon/business/bookmark-line.svg | 1 + src/core/icon/business/briefcase-fill.svg | 1 + src/core/icon/business/briefcase-line.svg | 1 + src/core/icon/business/calendar-2-fill.svg | 1 + src/core/icon/business/calendar-2-line.svg | 1 + .../icon/business/calendar-event-fill.svg | 1 + .../icon/business/calendar-event-line.svg | 1 + src/core/icon/business/calendar-fill.svg | 1 + src/core/icon/business/calendar-line.svg | 1 + src/core/icon/business/cloud-fill.svg | 1 + src/core/icon/business/cloud-line.svg | 1 + src/core/icon/business/copyright-fill.svg | 1 + src/core/icon/business/copyright-line.svg | 1 + .../icon/business/customer-service-fill.svg | 1 + .../icon/business/customer-service-line.svg | 1 + src/core/icon/business/flag-fill.svg | 1 + src/core/icon/business/flag-line.svg | 1 + src/core/icon/business/global-fill.svg | 1 + src/core/icon/business/global-line.svg | 1 + src/core/icon/business/line-chart-fill.svg | 1 + src/core/icon/business/line-chart-line.svg | 1 + src/core/icon/business/links-fill.svg | 1 + src/core/icon/business/links-line.svg | 1 + src/core/icon/business/mail-fill.svg | 1 + src/core/icon/business/mail-line.svg | 1 + src/core/icon/business/mail-open-fill.svg | 1 + src/core/icon/business/mail-open-line.svg | 1 + src/core/icon/business/medal-fill.svg | 1 + src/core/icon/business/medal-line.svg | 1 + src/core/icon/business/pie-chart-2-fill.svg | 1 + src/core/icon/business/pie-chart-2-line.svg | 1 + src/core/icon/business/pie-chart-box-fill.svg | 1 + src/core/icon/business/pie-chart-box-line.svg | 1 + src/core/icon/business/printer-fill.svg | 1 + src/core/icon/business/printer-line.svg | 1 + src/core/icon/business/profil-fill.svg | 1 + src/core/icon/business/profil-line.svg | 1 + src/core/icon/business/projector-2-fill.svg | 1 + src/core/icon/business/projector-2-line.svg | 1 + src/core/icon/business/send-plane-fill.svg | 1 + src/core/icon/business/send-plane-line.svg | 1 + src/core/icon/business/slideshow-fill.svg | 1 + src/core/icon/business/slideshow-line.svg | 1 + src/core/icon/business/window-fill.svg | 1 + src/core/icon/business/window-line.svg | 1 + src/core/icon/communication/chat-2-fill.svg | 1 + src/core/icon/communication/chat-2-line.svg | 1 + src/core/icon/communication/chat-3-fill.svg | 1 + src/core/icon/communication/chat-3-line.svg | 1 + .../icon/communication/chat-check-fill.svg | 1 + .../icon/communication/chat-check-line.svg | 1 + .../icon/communication/chat-delete-fill.svg | 1 + .../icon/communication/chat-delete-line.svg | 1 + .../icon/communication/chat-poll-fill.svg | 1 + .../icon/communication/chat-poll-line.svg | 1 + src/core/icon/communication/discuss-fill.svg | 1 + src/core/icon/communication/discuss-line.svg | 1 + src/core/icon/communication/feedback-fill.svg | 1 + src/core/icon/communication/feedback-line.svg | 1 + .../icon/communication/message-2-fill.svg | 1 + .../icon/communication/message-2-line.svg | 1 + .../communication/question-answer-fill.svg | 1 + .../communication/question-answer-line.svg | 1 + .../icon/communication/questionnaire-fill.svg | 1 + .../icon/communication/questionnaire-line.svg | 1 + .../icon/communication/video-chat-fill.svg | 1 + .../icon/communication/video-chat-line.svg | 1 + src/core/icon/design/ball-pen-fill.svg | 1 + src/core/icon/design/ball-pen-line.svg | 1 + src/core/icon/design/brush-3-fill.svg | 1 + src/core/icon/design/brush-3-line.svg | 1 + src/core/icon/design/brush-fill.svg | 1 + src/core/icon/design/brush-line.svg | 1 + src/core/icon/design/contrast-fill.svg | 1 + src/core/icon/design/contrast-line.svg | 1 + src/core/icon/design/crop-fill.svg | 1 + src/core/icon/design/crop-line.svg | 1 + src/core/icon/design/drag-move-2-fill.svg | 1 + src/core/icon/design/drag-move-2-line.svg | 1 + src/core/icon/design/drop-fill.svg | 1 + src/core/icon/design/drop-line.svg | 1 + src/core/icon/design/edit-box-fill.svg | 1 + src/core/icon/design/edit-box-line.svg | 1 + src/core/icon/design/edit-fill.svg | 1 + src/core/icon/design/edit-line.svg | 1 + src/core/icon/design/ink-bottle-fill.svg | 1 + src/core/icon/design/ink-bottle-line.svg | 1 + src/core/icon/design/layout-grid-fill.svg | 1 + src/core/icon/design/layout-grid-line.svg | 1 + src/core/icon/design/mark-pen-fill.svg | 1 + src/core/icon/design/mark-pen-line.svg | 1 + src/core/icon/design/paint-brush-fill.svg | 1 + src/core/icon/design/paint-brush-line.svg | 1 + src/core/icon/design/paint-fill.svg | 1 + src/core/icon/design/paint-line.svg | 1 + src/core/icon/design/palette-fill.svg | 1 + src/core/icon/design/palette-line.svg | 1 + src/core/icon/design/pantone-fill.svg | 1 + src/core/icon/design/pantone-line.svg | 1 + src/core/icon/design/pen-nib-fill.svg | 1 + src/core/icon/design/pen-nib-line.svg | 1 + src/core/icon/design/pencil-fill.svg | 1 + src/core/icon/design/pencil-line.svg | 1 + src/core/icon/design/pencil-ruler-fill.svg | 1 + src/core/icon/design/pencil-ruler-line.svg | 1 + src/core/icon/design/sip-fill.svg | 1 + src/core/icon/design/sip-line.svg | 1 + src/core/icon/design/table-fill.svg | 1 + src/core/icon/design/table-line.svg | 1 + src/core/icon/development/bug-fill.svg | 1 + src/core/icon/development/bug-line.svg | 1 + src/core/icon/development/code-box-fill.svg | 1 + src/core/icon/development/code-box-line.svg | 1 + .../icon/development/code-s-slash-line.svg | 1 + src/core/icon/development/cursor-fill.svg | 1 + src/core/icon/development/cursor-line.svg | 1 + src/core/icon/development/git-branch-fill.svg | 1 + src/core/icon/development/git-branch-line.svg | 1 + src/core/icon/development/git-commit-fill.svg | 1 + src/core/icon/development/git-commit-line.svg | 1 + src/core/icon/development/git-merge-fill.svg | 1 + src/core/icon/development/git-merge-line.svg | 1 + .../development/git-pull-request-fill.svg | 1 + .../development/git-pull-request-line.svg | 1 + .../git-repository-commits-fill.svg | 1 + .../git-repository-commits-line.svg | 1 + .../icon/development/git-repository-fill.svg | 1 + .../icon/development/git-repository-line.svg | 1 + .../git-repository-private-fill.svg | 1 + .../git-repository-private-line.svg | 1 + .../icon/development/terminal-box-fill.svg | 1 + .../icon/development/terminal-box-line.svg | 1 + src/core/icon/development/terminal-line.svg | 1 + .../icon/development/terminal-window-fill.svg | 1 + .../icon/development/terminal-window-line.svg | 1 + src/core/icon/device/bluetooth-fill.svg | 1 + src/core/icon/device/bluetooth-line.svg | 1 + src/core/icon/device/computer-fill.svg | 1 + src/core/icon/device/computer-line.svg | 1 + src/core/icon/device/dashboard-3-fill.svg | 1 + src/core/icon/device/dashboard-3-line.svg | 1 + src/core/icon/device/database-fill.svg | 1 + src/core/icon/device/database-line.svg | 1 + src/core/icon/device/device-fill.svg | 1 + src/core/icon/device/device-line.svg | 1 + src/core/icon/device/hard-drive-2-fill.svg | 1 + src/core/icon/device/hard-drive-2-line.svg | 1 + src/core/icon/device/mac-fill.svg | 1 + src/core/icon/device/mac-line.svg | 1 + src/core/icon/device/phone-fill.svg | 1 + src/core/icon/device/phone-line.svg | 1 + src/core/icon/device/qr-code-fill.svg | 1 + src/core/icon/device/qr-code-line.svg | 1 + src/core/icon/device/rss-fill.svg | 1 + src/core/icon/device/rss-line.svg | 1 + src/core/icon/device/save-3-fill.svg | 1 + src/core/icon/device/save-3-line.svg | 1 + src/core/icon/device/save-fill.svg | 1 + src/core/icon/device/save-line.svg | 1 + src/core/icon/device/server-fill.svg | 1 + src/core/icon/device/server-line.svg | 1 + src/core/icon/device/smartphone-fill.svg | 1 + src/core/icon/device/smartphone-line.svg | 1 + src/core/icon/device/tablet-fill.svg | 1 + src/core/icon/device/tablet-line.svg | 1 + src/core/icon/device/tv-fill.svg | 1 + src/core/icon/device/tv-line.svg | 1 + src/core/icon/device/wifi-fill.svg | 1 + src/core/icon/device/wifi-line.svg | 1 + src/core/icon/document/article-fill.svg | 1 + src/core/icon/document/article-line.svg | 1 + src/core/icon/document/book-2-fill.svg | 1 + src/core/icon/document/book-2-line.svg | 1 + src/core/icon/document/booklet-fill.svg | 1 + src/core/icon/document/booklet-line.svg | 1 + src/core/icon/document/clipboard-fill.svg | 1 + src/core/icon/document/clipboard-line.svg | 1 + src/core/icon/document/draft-fill.svg | 1 + src/core/icon/document/draft-line.svg | 1 + src/core/icon/document/file-add-fill.svg | 1 + src/core/icon/document/file-add-line.svg | 1 + src/core/icon/document/file-download-fill.svg | 1 + src/core/icon/document/file-download-line.svg | 1 + src/core/icon/document/file-fill.svg | 1 + src/core/icon/document/file-line.svg | 1 + src/core/icon/document/file-pdf-fill.svg | 1 + src/core/icon/document/file-pdf-line.svg | 1 + src/core/icon/document/file-text-fill.svg | 1 + src/core/icon/document/file-text-line.svg | 1 + src/core/icon/document/folder-2-fill.svg | 1 + src/core/icon/document/folder-2-line.svg | 1 + src/core/icon/document/newspaper-fill.svg | 1 + src/core/icon/document/newspaper-line.svg | 1 + src/core/icon/document/survey-fill.svg | 1 + src/core/icon/document/survey-line.svg | 1 + src/core/icon/document/todo-fill.svg | 1 + src/core/icon/document/todo-line.svg | 1 + src/core/icon/dsfr/bold.svg | 1 - src/core/icon/dsfr/flashlight-fill.svg | 1 - src/core/icon/dsfr/flashlight-line.svg | 1 - src/core/icon/dsfr/highlight.svg | 1 - src/core/icon/editor/code-view.svg | 1 + src/core/icon/editor/font-size.svg | 1 + src/core/icon/editor/fr--bold.svg | 1 + src/core/icon/editor/fr--highlight.svg | 1 + src/core/icon/editor/fr--quote-fill.svg | 1 + src/core/icon/editor/fr--quote-line.svg | 1 + src/core/icon/editor/h-1.svg | 1 + src/core/icon/editor/h-2.svg | 1 + src/core/icon/editor/h-3.svg | 1 + src/core/icon/editor/h-4.svg | 1 + src/core/icon/editor/h-5.svg | 1 + src/core/icon/editor/h-6.svg | 1 + src/core/icon/editor/hashtag.svg | 1 + src/core/icon/editor/italic.svg | 1 + src/core/icon/editor/link-unlink.svg | 1 + src/core/icon/editor/link.svg | 1 + src/core/icon/editor/list-ordered.svg | 1 + src/core/icon/editor/list-unordered.svg | 1 + src/core/icon/editor/question-mark.svg | 1 + src/core/icon/editor/separator.svg | 1 + src/core/icon/editor/space.svg | 1 + src/core/icon/editor/subscript.svg | 1 + src/core/icon/editor/superscript.svg | 1 + src/core/icon/editor/table-2.svg | 1 + src/core/icon/editor/translate-2.svg | 1 + src/core/icon/finance/bank-card-fill.svg | 1 + src/core/icon/finance/bank-card-line.svg | 1 + src/core/icon/finance/coin-fill.svg | 1 + src/core/icon/finance/gift-fill.svg | 1 + src/core/icon/finance/gift-line.svg | 1 + src/core/icon/finance/money-euro-box-fill.svg | 1 + src/core/icon/finance/money-euro-box-line.svg | 1 + .../icon/finance/money-euro-circle-fill.svg | 1 + .../icon/finance/money-euro-circle-line.svg | 1 + src/core/icon/finance/secure-payment-fill.svg | 1 + src/core/icon/finance/secure-payment-line.svg | 1 + src/core/icon/finance/shopping-bag-fill.svg | 1 + src/core/icon/finance/shopping-bag-line.svg | 1 + .../icon/finance/shopping-cart-2-fill.svg | 1 + .../icon/finance/shopping-cart-2-line.svg | 1 + src/core/icon/finance/trophy-fill.svg | 1 + src/core/icon/finance/trophy-line.svg | 1 + src/core/icon/health/capsule-fill.svg | 1 + src/core/icon/health/capsule-line.svg | 1 + src/core/icon/health/dislike-fill.svg | 1 + src/core/icon/health/dislike-line.svg | 1 + src/core/icon/health/dossier-fill.svg | 1 + src/core/icon/health/dossier-line.svg | 1 + src/core/icon/health/first-aid-kit-fill.svg | 1 + src/core/icon/health/first-aid-kit-line.svg | 1 + src/core/icon/health/hand-sanitizer-fill.svg | 1 + src/core/icon/health/hand-sanitizer-line.svg | 1 + src/core/icon/health/health-book-fill.svg | 1 + src/core/icon/health/health-book-line.svg | 1 + src/core/icon/health/heart-fill.svg | 1 + src/core/icon/health/heart-line.svg | 1 + src/core/icon/health/heart-pulse-fill.svg | 1 + src/core/icon/health/heart-pulse-line.svg | 1 + src/core/icon/health/lungs-fill.svg | 1 + src/core/icon/health/lungs-line.svg | 1 + src/core/icon/health/medicine-bottle-fill.svg | 1 + src/core/icon/health/medicine-bottle-line.svg | 1 + src/core/icon/health/mental-health-fill.svg | 1 + src/core/icon/health/mental-health-line.svg | 1 + src/core/icon/health/microscope-fill.svg | 1 + src/core/icon/health/microscope-line.svg | 1 + src/core/icon/health/psychotherapy-fill.svg | 1 + src/core/icon/health/psychotherapy-line.svg | 1 + src/core/icon/health/pulse-line.svg | 1 + src/core/icon/health/stethoscope-fill.svg | 1 + src/core/icon/health/stethoscope-line.svg | 1 + src/core/icon/health/surgical-mask-fill.svg | 1 + src/core/icon/health/surgical-mask-line.svg | 1 + src/core/icon/health/syringe-fill.svg | 1 + src/core/icon/health/syringe-line.svg | 1 + src/core/icon/health/test-tube-fill.svg | 1 + src/core/icon/health/test-tube-line.svg | 1 + src/core/icon/health/thermometer-fill.svg | 1 + src/core/icon/health/thermometer-line.svg | 1 + src/core/icon/health/virus-fill.svg | 1 + src/core/icon/health/virus-line.svg | 1 + src/core/icon/logo/chrome-fill.svg | 1 + src/core/icon/logo/chrome-line.svg | 1 + src/core/icon/logo/edge-fill.svg | 1 + src/core/icon/logo/edge-line.svg | 1 + src/core/icon/logo/facebook-circle-fill.svg | 1 + src/core/icon/logo/facebook-circle-line.svg | 1 + src/core/icon/logo/firefox-fill.svg | 1 + src/core/icon/logo/firefox-line.svg | 1 + src/core/icon/logo/fr--dailymotion-fill.svg | 1 + src/core/icon/logo/fr--dailymotion-line.svg | 1 + src/core/icon/logo/fr--tiktok-fill.svg | 1 + src/core/icon/logo/fr--tiktok-line.svg | 1 + src/core/icon/logo/github-fill.svg | 1 + src/core/icon/logo/github-line.svg | 1 + src/core/icon/logo/google-fill.svg | 1 + src/core/icon/logo/google-line.svg | 1 + src/core/icon/logo/ie-fill.svg | 1 + src/core/icon/logo/ie-line.svg | 1 + src/core/icon/logo/instagram-fill.svg | 1 + src/core/icon/logo/instagram-line.svg | 1 + src/core/icon/logo/linkedin-box-fill.svg | 1 + src/core/icon/logo/linkedin-box-line.svg | 1 + src/core/icon/logo/mastodon-fill.svg | 1 + src/core/icon/logo/mastodon-line.svg | 1 + src/core/icon/logo/npmjs-fill.svg | 1 + src/core/icon/logo/npmjs-line.svg | 1 + src/core/icon/logo/remixicon-fill.svg | 1 + src/core/icon/logo/remixicon-line.svg | 1 + src/core/icon/logo/safari-fill.svg | 1 + src/core/icon/logo/safari-line.svg | 1 + src/core/icon/logo/slack-fill.svg | 1 + src/core/icon/logo/slack-line.svg | 1 + src/core/icon/logo/snapchat-fill.svg | 1 + src/core/icon/logo/snapchat-line.svg | 1 + src/core/icon/logo/telegram-fill.svg | 1 + src/core/icon/logo/telegram-line.svg | 1 + src/core/icon/logo/twitch-fill.svg | 1 + src/core/icon/logo/twitch-line.svg | 1 + src/core/icon/logo/twitter-fill.svg | 1 + src/core/icon/logo/twitter-line.svg | 1 + src/core/icon/logo/vimeo-fill.svg | 1 + src/core/icon/logo/vimeo-line.svg | 1 + src/core/icon/logo/vuejs-fill.svg | 1 + src/core/icon/logo/vuejs-line.svg | 1 + src/core/icon/logo/youtube-fill.svg | 1 + src/core/icon/logo/youtube-line.svg | 1 + src/core/icon/map/anchor-fill.svg | 1 + src/core/icon/map/anchor-line.svg | 1 + src/core/icon/map/bike-fill.svg | 1 + src/core/icon/map/bike-line.svg | 1 + src/core/icon/map/bus-fill.svg | 1 + src/core/icon/map/bus-line.svg | 1 + src/core/icon/map/car-fill.svg | 1 + src/core/icon/map/car-line.svg | 1 + src/core/icon/map/caravan-fill.svg | 1 + src/core/icon/map/caravan-line.svg | 1 + src/core/icon/map/charging-pile-2-fill.svg | 1 + src/core/icon/map/charging-pile-2-line.svg | 1 + src/core/icon/map/compass-3-fill.svg | 1 + src/core/icon/map/compass-3-line.svg | 1 + src/core/icon/map/cup-fill.svg | 1 + src/core/icon/map/cup-line.svg | 1 + src/core/icon/map/earth-fill.svg | 1 + src/core/icon/map/earth-line.svg | 1 + src/core/icon/map/france-fill.svg | 1 + src/core/icon/map/france-line.svg | 1 + src/core/icon/map/gas-station-fill.svg | 1 + src/core/icon/map/gas-station-line.svg | 1 + src/core/icon/map/goblet-fill.svg | 1 + src/core/icon/map/goblet-line.svg | 1 + src/core/icon/map/map-pin-2-fill.svg | 1 + src/core/icon/map/map-pin-2-line.svg | 1 + src/core/icon/map/map-pin-user-fill.svg | 1 + src/core/icon/map/map-pin-user-line.svg | 1 + src/core/icon/map/motorbike-fill.svg | 1 + src/core/icon/map/motorbike-line.svg | 1 + src/core/icon/map/passport-fill.svg | 1 + src/core/icon/map/passport-line.svg | 1 + src/core/icon/map/restaurant-fill.svg | 1 + src/core/icon/map/restaurant-line.svg | 1 + src/core/icon/map/road-map-fill.svg | 1 + src/core/icon/map/road-map-line.svg | 1 + src/core/icon/map/sailboat-fill.svg | 1 + src/core/icon/map/sailboat-line.svg | 1 + src/core/icon/map/ship-2-fill.svg | 1 + src/core/icon/map/ship-2-line.svg | 1 + src/core/icon/map/signal-tower-fill.svg | 1 + src/core/icon/map/signal-tower-line.svg | 1 + src/core/icon/map/suitcase-2-fill.svg | 1 + src/core/icon/map/suitcase-2-line.svg | 1 + src/core/icon/map/taxi-fill.svg | 1 + src/core/icon/map/taxi-line.svg | 1 + src/core/icon/map/train-fill.svg | 1 + src/core/icon/map/train-line.svg | 1 + src/core/icon/media/camera-fill.svg | 1 + src/core/icon/media/camera-line.svg | 1 + src/core/icon/media/clapperboard-fill.svg | 1 + src/core/icon/media/clapperboard-line.svg | 1 + src/core/icon/media/equalizer-fill.svg | 1 + src/core/icon/media/equalizer-line.svg | 1 + src/core/icon/media/film-fill.svg | 1 + src/core/icon/media/film-line.svg | 1 + src/core/icon/media/gallery-fill.svg | 1 + src/core/icon/media/gallery-line.svg | 1 + src/core/icon/media/headphone-fill.svg | 1 + src/core/icon/media/headphone-line.svg | 1 + src/core/icon/media/image-add-fill.svg | 1 + src/core/icon/media/image-add-line.svg | 1 + src/core/icon/media/image-edit-fill.svg | 1 + src/core/icon/media/image-edit-line.svg | 1 + src/core/icon/media/image-fill.svg | 1 + src/core/icon/media/image-line.svg | 1 + src/core/icon/media/live-fill.svg | 1 + src/core/icon/media/live-line.svg | 1 + src/core/icon/media/mic-fill.svg | 1 + src/core/icon/media/mic-line.svg | 1 + src/core/icon/media/music-2-fill.svg | 1 + src/core/icon/media/music-2-line.svg | 1 + src/core/icon/media/notification-3-fill.svg | 1 + src/core/icon/media/notification-3-line.svg | 1 + src/core/icon/media/pause-circle-fill.svg | 1 + src/core/icon/media/pause-circle-line.svg | 1 + src/core/icon/media/play-circle-fill.svg | 1 + src/core/icon/media/play-circle-line.svg | 1 + src/core/icon/media/stop-circle-fill.svg | 1 + src/core/icon/media/stop-circle-line.svg | 1 + src/core/icon/media/transcription.svg | 1 + src/core/icon/media/volume-down-fill.svg | 1 + src/core/icon/media/volume-down-line.svg | 1 + src/core/icon/media/volume-mute-fill.svg | 1 + src/core/icon/media/volume-mute-line.svg | 1 + src/core/icon/media/volume-up-fill.svg | 1 + src/core/icon/media/volume-up-line.svg | 1 + src/core/icon/others/leaf-fill.svg | 1 + src/core/icon/others/leaf-line.svg | 1 + src/core/icon/others/lightbulb-fill.svg | 1 + src/core/icon/others/lightbulb-line.svg | 1 + src/core/icon/others/plant-fill.svg | 1 + src/core/icon/others/plant-line.svg | 1 + src/core/icon/others/recycle-fill.svg | 1 + src/core/icon/others/recycle-line.svg | 1 + src/core/icon/others/scales-3-fill.svg | 1 + src/core/icon/others/scales-3-line.svg | 1 + src/core/icon/others/seedling-fill.svg | 1 + src/core/icon/others/seedling-line.svg | 1 + src/core/icon/others/umbrella-fill.svg | 1 + src/core/icon/others/umbrella-line.svg | 1 + src/core/icon/remix/account-fill.svg | 1 - src/core/icon/remix/account-line.svg | 1 - src/core/icon/remix/add-circle-fill.svg | 1 - src/core/icon/remix/add-circle-line.svg | 1 - src/core/icon/remix/add-line.svg | 1 - src/core/icon/remix/alert-fill.svg | 1 - src/core/icon/remix/alert-line.svg | 1 - src/core/icon/remix/arrow-down-line.svg | 1 - src/core/icon/remix/arrow-down-s-line.svg | 1 - src/core/icon/remix/arrow-go-back-fill.svg | 1 - src/core/icon/remix/arrow-go-back-line.svg | 1 - src/core/icon/remix/arrow-left-line.svg | 1 - .../icon/remix/arrow-left-s-first-line.svg | 1 - .../icon/remix/arrow-left-s-line-double.svg | 1 - src/core/icon/remix/arrow-left-s-line.svg | 1 - src/core/icon/remix/arrow-right-line.svg | 1 - .../icon/remix/arrow-right-s-last-line.svg | 1 - .../icon/remix/arrow-right-s-line-double.svg | 1 - src/core/icon/remix/arrow-right-s-line.svg | 1 - src/core/icon/remix/arrow-up-s-line.svg | 1 - src/core/icon/remix/attachment-fill.svg | 1 - src/core/icon/remix/attachment-line.svg | 1 - src/core/icon/remix/calendar-fill.svg | 1 - src/core/icon/remix/calendar-line.svg | 1 - src/core/icon/remix/chat-quote-fill.svg | 3 - src/core/icon/remix/chat-quote-line.svg | 4 - src/core/icon/remix/check-line.svg | 1 - src/core/icon/remix/checkbox-circle-fill.svg | 1 - src/core/icon/remix/checkbox-circle-line.svg | 1 - src/core/icon/remix/close-circle-fill.svg | 1 - src/core/icon/remix/close-circle-line.svg | 1 - src/core/icon/remix/close-line.svg | 1 - src/core/icon/remix/dailymotion-fill.svg | 6 -- src/core/icon/remix/dailymotion-line.svg | 6 -- src/core/icon/remix/delete-fill.svg | 1 - src/core/icon/remix/delete-line.svg | 1 - src/core/icon/remix/download-line.svg | 1 - src/core/icon/remix/edit-fill.svg | 1 - src/core/icon/remix/edit-line.svg | 1 - src/core/icon/remix/equalizer-fill.svg | 1 - src/core/icon/remix/equalizer-line.svg | 1 - src/core/icon/remix/error-warning-fill.svg | 1 - src/core/icon/remix/error-warning-line.svg | 1 - src/core/icon/remix/external-link-line.svg | 1 - src/core/icon/remix/eye-fill.svg | 1 - src/core/icon/remix/eye-line.svg | 1 - src/core/icon/remix/eye-off-fill.svg | 1 - src/core/icon/remix/eye-off-line.svg | 1 - src/core/icon/remix/facebook-circle-fill.svg | 1 - src/core/icon/remix/facebook-circle-line.svg | 1 - src/core/icon/remix/file-download-fill.svg | 1 - src/core/icon/remix/file-download-line.svg | 1 - src/core/icon/remix/file-fill.svg | 1 - src/core/icon/remix/file-line.svg | 1 - src/core/icon/remix/file-pdf-fill.svg | 1 - src/core/icon/remix/file-pdf-line.svg | 1 - src/core/icon/remix/filter-fill.svg | 1 - src/core/icon/remix/filter-line.svg | 1 - src/core/icon/remix/font-size.svg | 1 - src/core/icon/remix/github-fill.svg | 1 - src/core/icon/remix/github-line.svg | 1 - src/core/icon/remix/home-4-fill.svg | 1 - src/core/icon/remix/home-4-line.svg | 1 - src/core/icon/remix/icon.yml | 5 -- src/core/icon/remix/image-fill.svg | 1 - src/core/icon/remix/image-line.svg | 1 - src/core/icon/remix/information-fill.svg | 1 - src/core/icon/remix/information-line.svg | 1 - src/core/icon/remix/instagram-fill.svg | 1 - src/core/icon/remix/instagram-line.svg | 1 - src/core/icon/remix/italic.svg | 1 - src/core/icon/remix/line-chart-fill.svg | 1 - src/core/icon/remix/line-chart-line.svg | 1 - src/core/icon/remix/link-unlink.svg | 1 - src/core/icon/remix/linkedin-box-fill.svg | 1 - src/core/icon/remix/linkedin-box-line.svg | 1 - src/core/icon/remix/links-fill.svg | 1 - src/core/icon/remix/list-ordered.svg | 1 - src/core/icon/remix/list-unordered.svg | 1 - src/core/icon/remix/lock-fill.svg | 1 - src/core/icon/remix/lock-line.svg | 1 - src/core/icon/remix/logout-box-r-fill.svg | 1 - src/core/icon/remix/logout-box-r-line.svg | 1 - src/core/icon/remix/mail-fill.svg | 1 - src/core/icon/remix/mail-line.svg | 1 - src/core/icon/remix/map-pin-2-fill.svg | 1 - src/core/icon/remix/map-pin-2-line.svg | 1 - src/core/icon/remix/menu-2-fill.svg | 1 - src/core/icon/remix/menu-fill.svg | 1 - src/core/icon/remix/npmjs-fill.svg | 1 - src/core/icon/remix/npmjs-line.svg | 1 - src/core/icon/remix/pause-circle-fill.svg | 1 - src/core/icon/remix/pause-circle-line.svg | 1 - src/core/icon/remix/phone-fill.svg | 1 - src/core/icon/remix/phone-line.svg | 1 - src/core/icon/remix/play-fill.svg | 1 - src/core/icon/remix/play-line.svg | 1 - src/core/icon/remix/printer-fill.svg | 1 - src/core/icon/remix/printer-line.svg | 1 - src/core/icon/remix/question-fill.svg | 1 - src/core/icon/remix/question-line.svg | 1 - src/core/icon/remix/refresh-fill.svg | 1 - src/core/icon/remix/refresh-line.svg | 1 - src/core/icon/remix/remixicon-fill.svg | 1 - src/core/icon/remix/remixicon-line.svg | 1 - src/core/icon/remix/road-map-fill.svg | 1 - src/core/icon/remix/road-map-line.svg | 1 - src/core/icon/remix/rss-fill.svg | 1 - src/core/icon/remix/rss-line.svg | 1 - src/core/icon/remix/save-fill.svg | 1 - src/core/icon/remix/save-line.svg | 1 - src/core/icon/remix/search-fill.svg | 1 - src/core/icon/remix/search-line.svg | 1 - src/core/icon/remix/slack-fill.svg | 1 - src/core/icon/remix/slack-line.svg | 1 - src/core/icon/remix/snapchat-fill.svg | 1 - src/core/icon/remix/snapchat-line.svg | 1 - src/core/icon/remix/subtract-line.svg | 1 - src/core/icon/remix/telegram-fill.svg | 1 - src/core/icon/remix/telegram-line.svg | 1 - src/core/icon/remix/theme-fill.svg | 5 -- src/core/icon/remix/tiktok-fill.svg | 6 -- src/core/icon/remix/tiktok-line.svg | 6 -- src/core/icon/remix/timer-fill.svg | 1 - src/core/icon/remix/timer-line.svg | 1 - src/core/icon/remix/twitch-fill.svg | 1 - src/core/icon/remix/twitch-line.svg | 1 - src/core/icon/remix/twitter-fill.svg | 1 - src/core/icon/remix/twitter-line.svg | 1 - src/core/icon/remix/upload-2-fill.svg | 1 - src/core/icon/remix/upload-2-line.svg | 1 - src/core/icon/remix/user-fill.svg | 1 - src/core/icon/remix/user-line.svg | 1 - src/core/icon/remix/vimeo-fill.svg | 1 - src/core/icon/remix/vimeo-line.svg | 1 - src/core/icon/remix/volume-down-fill.svg | 1 - src/core/icon/remix/volume-down-line.svg | 1 - src/core/icon/remix/volume-mute-fill.svg | 1 - src/core/icon/remix/volume-mute-line.svg | 1 - src/core/icon/remix/volume-up-fill.svg | 1 - src/core/icon/remix/volume-up-line.svg | 1 - src/core/icon/remix/youtube-fill.svg | 1 - src/core/icon/remix/youtube-line.svg | 1 - src/core/icon/remix/zoom-in-fill.svg | 1 - src/core/icon/remix/zoom-in-line.svg | 1 - src/core/icon/remix/zoom-out-fill.svg | 1 - src/core/icon/remix/zoom-out-line.svg | 1 - src/core/icon/system/add-circle-fill.svg | 1 + src/core/icon/system/add-circle-line.svg | 1 + src/core/icon/system/add-line.svg | 1 + src/core/icon/system/alarm-warning-fill.svg | 1 + src/core/icon/system/alarm-warning-line.svg | 1 + src/core/icon/system/alert-fill.svg | 1 + src/core/icon/system/alert-line.svg | 1 + src/core/icon/system/arrow-down-fill.svg | 1 + src/core/icon/system/arrow-down-line.svg | 1 + .../arrow-down-s-fill.svg} | 2 +- src/core/icon/system/arrow-down-s-line.svg | 1 + src/core/icon/system/arrow-go-back-fill.svg | 1 + src/core/icon/system/arrow-go-back-line.svg | 1 + .../icon/system/arrow-go-forward-fill.svg | 1 + .../icon/system/arrow-go-forward-line.svg | 1 + src/core/icon/system/arrow-left-fill.svg | 1 + src/core/icon/system/arrow-left-line.svg | 1 + src/core/icon/system/arrow-left-s-fill.svg | 1 + src/core/icon/system/arrow-left-s-line.svg | 1 + src/core/icon/system/arrow-right-fill.svg | 1 + src/core/icon/system/arrow-right-line.svg | 1 + src/core/icon/system/arrow-right-s-fill.svg | 1 + src/core/icon/system/arrow-right-s-line.svg | 1 + .../{remix => system}/arrow-right-up-line.svg | 0 src/core/icon/system/arrow-up-fill.svg | 1 + src/core/icon/system/arrow-up-line.svg | 1 + src/core/icon/system/arrow-up-s-fill.svg | 1 + src/core/icon/system/arrow-up-s-line.svg | 1 + src/core/icon/system/check-line.svg | 1 + src/core/icon/system/checkbox-circle-fill.svg | 1 + src/core/icon/system/checkbox-circle-line.svg | 1 + src/core/icon/system/checkbox-fill.svg | 1 + src/core/icon/system/checkbox-line.svg | 1 + src/core/icon/system/close-circle-fill.svg | 1 + src/core/icon/system/close-circle-line.svg | 1 + src/core/icon/system/close-line.svg | 1 + src/core/icon/system/delete-fill.svg | 1 + src/core/icon/system/delete-line.svg | 1 + src/core/icon/system/download-fill.svg | 1 + src/core/icon/system/download-line.svg | 1 + src/core/icon/system/error-warning-fill.svg | 1 + src/core/icon/system/error-warning-line.svg | 1 + src/core/icon/system/external-link-fill.svg | 1 + src/core/icon/system/external-link-line.svg | 1 + src/core/icon/system/eye-fill.svg | 1 + src/core/icon/system/eye-line.svg | 1 + src/core/icon/system/eye-off-fill.svg | 1 + src/core/icon/system/eye-off-line.svg | 1 + src/core/icon/system/filter-fill.svg | 1 + src/core/icon/system/filter-line.svg | 1 + .../system/fr--arrow-left-s-first-line.svg | 1 + .../system/fr--arrow-left-s-line-double.svg | 1 + .../system/fr--arrow-right-s-last-line.svg | 1 + .../system/fr--arrow-right-s-line-double.svg | 1 + .../fr--error-fill.svg} | 0 .../fr--error-line.svg} | 0 .../fr--info-fill.svg} | 0 .../fr--info-line.svg} | 0 .../fr--success-fill.svg} | 0 .../fr--success-line.svg} | 0 src/core/icon/system/fr--theme-fill.svg | 1 + .../fr--warning-fill.svg} | 0 .../fr--warning-line.svg} | 0 src/core/icon/system/information-fill.svg | 1 + src/core/icon/system/information-line.svg | 1 + src/core/icon/system/lock-fill.svg | 1 + src/core/icon/system/lock-line.svg | 1 + src/core/icon/system/lock-unlock-fill.svg | 1 + src/core/icon/system/lock-unlock-line.svg | 1 + src/core/icon/system/logout-box-r-fill.svg | 1 + src/core/icon/system/logout-box-r-line.svg | 1 + src/core/icon/system/menu-2-fill.svg | 1 + src/core/icon/system/menu-fill.svg | 1 + src/core/icon/system/more-fill.svg | 1 + src/core/icon/system/more-line.svg | 1 + .../icon/system/notification-badge-fill.svg | 1 + .../icon/system/notification-badge-line.svg | 1 + src/core/icon/system/question-fill.svg | 1 + src/core/icon/system/question-line.svg | 1 + src/core/icon/system/refresh-fill.svg | 1 + src/core/icon/system/refresh-line.svg | 1 + src/core/icon/system/search-fill.svg | 1 + src/core/icon/system/search-line.svg | 1 + src/core/icon/system/settings-5-fill.svg | 1 + src/core/icon/system/settings-5-line.svg | 1 + src/core/icon/system/shield-fill.svg | 1 + src/core/icon/system/shield-line.svg | 1 + src/core/icon/system/star-fill.svg | 1 + src/core/icon/system/star-line.svg | 1 + src/core/icon/system/star-s-fill.svg | 1 + src/core/icon/system/star-s-line.svg | 1 + src/core/icon/system/subtract-line.svg | 1 + src/core/icon/system/thumb-down-fill.svg | 1 + src/core/icon/system/thumb-down-line.svg | 1 + src/core/icon/system/thumb-up-fill.svg | 1 + src/core/icon/system/thumb-up-line.svg | 1 + src/core/icon/system/time-fill.svg | 1 + src/core/icon/system/time-line.svg | 1 + src/core/icon/system/timer-fill.svg | 1 + src/core/icon/system/timer-line.svg | 1 + src/core/icon/system/upload-2-fill.svg | 1 + src/core/icon/system/upload-2-line.svg | 1 + src/core/icon/system/upload-fill.svg | 1 + src/core/icon/system/upload-line.svg | 1 + src/core/icon/system/zoom-in-fill.svg | 1 + src/core/icon/system/zoom-in-line.svg | 1 + src/core/icon/system/zoom-out-fill.svg | 1 + src/core/icon/system/zoom-out-line.svg | 1 + src/core/icon/user/account-circle-fill.svg | 1 + src/core/icon/user/account-circle-line.svg | 1 + src/core/icon/user/account-fill.svg | 1 + src/core/icon/user/account-line.svg | 1 + .../icon/user/account-pin-circle-fill.svg | 1 + .../icon/user/account-pin-circle-line.svg | 1 + src/core/icon/user/admin-fill.svg | 1 + src/core/icon/user/admin-line.svg | 1 + src/core/icon/user/group-fill.svg | 1 + src/core/icon/user/group-line.svg | 1 + src/core/icon/user/parent-fill.svg | 1 + src/core/icon/user/parent-line.svg | 1 + src/core/icon/user/team-fill.svg | 1 + src/core/icon/user/team-line.svg | 1 + src/core/icon/user/user-add-fill.svg | 1 + src/core/icon/user/user-add-line.svg | 1 + src/core/icon/user/user-fill.svg | 1 + src/core/icon/user/user-heart-fill.svg | 1 + src/core/icon/user/user-heart-line.svg | 1 + src/core/icon/user/user-line.svg | 1 + src/core/icon/user/user-search-fill.svg | 1 + src/core/icon/user/user-search-line.svg | 1 + src/core/icon/user/user-setting-fill.svg | 1 + src/core/icon/user/user-setting-line.svg | 1 + src/core/icon/user/user-star-fill.svg | 1 + src/core/icon/user/user-star-line.svg | 1 + src/core/icon/weather/cloudy-2-fill.svg | 1 + src/core/icon/weather/cloudy-2-line.svg | 1 + src/core/icon/weather/flashlight-fill.svg | 1 + src/core/icon/weather/flashlight-line.svg | 1 + src/core/icon/weather/moon-fill.svg | 1 + src/core/icon/weather/moon-line.svg | 1 + src/core/icon/weather/sun-fill.svg | 1 + src/core/icon/weather/sun-line.svg | 1 + src/core/index.scss | 3 + src/core/style/icon/_legacy.scss | 7 -- src/core/style/icon/_module.scss | 7 -- src/core/style/icon/_tool.scss | 42 ++++----- .../style/typography/tool/_font-face.scss | 5 +- src/core/template/ejs/icon/icon.ejs | 2 +- src/core/variables.scss | 4 +- src/dsfr-deprecated/.package.yml | 4 + src/dsfr-deprecated/legacy.js | 2 + src/dsfr-deprecated/legacy.scss | 7 ++ src/dsfr-deprecated/main.js | 2 + src/dsfr-deprecated/main.scss | 7 ++ src/legacy.scss | 1 + src/main.scss | 1 + src/utility/.folder.yml | 5 ++ src/utility/icons/.folder.yml | 4 + src/utility/icons/example/category.ejs | 11 +++ .../icons/icons-buildings/.package.yml | 7 ++ .../icons/icons-buildings/example/index.ejs | 1 + src/utility/icons/icons-buildings/index.scss | 6 ++ src/utility/icons/icons-buildings/legacy.scss | 9 ++ src/utility/icons/icons-buildings/main.scss | 13 +++ .../icons/icons-buildings/style/_legacy.scss | 8 ++ .../icons/icons-buildings/style/_module.scss | 6 ++ src/utility/icons/icons-business/.package.yml | 7 ++ .../icons/icons-business/example/index.ejs | 1 + src/utility/icons/icons-business/index.scss | 6 ++ src/utility/icons/icons-business/legacy.scss | 9 ++ src/utility/icons/icons-business/main.scss | 13 +++ .../icons/icons-business/style/_legacy.scss | 8 ++ .../icons/icons-business/style/_module.scss | 6 ++ .../icons/icons-communication/.package.yml | 7 ++ .../icons-communication/example/index.ejs | 1 + .../icons/icons-communication/index.scss | 6 ++ .../icons/icons-communication/legacy.scss | 9 ++ .../icons/icons-communication/main.scss | 13 +++ .../icons-communication/style/_legacy.scss | 8 ++ .../icons-communication/style/_module.scss | 6 ++ src/utility/icons/icons-design/.package.yml | 7 ++ .../icons/icons-design/example/index.ejs | 1 + src/utility/icons/icons-design/index.scss | 6 ++ src/utility/icons/icons-design/legacy.scss | 9 ++ src/utility/icons/icons-design/main.scss | 13 +++ .../icons/icons-design/style/_legacy.scss | 8 ++ .../icons/icons-design/style/_module.scss | 6 ++ .../icons/icons-development/.package.yml | 7 ++ .../icons/icons-development/example/index.ejs | 1 + .../icons/icons-development/index.scss | 6 ++ .../icons/icons-development/legacy.scss | 9 ++ src/utility/icons/icons-development/main.scss | 13 +++ .../icons-development/style/_legacy.scss | 8 ++ .../icons-development/style/_module.scss | 6 ++ src/utility/icons/icons-device/.package.yml | 7 ++ .../icons/icons-device/example/index.ejs | 1 + src/utility/icons/icons-device/index.scss | 6 ++ src/utility/icons/icons-device/legacy.scss | 9 ++ src/utility/icons/icons-device/main.scss | 13 +++ .../icons/icons-device/style/_legacy.scss | 8 ++ .../icons/icons-device/style/_module.scss | 6 ++ src/utility/icons/icons-document/.package.yml | 7 ++ .../icons/icons-document/example/index.ejs | 1 + src/utility/icons/icons-document/index.scss | 6 ++ src/utility/icons/icons-document/legacy.scss | 9 ++ src/utility/icons/icons-document/main.scss | 13 +++ .../icons/icons-document/style/_legacy.scss | 8 ++ .../icons/icons-document/style/_module.scss | 6 ++ src/utility/icons/icons-editor/.package.yml | 7 ++ .../icons/icons-editor/example/index.ejs | 1 + src/utility/icons/icons-editor/index.scss | 6 ++ src/utility/icons/icons-editor/legacy.scss | 9 ++ src/utility/icons/icons-editor/main.scss | 13 +++ .../icons/icons-editor/style/_legacy.scss | 8 ++ .../icons/icons-editor/style/_module.scss | 6 ++ src/utility/icons/icons-finance/.package.yml | 7 ++ .../icons/icons-finance/example/index.ejs | 1 + src/utility/icons/icons-finance/index.scss | 6 ++ src/utility/icons/icons-finance/legacy.scss | 9 ++ src/utility/icons/icons-finance/main.scss | 13 +++ .../icons/icons-finance/style/_legacy.scss | 8 ++ .../icons/icons-finance/style/_module.scss | 6 ++ src/utility/icons/icons-health/.package.yml | 7 ++ .../icons/icons-health/example/index.ejs | 1 + src/utility/icons/icons-health/index.scss | 6 ++ src/utility/icons/icons-health/legacy.scss | 9 ++ src/utility/icons/icons-health/main.scss | 13 +++ .../icons/icons-health/style/_legacy.scss | 8 ++ .../icons/icons-health/style/_module.scss | 6 ++ src/utility/icons/icons-logo/.package.yml | 7 ++ .../icons/icons-logo/example/index.ejs | 1 + src/utility/icons/icons-logo/index.scss | 6 ++ src/utility/icons/icons-logo/legacy.scss | 9 ++ src/utility/icons/icons-logo/main.scss | 13 +++ .../icons/icons-logo/style/_legacy.scss | 8 ++ .../icons/icons-logo/style/_module.scss | 6 ++ src/utility/icons/icons-map/.package.yml | 7 ++ src/utility/icons/icons-map/example/index.ejs | 1 + src/utility/icons/icons-map/index.scss | 6 ++ src/utility/icons/icons-map/legacy.scss | 9 ++ src/utility/icons/icons-map/main.scss | 13 +++ .../icons/icons-map/style/_legacy.scss | 8 ++ .../icons/icons-map/style/_module.scss | 6 ++ src/utility/icons/icons-media/.package.yml | 7 ++ .../icons/icons-media/example/index.ejs | 1 + src/utility/icons/icons-media/index.scss | 6 ++ src/utility/icons/icons-media/legacy.scss | 9 ++ src/utility/icons/icons-media/main.scss | 13 +++ .../icons/icons-media/style/_legacy.scss | 8 ++ .../icons/icons-media/style/_module.scss | 6 ++ src/utility/icons/icons-others/.package.yml | 7 ++ .../icons/icons-others/example/index.ejs | 1 + src/utility/icons/icons-others/index.scss | 6 ++ src/utility/icons/icons-others/legacy.scss | 9 ++ src/utility/icons/icons-others/main.scss | 13 +++ .../icons/icons-others/style/_legacy.scss | 8 ++ .../icons/icons-others/style/_module.scss | 6 ++ src/utility/icons/icons-system/.package.yml | 7 ++ .../deprecated/style/_legacy.scss | 8 ++ .../deprecated/style/_module.scss | 6 ++ .../deprecated/style/_settings.scss | 1 + .../icons/icons-system/example/index.ejs | 1 + src/utility/icons/icons-system/index.scss | 6 ++ src/utility/icons/icons-system/legacy.scss | 13 +++ src/utility/icons/icons-system/main.scss | 17 ++++ .../icons/icons-system/style/_legacy.scss | 8 ++ .../icons/icons-system/style/_module.scss | 6 ++ src/utility/icons/icons-user/.package.yml | 7 ++ .../icons/icons-user/example/index.ejs | 1 + src/utility/icons/icons-user/index.scss | 6 ++ src/utility/icons/icons-user/legacy.scss | 9 ++ src/utility/icons/icons-user/main.scss | 13 +++ .../icons/icons-user/style/_legacy.scss | 8 ++ .../icons/icons-user/style/_module.scss | 6 ++ src/utility/icons/icons-weather/.package.yml | 7 ++ .../icons/icons-weather/example/index.ejs | 1 + src/utility/icons/icons-weather/index.scss | 6 ++ src/utility/icons/icons-weather/legacy.scss | 9 ++ src/utility/icons/icons-weather/main.scss | 13 +++ .../icons/icons-weather/style/_legacy.scss | 8 ++ .../icons/icons-weather/style/_module.scss | 6 ++ src/utility/icons/legacy.scss | 24 +++++ src/utility/icons/main.scss | 24 +++++ src/utility/legacy.scss | 8 ++ src/utility/main.scss | 8 ++ tool/build/build.js | 2 +- tool/build/example.js | 2 +- tool/build/scripts.js | 4 +- tool/build/styles.js | 2 +- tool/generate/concatenate.js | 6 +- tool/generate/config.js | 22 +++-- tool/generate/icon.js | 55 +++++++----- tool/utilities/config.js | 14 +-- 909 files changed, 1691 insertions(+), 372 deletions(-) create mode 100644 src/core/deprecated/style/_tool.scss create mode 100644 src/core/deprecated/style/icon/_tool.scss create mode 100644 src/core/icon/buildings/ancient-gate-fill.svg create mode 100644 src/core/icon/buildings/ancient-gate-line.svg create mode 100644 src/core/icon/buildings/ancient-pavilion-fill.svg create mode 100644 src/core/icon/buildings/ancient-pavilion-line.svg create mode 100644 src/core/icon/buildings/bank-fill.svg create mode 100644 src/core/icon/buildings/bank-line.svg create mode 100644 src/core/icon/buildings/building-fill.svg create mode 100644 src/core/icon/buildings/building-line.svg create mode 100644 src/core/icon/buildings/community-fill.svg create mode 100644 src/core/icon/buildings/community-line.svg create mode 100644 src/core/icon/buildings/government-fill.svg create mode 100644 src/core/icon/buildings/government-line.svg create mode 100644 src/core/icon/buildings/home-4-fill.svg create mode 100644 src/core/icon/buildings/home-4-line.svg create mode 100644 src/core/icon/buildings/hospital-fill.svg create mode 100644 src/core/icon/buildings/hospital-line.svg create mode 100644 src/core/icon/buildings/hotel-fill.svg create mode 100644 src/core/icon/buildings/hotel-line.svg create mode 100644 src/core/icon/buildings/store-fill.svg create mode 100644 src/core/icon/buildings/store-line.svg create mode 100644 src/core/icon/business/archive-fill.svg create mode 100644 src/core/icon/business/archive-line.svg create mode 100644 src/core/icon/business/attachment-fill.svg create mode 100644 src/core/icon/business/attachment-line.svg create mode 100644 src/core/icon/business/award-fill.svg create mode 100644 src/core/icon/business/award-line.svg create mode 100644 src/core/icon/business/bar-chart-box-fill.svg create mode 100644 src/core/icon/business/bar-chart-box-line.svg create mode 100644 src/core/icon/business/bookmark-fill.svg create mode 100644 src/core/icon/business/bookmark-line.svg create mode 100644 src/core/icon/business/briefcase-fill.svg create mode 100644 src/core/icon/business/briefcase-line.svg create mode 100644 src/core/icon/business/calendar-2-fill.svg create mode 100644 src/core/icon/business/calendar-2-line.svg create mode 100644 src/core/icon/business/calendar-event-fill.svg create mode 100644 src/core/icon/business/calendar-event-line.svg create mode 100644 src/core/icon/business/calendar-fill.svg create mode 100644 src/core/icon/business/calendar-line.svg create mode 100644 src/core/icon/business/cloud-fill.svg create mode 100644 src/core/icon/business/cloud-line.svg create mode 100644 src/core/icon/business/copyright-fill.svg create mode 100644 src/core/icon/business/copyright-line.svg create mode 100644 src/core/icon/business/customer-service-fill.svg create mode 100644 src/core/icon/business/customer-service-line.svg create mode 100644 src/core/icon/business/flag-fill.svg create mode 100644 src/core/icon/business/flag-line.svg create mode 100644 src/core/icon/business/global-fill.svg create mode 100644 src/core/icon/business/global-line.svg create mode 100644 src/core/icon/business/line-chart-fill.svg create mode 100644 src/core/icon/business/line-chart-line.svg create mode 100644 src/core/icon/business/links-fill.svg create mode 100644 src/core/icon/business/links-line.svg create mode 100644 src/core/icon/business/mail-fill.svg create mode 100644 src/core/icon/business/mail-line.svg create mode 100644 src/core/icon/business/mail-open-fill.svg create mode 100644 src/core/icon/business/mail-open-line.svg create mode 100644 src/core/icon/business/medal-fill.svg create mode 100644 src/core/icon/business/medal-line.svg create mode 100644 src/core/icon/business/pie-chart-2-fill.svg create mode 100644 src/core/icon/business/pie-chart-2-line.svg create mode 100644 src/core/icon/business/pie-chart-box-fill.svg create mode 100644 src/core/icon/business/pie-chart-box-line.svg create mode 100644 src/core/icon/business/printer-fill.svg create mode 100644 src/core/icon/business/printer-line.svg create mode 100644 src/core/icon/business/profil-fill.svg create mode 100644 src/core/icon/business/profil-line.svg create mode 100644 src/core/icon/business/projector-2-fill.svg create mode 100644 src/core/icon/business/projector-2-line.svg create mode 100644 src/core/icon/business/send-plane-fill.svg create mode 100644 src/core/icon/business/send-plane-line.svg create mode 100644 src/core/icon/business/slideshow-fill.svg create mode 100644 src/core/icon/business/slideshow-line.svg create mode 100644 src/core/icon/business/window-fill.svg create mode 100644 src/core/icon/business/window-line.svg create mode 100644 src/core/icon/communication/chat-2-fill.svg create mode 100644 src/core/icon/communication/chat-2-line.svg create mode 100644 src/core/icon/communication/chat-3-fill.svg create mode 100644 src/core/icon/communication/chat-3-line.svg create mode 100644 src/core/icon/communication/chat-check-fill.svg create mode 100644 src/core/icon/communication/chat-check-line.svg create mode 100644 src/core/icon/communication/chat-delete-fill.svg create mode 100644 src/core/icon/communication/chat-delete-line.svg create mode 100644 src/core/icon/communication/chat-poll-fill.svg create mode 100644 src/core/icon/communication/chat-poll-line.svg create mode 100644 src/core/icon/communication/discuss-fill.svg create mode 100644 src/core/icon/communication/discuss-line.svg create mode 100644 src/core/icon/communication/feedback-fill.svg create mode 100644 src/core/icon/communication/feedback-line.svg create mode 100644 src/core/icon/communication/message-2-fill.svg create mode 100644 src/core/icon/communication/message-2-line.svg create mode 100644 src/core/icon/communication/question-answer-fill.svg create mode 100644 src/core/icon/communication/question-answer-line.svg create mode 100644 src/core/icon/communication/questionnaire-fill.svg create mode 100644 src/core/icon/communication/questionnaire-line.svg create mode 100644 src/core/icon/communication/video-chat-fill.svg create mode 100644 src/core/icon/communication/video-chat-line.svg create mode 100644 src/core/icon/design/ball-pen-fill.svg create mode 100644 src/core/icon/design/ball-pen-line.svg create mode 100644 src/core/icon/design/brush-3-fill.svg create mode 100644 src/core/icon/design/brush-3-line.svg create mode 100644 src/core/icon/design/brush-fill.svg create mode 100644 src/core/icon/design/brush-line.svg create mode 100644 src/core/icon/design/contrast-fill.svg create mode 100644 src/core/icon/design/contrast-line.svg create mode 100644 src/core/icon/design/crop-fill.svg create mode 100644 src/core/icon/design/crop-line.svg create mode 100644 src/core/icon/design/drag-move-2-fill.svg create mode 100644 src/core/icon/design/drag-move-2-line.svg create mode 100644 src/core/icon/design/drop-fill.svg create mode 100644 src/core/icon/design/drop-line.svg create mode 100644 src/core/icon/design/edit-box-fill.svg create mode 100644 src/core/icon/design/edit-box-line.svg create mode 100644 src/core/icon/design/edit-fill.svg create mode 100644 src/core/icon/design/edit-line.svg create mode 100644 src/core/icon/design/ink-bottle-fill.svg create mode 100644 src/core/icon/design/ink-bottle-line.svg create mode 100644 src/core/icon/design/layout-grid-fill.svg create mode 100644 src/core/icon/design/layout-grid-line.svg create mode 100644 src/core/icon/design/mark-pen-fill.svg create mode 100644 src/core/icon/design/mark-pen-line.svg create mode 100644 src/core/icon/design/paint-brush-fill.svg create mode 100644 src/core/icon/design/paint-brush-line.svg create mode 100644 src/core/icon/design/paint-fill.svg create mode 100644 src/core/icon/design/paint-line.svg create mode 100644 src/core/icon/design/palette-fill.svg create mode 100644 src/core/icon/design/palette-line.svg create mode 100644 src/core/icon/design/pantone-fill.svg create mode 100644 src/core/icon/design/pantone-line.svg create mode 100644 src/core/icon/design/pen-nib-fill.svg create mode 100644 src/core/icon/design/pen-nib-line.svg create mode 100644 src/core/icon/design/pencil-fill.svg create mode 100644 src/core/icon/design/pencil-line.svg create mode 100644 src/core/icon/design/pencil-ruler-fill.svg create mode 100644 src/core/icon/design/pencil-ruler-line.svg create mode 100644 src/core/icon/design/sip-fill.svg create mode 100644 src/core/icon/design/sip-line.svg create mode 100644 src/core/icon/design/table-fill.svg create mode 100644 src/core/icon/design/table-line.svg create mode 100644 src/core/icon/development/bug-fill.svg create mode 100644 src/core/icon/development/bug-line.svg create mode 100644 src/core/icon/development/code-box-fill.svg create mode 100644 src/core/icon/development/code-box-line.svg create mode 100644 src/core/icon/development/code-s-slash-line.svg create mode 100644 src/core/icon/development/cursor-fill.svg create mode 100644 src/core/icon/development/cursor-line.svg create mode 100644 src/core/icon/development/git-branch-fill.svg create mode 100644 src/core/icon/development/git-branch-line.svg create mode 100644 src/core/icon/development/git-commit-fill.svg create mode 100644 src/core/icon/development/git-commit-line.svg create mode 100644 src/core/icon/development/git-merge-fill.svg create mode 100644 src/core/icon/development/git-merge-line.svg create mode 100644 src/core/icon/development/git-pull-request-fill.svg create mode 100644 src/core/icon/development/git-pull-request-line.svg create mode 100644 src/core/icon/development/git-repository-commits-fill.svg create mode 100644 src/core/icon/development/git-repository-commits-line.svg create mode 100644 src/core/icon/development/git-repository-fill.svg create mode 100644 src/core/icon/development/git-repository-line.svg create mode 100644 src/core/icon/development/git-repository-private-fill.svg create mode 100644 src/core/icon/development/git-repository-private-line.svg create mode 100644 src/core/icon/development/terminal-box-fill.svg create mode 100644 src/core/icon/development/terminal-box-line.svg create mode 100644 src/core/icon/development/terminal-line.svg create mode 100644 src/core/icon/development/terminal-window-fill.svg create mode 100644 src/core/icon/development/terminal-window-line.svg create mode 100644 src/core/icon/device/bluetooth-fill.svg create mode 100644 src/core/icon/device/bluetooth-line.svg create mode 100644 src/core/icon/device/computer-fill.svg create mode 100644 src/core/icon/device/computer-line.svg create mode 100644 src/core/icon/device/dashboard-3-fill.svg create mode 100644 src/core/icon/device/dashboard-3-line.svg create mode 100644 src/core/icon/device/database-fill.svg create mode 100644 src/core/icon/device/database-line.svg create mode 100644 src/core/icon/device/device-fill.svg create mode 100644 src/core/icon/device/device-line.svg create mode 100644 src/core/icon/device/hard-drive-2-fill.svg create mode 100644 src/core/icon/device/hard-drive-2-line.svg create mode 100644 src/core/icon/device/mac-fill.svg create mode 100644 src/core/icon/device/mac-line.svg create mode 100644 src/core/icon/device/phone-fill.svg create mode 100644 src/core/icon/device/phone-line.svg create mode 100644 src/core/icon/device/qr-code-fill.svg create mode 100644 src/core/icon/device/qr-code-line.svg create mode 100644 src/core/icon/device/rss-fill.svg create mode 100644 src/core/icon/device/rss-line.svg create mode 100644 src/core/icon/device/save-3-fill.svg create mode 100644 src/core/icon/device/save-3-line.svg create mode 100644 src/core/icon/device/save-fill.svg create mode 100644 src/core/icon/device/save-line.svg create mode 100644 src/core/icon/device/server-fill.svg create mode 100644 src/core/icon/device/server-line.svg create mode 100644 src/core/icon/device/smartphone-fill.svg create mode 100644 src/core/icon/device/smartphone-line.svg create mode 100644 src/core/icon/device/tablet-fill.svg create mode 100644 src/core/icon/device/tablet-line.svg create mode 100644 src/core/icon/device/tv-fill.svg create mode 100644 src/core/icon/device/tv-line.svg create mode 100644 src/core/icon/device/wifi-fill.svg create mode 100644 src/core/icon/device/wifi-line.svg create mode 100644 src/core/icon/document/article-fill.svg create mode 100644 src/core/icon/document/article-line.svg create mode 100644 src/core/icon/document/book-2-fill.svg create mode 100644 src/core/icon/document/book-2-line.svg create mode 100644 src/core/icon/document/booklet-fill.svg create mode 100644 src/core/icon/document/booklet-line.svg create mode 100644 src/core/icon/document/clipboard-fill.svg create mode 100644 src/core/icon/document/clipboard-line.svg create mode 100644 src/core/icon/document/draft-fill.svg create mode 100644 src/core/icon/document/draft-line.svg create mode 100644 src/core/icon/document/file-add-fill.svg create mode 100644 src/core/icon/document/file-add-line.svg create mode 100644 src/core/icon/document/file-download-fill.svg create mode 100644 src/core/icon/document/file-download-line.svg create mode 100644 src/core/icon/document/file-fill.svg create mode 100644 src/core/icon/document/file-line.svg create mode 100644 src/core/icon/document/file-pdf-fill.svg create mode 100644 src/core/icon/document/file-pdf-line.svg create mode 100644 src/core/icon/document/file-text-fill.svg create mode 100644 src/core/icon/document/file-text-line.svg create mode 100644 src/core/icon/document/folder-2-fill.svg create mode 100644 src/core/icon/document/folder-2-line.svg create mode 100644 src/core/icon/document/newspaper-fill.svg create mode 100644 src/core/icon/document/newspaper-line.svg create mode 100644 src/core/icon/document/survey-fill.svg create mode 100644 src/core/icon/document/survey-line.svg create mode 100644 src/core/icon/document/todo-fill.svg create mode 100644 src/core/icon/document/todo-line.svg delete mode 100644 src/core/icon/dsfr/bold.svg delete mode 100644 src/core/icon/dsfr/flashlight-fill.svg delete mode 100644 src/core/icon/dsfr/flashlight-line.svg delete mode 100644 src/core/icon/dsfr/highlight.svg create mode 100644 src/core/icon/editor/code-view.svg create mode 100644 src/core/icon/editor/font-size.svg create mode 100644 src/core/icon/editor/fr--bold.svg create mode 100644 src/core/icon/editor/fr--highlight.svg create mode 100644 src/core/icon/editor/fr--quote-fill.svg create mode 100644 src/core/icon/editor/fr--quote-line.svg create mode 100644 src/core/icon/editor/h-1.svg create mode 100644 src/core/icon/editor/h-2.svg create mode 100644 src/core/icon/editor/h-3.svg create mode 100644 src/core/icon/editor/h-4.svg create mode 100644 src/core/icon/editor/h-5.svg create mode 100644 src/core/icon/editor/h-6.svg create mode 100644 src/core/icon/editor/hashtag.svg create mode 100644 src/core/icon/editor/italic.svg create mode 100644 src/core/icon/editor/link-unlink.svg create mode 100644 src/core/icon/editor/link.svg create mode 100644 src/core/icon/editor/list-ordered.svg create mode 100644 src/core/icon/editor/list-unordered.svg create mode 100644 src/core/icon/editor/question-mark.svg create mode 100644 src/core/icon/editor/separator.svg create mode 100644 src/core/icon/editor/space.svg create mode 100644 src/core/icon/editor/subscript.svg create mode 100644 src/core/icon/editor/superscript.svg create mode 100644 src/core/icon/editor/table-2.svg create mode 100644 src/core/icon/editor/translate-2.svg create mode 100644 src/core/icon/finance/bank-card-fill.svg create mode 100644 src/core/icon/finance/bank-card-line.svg create mode 100644 src/core/icon/finance/coin-fill.svg create mode 100644 src/core/icon/finance/gift-fill.svg create mode 100644 src/core/icon/finance/gift-line.svg create mode 100644 src/core/icon/finance/money-euro-box-fill.svg create mode 100644 src/core/icon/finance/money-euro-box-line.svg create mode 100644 src/core/icon/finance/money-euro-circle-fill.svg create mode 100644 src/core/icon/finance/money-euro-circle-line.svg create mode 100644 src/core/icon/finance/secure-payment-fill.svg create mode 100644 src/core/icon/finance/secure-payment-line.svg create mode 100644 src/core/icon/finance/shopping-bag-fill.svg create mode 100644 src/core/icon/finance/shopping-bag-line.svg create mode 100644 src/core/icon/finance/shopping-cart-2-fill.svg create mode 100644 src/core/icon/finance/shopping-cart-2-line.svg create mode 100644 src/core/icon/finance/trophy-fill.svg create mode 100644 src/core/icon/finance/trophy-line.svg create mode 100644 src/core/icon/health/capsule-fill.svg create mode 100644 src/core/icon/health/capsule-line.svg create mode 100644 src/core/icon/health/dislike-fill.svg create mode 100644 src/core/icon/health/dislike-line.svg create mode 100644 src/core/icon/health/dossier-fill.svg create mode 100644 src/core/icon/health/dossier-line.svg create mode 100644 src/core/icon/health/first-aid-kit-fill.svg create mode 100644 src/core/icon/health/first-aid-kit-line.svg create mode 100644 src/core/icon/health/hand-sanitizer-fill.svg create mode 100644 src/core/icon/health/hand-sanitizer-line.svg create mode 100644 src/core/icon/health/health-book-fill.svg create mode 100644 src/core/icon/health/health-book-line.svg create mode 100644 src/core/icon/health/heart-fill.svg create mode 100644 src/core/icon/health/heart-line.svg create mode 100644 src/core/icon/health/heart-pulse-fill.svg create mode 100644 src/core/icon/health/heart-pulse-line.svg create mode 100644 src/core/icon/health/lungs-fill.svg create mode 100644 src/core/icon/health/lungs-line.svg create mode 100644 src/core/icon/health/medicine-bottle-fill.svg create mode 100644 src/core/icon/health/medicine-bottle-line.svg create mode 100644 src/core/icon/health/mental-health-fill.svg create mode 100644 src/core/icon/health/mental-health-line.svg create mode 100644 src/core/icon/health/microscope-fill.svg create mode 100644 src/core/icon/health/microscope-line.svg create mode 100644 src/core/icon/health/psychotherapy-fill.svg create mode 100644 src/core/icon/health/psychotherapy-line.svg create mode 100644 src/core/icon/health/pulse-line.svg create mode 100644 src/core/icon/health/stethoscope-fill.svg create mode 100644 src/core/icon/health/stethoscope-line.svg create mode 100644 src/core/icon/health/surgical-mask-fill.svg create mode 100644 src/core/icon/health/surgical-mask-line.svg create mode 100644 src/core/icon/health/syringe-fill.svg create mode 100644 src/core/icon/health/syringe-line.svg create mode 100644 src/core/icon/health/test-tube-fill.svg create mode 100644 src/core/icon/health/test-tube-line.svg create mode 100644 src/core/icon/health/thermometer-fill.svg create mode 100644 src/core/icon/health/thermometer-line.svg create mode 100644 src/core/icon/health/virus-fill.svg create mode 100644 src/core/icon/health/virus-line.svg create mode 100644 src/core/icon/logo/chrome-fill.svg create mode 100644 src/core/icon/logo/chrome-line.svg create mode 100644 src/core/icon/logo/edge-fill.svg create mode 100644 src/core/icon/logo/edge-line.svg create mode 100644 src/core/icon/logo/facebook-circle-fill.svg create mode 100644 src/core/icon/logo/facebook-circle-line.svg create mode 100644 src/core/icon/logo/firefox-fill.svg create mode 100644 src/core/icon/logo/firefox-line.svg create mode 100644 src/core/icon/logo/fr--dailymotion-fill.svg create mode 100644 src/core/icon/logo/fr--dailymotion-line.svg create mode 100644 src/core/icon/logo/fr--tiktok-fill.svg create mode 100644 src/core/icon/logo/fr--tiktok-line.svg create mode 100644 src/core/icon/logo/github-fill.svg create mode 100644 src/core/icon/logo/github-line.svg create mode 100644 src/core/icon/logo/google-fill.svg create mode 100644 src/core/icon/logo/google-line.svg create mode 100644 src/core/icon/logo/ie-fill.svg create mode 100644 src/core/icon/logo/ie-line.svg create mode 100644 src/core/icon/logo/instagram-fill.svg create mode 100644 src/core/icon/logo/instagram-line.svg create mode 100644 src/core/icon/logo/linkedin-box-fill.svg create mode 100644 src/core/icon/logo/linkedin-box-line.svg create mode 100644 src/core/icon/logo/mastodon-fill.svg create mode 100644 src/core/icon/logo/mastodon-line.svg create mode 100644 src/core/icon/logo/npmjs-fill.svg create mode 100644 src/core/icon/logo/npmjs-line.svg create mode 100644 src/core/icon/logo/remixicon-fill.svg create mode 100644 src/core/icon/logo/remixicon-line.svg create mode 100644 src/core/icon/logo/safari-fill.svg create mode 100644 src/core/icon/logo/safari-line.svg create mode 100644 src/core/icon/logo/slack-fill.svg create mode 100644 src/core/icon/logo/slack-line.svg create mode 100644 src/core/icon/logo/snapchat-fill.svg create mode 100644 src/core/icon/logo/snapchat-line.svg create mode 100644 src/core/icon/logo/telegram-fill.svg create mode 100644 src/core/icon/logo/telegram-line.svg create mode 100644 src/core/icon/logo/twitch-fill.svg create mode 100644 src/core/icon/logo/twitch-line.svg create mode 100644 src/core/icon/logo/twitter-fill.svg create mode 100644 src/core/icon/logo/twitter-line.svg create mode 100644 src/core/icon/logo/vimeo-fill.svg create mode 100644 src/core/icon/logo/vimeo-line.svg create mode 100644 src/core/icon/logo/vuejs-fill.svg create mode 100644 src/core/icon/logo/vuejs-line.svg create mode 100644 src/core/icon/logo/youtube-fill.svg create mode 100644 src/core/icon/logo/youtube-line.svg create mode 100644 src/core/icon/map/anchor-fill.svg create mode 100644 src/core/icon/map/anchor-line.svg create mode 100644 src/core/icon/map/bike-fill.svg create mode 100644 src/core/icon/map/bike-line.svg create mode 100644 src/core/icon/map/bus-fill.svg create mode 100644 src/core/icon/map/bus-line.svg create mode 100644 src/core/icon/map/car-fill.svg create mode 100644 src/core/icon/map/car-line.svg create mode 100644 src/core/icon/map/caravan-fill.svg create mode 100644 src/core/icon/map/caravan-line.svg create mode 100644 src/core/icon/map/charging-pile-2-fill.svg create mode 100644 src/core/icon/map/charging-pile-2-line.svg create mode 100644 src/core/icon/map/compass-3-fill.svg create mode 100644 src/core/icon/map/compass-3-line.svg create mode 100644 src/core/icon/map/cup-fill.svg create mode 100644 src/core/icon/map/cup-line.svg create mode 100644 src/core/icon/map/earth-fill.svg create mode 100644 src/core/icon/map/earth-line.svg create mode 100644 src/core/icon/map/france-fill.svg create mode 100644 src/core/icon/map/france-line.svg create mode 100644 src/core/icon/map/gas-station-fill.svg create mode 100644 src/core/icon/map/gas-station-line.svg create mode 100644 src/core/icon/map/goblet-fill.svg create mode 100644 src/core/icon/map/goblet-line.svg create mode 100644 src/core/icon/map/map-pin-2-fill.svg create mode 100644 src/core/icon/map/map-pin-2-line.svg create mode 100644 src/core/icon/map/map-pin-user-fill.svg create mode 100644 src/core/icon/map/map-pin-user-line.svg create mode 100644 src/core/icon/map/motorbike-fill.svg create mode 100644 src/core/icon/map/motorbike-line.svg create mode 100644 src/core/icon/map/passport-fill.svg create mode 100644 src/core/icon/map/passport-line.svg create mode 100644 src/core/icon/map/restaurant-fill.svg create mode 100644 src/core/icon/map/restaurant-line.svg create mode 100644 src/core/icon/map/road-map-fill.svg create mode 100644 src/core/icon/map/road-map-line.svg create mode 100644 src/core/icon/map/sailboat-fill.svg create mode 100644 src/core/icon/map/sailboat-line.svg create mode 100644 src/core/icon/map/ship-2-fill.svg create mode 100644 src/core/icon/map/ship-2-line.svg create mode 100644 src/core/icon/map/signal-tower-fill.svg create mode 100644 src/core/icon/map/signal-tower-line.svg create mode 100644 src/core/icon/map/suitcase-2-fill.svg create mode 100644 src/core/icon/map/suitcase-2-line.svg create mode 100644 src/core/icon/map/taxi-fill.svg create mode 100644 src/core/icon/map/taxi-line.svg create mode 100644 src/core/icon/map/train-fill.svg create mode 100644 src/core/icon/map/train-line.svg create mode 100644 src/core/icon/media/camera-fill.svg create mode 100644 src/core/icon/media/camera-line.svg create mode 100644 src/core/icon/media/clapperboard-fill.svg create mode 100644 src/core/icon/media/clapperboard-line.svg create mode 100644 src/core/icon/media/equalizer-fill.svg create mode 100644 src/core/icon/media/equalizer-line.svg create mode 100644 src/core/icon/media/film-fill.svg create mode 100644 src/core/icon/media/film-line.svg create mode 100644 src/core/icon/media/gallery-fill.svg create mode 100644 src/core/icon/media/gallery-line.svg create mode 100644 src/core/icon/media/headphone-fill.svg create mode 100644 src/core/icon/media/headphone-line.svg create mode 100644 src/core/icon/media/image-add-fill.svg create mode 100644 src/core/icon/media/image-add-line.svg create mode 100644 src/core/icon/media/image-edit-fill.svg create mode 100644 src/core/icon/media/image-edit-line.svg create mode 100644 src/core/icon/media/image-fill.svg create mode 100644 src/core/icon/media/image-line.svg create mode 100644 src/core/icon/media/live-fill.svg create mode 100644 src/core/icon/media/live-line.svg create mode 100644 src/core/icon/media/mic-fill.svg create mode 100644 src/core/icon/media/mic-line.svg create mode 100644 src/core/icon/media/music-2-fill.svg create mode 100644 src/core/icon/media/music-2-line.svg create mode 100644 src/core/icon/media/notification-3-fill.svg create mode 100644 src/core/icon/media/notification-3-line.svg create mode 100644 src/core/icon/media/pause-circle-fill.svg create mode 100644 src/core/icon/media/pause-circle-line.svg create mode 100644 src/core/icon/media/play-circle-fill.svg create mode 100644 src/core/icon/media/play-circle-line.svg create mode 100644 src/core/icon/media/stop-circle-fill.svg create mode 100644 src/core/icon/media/stop-circle-line.svg create mode 100644 src/core/icon/media/transcription.svg create mode 100644 src/core/icon/media/volume-down-fill.svg create mode 100644 src/core/icon/media/volume-down-line.svg create mode 100644 src/core/icon/media/volume-mute-fill.svg create mode 100644 src/core/icon/media/volume-mute-line.svg create mode 100644 src/core/icon/media/volume-up-fill.svg create mode 100644 src/core/icon/media/volume-up-line.svg create mode 100644 src/core/icon/others/leaf-fill.svg create mode 100644 src/core/icon/others/leaf-line.svg create mode 100644 src/core/icon/others/lightbulb-fill.svg create mode 100644 src/core/icon/others/lightbulb-line.svg create mode 100644 src/core/icon/others/plant-fill.svg create mode 100644 src/core/icon/others/plant-line.svg create mode 100644 src/core/icon/others/recycle-fill.svg create mode 100644 src/core/icon/others/recycle-line.svg create mode 100644 src/core/icon/others/scales-3-fill.svg create mode 100644 src/core/icon/others/scales-3-line.svg create mode 100644 src/core/icon/others/seedling-fill.svg create mode 100644 src/core/icon/others/seedling-line.svg create mode 100644 src/core/icon/others/umbrella-fill.svg create mode 100644 src/core/icon/others/umbrella-line.svg delete mode 100644 src/core/icon/remix/account-fill.svg delete mode 100644 src/core/icon/remix/account-line.svg delete mode 100644 src/core/icon/remix/add-circle-fill.svg delete mode 100644 src/core/icon/remix/add-circle-line.svg delete mode 100644 src/core/icon/remix/add-line.svg delete mode 100644 src/core/icon/remix/alert-fill.svg delete mode 100644 src/core/icon/remix/alert-line.svg delete mode 100644 src/core/icon/remix/arrow-down-line.svg delete mode 100644 src/core/icon/remix/arrow-down-s-line.svg delete mode 100644 src/core/icon/remix/arrow-go-back-fill.svg delete mode 100644 src/core/icon/remix/arrow-go-back-line.svg delete mode 100644 src/core/icon/remix/arrow-left-line.svg delete mode 100644 src/core/icon/remix/arrow-left-s-first-line.svg delete mode 100644 src/core/icon/remix/arrow-left-s-line-double.svg delete mode 100644 src/core/icon/remix/arrow-left-s-line.svg delete mode 100644 src/core/icon/remix/arrow-right-line.svg delete mode 100644 src/core/icon/remix/arrow-right-s-last-line.svg delete mode 100644 src/core/icon/remix/arrow-right-s-line-double.svg delete mode 100644 src/core/icon/remix/arrow-right-s-line.svg delete mode 100644 src/core/icon/remix/arrow-up-s-line.svg delete mode 100644 src/core/icon/remix/attachment-fill.svg delete mode 100644 src/core/icon/remix/attachment-line.svg delete mode 100644 src/core/icon/remix/calendar-fill.svg delete mode 100644 src/core/icon/remix/calendar-line.svg delete mode 100644 src/core/icon/remix/chat-quote-fill.svg delete mode 100644 src/core/icon/remix/chat-quote-line.svg delete mode 100644 src/core/icon/remix/check-line.svg delete mode 100644 src/core/icon/remix/checkbox-circle-fill.svg delete mode 100644 src/core/icon/remix/checkbox-circle-line.svg delete mode 100644 src/core/icon/remix/close-circle-fill.svg delete mode 100644 src/core/icon/remix/close-circle-line.svg delete mode 100644 src/core/icon/remix/close-line.svg delete mode 100644 src/core/icon/remix/dailymotion-fill.svg delete mode 100644 src/core/icon/remix/dailymotion-line.svg delete mode 100644 src/core/icon/remix/delete-fill.svg delete mode 100644 src/core/icon/remix/delete-line.svg delete mode 100644 src/core/icon/remix/download-line.svg delete mode 100644 src/core/icon/remix/edit-fill.svg delete mode 100644 src/core/icon/remix/edit-line.svg delete mode 100644 src/core/icon/remix/equalizer-fill.svg delete mode 100644 src/core/icon/remix/equalizer-line.svg delete mode 100644 src/core/icon/remix/error-warning-fill.svg delete mode 100644 src/core/icon/remix/error-warning-line.svg delete mode 100644 src/core/icon/remix/external-link-line.svg delete mode 100644 src/core/icon/remix/eye-fill.svg delete mode 100644 src/core/icon/remix/eye-line.svg delete mode 100644 src/core/icon/remix/eye-off-fill.svg delete mode 100644 src/core/icon/remix/eye-off-line.svg delete mode 100644 src/core/icon/remix/facebook-circle-fill.svg delete mode 100644 src/core/icon/remix/facebook-circle-line.svg delete mode 100644 src/core/icon/remix/file-download-fill.svg delete mode 100644 src/core/icon/remix/file-download-line.svg delete mode 100644 src/core/icon/remix/file-fill.svg delete mode 100644 src/core/icon/remix/file-line.svg delete mode 100644 src/core/icon/remix/file-pdf-fill.svg delete mode 100644 src/core/icon/remix/file-pdf-line.svg delete mode 100644 src/core/icon/remix/filter-fill.svg delete mode 100644 src/core/icon/remix/filter-line.svg delete mode 100644 src/core/icon/remix/font-size.svg delete mode 100644 src/core/icon/remix/github-fill.svg delete mode 100644 src/core/icon/remix/github-line.svg delete mode 100644 src/core/icon/remix/home-4-fill.svg delete mode 100644 src/core/icon/remix/home-4-line.svg delete mode 100644 src/core/icon/remix/icon.yml delete mode 100644 src/core/icon/remix/image-fill.svg delete mode 100644 src/core/icon/remix/image-line.svg delete mode 100644 src/core/icon/remix/information-fill.svg delete mode 100644 src/core/icon/remix/information-line.svg delete mode 100644 src/core/icon/remix/instagram-fill.svg delete mode 100644 src/core/icon/remix/instagram-line.svg delete mode 100644 src/core/icon/remix/italic.svg delete mode 100644 src/core/icon/remix/line-chart-fill.svg delete mode 100644 src/core/icon/remix/line-chart-line.svg delete mode 100644 src/core/icon/remix/link-unlink.svg delete mode 100644 src/core/icon/remix/linkedin-box-fill.svg delete mode 100644 src/core/icon/remix/linkedin-box-line.svg delete mode 100644 src/core/icon/remix/links-fill.svg delete mode 100644 src/core/icon/remix/list-ordered.svg delete mode 100644 src/core/icon/remix/list-unordered.svg delete mode 100644 src/core/icon/remix/lock-fill.svg delete mode 100644 src/core/icon/remix/lock-line.svg delete mode 100644 src/core/icon/remix/logout-box-r-fill.svg delete mode 100644 src/core/icon/remix/logout-box-r-line.svg delete mode 100644 src/core/icon/remix/mail-fill.svg delete mode 100644 src/core/icon/remix/mail-line.svg delete mode 100644 src/core/icon/remix/map-pin-2-fill.svg delete mode 100644 src/core/icon/remix/map-pin-2-line.svg delete mode 100644 src/core/icon/remix/menu-2-fill.svg delete mode 100644 src/core/icon/remix/menu-fill.svg delete mode 100644 src/core/icon/remix/npmjs-fill.svg delete mode 100644 src/core/icon/remix/npmjs-line.svg delete mode 100644 src/core/icon/remix/pause-circle-fill.svg delete mode 100644 src/core/icon/remix/pause-circle-line.svg delete mode 100644 src/core/icon/remix/phone-fill.svg delete mode 100644 src/core/icon/remix/phone-line.svg delete mode 100644 src/core/icon/remix/play-fill.svg delete mode 100644 src/core/icon/remix/play-line.svg delete mode 100644 src/core/icon/remix/printer-fill.svg delete mode 100644 src/core/icon/remix/printer-line.svg delete mode 100644 src/core/icon/remix/question-fill.svg delete mode 100644 src/core/icon/remix/question-line.svg delete mode 100644 src/core/icon/remix/refresh-fill.svg delete mode 100644 src/core/icon/remix/refresh-line.svg delete mode 100644 src/core/icon/remix/remixicon-fill.svg delete mode 100644 src/core/icon/remix/remixicon-line.svg delete mode 100644 src/core/icon/remix/road-map-fill.svg delete mode 100644 src/core/icon/remix/road-map-line.svg delete mode 100644 src/core/icon/remix/rss-fill.svg delete mode 100644 src/core/icon/remix/rss-line.svg delete mode 100644 src/core/icon/remix/save-fill.svg delete mode 100644 src/core/icon/remix/save-line.svg delete mode 100644 src/core/icon/remix/search-fill.svg delete mode 100644 src/core/icon/remix/search-line.svg delete mode 100644 src/core/icon/remix/slack-fill.svg delete mode 100644 src/core/icon/remix/slack-line.svg delete mode 100644 src/core/icon/remix/snapchat-fill.svg delete mode 100644 src/core/icon/remix/snapchat-line.svg delete mode 100644 src/core/icon/remix/subtract-line.svg delete mode 100644 src/core/icon/remix/telegram-fill.svg delete mode 100644 src/core/icon/remix/telegram-line.svg delete mode 100644 src/core/icon/remix/theme-fill.svg delete mode 100644 src/core/icon/remix/tiktok-fill.svg delete mode 100644 src/core/icon/remix/tiktok-line.svg delete mode 100644 src/core/icon/remix/timer-fill.svg delete mode 100644 src/core/icon/remix/timer-line.svg delete mode 100644 src/core/icon/remix/twitch-fill.svg delete mode 100644 src/core/icon/remix/twitch-line.svg delete mode 100644 src/core/icon/remix/twitter-fill.svg delete mode 100644 src/core/icon/remix/twitter-line.svg delete mode 100644 src/core/icon/remix/upload-2-fill.svg delete mode 100644 src/core/icon/remix/upload-2-line.svg delete mode 100644 src/core/icon/remix/user-fill.svg delete mode 100644 src/core/icon/remix/user-line.svg delete mode 100644 src/core/icon/remix/vimeo-fill.svg delete mode 100644 src/core/icon/remix/vimeo-line.svg delete mode 100644 src/core/icon/remix/volume-down-fill.svg delete mode 100644 src/core/icon/remix/volume-down-line.svg delete mode 100644 src/core/icon/remix/volume-mute-fill.svg delete mode 100644 src/core/icon/remix/volume-mute-line.svg delete mode 100644 src/core/icon/remix/volume-up-fill.svg delete mode 100644 src/core/icon/remix/volume-up-line.svg delete mode 100644 src/core/icon/remix/youtube-fill.svg delete mode 100644 src/core/icon/remix/youtube-line.svg delete mode 100644 src/core/icon/remix/zoom-in-fill.svg delete mode 100644 src/core/icon/remix/zoom-in-line.svg delete mode 100644 src/core/icon/remix/zoom-out-fill.svg delete mode 100644 src/core/icon/remix/zoom-out-line.svg create mode 100644 src/core/icon/system/add-circle-fill.svg create mode 100644 src/core/icon/system/add-circle-line.svg create mode 100644 src/core/icon/system/add-line.svg create mode 100644 src/core/icon/system/alarm-warning-fill.svg create mode 100644 src/core/icon/system/alarm-warning-line.svg create mode 100644 src/core/icon/system/alert-fill.svg create mode 100644 src/core/icon/system/alert-line.svg create mode 100644 src/core/icon/system/arrow-down-fill.svg create mode 100644 src/core/icon/system/arrow-down-line.svg rename src/core/icon/{remix/arrow-up-fill.svg => system/arrow-down-s-fill.svg} (50%) create mode 100644 src/core/icon/system/arrow-down-s-line.svg create mode 100644 src/core/icon/system/arrow-go-back-fill.svg create mode 100644 src/core/icon/system/arrow-go-back-line.svg create mode 100644 src/core/icon/system/arrow-go-forward-fill.svg create mode 100644 src/core/icon/system/arrow-go-forward-line.svg create mode 100644 src/core/icon/system/arrow-left-fill.svg create mode 100644 src/core/icon/system/arrow-left-line.svg create mode 100644 src/core/icon/system/arrow-left-s-fill.svg create mode 100644 src/core/icon/system/arrow-left-s-line.svg create mode 100644 src/core/icon/system/arrow-right-fill.svg create mode 100644 src/core/icon/system/arrow-right-line.svg create mode 100644 src/core/icon/system/arrow-right-s-fill.svg create mode 100644 src/core/icon/system/arrow-right-s-line.svg rename src/core/icon/{remix => system}/arrow-right-up-line.svg (100%) create mode 100644 src/core/icon/system/arrow-up-fill.svg create mode 100644 src/core/icon/system/arrow-up-line.svg create mode 100644 src/core/icon/system/arrow-up-s-fill.svg create mode 100644 src/core/icon/system/arrow-up-s-line.svg create mode 100644 src/core/icon/system/check-line.svg create mode 100644 src/core/icon/system/checkbox-circle-fill.svg create mode 100644 src/core/icon/system/checkbox-circle-line.svg create mode 100644 src/core/icon/system/checkbox-fill.svg create mode 100644 src/core/icon/system/checkbox-line.svg create mode 100644 src/core/icon/system/close-circle-fill.svg create mode 100644 src/core/icon/system/close-circle-line.svg create mode 100644 src/core/icon/system/close-line.svg create mode 100644 src/core/icon/system/delete-fill.svg create mode 100644 src/core/icon/system/delete-line.svg create mode 100644 src/core/icon/system/download-fill.svg create mode 100644 src/core/icon/system/download-line.svg create mode 100644 src/core/icon/system/error-warning-fill.svg create mode 100644 src/core/icon/system/error-warning-line.svg create mode 100644 src/core/icon/system/external-link-fill.svg create mode 100644 src/core/icon/system/external-link-line.svg create mode 100644 src/core/icon/system/eye-fill.svg create mode 100644 src/core/icon/system/eye-line.svg create mode 100644 src/core/icon/system/eye-off-fill.svg create mode 100644 src/core/icon/system/eye-off-line.svg create mode 100644 src/core/icon/system/filter-fill.svg create mode 100644 src/core/icon/system/filter-line.svg create mode 100644 src/core/icon/system/fr--arrow-left-s-first-line.svg create mode 100644 src/core/icon/system/fr--arrow-left-s-line-double.svg create mode 100644 src/core/icon/system/fr--arrow-right-s-last-line.svg create mode 100644 src/core/icon/system/fr--arrow-right-s-line-double.svg rename src/core/icon/{dsfr/error-fill.svg => system/fr--error-fill.svg} (100%) rename src/core/icon/{dsfr/error-line.svg => system/fr--error-line.svg} (100%) rename src/core/icon/{dsfr/info-fill.svg => system/fr--info-fill.svg} (100%) rename src/core/icon/{dsfr/info-line.svg => system/fr--info-line.svg} (100%) rename src/core/icon/{dsfr/success-fill.svg => system/fr--success-fill.svg} (100%) rename src/core/icon/{dsfr/success-line.svg => system/fr--success-line.svg} (100%) create mode 100644 src/core/icon/system/fr--theme-fill.svg rename src/core/icon/{dsfr/warning-fill.svg => system/fr--warning-fill.svg} (100%) rename src/core/icon/{dsfr/warning-line.svg => system/fr--warning-line.svg} (100%) create mode 100644 src/core/icon/system/information-fill.svg create mode 100644 src/core/icon/system/information-line.svg create mode 100644 src/core/icon/system/lock-fill.svg create mode 100644 src/core/icon/system/lock-line.svg create mode 100644 src/core/icon/system/lock-unlock-fill.svg create mode 100644 src/core/icon/system/lock-unlock-line.svg create mode 100644 src/core/icon/system/logout-box-r-fill.svg create mode 100644 src/core/icon/system/logout-box-r-line.svg create mode 100644 src/core/icon/system/menu-2-fill.svg create mode 100644 src/core/icon/system/menu-fill.svg create mode 100644 src/core/icon/system/more-fill.svg create mode 100644 src/core/icon/system/more-line.svg create mode 100644 src/core/icon/system/notification-badge-fill.svg create mode 100644 src/core/icon/system/notification-badge-line.svg create mode 100644 src/core/icon/system/question-fill.svg create mode 100644 src/core/icon/system/question-line.svg create mode 100644 src/core/icon/system/refresh-fill.svg create mode 100644 src/core/icon/system/refresh-line.svg create mode 100644 src/core/icon/system/search-fill.svg create mode 100644 src/core/icon/system/search-line.svg create mode 100644 src/core/icon/system/settings-5-fill.svg create mode 100644 src/core/icon/system/settings-5-line.svg create mode 100644 src/core/icon/system/shield-fill.svg create mode 100644 src/core/icon/system/shield-line.svg create mode 100644 src/core/icon/system/star-fill.svg create mode 100644 src/core/icon/system/star-line.svg create mode 100644 src/core/icon/system/star-s-fill.svg create mode 100644 src/core/icon/system/star-s-line.svg create mode 100644 src/core/icon/system/subtract-line.svg create mode 100644 src/core/icon/system/thumb-down-fill.svg create mode 100644 src/core/icon/system/thumb-down-line.svg create mode 100644 src/core/icon/system/thumb-up-fill.svg create mode 100644 src/core/icon/system/thumb-up-line.svg create mode 100644 src/core/icon/system/time-fill.svg create mode 100644 src/core/icon/system/time-line.svg create mode 100644 src/core/icon/system/timer-fill.svg create mode 100644 src/core/icon/system/timer-line.svg create mode 100644 src/core/icon/system/upload-2-fill.svg create mode 100644 src/core/icon/system/upload-2-line.svg create mode 100644 src/core/icon/system/upload-fill.svg create mode 100644 src/core/icon/system/upload-line.svg create mode 100644 src/core/icon/system/zoom-in-fill.svg create mode 100644 src/core/icon/system/zoom-in-line.svg create mode 100644 src/core/icon/system/zoom-out-fill.svg create mode 100644 src/core/icon/system/zoom-out-line.svg create mode 100644 src/core/icon/user/account-circle-fill.svg create mode 100644 src/core/icon/user/account-circle-line.svg create mode 100644 src/core/icon/user/account-fill.svg create mode 100644 src/core/icon/user/account-line.svg create mode 100644 src/core/icon/user/account-pin-circle-fill.svg create mode 100644 src/core/icon/user/account-pin-circle-line.svg create mode 100644 src/core/icon/user/admin-fill.svg create mode 100644 src/core/icon/user/admin-line.svg create mode 100644 src/core/icon/user/group-fill.svg create mode 100644 src/core/icon/user/group-line.svg create mode 100644 src/core/icon/user/parent-fill.svg create mode 100644 src/core/icon/user/parent-line.svg create mode 100644 src/core/icon/user/team-fill.svg create mode 100644 src/core/icon/user/team-line.svg create mode 100644 src/core/icon/user/user-add-fill.svg create mode 100644 src/core/icon/user/user-add-line.svg create mode 100644 src/core/icon/user/user-fill.svg create mode 100644 src/core/icon/user/user-heart-fill.svg create mode 100644 src/core/icon/user/user-heart-line.svg create mode 100644 src/core/icon/user/user-line.svg create mode 100644 src/core/icon/user/user-search-fill.svg create mode 100644 src/core/icon/user/user-search-line.svg create mode 100644 src/core/icon/user/user-setting-fill.svg create mode 100644 src/core/icon/user/user-setting-line.svg create mode 100644 src/core/icon/user/user-star-fill.svg create mode 100644 src/core/icon/user/user-star-line.svg create mode 100644 src/core/icon/weather/cloudy-2-fill.svg create mode 100644 src/core/icon/weather/cloudy-2-line.svg create mode 100644 src/core/icon/weather/flashlight-fill.svg create mode 100644 src/core/icon/weather/flashlight-line.svg create mode 100644 src/core/icon/weather/moon-fill.svg create mode 100644 src/core/icon/weather/moon-line.svg create mode 100644 src/core/icon/weather/sun-fill.svg create mode 100644 src/core/icon/weather/sun-line.svg create mode 100644 src/dsfr-deprecated/.package.yml create mode 100644 src/dsfr-deprecated/legacy.js create mode 100644 src/dsfr-deprecated/legacy.scss create mode 100644 src/dsfr-deprecated/main.js create mode 100644 src/dsfr-deprecated/main.scss create mode 100644 src/utility/.folder.yml create mode 100644 src/utility/icons/.folder.yml create mode 100644 src/utility/icons/example/category.ejs create mode 100644 src/utility/icons/icons-buildings/.package.yml create mode 100644 src/utility/icons/icons-buildings/example/index.ejs create mode 100644 src/utility/icons/icons-buildings/index.scss create mode 100644 src/utility/icons/icons-buildings/legacy.scss create mode 100644 src/utility/icons/icons-buildings/main.scss create mode 100644 src/utility/icons/icons-buildings/style/_legacy.scss create mode 100644 src/utility/icons/icons-buildings/style/_module.scss create mode 100644 src/utility/icons/icons-business/.package.yml create mode 100644 src/utility/icons/icons-business/example/index.ejs create mode 100644 src/utility/icons/icons-business/index.scss create mode 100644 src/utility/icons/icons-business/legacy.scss create mode 100644 src/utility/icons/icons-business/main.scss create mode 100644 src/utility/icons/icons-business/style/_legacy.scss create mode 100644 src/utility/icons/icons-business/style/_module.scss create mode 100644 src/utility/icons/icons-communication/.package.yml create mode 100644 src/utility/icons/icons-communication/example/index.ejs create mode 100644 src/utility/icons/icons-communication/index.scss create mode 100644 src/utility/icons/icons-communication/legacy.scss create mode 100644 src/utility/icons/icons-communication/main.scss create mode 100644 src/utility/icons/icons-communication/style/_legacy.scss create mode 100644 src/utility/icons/icons-communication/style/_module.scss create mode 100644 src/utility/icons/icons-design/.package.yml create mode 100644 src/utility/icons/icons-design/example/index.ejs create mode 100644 src/utility/icons/icons-design/index.scss create mode 100644 src/utility/icons/icons-design/legacy.scss create mode 100644 src/utility/icons/icons-design/main.scss create mode 100644 src/utility/icons/icons-design/style/_legacy.scss create mode 100644 src/utility/icons/icons-design/style/_module.scss create mode 100644 src/utility/icons/icons-development/.package.yml create mode 100644 src/utility/icons/icons-development/example/index.ejs create mode 100644 src/utility/icons/icons-development/index.scss create mode 100644 src/utility/icons/icons-development/legacy.scss create mode 100644 src/utility/icons/icons-development/main.scss create mode 100644 src/utility/icons/icons-development/style/_legacy.scss create mode 100644 src/utility/icons/icons-development/style/_module.scss create mode 100644 src/utility/icons/icons-device/.package.yml create mode 100644 src/utility/icons/icons-device/example/index.ejs create mode 100644 src/utility/icons/icons-device/index.scss create mode 100644 src/utility/icons/icons-device/legacy.scss create mode 100644 src/utility/icons/icons-device/main.scss create mode 100644 src/utility/icons/icons-device/style/_legacy.scss create mode 100644 src/utility/icons/icons-device/style/_module.scss create mode 100644 src/utility/icons/icons-document/.package.yml create mode 100644 src/utility/icons/icons-document/example/index.ejs create mode 100644 src/utility/icons/icons-document/index.scss create mode 100644 src/utility/icons/icons-document/legacy.scss create mode 100644 src/utility/icons/icons-document/main.scss create mode 100644 src/utility/icons/icons-document/style/_legacy.scss create mode 100644 src/utility/icons/icons-document/style/_module.scss create mode 100644 src/utility/icons/icons-editor/.package.yml create mode 100644 src/utility/icons/icons-editor/example/index.ejs create mode 100644 src/utility/icons/icons-editor/index.scss create mode 100644 src/utility/icons/icons-editor/legacy.scss create mode 100644 src/utility/icons/icons-editor/main.scss create mode 100644 src/utility/icons/icons-editor/style/_legacy.scss create mode 100644 src/utility/icons/icons-editor/style/_module.scss create mode 100644 src/utility/icons/icons-finance/.package.yml create mode 100644 src/utility/icons/icons-finance/example/index.ejs create mode 100644 src/utility/icons/icons-finance/index.scss create mode 100644 src/utility/icons/icons-finance/legacy.scss create mode 100644 src/utility/icons/icons-finance/main.scss create mode 100644 src/utility/icons/icons-finance/style/_legacy.scss create mode 100644 src/utility/icons/icons-finance/style/_module.scss create mode 100644 src/utility/icons/icons-health/.package.yml create mode 100644 src/utility/icons/icons-health/example/index.ejs create mode 100644 src/utility/icons/icons-health/index.scss create mode 100644 src/utility/icons/icons-health/legacy.scss create mode 100644 src/utility/icons/icons-health/main.scss create mode 100644 src/utility/icons/icons-health/style/_legacy.scss create mode 100644 src/utility/icons/icons-health/style/_module.scss create mode 100644 src/utility/icons/icons-logo/.package.yml create mode 100644 src/utility/icons/icons-logo/example/index.ejs create mode 100644 src/utility/icons/icons-logo/index.scss create mode 100644 src/utility/icons/icons-logo/legacy.scss create mode 100644 src/utility/icons/icons-logo/main.scss create mode 100644 src/utility/icons/icons-logo/style/_legacy.scss create mode 100644 src/utility/icons/icons-logo/style/_module.scss create mode 100644 src/utility/icons/icons-map/.package.yml create mode 100644 src/utility/icons/icons-map/example/index.ejs create mode 100644 src/utility/icons/icons-map/index.scss create mode 100644 src/utility/icons/icons-map/legacy.scss create mode 100644 src/utility/icons/icons-map/main.scss create mode 100644 src/utility/icons/icons-map/style/_legacy.scss create mode 100644 src/utility/icons/icons-map/style/_module.scss create mode 100644 src/utility/icons/icons-media/.package.yml create mode 100644 src/utility/icons/icons-media/example/index.ejs create mode 100644 src/utility/icons/icons-media/index.scss create mode 100644 src/utility/icons/icons-media/legacy.scss create mode 100644 src/utility/icons/icons-media/main.scss create mode 100644 src/utility/icons/icons-media/style/_legacy.scss create mode 100644 src/utility/icons/icons-media/style/_module.scss create mode 100644 src/utility/icons/icons-others/.package.yml create mode 100644 src/utility/icons/icons-others/example/index.ejs create mode 100644 src/utility/icons/icons-others/index.scss create mode 100644 src/utility/icons/icons-others/legacy.scss create mode 100644 src/utility/icons/icons-others/main.scss create mode 100644 src/utility/icons/icons-others/style/_legacy.scss create mode 100644 src/utility/icons/icons-others/style/_module.scss create mode 100644 src/utility/icons/icons-system/.package.yml create mode 100644 src/utility/icons/icons-system/deprecated/style/_legacy.scss create mode 100644 src/utility/icons/icons-system/deprecated/style/_module.scss create mode 100644 src/utility/icons/icons-system/deprecated/style/_settings.scss create mode 100644 src/utility/icons/icons-system/example/index.ejs create mode 100644 src/utility/icons/icons-system/index.scss create mode 100644 src/utility/icons/icons-system/legacy.scss create mode 100644 src/utility/icons/icons-system/main.scss create mode 100644 src/utility/icons/icons-system/style/_legacy.scss create mode 100644 src/utility/icons/icons-system/style/_module.scss create mode 100644 src/utility/icons/icons-user/.package.yml create mode 100644 src/utility/icons/icons-user/example/index.ejs create mode 100644 src/utility/icons/icons-user/index.scss create mode 100644 src/utility/icons/icons-user/legacy.scss create mode 100644 src/utility/icons/icons-user/main.scss create mode 100644 src/utility/icons/icons-user/style/_legacy.scss create mode 100644 src/utility/icons/icons-user/style/_module.scss create mode 100644 src/utility/icons/icons-weather/.package.yml create mode 100644 src/utility/icons/icons-weather/example/index.ejs create mode 100644 src/utility/icons/icons-weather/index.scss create mode 100644 src/utility/icons/icons-weather/legacy.scss create mode 100644 src/utility/icons/icons-weather/main.scss create mode 100644 src/utility/icons/icons-weather/style/_legacy.scss create mode 100644 src/utility/icons/icons-weather/style/_module.scss create mode 100644 src/utility/icons/legacy.scss create mode 100644 src/utility/icons/main.scss create mode 100644 src/utility/legacy.scss create mode 100644 src/utility/main.scss diff --git a/src/.folder.yml b/src/.folder.yml index 7abdbbfb9..f8efec1f0 100644 --- a/src/.folder.yml +++ b/src/.folder.yml @@ -2,4 +2,3 @@ id: dsfr title: Système de design de l'État description: doc: -dist: dist/dsfr diff --git a/src/component/legacy.scss b/src/component/legacy.scss index 1792f0307..4b9741204 100644 --- a/src/component/legacy.scss +++ b/src/component/legacy.scss @@ -4,6 +4,7 @@ //// @import '../media-query-order'; +@import '../core/style/path/path-1'; @import 'logo/legacy'; @import 'connect/legacy'; @import 'quote/legacy'; diff --git a/src/component/main.scss b/src/component/main.scss index f85fcd20c..0f5912790 100644 --- a/src/component/main.scss +++ b/src/component/main.scss @@ -4,6 +4,7 @@ //// @import '../media-query-order'; +@import '../core/style/path/path-1'; @import 'upload/main'; @import 'logo/main'; @import 'connect/main'; diff --git a/src/component/quote/style/_legacy.scss b/src/component/quote/style/_legacy.scss index 42c991e32..b4ddf3f0c 100644 --- a/src/component/quote/style/_legacy.scss +++ b/src/component/quote/style/_legacy.scss @@ -8,7 +8,7 @@ * Correction largeur max du texte */ #{ns(quote)} { - @include icon-legacy(chat-quote-line,lg); + @include icon-legacy(quote-line,lg); blockquote { max-width: 100%; diff --git a/src/component/quote/style/_module.scss b/src/component/quote/style/_module.scss index 7f8528c85..0836cced5 100644 --- a/src/component/quote/style/_module.scss +++ b/src/component/quote/style/_module.scss @@ -18,7 +18,7 @@ background-position: 0 0; } - @include icon(chat-quote-line,lg) { + @include icon(quote-line,lg) { display: block; @include margin-bottom(2v); } diff --git a/src/component/share/example/sample/share-default.ejs b/src/component/share/example/sample/share-default.ejs index 9c54a6037..3e1a58e21 100755 --- a/src/component/share/example/sample/share-default.ejs +++ b/src/component/share/example/sample/share-default.ejs @@ -24,7 +24,7 @@ data.share = { comments: !share.disabled ? 'Les paramètres de la reqûete doivent être URI-encodés (ex: encodeURIComponent() en js)': undefined }, { - type: 'facebook', + type: 'linkedin', label: 'Partager sur LinkedIn', url: `https://www.linkedin.com/shareArticle?url=${contentPlaceholder('url de la page')}&title=${contentPlaceholder('titre ou texte descriptif de la page')}`, width: 550, diff --git a/src/core/asset/favicon/manifest.webmanifest b/src/core/asset/favicon/manifest.webmanifest index 3a42bee56..1254ad955 100644 --- a/src/core/asset/favicon/manifest.webmanifest +++ b/src/core/asset/favicon/manifest.webmanifest @@ -1,12 +1,12 @@ { "icons": [ { - "src": "/.dist/favicon/android-chrome-192x192.png", + "src": "android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" }, { - "src": "/.dist/favicon/android-chrome-512x512.png", + "src": "android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" } diff --git a/src/core/deprecated/style/_tool.scss b/src/core/deprecated/style/_tool.scss new file mode 100644 index 000000000..fe3684f23 --- /dev/null +++ b/src/core/deprecated/style/_tool.scss @@ -0,0 +1,6 @@ +//// +/// Core Deprecated Tool +/// @group core +//// + +@import 'icon/tool'; diff --git a/src/core/deprecated/style/icon/_module.scss b/src/core/deprecated/style/icon/_module.scss index f7a98c6e8..68c57f8ee 100644 --- a/src/core/deprecated/style/icon/_module.scss +++ b/src/core/deprecated/style/icon/_module.scss @@ -10,5 +10,3 @@ } } } - -@include generate-icons(fi, remix); diff --git a/src/core/deprecated/style/icon/_tool.scss b/src/core/deprecated/style/icon/_tool.scss new file mode 100644 index 000000000..1d1da9b2f --- /dev/null +++ b/src/core/deprecated/style/icon/_tool.scss @@ -0,0 +1,24 @@ +//// +/// Core Deprecated Tool +/// @group core +//// + +@mixin generate-deprecated-icons($ids, $config: $icons-config) { + @each $icon, $setting in $config { + @if index($ids, $icon) { + #{ns(fi-#{$icon})} { + @include icon-content($icon, before, true); + } + } + } +} + +@mixin generate-deprecated-icons-legacy($ids, $config: $icons-config) { + @each $icon, $setting in $config { + @if index($ids, $icon) { + #{ns(fi-#{$icon})} { + @include icon-content-legacy($icon, before, true); + } + } + } +} diff --git a/src/core/example/icon/index.ejs b/src/core/example/icon/index.ejs index cdabdf652..a9a8dfad2 100644 --- a/src/core/example/icon/index.ejs +++ b/src/core/example/icon/index.ejs @@ -1,91 +1,9 @@ <% -let statusCollections, - actionNavigationCollections, - contentMediaCollections, - pdfCollections; - -statusCollections = [ - ['error-fill', 'error-line', 'success-fill', 'success-line', 'info-fill', 'info-line', 'warning-fill', 'warning-line', 'flashlight-fill', 'flashlight-line'] -]; -customCollections = [ - ['bold', 'highlight'] -]; -navigationCollections = [ - ['menu-fill', 'menu-2-fill'], - ['arrow-up-line', 'arrow-up-fill', 'arrow-right-line', 'arrow-down-line', 'arrow-left-line', 'arrow-up-s-line', 'arrow-right-s-line', 'arrow-down-s-line', 'arrow-left-s-line', 'arrow-left-s-first-line', 'arrow-left-s-line-double', 'arrow-right-s-last-line', 'arrow-right-s-line-double', 'arrow-right-up-line', 'arrow-go-back-fill', 'arrow-go-back-line'], - ['user-fill', 'user-line', 'account-fill', 'account-line', 'lock-fill', 'lock-line', 'logout-box-r-fill', 'logout-box-r-line', 'home-4-fill', 'home-4-line'], -]; -actionCollections = [ - ['question-fill', 'question-line', 'information-fill', 'information-line', 'error-warning-fill', 'error-warning-line', 'close-line', 'check-line'], - ['add-circle-fill', 'add-circle-line', 'subtract-line', 'add-line'], - ['search-fill', 'search-line'], - ['eye-fill', 'eye-line', 'eye-off-fill', 'eye-off-line'], - ['zoom-in-fill', 'zoom-in-line', 'zoom-out-fill', 'zoom-out-line'], - ['printer-fill', 'printer-line', 'upload-2-fill', 'upload-2-line', 'file-download-fill', 'file-download-line', 'download-line', 'external-link-line', 'edit-fill', 'edit-line'], - ['links-fill', 'link-unlink'], - ['delete-line', 'delete-fill'], - ['save-fill', 'save-line'], - ['calendar-fill', 'calendar-line'], - ['file-fill', 'file-line'], - ['mail-fill', 'mail-line'], - ['phone-fill', 'phone-line'], - ['refresh-fill', 'refresh-line'], - ['equalizer-fill', 'equalizer-line'], - ['filter-fill', 'filter-line'], - ['attachment-fill', 'attachment-line'], - ['theme-fill'], - ['italic'], - ['list-ordered', 'list-unordered'], - ['font-size'], -]; -contentMediaCollections = [ - ['play-fill', 'play-line', 'volume-up-fill', 'volume-up-line', 'volume-mute-fill', 'volume-mute-line', 'volume-down-fill', 'volume-down-line', 'pause-circle-fill', 'pause-circle-line'], - ['file-pdf-fill', 'file-pdf-line'], - ['chat-quote-fill', 'chat-quote-line'], - ['rss-fill', 'rss-line'], - ['image-fill', 'image-line'], - ['line-chart-fill', 'line-chart-line'], - ['map-pin-2-fill', 'map-pin-2-line'], - ['road-map-fill', 'road-map-line'], - ['timer-fill', 'timer-line'], -]; -socialsCollections = [ - ['dailymotion-fill', 'dailymotion-line', 'facebook-circle-fill', 'facebook-circle-line', 'github-fill', 'github-line', 'instagram-fill', 'instagram-line', 'linkedin-box-fill', 'linkedin-box-line', 'npmjs-fill', 'npmjs-line', 'remixicon-fill', 'remixicon-line', 'slack-fill', 'slack-line', 'snapchat-fill', 'snapchat-line', 'telegram-fill', 'telegram-line', 'twitter-fill', 'twitter-line', 'twitch-fill', 'twitch-line', 'vimeo-fill', 'vimeo-line', 'youtube-fill', 'youtube-line',] -]; - -const families = [ - { title : 'Statut (Custom Icon font / SVG symbols)', collections: statusCollections, sample: './sample/icon'}, - { title : 'Actions (Custom Icon font / SVG symbols)', collections: customCollections, sample: './sample/icon'}, - { title : 'Navigation (Remix-icon font / SVG symbols)', collections: navigationCollections, sample: './sample/icon'}, - { title : 'Actions (Remix-icon font / SVG symbols)', collections: actionCollections, sample: './sample/icon'}, - { title : 'Contenus et médias (Remix-icon font / SVG symbols)', collections: contentMediaCollections, sample: './sample/icon'}, - { title : 'Réseaux Sociaux (Remix-icon font / SVG symbols)', collections: socialsCollections, sample: './sample/icon'} -]; - const sample = getSample(include); %> -<% - for (const family of families) { -%> -

    <%= family.title %>

    - - <% - family.collections.forEach((collection) => { - %> -
    - <%- sample('', family.sample, { icons: collection }, true); %> -
    - <% }); %> - -<% } %> - -<%- sample('Icone LG', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill', size:'lg'}}, true); %> -<%- sample('Icone MD (par défault)', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill'}}, true); %> -<%- sample('Icone SM', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill', size:'sm'}}, true); %> - - -<%- deprecation(); %> +<%- sample('Icone LG', '../../template/ejs/icon/icon', {icon: {name:'warning-fill', size:'lg'}}, true); %> +<%- sample('Icone MD (par défault)', '../../template/ejs/icon/icon', {icon: {name:'warning-fill'}}, true); %> +<%- sample('Icone SM', '../../template/ejs/icon/icon', {icon: {name:'warning-fill', size:'sm'}}, true); %> -<%- sample('Icone en fr-fi', '../../template/ejs/icon/icon', {icon: {icon:'warning-fill'}}, true); %> diff --git a/src/core/icon/buildings/ancient-gate-fill.svg b/src/core/icon/buildings/ancient-gate-fill.svg new file mode 100644 index 000000000..11015786e --- /dev/null +++ b/src/core/icon/buildings/ancient-gate-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/ancient-gate-line.svg b/src/core/icon/buildings/ancient-gate-line.svg new file mode 100644 index 000000000..613ef892a --- /dev/null +++ b/src/core/icon/buildings/ancient-gate-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/ancient-pavilion-fill.svg b/src/core/icon/buildings/ancient-pavilion-fill.svg new file mode 100644 index 000000000..f211ebea9 --- /dev/null +++ b/src/core/icon/buildings/ancient-pavilion-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/ancient-pavilion-line.svg b/src/core/icon/buildings/ancient-pavilion-line.svg new file mode 100644 index 000000000..3cd0eb9b9 --- /dev/null +++ b/src/core/icon/buildings/ancient-pavilion-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/bank-fill.svg b/src/core/icon/buildings/bank-fill.svg new file mode 100644 index 000000000..333b8dbf2 --- /dev/null +++ b/src/core/icon/buildings/bank-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/bank-line.svg b/src/core/icon/buildings/bank-line.svg new file mode 100644 index 000000000..616a3366f --- /dev/null +++ b/src/core/icon/buildings/bank-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/building-fill.svg b/src/core/icon/buildings/building-fill.svg new file mode 100644 index 000000000..51be14173 --- /dev/null +++ b/src/core/icon/buildings/building-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/building-line.svg b/src/core/icon/buildings/building-line.svg new file mode 100644 index 000000000..a811aa430 --- /dev/null +++ b/src/core/icon/buildings/building-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/community-fill.svg b/src/core/icon/buildings/community-fill.svg new file mode 100644 index 000000000..26e0ad56d --- /dev/null +++ b/src/core/icon/buildings/community-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/community-line.svg b/src/core/icon/buildings/community-line.svg new file mode 100644 index 000000000..3dfe45a51 --- /dev/null +++ b/src/core/icon/buildings/community-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/government-fill.svg b/src/core/icon/buildings/government-fill.svg new file mode 100644 index 000000000..97a7bf797 --- /dev/null +++ b/src/core/icon/buildings/government-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/government-line.svg b/src/core/icon/buildings/government-line.svg new file mode 100644 index 000000000..e6a72d433 --- /dev/null +++ b/src/core/icon/buildings/government-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/home-4-fill.svg b/src/core/icon/buildings/home-4-fill.svg new file mode 100644 index 000000000..ef51325c8 --- /dev/null +++ b/src/core/icon/buildings/home-4-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/home-4-line.svg b/src/core/icon/buildings/home-4-line.svg new file mode 100644 index 000000000..230046d38 --- /dev/null +++ b/src/core/icon/buildings/home-4-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/hospital-fill.svg b/src/core/icon/buildings/hospital-fill.svg new file mode 100644 index 000000000..974d7c98d --- /dev/null +++ b/src/core/icon/buildings/hospital-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/hospital-line.svg b/src/core/icon/buildings/hospital-line.svg new file mode 100644 index 000000000..858b5188c --- /dev/null +++ b/src/core/icon/buildings/hospital-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/hotel-fill.svg b/src/core/icon/buildings/hotel-fill.svg new file mode 100644 index 000000000..953371f3f --- /dev/null +++ b/src/core/icon/buildings/hotel-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/hotel-line.svg b/src/core/icon/buildings/hotel-line.svg new file mode 100644 index 000000000..bc96a572a --- /dev/null +++ b/src/core/icon/buildings/hotel-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/store-fill.svg b/src/core/icon/buildings/store-fill.svg new file mode 100644 index 000000000..277781c5d --- /dev/null +++ b/src/core/icon/buildings/store-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/buildings/store-line.svg b/src/core/icon/buildings/store-line.svg new file mode 100644 index 000000000..083f8f126 --- /dev/null +++ b/src/core/icon/buildings/store-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/archive-fill.svg b/src/core/icon/business/archive-fill.svg new file mode 100644 index 000000000..3e40df8d4 --- /dev/null +++ b/src/core/icon/business/archive-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/archive-line.svg b/src/core/icon/business/archive-line.svg new file mode 100644 index 000000000..acdf5724c --- /dev/null +++ b/src/core/icon/business/archive-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/attachment-fill.svg b/src/core/icon/business/attachment-fill.svg new file mode 100644 index 000000000..6d487a0b3 --- /dev/null +++ b/src/core/icon/business/attachment-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/attachment-line.svg b/src/core/icon/business/attachment-line.svg new file mode 100644 index 000000000..5fc54b205 --- /dev/null +++ b/src/core/icon/business/attachment-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/award-fill.svg b/src/core/icon/business/award-fill.svg new file mode 100644 index 000000000..09bccae39 --- /dev/null +++ b/src/core/icon/business/award-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/award-line.svg b/src/core/icon/business/award-line.svg new file mode 100644 index 000000000..83b0a8861 --- /dev/null +++ b/src/core/icon/business/award-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/bar-chart-box-fill.svg b/src/core/icon/business/bar-chart-box-fill.svg new file mode 100644 index 000000000..8e6efc162 --- /dev/null +++ b/src/core/icon/business/bar-chart-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/bar-chart-box-line.svg b/src/core/icon/business/bar-chart-box-line.svg new file mode 100644 index 000000000..928620da7 --- /dev/null +++ b/src/core/icon/business/bar-chart-box-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/bookmark-fill.svg b/src/core/icon/business/bookmark-fill.svg new file mode 100644 index 000000000..0de512c5b --- /dev/null +++ b/src/core/icon/business/bookmark-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/bookmark-line.svg b/src/core/icon/business/bookmark-line.svg new file mode 100644 index 000000000..df6a0e86a --- /dev/null +++ b/src/core/icon/business/bookmark-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/briefcase-fill.svg b/src/core/icon/business/briefcase-fill.svg new file mode 100644 index 000000000..0ed19587a --- /dev/null +++ b/src/core/icon/business/briefcase-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/briefcase-line.svg b/src/core/icon/business/briefcase-line.svg new file mode 100644 index 000000000..0a96a6c71 --- /dev/null +++ b/src/core/icon/business/briefcase-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/calendar-2-fill.svg b/src/core/icon/business/calendar-2-fill.svg new file mode 100644 index 000000000..1b884a7af --- /dev/null +++ b/src/core/icon/business/calendar-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/calendar-2-line.svg b/src/core/icon/business/calendar-2-line.svg new file mode 100644 index 000000000..a94ec61a1 --- /dev/null +++ b/src/core/icon/business/calendar-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/calendar-event-fill.svg b/src/core/icon/business/calendar-event-fill.svg new file mode 100644 index 000000000..84f5620bc --- /dev/null +++ b/src/core/icon/business/calendar-event-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/calendar-event-line.svg b/src/core/icon/business/calendar-event-line.svg new file mode 100644 index 000000000..4f31a3c4e --- /dev/null +++ b/src/core/icon/business/calendar-event-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/calendar-fill.svg b/src/core/icon/business/calendar-fill.svg new file mode 100644 index 000000000..ffadcb7d6 --- /dev/null +++ b/src/core/icon/business/calendar-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/calendar-line.svg b/src/core/icon/business/calendar-line.svg new file mode 100644 index 000000000..f4b79b879 --- /dev/null +++ b/src/core/icon/business/calendar-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/cloud-fill.svg b/src/core/icon/business/cloud-fill.svg new file mode 100644 index 000000000..b588e93e5 --- /dev/null +++ b/src/core/icon/business/cloud-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/cloud-line.svg b/src/core/icon/business/cloud-line.svg new file mode 100644 index 000000000..4cd3e697e --- /dev/null +++ b/src/core/icon/business/cloud-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/copyright-fill.svg b/src/core/icon/business/copyright-fill.svg new file mode 100644 index 000000000..0f1c9c85e --- /dev/null +++ b/src/core/icon/business/copyright-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/copyright-line.svg b/src/core/icon/business/copyright-line.svg new file mode 100644 index 000000000..9da8ed2ba --- /dev/null +++ b/src/core/icon/business/copyright-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/customer-service-fill.svg b/src/core/icon/business/customer-service-fill.svg new file mode 100644 index 000000000..7152c3e44 --- /dev/null +++ b/src/core/icon/business/customer-service-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/customer-service-line.svg b/src/core/icon/business/customer-service-line.svg new file mode 100644 index 000000000..f4a633953 --- /dev/null +++ b/src/core/icon/business/customer-service-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/flag-fill.svg b/src/core/icon/business/flag-fill.svg new file mode 100644 index 000000000..c527ae106 --- /dev/null +++ b/src/core/icon/business/flag-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/flag-line.svg b/src/core/icon/business/flag-line.svg new file mode 100644 index 000000000..a7c98d9ae --- /dev/null +++ b/src/core/icon/business/flag-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/global-fill.svg b/src/core/icon/business/global-fill.svg new file mode 100644 index 000000000..a7f20e6a2 --- /dev/null +++ b/src/core/icon/business/global-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/global-line.svg b/src/core/icon/business/global-line.svg new file mode 100644 index 000000000..bcbaf9bd4 --- /dev/null +++ b/src/core/icon/business/global-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/line-chart-fill.svg b/src/core/icon/business/line-chart-fill.svg new file mode 100644 index 000000000..d8ec5bd2d --- /dev/null +++ b/src/core/icon/business/line-chart-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/line-chart-line.svg b/src/core/icon/business/line-chart-line.svg new file mode 100644 index 000000000..c9fe83ae2 --- /dev/null +++ b/src/core/icon/business/line-chart-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/links-fill.svg b/src/core/icon/business/links-fill.svg new file mode 100644 index 000000000..be83b4562 --- /dev/null +++ b/src/core/icon/business/links-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/links-line.svg b/src/core/icon/business/links-line.svg new file mode 100644 index 000000000..a36b39b8a --- /dev/null +++ b/src/core/icon/business/links-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/mail-fill.svg b/src/core/icon/business/mail-fill.svg new file mode 100644 index 000000000..9846672d4 --- /dev/null +++ b/src/core/icon/business/mail-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/mail-line.svg b/src/core/icon/business/mail-line.svg new file mode 100644 index 000000000..4aa057292 --- /dev/null +++ b/src/core/icon/business/mail-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/mail-open-fill.svg b/src/core/icon/business/mail-open-fill.svg new file mode 100644 index 000000000..4e2499dca --- /dev/null +++ b/src/core/icon/business/mail-open-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/mail-open-line.svg b/src/core/icon/business/mail-open-line.svg new file mode 100644 index 000000000..0b15fa7b6 --- /dev/null +++ b/src/core/icon/business/mail-open-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/medal-fill.svg b/src/core/icon/business/medal-fill.svg new file mode 100644 index 000000000..49db8a595 --- /dev/null +++ b/src/core/icon/business/medal-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/medal-line.svg b/src/core/icon/business/medal-line.svg new file mode 100644 index 000000000..2051137c9 --- /dev/null +++ b/src/core/icon/business/medal-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/pie-chart-2-fill.svg b/src/core/icon/business/pie-chart-2-fill.svg new file mode 100644 index 000000000..c9a67c47a --- /dev/null +++ b/src/core/icon/business/pie-chart-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/pie-chart-2-line.svg b/src/core/icon/business/pie-chart-2-line.svg new file mode 100644 index 000000000..42aad2720 --- /dev/null +++ b/src/core/icon/business/pie-chart-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/pie-chart-box-fill.svg b/src/core/icon/business/pie-chart-box-fill.svg new file mode 100644 index 000000000..582bac4ee --- /dev/null +++ b/src/core/icon/business/pie-chart-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/pie-chart-box-line.svg b/src/core/icon/business/pie-chart-box-line.svg new file mode 100644 index 000000000..5e09e6368 --- /dev/null +++ b/src/core/icon/business/pie-chart-box-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/printer-fill.svg b/src/core/icon/business/printer-fill.svg new file mode 100644 index 000000000..ffecd9a7b --- /dev/null +++ b/src/core/icon/business/printer-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/printer-line.svg b/src/core/icon/business/printer-line.svg new file mode 100644 index 000000000..376fc176d --- /dev/null +++ b/src/core/icon/business/printer-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/profil-fill.svg b/src/core/icon/business/profil-fill.svg new file mode 100644 index 000000000..42307178c --- /dev/null +++ b/src/core/icon/business/profil-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/profil-line.svg b/src/core/icon/business/profil-line.svg new file mode 100644 index 000000000..e5d0b0ab4 --- /dev/null +++ b/src/core/icon/business/profil-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/projector-2-fill.svg b/src/core/icon/business/projector-2-fill.svg new file mode 100644 index 000000000..f443d9d20 --- /dev/null +++ b/src/core/icon/business/projector-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/projector-2-line.svg b/src/core/icon/business/projector-2-line.svg new file mode 100644 index 000000000..981a851f8 --- /dev/null +++ b/src/core/icon/business/projector-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/send-plane-fill.svg b/src/core/icon/business/send-plane-fill.svg new file mode 100644 index 000000000..1f829bbaa --- /dev/null +++ b/src/core/icon/business/send-plane-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/send-plane-line.svg b/src/core/icon/business/send-plane-line.svg new file mode 100644 index 000000000..827c87298 --- /dev/null +++ b/src/core/icon/business/send-plane-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/slideshow-fill.svg b/src/core/icon/business/slideshow-fill.svg new file mode 100644 index 000000000..0f3d93f24 --- /dev/null +++ b/src/core/icon/business/slideshow-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/slideshow-line.svg b/src/core/icon/business/slideshow-line.svg new file mode 100644 index 000000000..f0ac02f11 --- /dev/null +++ b/src/core/icon/business/slideshow-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/window-fill.svg b/src/core/icon/business/window-fill.svg new file mode 100644 index 000000000..87eab4c12 --- /dev/null +++ b/src/core/icon/business/window-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/business/window-line.svg b/src/core/icon/business/window-line.svg new file mode 100644 index 000000000..aca2f410d --- /dev/null +++ b/src/core/icon/business/window-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-2-fill.svg b/src/core/icon/communication/chat-2-fill.svg new file mode 100644 index 000000000..379756298 --- /dev/null +++ b/src/core/icon/communication/chat-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-2-line.svg b/src/core/icon/communication/chat-2-line.svg new file mode 100644 index 000000000..aa8f10fb0 --- /dev/null +++ b/src/core/icon/communication/chat-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-3-fill.svg b/src/core/icon/communication/chat-3-fill.svg new file mode 100644 index 000000000..a253e247a --- /dev/null +++ b/src/core/icon/communication/chat-3-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-3-line.svg b/src/core/icon/communication/chat-3-line.svg new file mode 100644 index 000000000..c849d15da --- /dev/null +++ b/src/core/icon/communication/chat-3-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-check-fill.svg b/src/core/icon/communication/chat-check-fill.svg new file mode 100644 index 000000000..9996a8e85 --- /dev/null +++ b/src/core/icon/communication/chat-check-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-check-line.svg b/src/core/icon/communication/chat-check-line.svg new file mode 100644 index 000000000..b3cc34352 --- /dev/null +++ b/src/core/icon/communication/chat-check-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-delete-fill.svg b/src/core/icon/communication/chat-delete-fill.svg new file mode 100644 index 000000000..d4069cb3b --- /dev/null +++ b/src/core/icon/communication/chat-delete-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-delete-line.svg b/src/core/icon/communication/chat-delete-line.svg new file mode 100644 index 000000000..d2254277e --- /dev/null +++ b/src/core/icon/communication/chat-delete-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-poll-fill.svg b/src/core/icon/communication/chat-poll-fill.svg new file mode 100644 index 000000000..e06a91282 --- /dev/null +++ b/src/core/icon/communication/chat-poll-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/chat-poll-line.svg b/src/core/icon/communication/chat-poll-line.svg new file mode 100644 index 000000000..0dce111f4 --- /dev/null +++ b/src/core/icon/communication/chat-poll-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/discuss-fill.svg b/src/core/icon/communication/discuss-fill.svg new file mode 100644 index 000000000..a984cec00 --- /dev/null +++ b/src/core/icon/communication/discuss-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/discuss-line.svg b/src/core/icon/communication/discuss-line.svg new file mode 100644 index 000000000..6e7cc406c --- /dev/null +++ b/src/core/icon/communication/discuss-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/feedback-fill.svg b/src/core/icon/communication/feedback-fill.svg new file mode 100644 index 000000000..5d70a8a10 --- /dev/null +++ b/src/core/icon/communication/feedback-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/feedback-line.svg b/src/core/icon/communication/feedback-line.svg new file mode 100644 index 000000000..8d438f882 --- /dev/null +++ b/src/core/icon/communication/feedback-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/message-2-fill.svg b/src/core/icon/communication/message-2-fill.svg new file mode 100644 index 000000000..f10699eec --- /dev/null +++ b/src/core/icon/communication/message-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/message-2-line.svg b/src/core/icon/communication/message-2-line.svg new file mode 100644 index 000000000..2e323bded --- /dev/null +++ b/src/core/icon/communication/message-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/question-answer-fill.svg b/src/core/icon/communication/question-answer-fill.svg new file mode 100644 index 000000000..ce83bd9b6 --- /dev/null +++ b/src/core/icon/communication/question-answer-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/question-answer-line.svg b/src/core/icon/communication/question-answer-line.svg new file mode 100644 index 000000000..813c1b271 --- /dev/null +++ b/src/core/icon/communication/question-answer-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/questionnaire-fill.svg b/src/core/icon/communication/questionnaire-fill.svg new file mode 100644 index 000000000..668194697 --- /dev/null +++ b/src/core/icon/communication/questionnaire-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/questionnaire-line.svg b/src/core/icon/communication/questionnaire-line.svg new file mode 100644 index 000000000..aa80bc022 --- /dev/null +++ b/src/core/icon/communication/questionnaire-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/video-chat-fill.svg b/src/core/icon/communication/video-chat-fill.svg new file mode 100644 index 000000000..40207b6f3 --- /dev/null +++ b/src/core/icon/communication/video-chat-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/communication/video-chat-line.svg b/src/core/icon/communication/video-chat-line.svg new file mode 100644 index 000000000..1458dc8ea --- /dev/null +++ b/src/core/icon/communication/video-chat-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/ball-pen-fill.svg b/src/core/icon/design/ball-pen-fill.svg new file mode 100644 index 000000000..6b1d685a7 --- /dev/null +++ b/src/core/icon/design/ball-pen-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/ball-pen-line.svg b/src/core/icon/design/ball-pen-line.svg new file mode 100644 index 000000000..11b5a06d2 --- /dev/null +++ b/src/core/icon/design/ball-pen-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/brush-3-fill.svg b/src/core/icon/design/brush-3-fill.svg new file mode 100644 index 000000000..5db830c8e --- /dev/null +++ b/src/core/icon/design/brush-3-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/brush-3-line.svg b/src/core/icon/design/brush-3-line.svg new file mode 100644 index 000000000..c89fe021a --- /dev/null +++ b/src/core/icon/design/brush-3-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/brush-fill.svg b/src/core/icon/design/brush-fill.svg new file mode 100644 index 000000000..2af18027a --- /dev/null +++ b/src/core/icon/design/brush-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/brush-line.svg b/src/core/icon/design/brush-line.svg new file mode 100644 index 000000000..75de68e2c --- /dev/null +++ b/src/core/icon/design/brush-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/contrast-fill.svg b/src/core/icon/design/contrast-fill.svg new file mode 100644 index 000000000..21d0bb88a --- /dev/null +++ b/src/core/icon/design/contrast-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/contrast-line.svg b/src/core/icon/design/contrast-line.svg new file mode 100644 index 000000000..359148722 --- /dev/null +++ b/src/core/icon/design/contrast-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/crop-fill.svg b/src/core/icon/design/crop-fill.svg new file mode 100644 index 000000000..b7541ad35 --- /dev/null +++ b/src/core/icon/design/crop-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/crop-line.svg b/src/core/icon/design/crop-line.svg new file mode 100644 index 000000000..df754b3e4 --- /dev/null +++ b/src/core/icon/design/crop-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/drag-move-2-fill.svg b/src/core/icon/design/drag-move-2-fill.svg new file mode 100644 index 000000000..4de840c2f --- /dev/null +++ b/src/core/icon/design/drag-move-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/drag-move-2-line.svg b/src/core/icon/design/drag-move-2-line.svg new file mode 100644 index 000000000..057a6cbdc --- /dev/null +++ b/src/core/icon/design/drag-move-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/drop-fill.svg b/src/core/icon/design/drop-fill.svg new file mode 100644 index 000000000..67a224ff7 --- /dev/null +++ b/src/core/icon/design/drop-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/drop-line.svg b/src/core/icon/design/drop-line.svg new file mode 100644 index 000000000..fd35a2f22 --- /dev/null +++ b/src/core/icon/design/drop-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/edit-box-fill.svg b/src/core/icon/design/edit-box-fill.svg new file mode 100644 index 000000000..60a84c7a7 --- /dev/null +++ b/src/core/icon/design/edit-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/edit-box-line.svg b/src/core/icon/design/edit-box-line.svg new file mode 100644 index 000000000..480f273ae --- /dev/null +++ b/src/core/icon/design/edit-box-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/edit-fill.svg b/src/core/icon/design/edit-fill.svg new file mode 100644 index 000000000..790b6f328 --- /dev/null +++ b/src/core/icon/design/edit-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/edit-line.svg b/src/core/icon/design/edit-line.svg new file mode 100644 index 000000000..4fa4c5b8d --- /dev/null +++ b/src/core/icon/design/edit-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/ink-bottle-fill.svg b/src/core/icon/design/ink-bottle-fill.svg new file mode 100644 index 000000000..5b38ac00b --- /dev/null +++ b/src/core/icon/design/ink-bottle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/ink-bottle-line.svg b/src/core/icon/design/ink-bottle-line.svg new file mode 100644 index 000000000..d427011a2 --- /dev/null +++ b/src/core/icon/design/ink-bottle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/layout-grid-fill.svg b/src/core/icon/design/layout-grid-fill.svg new file mode 100644 index 000000000..d967a845d --- /dev/null +++ b/src/core/icon/design/layout-grid-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/layout-grid-line.svg b/src/core/icon/design/layout-grid-line.svg new file mode 100644 index 000000000..cc834eb7c --- /dev/null +++ b/src/core/icon/design/layout-grid-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/mark-pen-fill.svg b/src/core/icon/design/mark-pen-fill.svg new file mode 100644 index 000000000..799c58318 --- /dev/null +++ b/src/core/icon/design/mark-pen-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/mark-pen-line.svg b/src/core/icon/design/mark-pen-line.svg new file mode 100644 index 000000000..fb20ef842 --- /dev/null +++ b/src/core/icon/design/mark-pen-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/paint-brush-fill.svg b/src/core/icon/design/paint-brush-fill.svg new file mode 100644 index 000000000..bd349858a --- /dev/null +++ b/src/core/icon/design/paint-brush-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/paint-brush-line.svg b/src/core/icon/design/paint-brush-line.svg new file mode 100644 index 000000000..d0d42d871 --- /dev/null +++ b/src/core/icon/design/paint-brush-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/paint-fill.svg b/src/core/icon/design/paint-fill.svg new file mode 100644 index 000000000..8e2f7ce71 --- /dev/null +++ b/src/core/icon/design/paint-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/paint-line.svg b/src/core/icon/design/paint-line.svg new file mode 100644 index 000000000..d3cd133f1 --- /dev/null +++ b/src/core/icon/design/paint-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/palette-fill.svg b/src/core/icon/design/palette-fill.svg new file mode 100644 index 000000000..00cdb0bda --- /dev/null +++ b/src/core/icon/design/palette-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/palette-line.svg b/src/core/icon/design/palette-line.svg new file mode 100644 index 000000000..612422eaa --- /dev/null +++ b/src/core/icon/design/palette-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pantone-fill.svg b/src/core/icon/design/pantone-fill.svg new file mode 100644 index 000000000..e895a8864 --- /dev/null +++ b/src/core/icon/design/pantone-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pantone-line.svg b/src/core/icon/design/pantone-line.svg new file mode 100644 index 000000000..b96cbc9b8 --- /dev/null +++ b/src/core/icon/design/pantone-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pen-nib-fill.svg b/src/core/icon/design/pen-nib-fill.svg new file mode 100644 index 000000000..86ffd3b1c --- /dev/null +++ b/src/core/icon/design/pen-nib-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pen-nib-line.svg b/src/core/icon/design/pen-nib-line.svg new file mode 100644 index 000000000..6561b3cd9 --- /dev/null +++ b/src/core/icon/design/pen-nib-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pencil-fill.svg b/src/core/icon/design/pencil-fill.svg new file mode 100644 index 000000000..87b8a1e7b --- /dev/null +++ b/src/core/icon/design/pencil-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pencil-line.svg b/src/core/icon/design/pencil-line.svg new file mode 100644 index 000000000..d0b6e32a1 --- /dev/null +++ b/src/core/icon/design/pencil-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pencil-ruler-fill.svg b/src/core/icon/design/pencil-ruler-fill.svg new file mode 100644 index 000000000..515aaa735 --- /dev/null +++ b/src/core/icon/design/pencil-ruler-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/pencil-ruler-line.svg b/src/core/icon/design/pencil-ruler-line.svg new file mode 100644 index 000000000..ccca86165 --- /dev/null +++ b/src/core/icon/design/pencil-ruler-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/sip-fill.svg b/src/core/icon/design/sip-fill.svg new file mode 100644 index 000000000..c08db8a42 --- /dev/null +++ b/src/core/icon/design/sip-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/sip-line.svg b/src/core/icon/design/sip-line.svg new file mode 100644 index 000000000..82b411138 --- /dev/null +++ b/src/core/icon/design/sip-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/table-fill.svg b/src/core/icon/design/table-fill.svg new file mode 100644 index 000000000..cb71d4fda --- /dev/null +++ b/src/core/icon/design/table-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/design/table-line.svg b/src/core/icon/design/table-line.svg new file mode 100644 index 000000000..1d95a384f --- /dev/null +++ b/src/core/icon/design/table-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/bug-fill.svg b/src/core/icon/development/bug-fill.svg new file mode 100644 index 000000000..5ecee4297 --- /dev/null +++ b/src/core/icon/development/bug-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/bug-line.svg b/src/core/icon/development/bug-line.svg new file mode 100644 index 000000000..48d0de9ce --- /dev/null +++ b/src/core/icon/development/bug-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/code-box-fill.svg b/src/core/icon/development/code-box-fill.svg new file mode 100644 index 000000000..e67895bf0 --- /dev/null +++ b/src/core/icon/development/code-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/code-box-line.svg b/src/core/icon/development/code-box-line.svg new file mode 100644 index 000000000..84c342973 --- /dev/null +++ b/src/core/icon/development/code-box-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/code-s-slash-line.svg b/src/core/icon/development/code-s-slash-line.svg new file mode 100644 index 000000000..052b37b0c --- /dev/null +++ b/src/core/icon/development/code-s-slash-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/cursor-fill.svg b/src/core/icon/development/cursor-fill.svg new file mode 100644 index 000000000..fae10deb1 --- /dev/null +++ b/src/core/icon/development/cursor-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/cursor-line.svg b/src/core/icon/development/cursor-line.svg new file mode 100644 index 000000000..3d2d6a380 --- /dev/null +++ b/src/core/icon/development/cursor-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-branch-fill.svg b/src/core/icon/development/git-branch-fill.svg new file mode 100644 index 000000000..e9673a107 --- /dev/null +++ b/src/core/icon/development/git-branch-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-branch-line.svg b/src/core/icon/development/git-branch-line.svg new file mode 100644 index 000000000..61dcef5c2 --- /dev/null +++ b/src/core/icon/development/git-branch-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-commit-fill.svg b/src/core/icon/development/git-commit-fill.svg new file mode 100644 index 000000000..6c77981b4 --- /dev/null +++ b/src/core/icon/development/git-commit-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-commit-line.svg b/src/core/icon/development/git-commit-line.svg new file mode 100644 index 000000000..8f2d6122b --- /dev/null +++ b/src/core/icon/development/git-commit-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-merge-fill.svg b/src/core/icon/development/git-merge-fill.svg new file mode 100644 index 000000000..c7e08f341 --- /dev/null +++ b/src/core/icon/development/git-merge-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-merge-line.svg b/src/core/icon/development/git-merge-line.svg new file mode 100644 index 000000000..f242d08ae --- /dev/null +++ b/src/core/icon/development/git-merge-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-pull-request-fill.svg b/src/core/icon/development/git-pull-request-fill.svg new file mode 100644 index 000000000..067f5304d --- /dev/null +++ b/src/core/icon/development/git-pull-request-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-pull-request-line.svg b/src/core/icon/development/git-pull-request-line.svg new file mode 100644 index 000000000..2871690af --- /dev/null +++ b/src/core/icon/development/git-pull-request-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-repository-commits-fill.svg b/src/core/icon/development/git-repository-commits-fill.svg new file mode 100644 index 000000000..bf981ca6a --- /dev/null +++ b/src/core/icon/development/git-repository-commits-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-repository-commits-line.svg b/src/core/icon/development/git-repository-commits-line.svg new file mode 100644 index 000000000..d3f4e8c3c --- /dev/null +++ b/src/core/icon/development/git-repository-commits-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-repository-fill.svg b/src/core/icon/development/git-repository-fill.svg new file mode 100644 index 000000000..0d8e8ffcd --- /dev/null +++ b/src/core/icon/development/git-repository-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-repository-line.svg b/src/core/icon/development/git-repository-line.svg new file mode 100644 index 000000000..53cb36629 --- /dev/null +++ b/src/core/icon/development/git-repository-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-repository-private-fill.svg b/src/core/icon/development/git-repository-private-fill.svg new file mode 100644 index 000000000..751af20d8 --- /dev/null +++ b/src/core/icon/development/git-repository-private-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/git-repository-private-line.svg b/src/core/icon/development/git-repository-private-line.svg new file mode 100644 index 000000000..78786e6dd --- /dev/null +++ b/src/core/icon/development/git-repository-private-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/terminal-box-fill.svg b/src/core/icon/development/terminal-box-fill.svg new file mode 100644 index 000000000..697e19bf4 --- /dev/null +++ b/src/core/icon/development/terminal-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/terminal-box-line.svg b/src/core/icon/development/terminal-box-line.svg new file mode 100644 index 000000000..faa74ccee --- /dev/null +++ b/src/core/icon/development/terminal-box-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/terminal-line.svg b/src/core/icon/development/terminal-line.svg new file mode 100644 index 000000000..44a4bc891 --- /dev/null +++ b/src/core/icon/development/terminal-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/terminal-window-fill.svg b/src/core/icon/development/terminal-window-fill.svg new file mode 100644 index 000000000..ac6a916a8 --- /dev/null +++ b/src/core/icon/development/terminal-window-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/development/terminal-window-line.svg b/src/core/icon/development/terminal-window-line.svg new file mode 100644 index 000000000..75092173b --- /dev/null +++ b/src/core/icon/development/terminal-window-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/bluetooth-fill.svg b/src/core/icon/device/bluetooth-fill.svg new file mode 100644 index 000000000..5fbccb7b6 --- /dev/null +++ b/src/core/icon/device/bluetooth-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/bluetooth-line.svg b/src/core/icon/device/bluetooth-line.svg new file mode 100644 index 000000000..5fbccb7b6 --- /dev/null +++ b/src/core/icon/device/bluetooth-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/computer-fill.svg b/src/core/icon/device/computer-fill.svg new file mode 100644 index 000000000..2fba170ad --- /dev/null +++ b/src/core/icon/device/computer-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/computer-line.svg b/src/core/icon/device/computer-line.svg new file mode 100644 index 000000000..52da8688f --- /dev/null +++ b/src/core/icon/device/computer-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/dashboard-3-fill.svg b/src/core/icon/device/dashboard-3-fill.svg new file mode 100644 index 000000000..dd316bab0 --- /dev/null +++ b/src/core/icon/device/dashboard-3-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/dashboard-3-line.svg b/src/core/icon/device/dashboard-3-line.svg new file mode 100644 index 000000000..33e8677ff --- /dev/null +++ b/src/core/icon/device/dashboard-3-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/database-fill.svg b/src/core/icon/device/database-fill.svg new file mode 100644 index 000000000..811fcc952 --- /dev/null +++ b/src/core/icon/device/database-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/database-line.svg b/src/core/icon/device/database-line.svg new file mode 100644 index 000000000..692f26952 --- /dev/null +++ b/src/core/icon/device/database-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/device-fill.svg b/src/core/icon/device/device-fill.svg new file mode 100644 index 000000000..7625d7666 --- /dev/null +++ b/src/core/icon/device/device-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/device-line.svg b/src/core/icon/device/device-line.svg new file mode 100644 index 000000000..760f6f0c6 --- /dev/null +++ b/src/core/icon/device/device-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/hard-drive-2-fill.svg b/src/core/icon/device/hard-drive-2-fill.svg new file mode 100644 index 000000000..698f49f17 --- /dev/null +++ b/src/core/icon/device/hard-drive-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/hard-drive-2-line.svg b/src/core/icon/device/hard-drive-2-line.svg new file mode 100644 index 000000000..30fa8cc1a --- /dev/null +++ b/src/core/icon/device/hard-drive-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/mac-fill.svg b/src/core/icon/device/mac-fill.svg new file mode 100644 index 000000000..1df690879 --- /dev/null +++ b/src/core/icon/device/mac-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/mac-line.svg b/src/core/icon/device/mac-line.svg new file mode 100644 index 000000000..44ebfcedd --- /dev/null +++ b/src/core/icon/device/mac-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/phone-fill.svg b/src/core/icon/device/phone-fill.svg new file mode 100644 index 000000000..9280180b8 --- /dev/null +++ b/src/core/icon/device/phone-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/phone-line.svg b/src/core/icon/device/phone-line.svg new file mode 100644 index 000000000..74b396e04 --- /dev/null +++ b/src/core/icon/device/phone-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/qr-code-fill.svg b/src/core/icon/device/qr-code-fill.svg new file mode 100644 index 000000000..7ec9a7128 --- /dev/null +++ b/src/core/icon/device/qr-code-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/qr-code-line.svg b/src/core/icon/device/qr-code-line.svg new file mode 100644 index 000000000..c10158cfa --- /dev/null +++ b/src/core/icon/device/qr-code-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/rss-fill.svg b/src/core/icon/device/rss-fill.svg new file mode 100644 index 000000000..7b774b228 --- /dev/null +++ b/src/core/icon/device/rss-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/rss-line.svg b/src/core/icon/device/rss-line.svg new file mode 100644 index 000000000..22e805b79 --- /dev/null +++ b/src/core/icon/device/rss-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/save-3-fill.svg b/src/core/icon/device/save-3-fill.svg new file mode 100644 index 000000000..41aec362c --- /dev/null +++ b/src/core/icon/device/save-3-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/save-3-line.svg b/src/core/icon/device/save-3-line.svg new file mode 100644 index 000000000..2cb95beb9 --- /dev/null +++ b/src/core/icon/device/save-3-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/save-fill.svg b/src/core/icon/device/save-fill.svg new file mode 100644 index 000000000..4f0824730 --- /dev/null +++ b/src/core/icon/device/save-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/save-line.svg b/src/core/icon/device/save-line.svg new file mode 100644 index 000000000..dff1293eb --- /dev/null +++ b/src/core/icon/device/save-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/server-fill.svg b/src/core/icon/device/server-fill.svg new file mode 100644 index 000000000..2ff522e99 --- /dev/null +++ b/src/core/icon/device/server-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/server-line.svg b/src/core/icon/device/server-line.svg new file mode 100644 index 000000000..d41c40de6 --- /dev/null +++ b/src/core/icon/device/server-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/smartphone-fill.svg b/src/core/icon/device/smartphone-fill.svg new file mode 100644 index 000000000..c92fcd9af --- /dev/null +++ b/src/core/icon/device/smartphone-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/smartphone-line.svg b/src/core/icon/device/smartphone-line.svg new file mode 100644 index 000000000..33b25fdfe --- /dev/null +++ b/src/core/icon/device/smartphone-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/tablet-fill.svg b/src/core/icon/device/tablet-fill.svg new file mode 100644 index 000000000..e2f00314a --- /dev/null +++ b/src/core/icon/device/tablet-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/tablet-line.svg b/src/core/icon/device/tablet-line.svg new file mode 100644 index 000000000..328765d0f --- /dev/null +++ b/src/core/icon/device/tablet-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/tv-fill.svg b/src/core/icon/device/tv-fill.svg new file mode 100644 index 000000000..0a125e0ac --- /dev/null +++ b/src/core/icon/device/tv-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/tv-line.svg b/src/core/icon/device/tv-line.svg new file mode 100644 index 000000000..bee7bedd0 --- /dev/null +++ b/src/core/icon/device/tv-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/wifi-fill.svg b/src/core/icon/device/wifi-fill.svg new file mode 100644 index 000000000..3807bcd1f --- /dev/null +++ b/src/core/icon/device/wifi-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/device/wifi-line.svg b/src/core/icon/device/wifi-line.svg new file mode 100644 index 000000000..e1c58e868 --- /dev/null +++ b/src/core/icon/device/wifi-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/article-fill.svg b/src/core/icon/document/article-fill.svg new file mode 100644 index 000000000..57beaa49d --- /dev/null +++ b/src/core/icon/document/article-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/article-line.svg b/src/core/icon/document/article-line.svg new file mode 100644 index 000000000..8ad1b5f35 --- /dev/null +++ b/src/core/icon/document/article-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/book-2-fill.svg b/src/core/icon/document/book-2-fill.svg new file mode 100644 index 000000000..487e196e4 --- /dev/null +++ b/src/core/icon/document/book-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/book-2-line.svg b/src/core/icon/document/book-2-line.svg new file mode 100644 index 000000000..0a030e969 --- /dev/null +++ b/src/core/icon/document/book-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/booklet-fill.svg b/src/core/icon/document/booklet-fill.svg new file mode 100644 index 000000000..081e45913 --- /dev/null +++ b/src/core/icon/document/booklet-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/booklet-line.svg b/src/core/icon/document/booklet-line.svg new file mode 100644 index 000000000..7ffa3c627 --- /dev/null +++ b/src/core/icon/document/booklet-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/clipboard-fill.svg b/src/core/icon/document/clipboard-fill.svg new file mode 100644 index 000000000..ebd453707 --- /dev/null +++ b/src/core/icon/document/clipboard-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/clipboard-line.svg b/src/core/icon/document/clipboard-line.svg new file mode 100644 index 000000000..2e4032b52 --- /dev/null +++ b/src/core/icon/document/clipboard-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/draft-fill.svg b/src/core/icon/document/draft-fill.svg new file mode 100644 index 000000000..350308f76 --- /dev/null +++ b/src/core/icon/document/draft-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/draft-line.svg b/src/core/icon/document/draft-line.svg new file mode 100644 index 000000000..c39455951 --- /dev/null +++ b/src/core/icon/document/draft-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-add-fill.svg b/src/core/icon/document/file-add-fill.svg new file mode 100644 index 000000000..86b612af4 --- /dev/null +++ b/src/core/icon/document/file-add-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-add-line.svg b/src/core/icon/document/file-add-line.svg new file mode 100644 index 000000000..97f3191e7 --- /dev/null +++ b/src/core/icon/document/file-add-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-download-fill.svg b/src/core/icon/document/file-download-fill.svg new file mode 100644 index 000000000..b92517ad7 --- /dev/null +++ b/src/core/icon/document/file-download-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-download-line.svg b/src/core/icon/document/file-download-line.svg new file mode 100644 index 000000000..1bc688d6e --- /dev/null +++ b/src/core/icon/document/file-download-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-fill.svg b/src/core/icon/document/file-fill.svg new file mode 100644 index 000000000..2629f1728 --- /dev/null +++ b/src/core/icon/document/file-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-line.svg b/src/core/icon/document/file-line.svg new file mode 100644 index 000000000..fc04ab8c8 --- /dev/null +++ b/src/core/icon/document/file-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-pdf-fill.svg b/src/core/icon/document/file-pdf-fill.svg new file mode 100644 index 000000000..5767bb4ca --- /dev/null +++ b/src/core/icon/document/file-pdf-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-pdf-line.svg b/src/core/icon/document/file-pdf-line.svg new file mode 100644 index 000000000..e6628b189 --- /dev/null +++ b/src/core/icon/document/file-pdf-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-text-fill.svg b/src/core/icon/document/file-text-fill.svg new file mode 100644 index 000000000..fd81de3cc --- /dev/null +++ b/src/core/icon/document/file-text-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/file-text-line.svg b/src/core/icon/document/file-text-line.svg new file mode 100644 index 000000000..90831c485 --- /dev/null +++ b/src/core/icon/document/file-text-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/folder-2-fill.svg b/src/core/icon/document/folder-2-fill.svg new file mode 100644 index 000000000..9eecb2544 --- /dev/null +++ b/src/core/icon/document/folder-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/folder-2-line.svg b/src/core/icon/document/folder-2-line.svg new file mode 100644 index 000000000..0bc206c7c --- /dev/null +++ b/src/core/icon/document/folder-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/newspaper-fill.svg b/src/core/icon/document/newspaper-fill.svg new file mode 100644 index 000000000..332562642 --- /dev/null +++ b/src/core/icon/document/newspaper-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/newspaper-line.svg b/src/core/icon/document/newspaper-line.svg new file mode 100644 index 000000000..6754c17e2 --- /dev/null +++ b/src/core/icon/document/newspaper-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/survey-fill.svg b/src/core/icon/document/survey-fill.svg new file mode 100644 index 000000000..eb1c4d13b --- /dev/null +++ b/src/core/icon/document/survey-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/survey-line.svg b/src/core/icon/document/survey-line.svg new file mode 100644 index 000000000..d3b3b7733 --- /dev/null +++ b/src/core/icon/document/survey-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/todo-fill.svg b/src/core/icon/document/todo-fill.svg new file mode 100644 index 000000000..034b88b3f --- /dev/null +++ b/src/core/icon/document/todo-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/document/todo-line.svg b/src/core/icon/document/todo-line.svg new file mode 100644 index 000000000..e6dbba95f --- /dev/null +++ b/src/core/icon/document/todo-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/dsfr/bold.svg b/src/core/icon/dsfr/bold.svg deleted file mode 100644 index 1c6fb6db3..000000000 --- a/src/core/icon/dsfr/bold.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/dsfr/flashlight-fill.svg b/src/core/icon/dsfr/flashlight-fill.svg deleted file mode 100644 index ea3dcd7fd..000000000 --- a/src/core/icon/dsfr/flashlight-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/dsfr/flashlight-line.svg b/src/core/icon/dsfr/flashlight-line.svg deleted file mode 100644 index 4bc0dabfb..000000000 --- a/src/core/icon/dsfr/flashlight-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/dsfr/highlight.svg b/src/core/icon/dsfr/highlight.svg deleted file mode 100644 index 2ed9f6d2e..000000000 --- a/src/core/icon/dsfr/highlight.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/editor/code-view.svg b/src/core/icon/editor/code-view.svg new file mode 100644 index 000000000..e8997c981 --- /dev/null +++ b/src/core/icon/editor/code-view.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/font-size.svg b/src/core/icon/editor/font-size.svg new file mode 100644 index 000000000..b2915083a --- /dev/null +++ b/src/core/icon/editor/font-size.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/fr--bold.svg b/src/core/icon/editor/fr--bold.svg new file mode 100644 index 000000000..1f5b261a9 --- /dev/null +++ b/src/core/icon/editor/fr--bold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/fr--highlight.svg b/src/core/icon/editor/fr--highlight.svg new file mode 100644 index 000000000..db8aa42df --- /dev/null +++ b/src/core/icon/editor/fr--highlight.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/fr--quote-fill.svg b/src/core/icon/editor/fr--quote-fill.svg new file mode 100644 index 000000000..7727a9db5 --- /dev/null +++ b/src/core/icon/editor/fr--quote-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/fr--quote-line.svg b/src/core/icon/editor/fr--quote-line.svg new file mode 100644 index 000000000..50e2c492e --- /dev/null +++ b/src/core/icon/editor/fr--quote-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/h-1.svg b/src/core/icon/editor/h-1.svg new file mode 100644 index 000000000..9ce4bdba3 --- /dev/null +++ b/src/core/icon/editor/h-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/h-2.svg b/src/core/icon/editor/h-2.svg new file mode 100644 index 000000000..bb826c1d4 --- /dev/null +++ b/src/core/icon/editor/h-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/h-3.svg b/src/core/icon/editor/h-3.svg new file mode 100644 index 000000000..affffdd89 --- /dev/null +++ b/src/core/icon/editor/h-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/h-4.svg b/src/core/icon/editor/h-4.svg new file mode 100644 index 000000000..827f6fba5 --- /dev/null +++ b/src/core/icon/editor/h-4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/h-5.svg b/src/core/icon/editor/h-5.svg new file mode 100644 index 000000000..bc691405c --- /dev/null +++ b/src/core/icon/editor/h-5.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/h-6.svg b/src/core/icon/editor/h-6.svg new file mode 100644 index 000000000..61f58d9b8 --- /dev/null +++ b/src/core/icon/editor/h-6.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/hashtag.svg b/src/core/icon/editor/hashtag.svg new file mode 100644 index 000000000..64742d3e2 --- /dev/null +++ b/src/core/icon/editor/hashtag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/italic.svg b/src/core/icon/editor/italic.svg new file mode 100644 index 000000000..e7abfb9c1 --- /dev/null +++ b/src/core/icon/editor/italic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/link-unlink.svg b/src/core/icon/editor/link-unlink.svg new file mode 100644 index 000000000..17c6cd77d --- /dev/null +++ b/src/core/icon/editor/link-unlink.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/link.svg b/src/core/icon/editor/link.svg new file mode 100644 index 000000000..cb0bea853 --- /dev/null +++ b/src/core/icon/editor/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/list-ordered.svg b/src/core/icon/editor/list-ordered.svg new file mode 100644 index 000000000..84d4ce3f4 --- /dev/null +++ b/src/core/icon/editor/list-ordered.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/list-unordered.svg b/src/core/icon/editor/list-unordered.svg new file mode 100644 index 000000000..a15b9f04e --- /dev/null +++ b/src/core/icon/editor/list-unordered.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/question-mark.svg b/src/core/icon/editor/question-mark.svg new file mode 100644 index 000000000..148f5d5c0 --- /dev/null +++ b/src/core/icon/editor/question-mark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/separator.svg b/src/core/icon/editor/separator.svg new file mode 100644 index 000000000..cdba799d2 --- /dev/null +++ b/src/core/icon/editor/separator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/space.svg b/src/core/icon/editor/space.svg new file mode 100644 index 000000000..5d7faced4 --- /dev/null +++ b/src/core/icon/editor/space.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/subscript.svg b/src/core/icon/editor/subscript.svg new file mode 100644 index 000000000..4d7f9cc9a --- /dev/null +++ b/src/core/icon/editor/subscript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/superscript.svg b/src/core/icon/editor/superscript.svg new file mode 100644 index 000000000..2dcf3f841 --- /dev/null +++ b/src/core/icon/editor/superscript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/table-2.svg b/src/core/icon/editor/table-2.svg new file mode 100644 index 000000000..46fe6d9b1 --- /dev/null +++ b/src/core/icon/editor/table-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/editor/translate-2.svg b/src/core/icon/editor/translate-2.svg new file mode 100644 index 000000000..50fa62949 --- /dev/null +++ b/src/core/icon/editor/translate-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/bank-card-fill.svg b/src/core/icon/finance/bank-card-fill.svg new file mode 100644 index 000000000..fc60f769d --- /dev/null +++ b/src/core/icon/finance/bank-card-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/bank-card-line.svg b/src/core/icon/finance/bank-card-line.svg new file mode 100644 index 000000000..8924f0118 --- /dev/null +++ b/src/core/icon/finance/bank-card-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/coin-fill.svg b/src/core/icon/finance/coin-fill.svg new file mode 100644 index 000000000..92393bc4c --- /dev/null +++ b/src/core/icon/finance/coin-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/gift-fill.svg b/src/core/icon/finance/gift-fill.svg new file mode 100644 index 000000000..971179ca6 --- /dev/null +++ b/src/core/icon/finance/gift-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/gift-line.svg b/src/core/icon/finance/gift-line.svg new file mode 100644 index 000000000..6c2202dd5 --- /dev/null +++ b/src/core/icon/finance/gift-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/money-euro-box-fill.svg b/src/core/icon/finance/money-euro-box-fill.svg new file mode 100644 index 000000000..cd734e9d2 --- /dev/null +++ b/src/core/icon/finance/money-euro-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/money-euro-box-line.svg b/src/core/icon/finance/money-euro-box-line.svg new file mode 100644 index 000000000..94d1f393a --- /dev/null +++ b/src/core/icon/finance/money-euro-box-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/money-euro-circle-fill.svg b/src/core/icon/finance/money-euro-circle-fill.svg new file mode 100644 index 000000000..0acfcdf2e --- /dev/null +++ b/src/core/icon/finance/money-euro-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/money-euro-circle-line.svg b/src/core/icon/finance/money-euro-circle-line.svg new file mode 100644 index 000000000..da09a440a --- /dev/null +++ b/src/core/icon/finance/money-euro-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/secure-payment-fill.svg b/src/core/icon/finance/secure-payment-fill.svg new file mode 100644 index 000000000..f62cea7ca --- /dev/null +++ b/src/core/icon/finance/secure-payment-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/secure-payment-line.svg b/src/core/icon/finance/secure-payment-line.svg new file mode 100644 index 000000000..c67c023ef --- /dev/null +++ b/src/core/icon/finance/secure-payment-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/shopping-bag-fill.svg b/src/core/icon/finance/shopping-bag-fill.svg new file mode 100644 index 000000000..500af5bc8 --- /dev/null +++ b/src/core/icon/finance/shopping-bag-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/shopping-bag-line.svg b/src/core/icon/finance/shopping-bag-line.svg new file mode 100644 index 000000000..3506f8ee0 --- /dev/null +++ b/src/core/icon/finance/shopping-bag-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/shopping-cart-2-fill.svg b/src/core/icon/finance/shopping-cart-2-fill.svg new file mode 100644 index 000000000..35137a3c8 --- /dev/null +++ b/src/core/icon/finance/shopping-cart-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/shopping-cart-2-line.svg b/src/core/icon/finance/shopping-cart-2-line.svg new file mode 100644 index 000000000..577c145d2 --- /dev/null +++ b/src/core/icon/finance/shopping-cart-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/trophy-fill.svg b/src/core/icon/finance/trophy-fill.svg new file mode 100644 index 000000000..0fae041d4 --- /dev/null +++ b/src/core/icon/finance/trophy-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/finance/trophy-line.svg b/src/core/icon/finance/trophy-line.svg new file mode 100644 index 000000000..8a4f1a19d --- /dev/null +++ b/src/core/icon/finance/trophy-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/capsule-fill.svg b/src/core/icon/health/capsule-fill.svg new file mode 100644 index 000000000..f8d8c7929 --- /dev/null +++ b/src/core/icon/health/capsule-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/capsule-line.svg b/src/core/icon/health/capsule-line.svg new file mode 100644 index 000000000..075fad4d4 --- /dev/null +++ b/src/core/icon/health/capsule-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/dislike-fill.svg b/src/core/icon/health/dislike-fill.svg new file mode 100644 index 000000000..2a525868d --- /dev/null +++ b/src/core/icon/health/dislike-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/dislike-line.svg b/src/core/icon/health/dislike-line.svg new file mode 100644 index 000000000..1d460550e --- /dev/null +++ b/src/core/icon/health/dislike-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/dossier-fill.svg b/src/core/icon/health/dossier-fill.svg new file mode 100644 index 000000000..1cff22331 --- /dev/null +++ b/src/core/icon/health/dossier-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/dossier-line.svg b/src/core/icon/health/dossier-line.svg new file mode 100644 index 000000000..7d3c2a440 --- /dev/null +++ b/src/core/icon/health/dossier-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/first-aid-kit-fill.svg b/src/core/icon/health/first-aid-kit-fill.svg new file mode 100644 index 000000000..e22d4c916 --- /dev/null +++ b/src/core/icon/health/first-aid-kit-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/first-aid-kit-line.svg b/src/core/icon/health/first-aid-kit-line.svg new file mode 100644 index 000000000..8764b6aeb --- /dev/null +++ b/src/core/icon/health/first-aid-kit-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/hand-sanitizer-fill.svg b/src/core/icon/health/hand-sanitizer-fill.svg new file mode 100644 index 000000000..ac9cf2f49 --- /dev/null +++ b/src/core/icon/health/hand-sanitizer-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/hand-sanitizer-line.svg b/src/core/icon/health/hand-sanitizer-line.svg new file mode 100644 index 000000000..dd3e64d94 --- /dev/null +++ b/src/core/icon/health/hand-sanitizer-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/health-book-fill.svg b/src/core/icon/health/health-book-fill.svg new file mode 100644 index 000000000..dd2b29d5b --- /dev/null +++ b/src/core/icon/health/health-book-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/health-book-line.svg b/src/core/icon/health/health-book-line.svg new file mode 100644 index 000000000..cc5f03107 --- /dev/null +++ b/src/core/icon/health/health-book-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/heart-fill.svg b/src/core/icon/health/heart-fill.svg new file mode 100644 index 000000000..138bbd271 --- /dev/null +++ b/src/core/icon/health/heart-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/heart-line.svg b/src/core/icon/health/heart-line.svg new file mode 100644 index 000000000..b39bfd0ea --- /dev/null +++ b/src/core/icon/health/heart-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/heart-pulse-fill.svg b/src/core/icon/health/heart-pulse-fill.svg new file mode 100644 index 000000000..4ce93978c --- /dev/null +++ b/src/core/icon/health/heart-pulse-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/heart-pulse-line.svg b/src/core/icon/health/heart-pulse-line.svg new file mode 100644 index 000000000..ee50ce9c9 --- /dev/null +++ b/src/core/icon/health/heart-pulse-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/lungs-fill.svg b/src/core/icon/health/lungs-fill.svg new file mode 100644 index 000000000..8c00e7a9c --- /dev/null +++ b/src/core/icon/health/lungs-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/lungs-line.svg b/src/core/icon/health/lungs-line.svg new file mode 100644 index 000000000..f6fb5cfd2 --- /dev/null +++ b/src/core/icon/health/lungs-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/medicine-bottle-fill.svg b/src/core/icon/health/medicine-bottle-fill.svg new file mode 100644 index 000000000..ddca5e8f6 --- /dev/null +++ b/src/core/icon/health/medicine-bottle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/medicine-bottle-line.svg b/src/core/icon/health/medicine-bottle-line.svg new file mode 100644 index 000000000..9c5ad5758 --- /dev/null +++ b/src/core/icon/health/medicine-bottle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/mental-health-fill.svg b/src/core/icon/health/mental-health-fill.svg new file mode 100644 index 000000000..87f683426 --- /dev/null +++ b/src/core/icon/health/mental-health-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/mental-health-line.svg b/src/core/icon/health/mental-health-line.svg new file mode 100644 index 000000000..54c481eed --- /dev/null +++ b/src/core/icon/health/mental-health-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/microscope-fill.svg b/src/core/icon/health/microscope-fill.svg new file mode 100644 index 000000000..292829aa6 --- /dev/null +++ b/src/core/icon/health/microscope-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/microscope-line.svg b/src/core/icon/health/microscope-line.svg new file mode 100644 index 000000000..d93ceb999 --- /dev/null +++ b/src/core/icon/health/microscope-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/psychotherapy-fill.svg b/src/core/icon/health/psychotherapy-fill.svg new file mode 100644 index 000000000..7f61fafa4 --- /dev/null +++ b/src/core/icon/health/psychotherapy-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/psychotherapy-line.svg b/src/core/icon/health/psychotherapy-line.svg new file mode 100644 index 000000000..eb21c11bf --- /dev/null +++ b/src/core/icon/health/psychotherapy-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/pulse-line.svg b/src/core/icon/health/pulse-line.svg new file mode 100644 index 000000000..32f53fa72 --- /dev/null +++ b/src/core/icon/health/pulse-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/stethoscope-fill.svg b/src/core/icon/health/stethoscope-fill.svg new file mode 100644 index 000000000..01e898cab --- /dev/null +++ b/src/core/icon/health/stethoscope-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/stethoscope-line.svg b/src/core/icon/health/stethoscope-line.svg new file mode 100644 index 000000000..d7b44c2cc --- /dev/null +++ b/src/core/icon/health/stethoscope-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/surgical-mask-fill.svg b/src/core/icon/health/surgical-mask-fill.svg new file mode 100644 index 000000000..2ce0cd10a --- /dev/null +++ b/src/core/icon/health/surgical-mask-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/surgical-mask-line.svg b/src/core/icon/health/surgical-mask-line.svg new file mode 100644 index 000000000..54cb96231 --- /dev/null +++ b/src/core/icon/health/surgical-mask-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/syringe-fill.svg b/src/core/icon/health/syringe-fill.svg new file mode 100644 index 000000000..ea669ffa1 --- /dev/null +++ b/src/core/icon/health/syringe-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/syringe-line.svg b/src/core/icon/health/syringe-line.svg new file mode 100644 index 000000000..4db6e3f7f --- /dev/null +++ b/src/core/icon/health/syringe-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/test-tube-fill.svg b/src/core/icon/health/test-tube-fill.svg new file mode 100644 index 000000000..154f3c4fb --- /dev/null +++ b/src/core/icon/health/test-tube-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/test-tube-line.svg b/src/core/icon/health/test-tube-line.svg new file mode 100644 index 000000000..dd9fc0f8d --- /dev/null +++ b/src/core/icon/health/test-tube-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/thermometer-fill.svg b/src/core/icon/health/thermometer-fill.svg new file mode 100644 index 000000000..4d5eb2a40 --- /dev/null +++ b/src/core/icon/health/thermometer-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/thermometer-line.svg b/src/core/icon/health/thermometer-line.svg new file mode 100644 index 000000000..6d730eab7 --- /dev/null +++ b/src/core/icon/health/thermometer-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/virus-fill.svg b/src/core/icon/health/virus-fill.svg new file mode 100644 index 000000000..26341ce94 --- /dev/null +++ b/src/core/icon/health/virus-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/health/virus-line.svg b/src/core/icon/health/virus-line.svg new file mode 100644 index 000000000..e6cfbc198 --- /dev/null +++ b/src/core/icon/health/virus-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/chrome-fill.svg b/src/core/icon/logo/chrome-fill.svg new file mode 100644 index 000000000..897c7cd6a --- /dev/null +++ b/src/core/icon/logo/chrome-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/chrome-line.svg b/src/core/icon/logo/chrome-line.svg new file mode 100644 index 000000000..0b746d5eb --- /dev/null +++ b/src/core/icon/logo/chrome-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/edge-fill.svg b/src/core/icon/logo/edge-fill.svg new file mode 100644 index 000000000..c1a8d72de --- /dev/null +++ b/src/core/icon/logo/edge-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/edge-line.svg b/src/core/icon/logo/edge-line.svg new file mode 100644 index 000000000..6e7b2a66b --- /dev/null +++ b/src/core/icon/logo/edge-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/facebook-circle-fill.svg b/src/core/icon/logo/facebook-circle-fill.svg new file mode 100644 index 000000000..023cb5e20 --- /dev/null +++ b/src/core/icon/logo/facebook-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/facebook-circle-line.svg b/src/core/icon/logo/facebook-circle-line.svg new file mode 100644 index 000000000..e1ac23819 --- /dev/null +++ b/src/core/icon/logo/facebook-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/firefox-fill.svg b/src/core/icon/logo/firefox-fill.svg new file mode 100644 index 000000000..ee7bbec17 --- /dev/null +++ b/src/core/icon/logo/firefox-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/firefox-line.svg b/src/core/icon/logo/firefox-line.svg new file mode 100644 index 000000000..f692e04dc --- /dev/null +++ b/src/core/icon/logo/firefox-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/fr--dailymotion-fill.svg b/src/core/icon/logo/fr--dailymotion-fill.svg new file mode 100644 index 000000000..89a0471ab --- /dev/null +++ b/src/core/icon/logo/fr--dailymotion-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/fr--dailymotion-line.svg b/src/core/icon/logo/fr--dailymotion-line.svg new file mode 100644 index 000000000..8cfba3980 --- /dev/null +++ b/src/core/icon/logo/fr--dailymotion-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/fr--tiktok-fill.svg b/src/core/icon/logo/fr--tiktok-fill.svg new file mode 100644 index 000000000..b3b391095 --- /dev/null +++ b/src/core/icon/logo/fr--tiktok-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/fr--tiktok-line.svg b/src/core/icon/logo/fr--tiktok-line.svg new file mode 100644 index 000000000..c9384ed0e --- /dev/null +++ b/src/core/icon/logo/fr--tiktok-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/github-fill.svg b/src/core/icon/logo/github-fill.svg new file mode 100644 index 000000000..19290dd1d --- /dev/null +++ b/src/core/icon/logo/github-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/github-line.svg b/src/core/icon/logo/github-line.svg new file mode 100644 index 000000000..3cfe2d7f3 --- /dev/null +++ b/src/core/icon/logo/github-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/google-fill.svg b/src/core/icon/logo/google-fill.svg new file mode 100644 index 000000000..0d62feb49 --- /dev/null +++ b/src/core/icon/logo/google-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/google-line.svg b/src/core/icon/logo/google-line.svg new file mode 100644 index 000000000..6cdf3cb27 --- /dev/null +++ b/src/core/icon/logo/google-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/ie-fill.svg b/src/core/icon/logo/ie-fill.svg new file mode 100644 index 000000000..993f50e8b --- /dev/null +++ b/src/core/icon/logo/ie-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/ie-line.svg b/src/core/icon/logo/ie-line.svg new file mode 100644 index 000000000..177f7a651 --- /dev/null +++ b/src/core/icon/logo/ie-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/instagram-fill.svg b/src/core/icon/logo/instagram-fill.svg new file mode 100644 index 000000000..eda160f30 --- /dev/null +++ b/src/core/icon/logo/instagram-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/instagram-line.svg b/src/core/icon/logo/instagram-line.svg new file mode 100644 index 000000000..62d8ac806 --- /dev/null +++ b/src/core/icon/logo/instagram-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/linkedin-box-fill.svg b/src/core/icon/logo/linkedin-box-fill.svg new file mode 100644 index 000000000..8042a4ccd --- /dev/null +++ b/src/core/icon/logo/linkedin-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/linkedin-box-line.svg b/src/core/icon/logo/linkedin-box-line.svg new file mode 100644 index 000000000..12fc7e322 --- /dev/null +++ b/src/core/icon/logo/linkedin-box-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/mastodon-fill.svg b/src/core/icon/logo/mastodon-fill.svg new file mode 100644 index 000000000..031d4683f --- /dev/null +++ b/src/core/icon/logo/mastodon-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/mastodon-line.svg b/src/core/icon/logo/mastodon-line.svg new file mode 100644 index 000000000..0ad48f082 --- /dev/null +++ b/src/core/icon/logo/mastodon-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/npmjs-fill.svg b/src/core/icon/logo/npmjs-fill.svg new file mode 100644 index 000000000..08532fe8e --- /dev/null +++ b/src/core/icon/logo/npmjs-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/npmjs-line.svg b/src/core/icon/logo/npmjs-line.svg new file mode 100644 index 000000000..b72464a03 --- /dev/null +++ b/src/core/icon/logo/npmjs-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/remixicon-fill.svg b/src/core/icon/logo/remixicon-fill.svg new file mode 100644 index 000000000..fce0b60d9 --- /dev/null +++ b/src/core/icon/logo/remixicon-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/remixicon-line.svg b/src/core/icon/logo/remixicon-line.svg new file mode 100644 index 000000000..0f72eb102 --- /dev/null +++ b/src/core/icon/logo/remixicon-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/safari-fill.svg b/src/core/icon/logo/safari-fill.svg new file mode 100644 index 000000000..8633a9731 --- /dev/null +++ b/src/core/icon/logo/safari-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/safari-line.svg b/src/core/icon/logo/safari-line.svg new file mode 100644 index 000000000..ffdee6ad2 --- /dev/null +++ b/src/core/icon/logo/safari-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/slack-fill.svg b/src/core/icon/logo/slack-fill.svg new file mode 100644 index 000000000..2f9422c66 --- /dev/null +++ b/src/core/icon/logo/slack-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/slack-line.svg b/src/core/icon/logo/slack-line.svg new file mode 100644 index 000000000..4ff4b44f5 --- /dev/null +++ b/src/core/icon/logo/slack-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/snapchat-fill.svg b/src/core/icon/logo/snapchat-fill.svg new file mode 100644 index 000000000..a1cec6120 --- /dev/null +++ b/src/core/icon/logo/snapchat-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/snapchat-line.svg b/src/core/icon/logo/snapchat-line.svg new file mode 100644 index 000000000..c9035f334 --- /dev/null +++ b/src/core/icon/logo/snapchat-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/telegram-fill.svg b/src/core/icon/logo/telegram-fill.svg new file mode 100644 index 000000000..bef4fca50 --- /dev/null +++ b/src/core/icon/logo/telegram-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/telegram-line.svg b/src/core/icon/logo/telegram-line.svg new file mode 100644 index 000000000..7b5bb6b76 --- /dev/null +++ b/src/core/icon/logo/telegram-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/twitch-fill.svg b/src/core/icon/logo/twitch-fill.svg new file mode 100644 index 000000000..db813498b --- /dev/null +++ b/src/core/icon/logo/twitch-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/twitch-line.svg b/src/core/icon/logo/twitch-line.svg new file mode 100644 index 000000000..851837566 --- /dev/null +++ b/src/core/icon/logo/twitch-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/twitter-fill.svg b/src/core/icon/logo/twitter-fill.svg new file mode 100644 index 000000000..dd041407d --- /dev/null +++ b/src/core/icon/logo/twitter-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/twitter-line.svg b/src/core/icon/logo/twitter-line.svg new file mode 100644 index 000000000..9241e67cf --- /dev/null +++ b/src/core/icon/logo/twitter-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/vimeo-fill.svg b/src/core/icon/logo/vimeo-fill.svg new file mode 100644 index 000000000..c339007e3 --- /dev/null +++ b/src/core/icon/logo/vimeo-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/vimeo-line.svg b/src/core/icon/logo/vimeo-line.svg new file mode 100644 index 000000000..f46bf9d6e --- /dev/null +++ b/src/core/icon/logo/vimeo-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/vuejs-fill.svg b/src/core/icon/logo/vuejs-fill.svg new file mode 100644 index 000000000..78d3cc77b --- /dev/null +++ b/src/core/icon/logo/vuejs-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/vuejs-line.svg b/src/core/icon/logo/vuejs-line.svg new file mode 100644 index 000000000..66ec41dd0 --- /dev/null +++ b/src/core/icon/logo/vuejs-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/youtube-fill.svg b/src/core/icon/logo/youtube-fill.svg new file mode 100644 index 000000000..cf44f6ce5 --- /dev/null +++ b/src/core/icon/logo/youtube-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/logo/youtube-line.svg b/src/core/icon/logo/youtube-line.svg new file mode 100644 index 000000000..149e1e150 --- /dev/null +++ b/src/core/icon/logo/youtube-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/anchor-fill.svg b/src/core/icon/map/anchor-fill.svg new file mode 100644 index 000000000..cc779f0cb --- /dev/null +++ b/src/core/icon/map/anchor-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/anchor-line.svg b/src/core/icon/map/anchor-line.svg new file mode 100644 index 000000000..3037cc1b3 --- /dev/null +++ b/src/core/icon/map/anchor-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/bike-fill.svg b/src/core/icon/map/bike-fill.svg new file mode 100644 index 000000000..735704ffa --- /dev/null +++ b/src/core/icon/map/bike-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/bike-line.svg b/src/core/icon/map/bike-line.svg new file mode 100644 index 000000000..7dee6e0d9 --- /dev/null +++ b/src/core/icon/map/bike-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/bus-fill.svg b/src/core/icon/map/bus-fill.svg new file mode 100644 index 000000000..b831dd82a --- /dev/null +++ b/src/core/icon/map/bus-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/bus-line.svg b/src/core/icon/map/bus-line.svg new file mode 100644 index 000000000..27e0553de --- /dev/null +++ b/src/core/icon/map/bus-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/car-fill.svg b/src/core/icon/map/car-fill.svg new file mode 100644 index 000000000..68852da87 --- /dev/null +++ b/src/core/icon/map/car-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/car-line.svg b/src/core/icon/map/car-line.svg new file mode 100644 index 000000000..c589c94f1 --- /dev/null +++ b/src/core/icon/map/car-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/caravan-fill.svg b/src/core/icon/map/caravan-fill.svg new file mode 100644 index 000000000..85c4922f4 --- /dev/null +++ b/src/core/icon/map/caravan-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/caravan-line.svg b/src/core/icon/map/caravan-line.svg new file mode 100644 index 000000000..ebcbf6d0b --- /dev/null +++ b/src/core/icon/map/caravan-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/charging-pile-2-fill.svg b/src/core/icon/map/charging-pile-2-fill.svg new file mode 100644 index 000000000..3885d522e --- /dev/null +++ b/src/core/icon/map/charging-pile-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/charging-pile-2-line.svg b/src/core/icon/map/charging-pile-2-line.svg new file mode 100644 index 000000000..dfbd17ae4 --- /dev/null +++ b/src/core/icon/map/charging-pile-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/compass-3-fill.svg b/src/core/icon/map/compass-3-fill.svg new file mode 100644 index 000000000..f8f0c4dae --- /dev/null +++ b/src/core/icon/map/compass-3-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/compass-3-line.svg b/src/core/icon/map/compass-3-line.svg new file mode 100644 index 000000000..06ca11f61 --- /dev/null +++ b/src/core/icon/map/compass-3-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/cup-fill.svg b/src/core/icon/map/cup-fill.svg new file mode 100644 index 000000000..e2eab0dc4 --- /dev/null +++ b/src/core/icon/map/cup-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/cup-line.svg b/src/core/icon/map/cup-line.svg new file mode 100644 index 000000000..1c043e4e8 --- /dev/null +++ b/src/core/icon/map/cup-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/earth-fill.svg b/src/core/icon/map/earth-fill.svg new file mode 100644 index 000000000..f46beddb2 --- /dev/null +++ b/src/core/icon/map/earth-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/earth-line.svg b/src/core/icon/map/earth-line.svg new file mode 100644 index 000000000..1f20058e3 --- /dev/null +++ b/src/core/icon/map/earth-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/france-fill.svg b/src/core/icon/map/france-fill.svg new file mode 100644 index 000000000..75fa31230 --- /dev/null +++ b/src/core/icon/map/france-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/france-line.svg b/src/core/icon/map/france-line.svg new file mode 100644 index 000000000..11a5383c9 --- /dev/null +++ b/src/core/icon/map/france-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/gas-station-fill.svg b/src/core/icon/map/gas-station-fill.svg new file mode 100644 index 000000000..68c06ca23 --- /dev/null +++ b/src/core/icon/map/gas-station-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/gas-station-line.svg b/src/core/icon/map/gas-station-line.svg new file mode 100644 index 000000000..f20445a5e --- /dev/null +++ b/src/core/icon/map/gas-station-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/goblet-fill.svg b/src/core/icon/map/goblet-fill.svg new file mode 100644 index 000000000..38f7b2f39 --- /dev/null +++ b/src/core/icon/map/goblet-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/goblet-line.svg b/src/core/icon/map/goblet-line.svg new file mode 100644 index 000000000..9ccad736b --- /dev/null +++ b/src/core/icon/map/goblet-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/map-pin-2-fill.svg b/src/core/icon/map/map-pin-2-fill.svg new file mode 100644 index 000000000..5b9b5fbf5 --- /dev/null +++ b/src/core/icon/map/map-pin-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/map-pin-2-line.svg b/src/core/icon/map/map-pin-2-line.svg new file mode 100644 index 000000000..f6de65023 --- /dev/null +++ b/src/core/icon/map/map-pin-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/map-pin-user-fill.svg b/src/core/icon/map/map-pin-user-fill.svg new file mode 100644 index 000000000..c5b693a79 --- /dev/null +++ b/src/core/icon/map/map-pin-user-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/map-pin-user-line.svg b/src/core/icon/map/map-pin-user-line.svg new file mode 100644 index 000000000..4ab28844f --- /dev/null +++ b/src/core/icon/map/map-pin-user-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/motorbike-fill.svg b/src/core/icon/map/motorbike-fill.svg new file mode 100644 index 000000000..451d08e33 --- /dev/null +++ b/src/core/icon/map/motorbike-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/motorbike-line.svg b/src/core/icon/map/motorbike-line.svg new file mode 100644 index 000000000..f69a3e7f5 --- /dev/null +++ b/src/core/icon/map/motorbike-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/passport-fill.svg b/src/core/icon/map/passport-fill.svg new file mode 100644 index 000000000..b07cfa074 --- /dev/null +++ b/src/core/icon/map/passport-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/passport-line.svg b/src/core/icon/map/passport-line.svg new file mode 100644 index 000000000..7a817b124 --- /dev/null +++ b/src/core/icon/map/passport-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/restaurant-fill.svg b/src/core/icon/map/restaurant-fill.svg new file mode 100644 index 000000000..771249c1d --- /dev/null +++ b/src/core/icon/map/restaurant-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/restaurant-line.svg b/src/core/icon/map/restaurant-line.svg new file mode 100644 index 000000000..69f954539 --- /dev/null +++ b/src/core/icon/map/restaurant-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/road-map-fill.svg b/src/core/icon/map/road-map-fill.svg new file mode 100644 index 000000000..d73560dd3 --- /dev/null +++ b/src/core/icon/map/road-map-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/road-map-line.svg b/src/core/icon/map/road-map-line.svg new file mode 100644 index 000000000..d1f86bd22 --- /dev/null +++ b/src/core/icon/map/road-map-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/sailboat-fill.svg b/src/core/icon/map/sailboat-fill.svg new file mode 100644 index 000000000..29096841c --- /dev/null +++ b/src/core/icon/map/sailboat-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/sailboat-line.svg b/src/core/icon/map/sailboat-line.svg new file mode 100644 index 000000000..f083b6607 --- /dev/null +++ b/src/core/icon/map/sailboat-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/ship-2-fill.svg b/src/core/icon/map/ship-2-fill.svg new file mode 100644 index 000000000..d7b031e76 --- /dev/null +++ b/src/core/icon/map/ship-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/ship-2-line.svg b/src/core/icon/map/ship-2-line.svg new file mode 100644 index 000000000..7f254e40d --- /dev/null +++ b/src/core/icon/map/ship-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/signal-tower-fill.svg b/src/core/icon/map/signal-tower-fill.svg new file mode 100644 index 000000000..877a9313a --- /dev/null +++ b/src/core/icon/map/signal-tower-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/signal-tower-line.svg b/src/core/icon/map/signal-tower-line.svg new file mode 100644 index 000000000..80e7b55a8 --- /dev/null +++ b/src/core/icon/map/signal-tower-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/suitcase-2-fill.svg b/src/core/icon/map/suitcase-2-fill.svg new file mode 100644 index 000000000..a48990a0d --- /dev/null +++ b/src/core/icon/map/suitcase-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/suitcase-2-line.svg b/src/core/icon/map/suitcase-2-line.svg new file mode 100644 index 000000000..fc8368791 --- /dev/null +++ b/src/core/icon/map/suitcase-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/taxi-fill.svg b/src/core/icon/map/taxi-fill.svg new file mode 100644 index 000000000..c8fcec79e --- /dev/null +++ b/src/core/icon/map/taxi-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/taxi-line.svg b/src/core/icon/map/taxi-line.svg new file mode 100644 index 000000000..78c13f28a --- /dev/null +++ b/src/core/icon/map/taxi-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/train-fill.svg b/src/core/icon/map/train-fill.svg new file mode 100644 index 000000000..b2eeca0ea --- /dev/null +++ b/src/core/icon/map/train-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/map/train-line.svg b/src/core/icon/map/train-line.svg new file mode 100644 index 000000000..1ff0e47fe --- /dev/null +++ b/src/core/icon/map/train-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/camera-fill.svg b/src/core/icon/media/camera-fill.svg new file mode 100644 index 000000000..4b37edb3d --- /dev/null +++ b/src/core/icon/media/camera-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/camera-line.svg b/src/core/icon/media/camera-line.svg new file mode 100644 index 000000000..feca4fc84 --- /dev/null +++ b/src/core/icon/media/camera-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/clapperboard-fill.svg b/src/core/icon/media/clapperboard-fill.svg new file mode 100644 index 000000000..ceb45814f --- /dev/null +++ b/src/core/icon/media/clapperboard-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/clapperboard-line.svg b/src/core/icon/media/clapperboard-line.svg new file mode 100644 index 000000000..c9bfa6f10 --- /dev/null +++ b/src/core/icon/media/clapperboard-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/equalizer-fill.svg b/src/core/icon/media/equalizer-fill.svg new file mode 100644 index 000000000..3b680f9d5 --- /dev/null +++ b/src/core/icon/media/equalizer-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/equalizer-line.svg b/src/core/icon/media/equalizer-line.svg new file mode 100644 index 000000000..7431345db --- /dev/null +++ b/src/core/icon/media/equalizer-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/film-fill.svg b/src/core/icon/media/film-fill.svg new file mode 100644 index 000000000..d178a6fb1 --- /dev/null +++ b/src/core/icon/media/film-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/film-line.svg b/src/core/icon/media/film-line.svg new file mode 100644 index 000000000..092b89740 --- /dev/null +++ b/src/core/icon/media/film-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/gallery-fill.svg b/src/core/icon/media/gallery-fill.svg new file mode 100644 index 000000000..1dff7afdc --- /dev/null +++ b/src/core/icon/media/gallery-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/gallery-line.svg b/src/core/icon/media/gallery-line.svg new file mode 100644 index 000000000..5d3dbb4d8 --- /dev/null +++ b/src/core/icon/media/gallery-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/headphone-fill.svg b/src/core/icon/media/headphone-fill.svg new file mode 100644 index 000000000..0b95ac197 --- /dev/null +++ b/src/core/icon/media/headphone-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/headphone-line.svg b/src/core/icon/media/headphone-line.svg new file mode 100644 index 000000000..967491160 --- /dev/null +++ b/src/core/icon/media/headphone-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/image-add-fill.svg b/src/core/icon/media/image-add-fill.svg new file mode 100644 index 000000000..f97e9786d --- /dev/null +++ b/src/core/icon/media/image-add-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/image-add-line.svg b/src/core/icon/media/image-add-line.svg new file mode 100644 index 000000000..4ee618b2f --- /dev/null +++ b/src/core/icon/media/image-add-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/image-edit-fill.svg b/src/core/icon/media/image-edit-fill.svg new file mode 100644 index 000000000..3255508ae --- /dev/null +++ b/src/core/icon/media/image-edit-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/image-edit-line.svg b/src/core/icon/media/image-edit-line.svg new file mode 100644 index 000000000..de0598487 --- /dev/null +++ b/src/core/icon/media/image-edit-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/image-fill.svg b/src/core/icon/media/image-fill.svg new file mode 100644 index 000000000..43b977fa3 --- /dev/null +++ b/src/core/icon/media/image-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/image-line.svg b/src/core/icon/media/image-line.svg new file mode 100644 index 000000000..b519ff268 --- /dev/null +++ b/src/core/icon/media/image-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/live-fill.svg b/src/core/icon/media/live-fill.svg new file mode 100644 index 000000000..15cb80828 --- /dev/null +++ b/src/core/icon/media/live-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/live-line.svg b/src/core/icon/media/live-line.svg new file mode 100644 index 000000000..74b57f059 --- /dev/null +++ b/src/core/icon/media/live-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/mic-fill.svg b/src/core/icon/media/mic-fill.svg new file mode 100644 index 000000000..c71df846f --- /dev/null +++ b/src/core/icon/media/mic-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/mic-line.svg b/src/core/icon/media/mic-line.svg new file mode 100644 index 000000000..59b1816f4 --- /dev/null +++ b/src/core/icon/media/mic-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/music-2-fill.svg b/src/core/icon/media/music-2-fill.svg new file mode 100644 index 000000000..8acd9a0d7 --- /dev/null +++ b/src/core/icon/media/music-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/music-2-line.svg b/src/core/icon/media/music-2-line.svg new file mode 100644 index 000000000..d29fa510d --- /dev/null +++ b/src/core/icon/media/music-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/notification-3-fill.svg b/src/core/icon/media/notification-3-fill.svg new file mode 100644 index 000000000..2c2bf7f0e --- /dev/null +++ b/src/core/icon/media/notification-3-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/notification-3-line.svg b/src/core/icon/media/notification-3-line.svg new file mode 100644 index 000000000..33a967c42 --- /dev/null +++ b/src/core/icon/media/notification-3-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/pause-circle-fill.svg b/src/core/icon/media/pause-circle-fill.svg new file mode 100644 index 000000000..79ba664b0 --- /dev/null +++ b/src/core/icon/media/pause-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/pause-circle-line.svg b/src/core/icon/media/pause-circle-line.svg new file mode 100644 index 000000000..c604e4a09 --- /dev/null +++ b/src/core/icon/media/pause-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/play-circle-fill.svg b/src/core/icon/media/play-circle-fill.svg new file mode 100644 index 000000000..377a4f73d --- /dev/null +++ b/src/core/icon/media/play-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/play-circle-line.svg b/src/core/icon/media/play-circle-line.svg new file mode 100644 index 000000000..4654748a6 --- /dev/null +++ b/src/core/icon/media/play-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/stop-circle-fill.svg b/src/core/icon/media/stop-circle-fill.svg new file mode 100644 index 000000000..11b4a5a94 --- /dev/null +++ b/src/core/icon/media/stop-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/stop-circle-line.svg b/src/core/icon/media/stop-circle-line.svg new file mode 100644 index 000000000..5a31edbac --- /dev/null +++ b/src/core/icon/media/stop-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/transcription.svg b/src/core/icon/media/transcription.svg new file mode 100644 index 000000000..ca3d363c6 --- /dev/null +++ b/src/core/icon/media/transcription.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/volume-down-fill.svg b/src/core/icon/media/volume-down-fill.svg new file mode 100644 index 000000000..b8891a087 --- /dev/null +++ b/src/core/icon/media/volume-down-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/volume-down-line.svg b/src/core/icon/media/volume-down-line.svg new file mode 100644 index 000000000..ab8c97fca --- /dev/null +++ b/src/core/icon/media/volume-down-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/volume-mute-fill.svg b/src/core/icon/media/volume-mute-fill.svg new file mode 100644 index 000000000..8613dcc46 --- /dev/null +++ b/src/core/icon/media/volume-mute-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/volume-mute-line.svg b/src/core/icon/media/volume-mute-line.svg new file mode 100644 index 000000000..7ac6d1687 --- /dev/null +++ b/src/core/icon/media/volume-mute-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/volume-up-fill.svg b/src/core/icon/media/volume-up-fill.svg new file mode 100644 index 000000000..f0911f2ab --- /dev/null +++ b/src/core/icon/media/volume-up-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/media/volume-up-line.svg b/src/core/icon/media/volume-up-line.svg new file mode 100644 index 000000000..3ad89f6f2 --- /dev/null +++ b/src/core/icon/media/volume-up-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/leaf-fill.svg b/src/core/icon/others/leaf-fill.svg new file mode 100644 index 000000000..c6d0923e6 --- /dev/null +++ b/src/core/icon/others/leaf-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/leaf-line.svg b/src/core/icon/others/leaf-line.svg new file mode 100644 index 000000000..656d74166 --- /dev/null +++ b/src/core/icon/others/leaf-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/lightbulb-fill.svg b/src/core/icon/others/lightbulb-fill.svg new file mode 100644 index 000000000..7e4b99233 --- /dev/null +++ b/src/core/icon/others/lightbulb-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/lightbulb-line.svg b/src/core/icon/others/lightbulb-line.svg new file mode 100644 index 000000000..9d9f8a30c --- /dev/null +++ b/src/core/icon/others/lightbulb-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/plant-fill.svg b/src/core/icon/others/plant-fill.svg new file mode 100644 index 000000000..84b788dd4 --- /dev/null +++ b/src/core/icon/others/plant-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/plant-line.svg b/src/core/icon/others/plant-line.svg new file mode 100644 index 000000000..808a49618 --- /dev/null +++ b/src/core/icon/others/plant-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/recycle-fill.svg b/src/core/icon/others/recycle-fill.svg new file mode 100644 index 000000000..523e46571 --- /dev/null +++ b/src/core/icon/others/recycle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/recycle-line.svg b/src/core/icon/others/recycle-line.svg new file mode 100644 index 000000000..f1aae5a4e --- /dev/null +++ b/src/core/icon/others/recycle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/scales-3-fill.svg b/src/core/icon/others/scales-3-fill.svg new file mode 100644 index 000000000..8b1501f5e --- /dev/null +++ b/src/core/icon/others/scales-3-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/scales-3-line.svg b/src/core/icon/others/scales-3-line.svg new file mode 100644 index 000000000..656e260f6 --- /dev/null +++ b/src/core/icon/others/scales-3-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/seedling-fill.svg b/src/core/icon/others/seedling-fill.svg new file mode 100644 index 000000000..4e9b6d5c4 --- /dev/null +++ b/src/core/icon/others/seedling-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/seedling-line.svg b/src/core/icon/others/seedling-line.svg new file mode 100644 index 000000000..47869f3e7 --- /dev/null +++ b/src/core/icon/others/seedling-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/umbrella-fill.svg b/src/core/icon/others/umbrella-fill.svg new file mode 100644 index 000000000..2b8721d18 --- /dev/null +++ b/src/core/icon/others/umbrella-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/others/umbrella-line.svg b/src/core/icon/others/umbrella-line.svg new file mode 100644 index 000000000..a5732292e --- /dev/null +++ b/src/core/icon/others/umbrella-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/remix/account-fill.svg b/src/core/icon/remix/account-fill.svg deleted file mode 100644 index ca10a38dc..000000000 --- a/src/core/icon/remix/account-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/account-line.svg b/src/core/icon/remix/account-line.svg deleted file mode 100644 index ed48c9d20..000000000 --- a/src/core/icon/remix/account-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/add-circle-fill.svg b/src/core/icon/remix/add-circle-fill.svg deleted file mode 100644 index ccdbbd1b0..000000000 --- a/src/core/icon/remix/add-circle-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/add-circle-line.svg b/src/core/icon/remix/add-circle-line.svg deleted file mode 100644 index 276cdf2cf..000000000 --- a/src/core/icon/remix/add-circle-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/add-line.svg b/src/core/icon/remix/add-line.svg deleted file mode 100644 index d1b4f7ca6..000000000 --- a/src/core/icon/remix/add-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/alert-fill.svg b/src/core/icon/remix/alert-fill.svg deleted file mode 100644 index 14ae5bc77..000000000 --- a/src/core/icon/remix/alert-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/alert-line.svg b/src/core/icon/remix/alert-line.svg deleted file mode 100644 index e3201f960..000000000 --- a/src/core/icon/remix/alert-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-down-line.svg b/src/core/icon/remix/arrow-down-line.svg deleted file mode 100644 index d261d1332..000000000 --- a/src/core/icon/remix/arrow-down-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-down-s-line.svg b/src/core/icon/remix/arrow-down-s-line.svg deleted file mode 100644 index afddf4c01..000000000 --- a/src/core/icon/remix/arrow-down-s-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-go-back-fill.svg b/src/core/icon/remix/arrow-go-back-fill.svg deleted file mode 100644 index aee415cbd..000000000 --- a/src/core/icon/remix/arrow-go-back-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/arrow-go-back-line.svg b/src/core/icon/remix/arrow-go-back-line.svg deleted file mode 100644 index f785eb7da..000000000 --- a/src/core/icon/remix/arrow-go-back-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/arrow-left-line.svg b/src/core/icon/remix/arrow-left-line.svg deleted file mode 100644 index dc6152f77..000000000 --- a/src/core/icon/remix/arrow-left-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-left-s-first-line.svg b/src/core/icon/remix/arrow-left-s-first-line.svg deleted file mode 100644 index 01d58ba4c..000000000 --- a/src/core/icon/remix/arrow-left-s-first-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-left-s-line-double.svg b/src/core/icon/remix/arrow-left-s-line-double.svg deleted file mode 100644 index 646364dd8..000000000 --- a/src/core/icon/remix/arrow-left-s-line-double.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-left-s-line.svg b/src/core/icon/remix/arrow-left-s-line.svg deleted file mode 100644 index b14232e90..000000000 --- a/src/core/icon/remix/arrow-left-s-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-right-line.svg b/src/core/icon/remix/arrow-right-line.svg deleted file mode 100644 index 80a517e8d..000000000 --- a/src/core/icon/remix/arrow-right-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-right-s-last-line.svg b/src/core/icon/remix/arrow-right-s-last-line.svg deleted file mode 100644 index c03e4ca16..000000000 --- a/src/core/icon/remix/arrow-right-s-last-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-right-s-line-double.svg b/src/core/icon/remix/arrow-right-s-line-double.svg deleted file mode 100644 index 526bdd9d2..000000000 --- a/src/core/icon/remix/arrow-right-s-line-double.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-right-s-line.svg b/src/core/icon/remix/arrow-right-s-line.svg deleted file mode 100644 index fb9602622..000000000 --- a/src/core/icon/remix/arrow-right-s-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/arrow-up-s-line.svg b/src/core/icon/remix/arrow-up-s-line.svg deleted file mode 100644 index 64319b224..000000000 --- a/src/core/icon/remix/arrow-up-s-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/attachment-fill.svg b/src/core/icon/remix/attachment-fill.svg deleted file mode 100644 index 51e5d9de7..000000000 --- a/src/core/icon/remix/attachment-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/attachment-line.svg b/src/core/icon/remix/attachment-line.svg deleted file mode 100644 index 18c90f46b..000000000 --- a/src/core/icon/remix/attachment-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/calendar-fill.svg b/src/core/icon/remix/calendar-fill.svg deleted file mode 100644 index 2e9a9b728..000000000 --- a/src/core/icon/remix/calendar-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/calendar-line.svg b/src/core/icon/remix/calendar-line.svg deleted file mode 100644 index 8d58be536..000000000 --- a/src/core/icon/remix/calendar-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/chat-quote-fill.svg b/src/core/icon/remix/chat-quote-fill.svg deleted file mode 100644 index 4cee8a7d7..000000000 --- a/src/core/icon/remix/chat-quote-fill.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/core/icon/remix/chat-quote-line.svg b/src/core/icon/remix/chat-quote-line.svg deleted file mode 100644 index b6f3ded8b..000000000 --- a/src/core/icon/remix/chat-quote-line.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/core/icon/remix/check-line.svg b/src/core/icon/remix/check-line.svg deleted file mode 100644 index 37d0fa380..000000000 --- a/src/core/icon/remix/check-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/checkbox-circle-fill.svg b/src/core/icon/remix/checkbox-circle-fill.svg deleted file mode 100644 index 942df34fd..000000000 --- a/src/core/icon/remix/checkbox-circle-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/checkbox-circle-line.svg b/src/core/icon/remix/checkbox-circle-line.svg deleted file mode 100644 index f28fb6c3d..000000000 --- a/src/core/icon/remix/checkbox-circle-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/close-circle-fill.svg b/src/core/icon/remix/close-circle-fill.svg deleted file mode 100644 index 03230e6b4..000000000 --- a/src/core/icon/remix/close-circle-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/close-circle-line.svg b/src/core/icon/remix/close-circle-line.svg deleted file mode 100644 index 567c1e7f4..000000000 --- a/src/core/icon/remix/close-circle-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/close-line.svg b/src/core/icon/remix/close-line.svg deleted file mode 100644 index 03fafb1a2..000000000 --- a/src/core/icon/remix/close-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/dailymotion-fill.svg b/src/core/icon/remix/dailymotion-fill.svg deleted file mode 100644 index b8b10f1d6..000000000 --- a/src/core/icon/remix/dailymotion-fill.svg +++ /dev/null @@ -1,6 +0,0 @@ - - dailymotion-fill - - - - diff --git a/src/core/icon/remix/dailymotion-line.svg b/src/core/icon/remix/dailymotion-line.svg deleted file mode 100644 index 8219d4fa1..000000000 --- a/src/core/icon/remix/dailymotion-line.svg +++ /dev/null @@ -1,6 +0,0 @@ - - dailymotion-line - - - - diff --git a/src/core/icon/remix/delete-fill.svg b/src/core/icon/remix/delete-fill.svg deleted file mode 100644 index 7494e2eea..000000000 --- a/src/core/icon/remix/delete-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/delete-line.svg b/src/core/icon/remix/delete-line.svg deleted file mode 100644 index cbf8da48c..000000000 --- a/src/core/icon/remix/delete-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/download-line.svg b/src/core/icon/remix/download-line.svg deleted file mode 100644 index ca2438eee..000000000 --- a/src/core/icon/remix/download-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/edit-fill.svg b/src/core/icon/remix/edit-fill.svg deleted file mode 100644 index fd82c2d75..000000000 --- a/src/core/icon/remix/edit-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/edit-line.svg b/src/core/icon/remix/edit-line.svg deleted file mode 100644 index 594a84113..000000000 --- a/src/core/icon/remix/edit-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/equalizer-fill.svg b/src/core/icon/remix/equalizer-fill.svg deleted file mode 100644 index 0aa80cb10..000000000 --- a/src/core/icon/remix/equalizer-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/equalizer-line.svg b/src/core/icon/remix/equalizer-line.svg deleted file mode 100644 index 63531e237..000000000 --- a/src/core/icon/remix/equalizer-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/error-warning-fill.svg b/src/core/icon/remix/error-warning-fill.svg deleted file mode 100644 index 914256849..000000000 --- a/src/core/icon/remix/error-warning-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/error-warning-line.svg b/src/core/icon/remix/error-warning-line.svg deleted file mode 100644 index 772e748bb..000000000 --- a/src/core/icon/remix/error-warning-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/external-link-line.svg b/src/core/icon/remix/external-link-line.svg deleted file mode 100644 index 8aea53679..000000000 --- a/src/core/icon/remix/external-link-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/eye-fill.svg b/src/core/icon/remix/eye-fill.svg deleted file mode 100644 index fd6cfae87..000000000 --- a/src/core/icon/remix/eye-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/eye-line.svg b/src/core/icon/remix/eye-line.svg deleted file mode 100644 index f12f17d44..000000000 --- a/src/core/icon/remix/eye-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/eye-off-fill.svg b/src/core/icon/remix/eye-off-fill.svg deleted file mode 100644 index cba27297a..000000000 --- a/src/core/icon/remix/eye-off-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/eye-off-line.svg b/src/core/icon/remix/eye-off-line.svg deleted file mode 100644 index 01fc0c17b..000000000 --- a/src/core/icon/remix/eye-off-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/facebook-circle-fill.svg b/src/core/icon/remix/facebook-circle-fill.svg deleted file mode 100644 index 8c459c45e..000000000 --- a/src/core/icon/remix/facebook-circle-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/facebook-circle-line.svg b/src/core/icon/remix/facebook-circle-line.svg deleted file mode 100644 index 710976be5..000000000 --- a/src/core/icon/remix/facebook-circle-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/file-download-fill.svg b/src/core/icon/remix/file-download-fill.svg deleted file mode 100644 index 433bc8a7f..000000000 --- a/src/core/icon/remix/file-download-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/file-download-line.svg b/src/core/icon/remix/file-download-line.svg deleted file mode 100644 index 52f4c1c8e..000000000 --- a/src/core/icon/remix/file-download-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/file-fill.svg b/src/core/icon/remix/file-fill.svg deleted file mode 100644 index 2bbf9f5c4..000000000 --- a/src/core/icon/remix/file-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/file-line.svg b/src/core/icon/remix/file-line.svg deleted file mode 100644 index 88f636421..000000000 --- a/src/core/icon/remix/file-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/file-pdf-fill.svg b/src/core/icon/remix/file-pdf-fill.svg deleted file mode 100644 index 092d33870..000000000 --- a/src/core/icon/remix/file-pdf-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/file-pdf-line.svg b/src/core/icon/remix/file-pdf-line.svg deleted file mode 100644 index 84570cc93..000000000 --- a/src/core/icon/remix/file-pdf-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/filter-fill.svg b/src/core/icon/remix/filter-fill.svg deleted file mode 100644 index 9f52cc782..000000000 --- a/src/core/icon/remix/filter-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/filter-line.svg b/src/core/icon/remix/filter-line.svg deleted file mode 100644 index 28f828cb6..000000000 --- a/src/core/icon/remix/filter-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/font-size.svg b/src/core/icon/remix/font-size.svg deleted file mode 100644 index dcec7d7e6..000000000 --- a/src/core/icon/remix/font-size.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/github-fill.svg b/src/core/icon/remix/github-fill.svg deleted file mode 100644 index 98b9b14bc..000000000 --- a/src/core/icon/remix/github-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/github-line.svg b/src/core/icon/remix/github-line.svg deleted file mode 100644 index 9d5ff7a0f..000000000 --- a/src/core/icon/remix/github-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/home-4-fill.svg b/src/core/icon/remix/home-4-fill.svg deleted file mode 100644 index c87995564..000000000 --- a/src/core/icon/remix/home-4-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/home-4-line.svg b/src/core/icon/remix/home-4-line.svg deleted file mode 100644 index cf25eba85..000000000 --- a/src/core/icon/remix/home-4-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/icon.yml b/src/core/icon/remix/icon.yml deleted file mode 100644 index f05fd661a..000000000 --- a/src/core/icon/remix/icon.yml +++ /dev/null @@ -1,5 +0,0 @@ -menu-fill: - ligature: "Menu" - -search-line: - ligature: "Rechercher" diff --git a/src/core/icon/remix/image-fill.svg b/src/core/icon/remix/image-fill.svg deleted file mode 100644 index 89bbc072d..000000000 --- a/src/core/icon/remix/image-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/image-line.svg b/src/core/icon/remix/image-line.svg deleted file mode 100644 index 4d4327425..000000000 --- a/src/core/icon/remix/image-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/information-fill.svg b/src/core/icon/remix/information-fill.svg deleted file mode 100644 index eb6018313..000000000 --- a/src/core/icon/remix/information-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/information-line.svg b/src/core/icon/remix/information-line.svg deleted file mode 100644 index 592d9f2ca..000000000 --- a/src/core/icon/remix/information-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/instagram-fill.svg b/src/core/icon/remix/instagram-fill.svg deleted file mode 100644 index 17cc4ee9b..000000000 --- a/src/core/icon/remix/instagram-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/instagram-line.svg b/src/core/icon/remix/instagram-line.svg deleted file mode 100644 index 3355e908a..000000000 --- a/src/core/icon/remix/instagram-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/italic.svg b/src/core/icon/remix/italic.svg deleted file mode 100644 index 5a371f405..000000000 --- a/src/core/icon/remix/italic.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/line-chart-fill.svg b/src/core/icon/remix/line-chart-fill.svg deleted file mode 100644 index f0e125d89..000000000 --- a/src/core/icon/remix/line-chart-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/line-chart-line.svg b/src/core/icon/remix/line-chart-line.svg deleted file mode 100644 index 2b9abd724..000000000 --- a/src/core/icon/remix/line-chart-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/link-unlink.svg b/src/core/icon/remix/link-unlink.svg deleted file mode 100644 index ceb9eb07d..000000000 --- a/src/core/icon/remix/link-unlink.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/linkedin-box-fill.svg b/src/core/icon/remix/linkedin-box-fill.svg deleted file mode 100644 index 6e3dbb6d5..000000000 --- a/src/core/icon/remix/linkedin-box-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/linkedin-box-line.svg b/src/core/icon/remix/linkedin-box-line.svg deleted file mode 100644 index fdd471b97..000000000 --- a/src/core/icon/remix/linkedin-box-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/links-fill.svg b/src/core/icon/remix/links-fill.svg deleted file mode 100644 index 995335359..000000000 --- a/src/core/icon/remix/links-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/list-ordered.svg b/src/core/icon/remix/list-ordered.svg deleted file mode 100644 index a4f2a5099..000000000 --- a/src/core/icon/remix/list-ordered.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/list-unordered.svg b/src/core/icon/remix/list-unordered.svg deleted file mode 100644 index 85457cb12..000000000 --- a/src/core/icon/remix/list-unordered.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/lock-fill.svg b/src/core/icon/remix/lock-fill.svg deleted file mode 100644 index b20bc9de9..000000000 --- a/src/core/icon/remix/lock-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/lock-line.svg b/src/core/icon/remix/lock-line.svg deleted file mode 100644 index d95cf3426..000000000 --- a/src/core/icon/remix/lock-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/logout-box-r-fill.svg b/src/core/icon/remix/logout-box-r-fill.svg deleted file mode 100644 index 053640dc4..000000000 --- a/src/core/icon/remix/logout-box-r-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/logout-box-r-line.svg b/src/core/icon/remix/logout-box-r-line.svg deleted file mode 100644 index 50448b99a..000000000 --- a/src/core/icon/remix/logout-box-r-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/mail-fill.svg b/src/core/icon/remix/mail-fill.svg deleted file mode 100644 index cb2f69c3a..000000000 --- a/src/core/icon/remix/mail-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/mail-line.svg b/src/core/icon/remix/mail-line.svg deleted file mode 100644 index 44f0dcaba..000000000 --- a/src/core/icon/remix/mail-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/map-pin-2-fill.svg b/src/core/icon/remix/map-pin-2-fill.svg deleted file mode 100644 index 33fc05250..000000000 --- a/src/core/icon/remix/map-pin-2-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/map-pin-2-line.svg b/src/core/icon/remix/map-pin-2-line.svg deleted file mode 100644 index 9bfa698f4..000000000 --- a/src/core/icon/remix/map-pin-2-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/menu-2-fill.svg b/src/core/icon/remix/menu-2-fill.svg deleted file mode 100644 index 4f592bb7e..000000000 --- a/src/core/icon/remix/menu-2-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/menu-fill.svg b/src/core/icon/remix/menu-fill.svg deleted file mode 100644 index fd4e9afdb..000000000 --- a/src/core/icon/remix/menu-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/npmjs-fill.svg b/src/core/icon/remix/npmjs-fill.svg deleted file mode 100644 index eca0e42b4..000000000 --- a/src/core/icon/remix/npmjs-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/npmjs-line.svg b/src/core/icon/remix/npmjs-line.svg deleted file mode 100644 index 5037437cc..000000000 --- a/src/core/icon/remix/npmjs-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/pause-circle-fill.svg b/src/core/icon/remix/pause-circle-fill.svg deleted file mode 100644 index 16a5f4181..000000000 --- a/src/core/icon/remix/pause-circle-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/pause-circle-line.svg b/src/core/icon/remix/pause-circle-line.svg deleted file mode 100644 index 586b3e14d..000000000 --- a/src/core/icon/remix/pause-circle-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/phone-fill.svg b/src/core/icon/remix/phone-fill.svg deleted file mode 100644 index c44cb1b4c..000000000 --- a/src/core/icon/remix/phone-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/phone-line.svg b/src/core/icon/remix/phone-line.svg deleted file mode 100644 index 876d8b70e..000000000 --- a/src/core/icon/remix/phone-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/play-fill.svg b/src/core/icon/remix/play-fill.svg deleted file mode 100644 index b7a3e5faf..000000000 --- a/src/core/icon/remix/play-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/play-line.svg b/src/core/icon/remix/play-line.svg deleted file mode 100644 index 84e558d31..000000000 --- a/src/core/icon/remix/play-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/printer-fill.svg b/src/core/icon/remix/printer-fill.svg deleted file mode 100644 index a1dcf08d7..000000000 --- a/src/core/icon/remix/printer-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/printer-line.svg b/src/core/icon/remix/printer-line.svg deleted file mode 100644 index 99cb1f404..000000000 --- a/src/core/icon/remix/printer-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/question-fill.svg b/src/core/icon/remix/question-fill.svg deleted file mode 100644 index bd861c084..000000000 --- a/src/core/icon/remix/question-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/question-line.svg b/src/core/icon/remix/question-line.svg deleted file mode 100644 index 4517f9a82..000000000 --- a/src/core/icon/remix/question-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/refresh-fill.svg b/src/core/icon/remix/refresh-fill.svg deleted file mode 100644 index 4b65cf0ce..000000000 --- a/src/core/icon/remix/refresh-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/refresh-line.svg b/src/core/icon/remix/refresh-line.svg deleted file mode 100644 index fa6825bb5..000000000 --- a/src/core/icon/remix/refresh-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/remixicon-fill.svg b/src/core/icon/remix/remixicon-fill.svg deleted file mode 100644 index 0ec0403cb..000000000 --- a/src/core/icon/remix/remixicon-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/remixicon-line.svg b/src/core/icon/remix/remixicon-line.svg deleted file mode 100644 index e1ec0ba8f..000000000 --- a/src/core/icon/remix/remixicon-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/road-map-fill.svg b/src/core/icon/remix/road-map-fill.svg deleted file mode 100644 index 572e30a92..000000000 --- a/src/core/icon/remix/road-map-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/road-map-line.svg b/src/core/icon/remix/road-map-line.svg deleted file mode 100644 index a97fe237f..000000000 --- a/src/core/icon/remix/road-map-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/rss-fill.svg b/src/core/icon/remix/rss-fill.svg deleted file mode 100644 index 44802601b..000000000 --- a/src/core/icon/remix/rss-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/rss-line.svg b/src/core/icon/remix/rss-line.svg deleted file mode 100644 index dd7dcb8b5..000000000 --- a/src/core/icon/remix/rss-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/save-fill.svg b/src/core/icon/remix/save-fill.svg deleted file mode 100644 index 3f785abe0..000000000 --- a/src/core/icon/remix/save-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/save-line.svg b/src/core/icon/remix/save-line.svg deleted file mode 100644 index f2f5dca01..000000000 --- a/src/core/icon/remix/save-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/search-fill.svg b/src/core/icon/remix/search-fill.svg deleted file mode 100644 index 009b43496..000000000 --- a/src/core/icon/remix/search-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/search-line.svg b/src/core/icon/remix/search-line.svg deleted file mode 100644 index 4750005cf..000000000 --- a/src/core/icon/remix/search-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/slack-fill.svg b/src/core/icon/remix/slack-fill.svg deleted file mode 100644 index 9e69f6c2a..000000000 --- a/src/core/icon/remix/slack-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/slack-line.svg b/src/core/icon/remix/slack-line.svg deleted file mode 100644 index aef1acafe..000000000 --- a/src/core/icon/remix/slack-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/snapchat-fill.svg b/src/core/icon/remix/snapchat-fill.svg deleted file mode 100644 index 847e2f27f..000000000 --- a/src/core/icon/remix/snapchat-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/snapchat-line.svg b/src/core/icon/remix/snapchat-line.svg deleted file mode 100644 index 8cbd65c93..000000000 --- a/src/core/icon/remix/snapchat-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/subtract-line.svg b/src/core/icon/remix/subtract-line.svg deleted file mode 100644 index eeb1da949..000000000 --- a/src/core/icon/remix/subtract-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/telegram-fill.svg b/src/core/icon/remix/telegram-fill.svg deleted file mode 100644 index 5effa897e..000000000 --- a/src/core/icon/remix/telegram-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/telegram-line.svg b/src/core/icon/remix/telegram-line.svg deleted file mode 100644 index a8d1ac08d..000000000 --- a/src/core/icon/remix/telegram-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/theme-fill.svg b/src/core/icon/remix/theme-fill.svg deleted file mode 100644 index b49195b8a..000000000 --- a/src/core/icon/remix/theme-fill.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/src/core/icon/remix/tiktok-fill.svg b/src/core/icon/remix/tiktok-fill.svg deleted file mode 100644 index 50f2f40ac..000000000 --- a/src/core/icon/remix/tiktok-fill.svg +++ /dev/null @@ -1,6 +0,0 @@ - - tiktok-fill - - - - diff --git a/src/core/icon/remix/tiktok-line.svg b/src/core/icon/remix/tiktok-line.svg deleted file mode 100644 index 8f760ab8f..000000000 --- a/src/core/icon/remix/tiktok-line.svg +++ /dev/null @@ -1,6 +0,0 @@ - - tiktok-line - - - - diff --git a/src/core/icon/remix/timer-fill.svg b/src/core/icon/remix/timer-fill.svg deleted file mode 100644 index a72a7b2ed..000000000 --- a/src/core/icon/remix/timer-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/timer-line.svg b/src/core/icon/remix/timer-line.svg deleted file mode 100644 index 14baa3a86..000000000 --- a/src/core/icon/remix/timer-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/twitch-fill.svg b/src/core/icon/remix/twitch-fill.svg deleted file mode 100644 index 41c37994b..000000000 --- a/src/core/icon/remix/twitch-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/twitch-line.svg b/src/core/icon/remix/twitch-line.svg deleted file mode 100644 index 27b03a514..000000000 --- a/src/core/icon/remix/twitch-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/twitter-fill.svg b/src/core/icon/remix/twitter-fill.svg deleted file mode 100644 index 9f0576a42..000000000 --- a/src/core/icon/remix/twitter-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/twitter-line.svg b/src/core/icon/remix/twitter-line.svg deleted file mode 100644 index e52dfe034..000000000 --- a/src/core/icon/remix/twitter-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/upload-2-fill.svg b/src/core/icon/remix/upload-2-fill.svg deleted file mode 100644 index 748892a61..000000000 --- a/src/core/icon/remix/upload-2-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/upload-2-line.svg b/src/core/icon/remix/upload-2-line.svg deleted file mode 100644 index 1b5b701e8..000000000 --- a/src/core/icon/remix/upload-2-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/user-fill.svg b/src/core/icon/remix/user-fill.svg deleted file mode 100644 index 6d3fce2cc..000000000 --- a/src/core/icon/remix/user-fill.svg +++ /dev/null @@ -1 +0,0 @@ -path fill="none" d="M0 0h24v24H0z"/> diff --git a/src/core/icon/remix/user-line.svg b/src/core/icon/remix/user-line.svg deleted file mode 100644 index dd84a5df5..000000000 --- a/src/core/icon/remix/user-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/vimeo-fill.svg b/src/core/icon/remix/vimeo-fill.svg deleted file mode 100644 index d073527bf..000000000 --- a/src/core/icon/remix/vimeo-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/vimeo-line.svg b/src/core/icon/remix/vimeo-line.svg deleted file mode 100644 index 0112bf60a..000000000 --- a/src/core/icon/remix/vimeo-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/volume-down-fill.svg b/src/core/icon/remix/volume-down-fill.svg deleted file mode 100644 index c9f92d10c..000000000 --- a/src/core/icon/remix/volume-down-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/volume-down-line.svg b/src/core/icon/remix/volume-down-line.svg deleted file mode 100644 index 696bb64b9..000000000 --- a/src/core/icon/remix/volume-down-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/volume-mute-fill.svg b/src/core/icon/remix/volume-mute-fill.svg deleted file mode 100644 index 8a85ea0c8..000000000 --- a/src/core/icon/remix/volume-mute-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/volume-mute-line.svg b/src/core/icon/remix/volume-mute-line.svg deleted file mode 100644 index aa05e2bf3..000000000 --- a/src/core/icon/remix/volume-mute-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/volume-up-fill.svg b/src/core/icon/remix/volume-up-fill.svg deleted file mode 100644 index ecb991e95..000000000 --- a/src/core/icon/remix/volume-up-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/volume-up-line.svg b/src/core/icon/remix/volume-up-line.svg deleted file mode 100644 index 7cff4c578..000000000 --- a/src/core/icon/remix/volume-up-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/youtube-fill.svg b/src/core/icon/remix/youtube-fill.svg deleted file mode 100644 index dd4959afb..000000000 --- a/src/core/icon/remix/youtube-fill.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/youtube-line.svg b/src/core/icon/remix/youtube-line.svg deleted file mode 100644 index 18b0e791b..000000000 --- a/src/core/icon/remix/youtube-line.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/core/icon/remix/zoom-in-fill.svg b/src/core/icon/remix/zoom-in-fill.svg deleted file mode 100644 index 0f51903ce..000000000 --- a/src/core/icon/remix/zoom-in-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/zoom-in-line.svg b/src/core/icon/remix/zoom-in-line.svg deleted file mode 100644 index 2659ac4e7..000000000 --- a/src/core/icon/remix/zoom-in-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/zoom-out-fill.svg b/src/core/icon/remix/zoom-out-fill.svg deleted file mode 100644 index 93a572a21..000000000 --- a/src/core/icon/remix/zoom-out-fill.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/remix/zoom-out-line.svg b/src/core/icon/remix/zoom-out-line.svg deleted file mode 100644 index 001130b25..000000000 --- a/src/core/icon/remix/zoom-out-line.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/core/icon/system/add-circle-fill.svg b/src/core/icon/system/add-circle-fill.svg new file mode 100644 index 000000000..dfd988316 --- /dev/null +++ b/src/core/icon/system/add-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/add-circle-line.svg b/src/core/icon/system/add-circle-line.svg new file mode 100644 index 000000000..faa15274b --- /dev/null +++ b/src/core/icon/system/add-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/add-line.svg b/src/core/icon/system/add-line.svg new file mode 100644 index 000000000..eb78dddbc --- /dev/null +++ b/src/core/icon/system/add-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/alarm-warning-fill.svg b/src/core/icon/system/alarm-warning-fill.svg new file mode 100644 index 000000000..2bbd1ec7b --- /dev/null +++ b/src/core/icon/system/alarm-warning-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/alarm-warning-line.svg b/src/core/icon/system/alarm-warning-line.svg new file mode 100644 index 000000000..0ef83041f --- /dev/null +++ b/src/core/icon/system/alarm-warning-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/alert-fill.svg b/src/core/icon/system/alert-fill.svg new file mode 100644 index 000000000..cbe513a8d --- /dev/null +++ b/src/core/icon/system/alert-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/alert-line.svg b/src/core/icon/system/alert-line.svg new file mode 100644 index 000000000..a6a60be86 --- /dev/null +++ b/src/core/icon/system/alert-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-down-fill.svg b/src/core/icon/system/arrow-down-fill.svg new file mode 100644 index 000000000..ccb87c5db --- /dev/null +++ b/src/core/icon/system/arrow-down-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-down-line.svg b/src/core/icon/system/arrow-down-line.svg new file mode 100644 index 000000000..dfadb33fd --- /dev/null +++ b/src/core/icon/system/arrow-down-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/remix/arrow-up-fill.svg b/src/core/icon/system/arrow-down-s-fill.svg similarity index 50% rename from src/core/icon/remix/arrow-up-fill.svg rename to src/core/icon/system/arrow-down-s-fill.svg index 8b68f8375..396bdc8a0 100644 --- a/src/core/icon/remix/arrow-up-fill.svg +++ b/src/core/icon/system/arrow-down-s-fill.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/core/icon/system/arrow-down-s-line.svg b/src/core/icon/system/arrow-down-s-line.svg new file mode 100644 index 000000000..db7cbbab6 --- /dev/null +++ b/src/core/icon/system/arrow-down-s-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-go-back-fill.svg b/src/core/icon/system/arrow-go-back-fill.svg new file mode 100644 index 000000000..3de54732f --- /dev/null +++ b/src/core/icon/system/arrow-go-back-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-go-back-line.svg b/src/core/icon/system/arrow-go-back-line.svg new file mode 100644 index 000000000..8b197527c --- /dev/null +++ b/src/core/icon/system/arrow-go-back-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-go-forward-fill.svg b/src/core/icon/system/arrow-go-forward-fill.svg new file mode 100644 index 000000000..7cc64360c --- /dev/null +++ b/src/core/icon/system/arrow-go-forward-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-go-forward-line.svg b/src/core/icon/system/arrow-go-forward-line.svg new file mode 100644 index 000000000..334e6e783 --- /dev/null +++ b/src/core/icon/system/arrow-go-forward-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-left-fill.svg b/src/core/icon/system/arrow-left-fill.svg new file mode 100644 index 000000000..aa0fb82c5 --- /dev/null +++ b/src/core/icon/system/arrow-left-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-left-line.svg b/src/core/icon/system/arrow-left-line.svg new file mode 100644 index 000000000..0437385eb --- /dev/null +++ b/src/core/icon/system/arrow-left-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-left-s-fill.svg b/src/core/icon/system/arrow-left-s-fill.svg new file mode 100644 index 000000000..5b6cbf2aa --- /dev/null +++ b/src/core/icon/system/arrow-left-s-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-left-s-line.svg b/src/core/icon/system/arrow-left-s-line.svg new file mode 100644 index 000000000..7bfe708f8 --- /dev/null +++ b/src/core/icon/system/arrow-left-s-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-right-fill.svg b/src/core/icon/system/arrow-right-fill.svg new file mode 100644 index 000000000..599097047 --- /dev/null +++ b/src/core/icon/system/arrow-right-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-right-line.svg b/src/core/icon/system/arrow-right-line.svg new file mode 100644 index 000000000..ab1abe989 --- /dev/null +++ b/src/core/icon/system/arrow-right-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-right-s-fill.svg b/src/core/icon/system/arrow-right-s-fill.svg new file mode 100644 index 000000000..465609b90 --- /dev/null +++ b/src/core/icon/system/arrow-right-s-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-right-s-line.svg b/src/core/icon/system/arrow-right-s-line.svg new file mode 100644 index 000000000..acb1bb61a --- /dev/null +++ b/src/core/icon/system/arrow-right-s-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/remix/arrow-right-up-line.svg b/src/core/icon/system/arrow-right-up-line.svg similarity index 100% rename from src/core/icon/remix/arrow-right-up-line.svg rename to src/core/icon/system/arrow-right-up-line.svg diff --git a/src/core/icon/system/arrow-up-fill.svg b/src/core/icon/system/arrow-up-fill.svg new file mode 100644 index 000000000..a62df3332 --- /dev/null +++ b/src/core/icon/system/arrow-up-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-up-line.svg b/src/core/icon/system/arrow-up-line.svg new file mode 100644 index 000000000..5f373e535 --- /dev/null +++ b/src/core/icon/system/arrow-up-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-up-s-fill.svg b/src/core/icon/system/arrow-up-s-fill.svg new file mode 100644 index 000000000..b8b9b389f --- /dev/null +++ b/src/core/icon/system/arrow-up-s-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/arrow-up-s-line.svg b/src/core/icon/system/arrow-up-s-line.svg new file mode 100644 index 000000000..18966bae7 --- /dev/null +++ b/src/core/icon/system/arrow-up-s-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/check-line.svg b/src/core/icon/system/check-line.svg new file mode 100644 index 000000000..025bc653d --- /dev/null +++ b/src/core/icon/system/check-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/checkbox-circle-fill.svg b/src/core/icon/system/checkbox-circle-fill.svg new file mode 100644 index 000000000..802f561ce --- /dev/null +++ b/src/core/icon/system/checkbox-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/checkbox-circle-line.svg b/src/core/icon/system/checkbox-circle-line.svg new file mode 100644 index 000000000..e2dfad084 --- /dev/null +++ b/src/core/icon/system/checkbox-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/checkbox-fill.svg b/src/core/icon/system/checkbox-fill.svg new file mode 100644 index 000000000..d323e124d --- /dev/null +++ b/src/core/icon/system/checkbox-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/checkbox-line.svg b/src/core/icon/system/checkbox-line.svg new file mode 100644 index 000000000..f2616dea4 --- /dev/null +++ b/src/core/icon/system/checkbox-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/close-circle-fill.svg b/src/core/icon/system/close-circle-fill.svg new file mode 100644 index 000000000..a297b84fa --- /dev/null +++ b/src/core/icon/system/close-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/close-circle-line.svg b/src/core/icon/system/close-circle-line.svg new file mode 100644 index 000000000..fe0781855 --- /dev/null +++ b/src/core/icon/system/close-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/close-line.svg b/src/core/icon/system/close-line.svg new file mode 100644 index 000000000..c725cde66 --- /dev/null +++ b/src/core/icon/system/close-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/delete-fill.svg b/src/core/icon/system/delete-fill.svg new file mode 100644 index 000000000..ea9474729 --- /dev/null +++ b/src/core/icon/system/delete-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/delete-line.svg b/src/core/icon/system/delete-line.svg new file mode 100644 index 000000000..62d8af4c5 --- /dev/null +++ b/src/core/icon/system/delete-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/download-fill.svg b/src/core/icon/system/download-fill.svg new file mode 100644 index 000000000..2b91891b4 --- /dev/null +++ b/src/core/icon/system/download-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/download-line.svg b/src/core/icon/system/download-line.svg new file mode 100644 index 000000000..a83739db7 --- /dev/null +++ b/src/core/icon/system/download-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/error-warning-fill.svg b/src/core/icon/system/error-warning-fill.svg new file mode 100644 index 000000000..417944794 --- /dev/null +++ b/src/core/icon/system/error-warning-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/error-warning-line.svg b/src/core/icon/system/error-warning-line.svg new file mode 100644 index 000000000..d752f271b --- /dev/null +++ b/src/core/icon/system/error-warning-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/external-link-fill.svg b/src/core/icon/system/external-link-fill.svg new file mode 100644 index 000000000..082d5bb07 --- /dev/null +++ b/src/core/icon/system/external-link-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/external-link-line.svg b/src/core/icon/system/external-link-line.svg new file mode 100644 index 000000000..5a827fe39 --- /dev/null +++ b/src/core/icon/system/external-link-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/eye-fill.svg b/src/core/icon/system/eye-fill.svg new file mode 100644 index 000000000..dcc648c36 --- /dev/null +++ b/src/core/icon/system/eye-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/eye-line.svg b/src/core/icon/system/eye-line.svg new file mode 100644 index 000000000..f9524efd5 --- /dev/null +++ b/src/core/icon/system/eye-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/eye-off-fill.svg b/src/core/icon/system/eye-off-fill.svg new file mode 100644 index 000000000..33e1ad0b7 --- /dev/null +++ b/src/core/icon/system/eye-off-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/eye-off-line.svg b/src/core/icon/system/eye-off-line.svg new file mode 100644 index 000000000..4a23abfae --- /dev/null +++ b/src/core/icon/system/eye-off-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/filter-fill.svg b/src/core/icon/system/filter-fill.svg new file mode 100644 index 000000000..164b16094 --- /dev/null +++ b/src/core/icon/system/filter-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/filter-line.svg b/src/core/icon/system/filter-line.svg new file mode 100644 index 000000000..9734d6a51 --- /dev/null +++ b/src/core/icon/system/filter-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/fr--arrow-left-s-first-line.svg b/src/core/icon/system/fr--arrow-left-s-first-line.svg new file mode 100644 index 000000000..fb6d5a342 --- /dev/null +++ b/src/core/icon/system/fr--arrow-left-s-first-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/fr--arrow-left-s-line-double.svg b/src/core/icon/system/fr--arrow-left-s-line-double.svg new file mode 100644 index 000000000..c5fc725d6 --- /dev/null +++ b/src/core/icon/system/fr--arrow-left-s-line-double.svg @@ -0,0 +1 @@ + diff --git a/src/core/icon/system/fr--arrow-right-s-last-line.svg b/src/core/icon/system/fr--arrow-right-s-last-line.svg new file mode 100644 index 000000000..34b252807 --- /dev/null +++ b/src/core/icon/system/fr--arrow-right-s-last-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/fr--arrow-right-s-line-double.svg b/src/core/icon/system/fr--arrow-right-s-line-double.svg new file mode 100644 index 000000000..4e746916a --- /dev/null +++ b/src/core/icon/system/fr--arrow-right-s-line-double.svg @@ -0,0 +1 @@ + diff --git a/src/core/icon/dsfr/error-fill.svg b/src/core/icon/system/fr--error-fill.svg similarity index 100% rename from src/core/icon/dsfr/error-fill.svg rename to src/core/icon/system/fr--error-fill.svg diff --git a/src/core/icon/dsfr/error-line.svg b/src/core/icon/system/fr--error-line.svg similarity index 100% rename from src/core/icon/dsfr/error-line.svg rename to src/core/icon/system/fr--error-line.svg diff --git a/src/core/icon/dsfr/info-fill.svg b/src/core/icon/system/fr--info-fill.svg similarity index 100% rename from src/core/icon/dsfr/info-fill.svg rename to src/core/icon/system/fr--info-fill.svg diff --git a/src/core/icon/dsfr/info-line.svg b/src/core/icon/system/fr--info-line.svg similarity index 100% rename from src/core/icon/dsfr/info-line.svg rename to src/core/icon/system/fr--info-line.svg diff --git a/src/core/icon/dsfr/success-fill.svg b/src/core/icon/system/fr--success-fill.svg similarity index 100% rename from src/core/icon/dsfr/success-fill.svg rename to src/core/icon/system/fr--success-fill.svg diff --git a/src/core/icon/dsfr/success-line.svg b/src/core/icon/system/fr--success-line.svg similarity index 100% rename from src/core/icon/dsfr/success-line.svg rename to src/core/icon/system/fr--success-line.svg diff --git a/src/core/icon/system/fr--theme-fill.svg b/src/core/icon/system/fr--theme-fill.svg new file mode 100644 index 000000000..af9a1ab74 --- /dev/null +++ b/src/core/icon/system/fr--theme-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/dsfr/warning-fill.svg b/src/core/icon/system/fr--warning-fill.svg similarity index 100% rename from src/core/icon/dsfr/warning-fill.svg rename to src/core/icon/system/fr--warning-fill.svg diff --git a/src/core/icon/dsfr/warning-line.svg b/src/core/icon/system/fr--warning-line.svg similarity index 100% rename from src/core/icon/dsfr/warning-line.svg rename to src/core/icon/system/fr--warning-line.svg diff --git a/src/core/icon/system/information-fill.svg b/src/core/icon/system/information-fill.svg new file mode 100644 index 000000000..3611c4bab --- /dev/null +++ b/src/core/icon/system/information-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/information-line.svg b/src/core/icon/system/information-line.svg new file mode 100644 index 000000000..e648b9f40 --- /dev/null +++ b/src/core/icon/system/information-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/lock-fill.svg b/src/core/icon/system/lock-fill.svg new file mode 100644 index 000000000..3c23ae35f --- /dev/null +++ b/src/core/icon/system/lock-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/lock-line.svg b/src/core/icon/system/lock-line.svg new file mode 100644 index 000000000..d33db8796 --- /dev/null +++ b/src/core/icon/system/lock-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/lock-unlock-fill.svg b/src/core/icon/system/lock-unlock-fill.svg new file mode 100644 index 000000000..b6a10c4d7 --- /dev/null +++ b/src/core/icon/system/lock-unlock-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/lock-unlock-line.svg b/src/core/icon/system/lock-unlock-line.svg new file mode 100644 index 000000000..ecc654801 --- /dev/null +++ b/src/core/icon/system/lock-unlock-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/logout-box-r-fill.svg b/src/core/icon/system/logout-box-r-fill.svg new file mode 100644 index 000000000..552263367 --- /dev/null +++ b/src/core/icon/system/logout-box-r-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/logout-box-r-line.svg b/src/core/icon/system/logout-box-r-line.svg new file mode 100644 index 000000000..a919c11a7 --- /dev/null +++ b/src/core/icon/system/logout-box-r-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/menu-2-fill.svg b/src/core/icon/system/menu-2-fill.svg new file mode 100644 index 000000000..975cc73a9 --- /dev/null +++ b/src/core/icon/system/menu-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/menu-fill.svg b/src/core/icon/system/menu-fill.svg new file mode 100644 index 000000000..798cdf612 --- /dev/null +++ b/src/core/icon/system/menu-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/more-fill.svg b/src/core/icon/system/more-fill.svg new file mode 100644 index 000000000..845dd9ca6 --- /dev/null +++ b/src/core/icon/system/more-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/more-line.svg b/src/core/icon/system/more-line.svg new file mode 100644 index 000000000..6db9e97c7 --- /dev/null +++ b/src/core/icon/system/more-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/notification-badge-fill.svg b/src/core/icon/system/notification-badge-fill.svg new file mode 100644 index 000000000..32b09641e --- /dev/null +++ b/src/core/icon/system/notification-badge-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/notification-badge-line.svg b/src/core/icon/system/notification-badge-line.svg new file mode 100644 index 000000000..0578cbcf9 --- /dev/null +++ b/src/core/icon/system/notification-badge-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/question-fill.svg b/src/core/icon/system/question-fill.svg new file mode 100644 index 000000000..577c8d97e --- /dev/null +++ b/src/core/icon/system/question-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/question-line.svg b/src/core/icon/system/question-line.svg new file mode 100644 index 000000000..15a00bfa1 --- /dev/null +++ b/src/core/icon/system/question-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/refresh-fill.svg b/src/core/icon/system/refresh-fill.svg new file mode 100644 index 000000000..399fa46bb --- /dev/null +++ b/src/core/icon/system/refresh-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/refresh-line.svg b/src/core/icon/system/refresh-line.svg new file mode 100644 index 000000000..ab64a8b3f --- /dev/null +++ b/src/core/icon/system/refresh-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/search-fill.svg b/src/core/icon/system/search-fill.svg new file mode 100644 index 000000000..752c11eec --- /dev/null +++ b/src/core/icon/system/search-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/search-line.svg b/src/core/icon/system/search-line.svg new file mode 100644 index 000000000..103da7538 --- /dev/null +++ b/src/core/icon/system/search-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/settings-5-fill.svg b/src/core/icon/system/settings-5-fill.svg new file mode 100644 index 000000000..2ad081d7b --- /dev/null +++ b/src/core/icon/system/settings-5-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/settings-5-line.svg b/src/core/icon/system/settings-5-line.svg new file mode 100644 index 000000000..746638b7c --- /dev/null +++ b/src/core/icon/system/settings-5-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/shield-fill.svg b/src/core/icon/system/shield-fill.svg new file mode 100644 index 000000000..953aeb8a2 --- /dev/null +++ b/src/core/icon/system/shield-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/shield-line.svg b/src/core/icon/system/shield-line.svg new file mode 100644 index 000000000..770264bb4 --- /dev/null +++ b/src/core/icon/system/shield-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/star-fill.svg b/src/core/icon/system/star-fill.svg new file mode 100644 index 000000000..f02704747 --- /dev/null +++ b/src/core/icon/system/star-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/star-line.svg b/src/core/icon/system/star-line.svg new file mode 100644 index 000000000..7364f4e35 --- /dev/null +++ b/src/core/icon/system/star-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/star-s-fill.svg b/src/core/icon/system/star-s-fill.svg new file mode 100644 index 000000000..5de9570e9 --- /dev/null +++ b/src/core/icon/system/star-s-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/star-s-line.svg b/src/core/icon/system/star-s-line.svg new file mode 100644 index 000000000..e3ad28271 --- /dev/null +++ b/src/core/icon/system/star-s-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/subtract-line.svg b/src/core/icon/system/subtract-line.svg new file mode 100644 index 000000000..ff1f55ce4 --- /dev/null +++ b/src/core/icon/system/subtract-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/thumb-down-fill.svg b/src/core/icon/system/thumb-down-fill.svg new file mode 100644 index 000000000..dc7aaa20a --- /dev/null +++ b/src/core/icon/system/thumb-down-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/thumb-down-line.svg b/src/core/icon/system/thumb-down-line.svg new file mode 100644 index 000000000..fec551c48 --- /dev/null +++ b/src/core/icon/system/thumb-down-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/thumb-up-fill.svg b/src/core/icon/system/thumb-up-fill.svg new file mode 100644 index 000000000..ecbbcaf6e --- /dev/null +++ b/src/core/icon/system/thumb-up-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/thumb-up-line.svg b/src/core/icon/system/thumb-up-line.svg new file mode 100644 index 000000000..990fb7ef5 --- /dev/null +++ b/src/core/icon/system/thumb-up-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/time-fill.svg b/src/core/icon/system/time-fill.svg new file mode 100644 index 000000000..357b9e19a --- /dev/null +++ b/src/core/icon/system/time-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/time-line.svg b/src/core/icon/system/time-line.svg new file mode 100644 index 000000000..750641e7d --- /dev/null +++ b/src/core/icon/system/time-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/timer-fill.svg b/src/core/icon/system/timer-fill.svg new file mode 100644 index 000000000..54631b0a9 --- /dev/null +++ b/src/core/icon/system/timer-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/timer-line.svg b/src/core/icon/system/timer-line.svg new file mode 100644 index 000000000..4b1ae8126 --- /dev/null +++ b/src/core/icon/system/timer-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/upload-2-fill.svg b/src/core/icon/system/upload-2-fill.svg new file mode 100644 index 000000000..351bcd63a --- /dev/null +++ b/src/core/icon/system/upload-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/upload-2-line.svg b/src/core/icon/system/upload-2-line.svg new file mode 100644 index 000000000..db7862480 --- /dev/null +++ b/src/core/icon/system/upload-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/upload-fill.svg b/src/core/icon/system/upload-fill.svg new file mode 100644 index 000000000..855fb3416 --- /dev/null +++ b/src/core/icon/system/upload-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/upload-line.svg b/src/core/icon/system/upload-line.svg new file mode 100644 index 000000000..dd9103d85 --- /dev/null +++ b/src/core/icon/system/upload-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/zoom-in-fill.svg b/src/core/icon/system/zoom-in-fill.svg new file mode 100644 index 000000000..35666ab5a --- /dev/null +++ b/src/core/icon/system/zoom-in-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/zoom-in-line.svg b/src/core/icon/system/zoom-in-line.svg new file mode 100644 index 000000000..8bfa93175 --- /dev/null +++ b/src/core/icon/system/zoom-in-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/zoom-out-fill.svg b/src/core/icon/system/zoom-out-fill.svg new file mode 100644 index 000000000..c3c0e4eea --- /dev/null +++ b/src/core/icon/system/zoom-out-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/system/zoom-out-line.svg b/src/core/icon/system/zoom-out-line.svg new file mode 100644 index 000000000..41cfaaa8f --- /dev/null +++ b/src/core/icon/system/zoom-out-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/account-circle-fill.svg b/src/core/icon/user/account-circle-fill.svg new file mode 100644 index 000000000..de569d2c3 --- /dev/null +++ b/src/core/icon/user/account-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/account-circle-line.svg b/src/core/icon/user/account-circle-line.svg new file mode 100644 index 000000000..c6a5f4e61 --- /dev/null +++ b/src/core/icon/user/account-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/account-fill.svg b/src/core/icon/user/account-fill.svg new file mode 100644 index 000000000..5c0df2a04 --- /dev/null +++ b/src/core/icon/user/account-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/account-line.svg b/src/core/icon/user/account-line.svg new file mode 100644 index 000000000..29c7b783b --- /dev/null +++ b/src/core/icon/user/account-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/account-pin-circle-fill.svg b/src/core/icon/user/account-pin-circle-fill.svg new file mode 100644 index 000000000..a7e012e42 --- /dev/null +++ b/src/core/icon/user/account-pin-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/account-pin-circle-line.svg b/src/core/icon/user/account-pin-circle-line.svg new file mode 100644 index 000000000..51ac76ff8 --- /dev/null +++ b/src/core/icon/user/account-pin-circle-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/admin-fill.svg b/src/core/icon/user/admin-fill.svg new file mode 100644 index 000000000..aea1130d1 --- /dev/null +++ b/src/core/icon/user/admin-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/admin-line.svg b/src/core/icon/user/admin-line.svg new file mode 100644 index 000000000..1d3b02661 --- /dev/null +++ b/src/core/icon/user/admin-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/group-fill.svg b/src/core/icon/user/group-fill.svg new file mode 100644 index 000000000..37d29ea33 --- /dev/null +++ b/src/core/icon/user/group-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/group-line.svg b/src/core/icon/user/group-line.svg new file mode 100644 index 000000000..b0ad98354 --- /dev/null +++ b/src/core/icon/user/group-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/parent-fill.svg b/src/core/icon/user/parent-fill.svg new file mode 100644 index 000000000..a32d64321 --- /dev/null +++ b/src/core/icon/user/parent-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/parent-line.svg b/src/core/icon/user/parent-line.svg new file mode 100644 index 000000000..9749ff576 --- /dev/null +++ b/src/core/icon/user/parent-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/team-fill.svg b/src/core/icon/user/team-fill.svg new file mode 100644 index 000000000..889e24fe0 --- /dev/null +++ b/src/core/icon/user/team-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/team-line.svg b/src/core/icon/user/team-line.svg new file mode 100644 index 000000000..66bc37129 --- /dev/null +++ b/src/core/icon/user/team-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-add-fill.svg b/src/core/icon/user/user-add-fill.svg new file mode 100644 index 000000000..4a2833e5d --- /dev/null +++ b/src/core/icon/user/user-add-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-add-line.svg b/src/core/icon/user/user-add-line.svg new file mode 100644 index 000000000..32157579d --- /dev/null +++ b/src/core/icon/user/user-add-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-fill.svg b/src/core/icon/user/user-fill.svg new file mode 100644 index 000000000..d8933082a --- /dev/null +++ b/src/core/icon/user/user-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-heart-fill.svg b/src/core/icon/user/user-heart-fill.svg new file mode 100644 index 000000000..a90cb7823 --- /dev/null +++ b/src/core/icon/user/user-heart-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-heart-line.svg b/src/core/icon/user/user-heart-line.svg new file mode 100644 index 000000000..a64695189 --- /dev/null +++ b/src/core/icon/user/user-heart-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-line.svg b/src/core/icon/user/user-line.svg new file mode 100644 index 000000000..10dd82240 --- /dev/null +++ b/src/core/icon/user/user-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-search-fill.svg b/src/core/icon/user/user-search-fill.svg new file mode 100644 index 000000000..947841303 --- /dev/null +++ b/src/core/icon/user/user-search-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-search-line.svg b/src/core/icon/user/user-search-line.svg new file mode 100644 index 000000000..ded3af36b --- /dev/null +++ b/src/core/icon/user/user-search-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-setting-fill.svg b/src/core/icon/user/user-setting-fill.svg new file mode 100644 index 000000000..327652eeb --- /dev/null +++ b/src/core/icon/user/user-setting-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-setting-line.svg b/src/core/icon/user/user-setting-line.svg new file mode 100644 index 000000000..c6a5f4e61 --- /dev/null +++ b/src/core/icon/user/user-setting-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-star-fill.svg b/src/core/icon/user/user-star-fill.svg new file mode 100644 index 000000000..e203cc815 --- /dev/null +++ b/src/core/icon/user/user-star-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/user/user-star-line.svg b/src/core/icon/user/user-star-line.svg new file mode 100644 index 000000000..df80f8367 --- /dev/null +++ b/src/core/icon/user/user-star-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/cloudy-2-fill.svg b/src/core/icon/weather/cloudy-2-fill.svg new file mode 100644 index 000000000..b7f28f8eb --- /dev/null +++ b/src/core/icon/weather/cloudy-2-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/cloudy-2-line.svg b/src/core/icon/weather/cloudy-2-line.svg new file mode 100644 index 000000000..5e7f2b9f8 --- /dev/null +++ b/src/core/icon/weather/cloudy-2-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/flashlight-fill.svg b/src/core/icon/weather/flashlight-fill.svg new file mode 100644 index 000000000..9f25629b9 --- /dev/null +++ b/src/core/icon/weather/flashlight-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/flashlight-line.svg b/src/core/icon/weather/flashlight-line.svg new file mode 100644 index 000000000..04c18c744 --- /dev/null +++ b/src/core/icon/weather/flashlight-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/moon-fill.svg b/src/core/icon/weather/moon-fill.svg new file mode 100644 index 000000000..6e332cd10 --- /dev/null +++ b/src/core/icon/weather/moon-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/moon-line.svg b/src/core/icon/weather/moon-line.svg new file mode 100644 index 000000000..9aa81913f --- /dev/null +++ b/src/core/icon/weather/moon-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/sun-fill.svg b/src/core/icon/weather/sun-fill.svg new file mode 100644 index 000000000..637eb3a1d --- /dev/null +++ b/src/core/icon/weather/sun-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/icon/weather/sun-line.svg b/src/core/icon/weather/sun-line.svg new file mode 100644 index 000000000..0a791d784 --- /dev/null +++ b/src/core/icon/weather/sun-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/core/index.scss b/src/core/index.scss index 11392ce6e..ce950a1b9 100644 --- a/src/core/index.scss +++ b/src/core/index.scss @@ -8,3 +8,6 @@ @import 'style/function'; @import 'style/setting'; @import 'style/tool'; + +// deprecated +@import 'deprecated/style/tool'; diff --git a/src/core/style/icon/_legacy.scss b/src/core/style/icon/_legacy.scss index bbe234b03..a6086f4c5 100644 --- a/src/core/style/icon/_legacy.scss +++ b/src/core/style/icon/_legacy.scss @@ -15,11 +15,4 @@ } } } - - /** - * Définitions des symboles des icones - **/ - // $icons-settings est générée dans generated/_icons.scss - @include generate-icons-legacy(icon); - @include generate-icons-legacy(icon, remix); } diff --git a/src/core/style/icon/_module.scss b/src/core/style/icon/_module.scss index d34b0a644..58be48aa4 100644 --- a/src/core/style/icon/_module.scss +++ b/src/core/style/icon/_module.scss @@ -15,10 +15,3 @@ } } } - -/** - * Définitions des symboles des icones - **/ -// $icons-settings est générée dans generated/_icons.scss -@include generate-icons(icon); -@include generate-icons(icon, remix); diff --git a/src/core/style/icon/_tool.scss b/src/core/style/icon/_tool.scss index c97f5b94d..a83699a65 100644 --- a/src/core/style/icon/_tool.scss +++ b/src/core/style/icon/_tool.scss @@ -15,17 +15,9 @@ @return px-rem(map-get($icon-size-map, $size)); } -@function is-remix-icon($icon) { - @return index($icons-settings-dsfr, $icon) == null; -} - @function get-url-icon($icon, $important: false) { - $remixIcon: is-remix-icon($icon); - $icon-path: '#{$dist-path}icons/dsfr/'; - @if $remixIcon { - $icon-path: '#{$dist-path}icons/remix/'; - } - $url: url('#{$icon-path}#{$icon}.svg'); + $config: map-get($icons-config, $icon); + $url: url('#{$dist-path}#{map-get($config, path)}'); @return important($url, $important); } @@ -101,7 +93,7 @@ @if $icon == null { $content: null; } - @include icon-style($pseudo); + @include icon-style($pseudo, $content); } @if $icon != null { @@ -139,25 +131,27 @@ } } -@mixin generate-icons($base, $type: dsfr) { - $icons-settings: $icons-settings-dsfr; - @if $type == remix { - $icons-settings: $icons-settings-remix; +@function filter-icons($category, $config: $icons-config) { + $filtered: (); + @each $icon, $setting in $config { + @if map-get($setting, category) == $category { + $filtered: map-merge($filtered, (#{$icon}: $setting)); + } } - @each $icon, $setting in $icons-settings { - #{ns(#{$base}-#{$icon})} { + @return $filtered; +} + +@mixin generate-icons($config: $icons-config) { + @each $icon, $setting in $config { + #{ns(icon-#{$icon})} { @include icon-content($icon, before, true); } } } -@mixin generate-icons-legacy($base, $type: dsfr) { - $icons-settings: $icons-settings-dsfr; - @if $type == remix { - $icons-settings: $icons-settings-remix; - } - @each $icon, $setting in $icons-settings { - #{ns(#{$base}-#{$icon})} { +@mixin generate-icons-legacy($config: $icons-config) { + @each $icon, $setting in $config { + #{ns(icon-#{$icon})} { @include icon-content-legacy($icon, before, true); } } diff --git a/src/core/style/typography/tool/_font-face.scss b/src/core/style/typography/tool/_font-face.scss index a3f93e737..945c467e9 100644 --- a/src/core/style/typography/tool/_font-face.scss +++ b/src/core/style/typography/tool/_font-face.scss @@ -4,12 +4,11 @@ //// @mixin font-face($name, $filename, $font-weight: 400, $font-style: normal, $font-display: swap) { - $path: map-get(map-get($reset-settings, font-face), path); @font-face { font-family: #{$name}; src: - url('#{$path}/#{$filename}.woff2') format('woff2'), - url('#{$path}/#{$filename}.woff') format('woff'); + url('#{$dist-path}fonts/#{$filename}.woff2') format('woff2'), + url('#{$dist-path}fonts/#{$filename}.woff') format('woff'); font-weight: #{$font-weight}; font-style: #{$font-style}; font-display: #{$font-display}; diff --git a/src/core/template/ejs/icon/icon.ejs b/src/core/template/ejs/icon/icon.ejs index 33301d162..92069528c 100644 --- a/src/core/template/ejs/icon/icon.ejs +++ b/src/core/template/ejs/icon/icon.ejs @@ -9,7 +9,7 @@ <% eval(include('../../../index.ejs')); %> <% let icon = locals.icon || {} %> --icon-<%= icon.name %> <% switch(icon.size) { case 'sm': %><%= prefix %>-icon--sm<% break; case 'lg': %><%= prefix %>-icon--lg<% break; } %>" aria-hidden="true"> diff --git a/src/core/variables.scss b/src/core/variables.scss index 1f761ec74..380401cc0 100644 --- a/src/core/variables.scss +++ b/src/core/variables.scss @@ -8,9 +8,7 @@ $variables: ( reset: ( - font-face: ( - path:'../fonts' - ), + font-face: true, body: true, box-sizing: true, focus: true, diff --git a/src/dsfr-deprecated/.package.yml b/src/dsfr-deprecated/.package.yml new file mode 100644 index 000000000..65cf9c6a7 --- /dev/null +++ b/src/dsfr-deprecated/.package.yml @@ -0,0 +1,4 @@ +id: dsfr-deprecated +detached: true +draft: true +filename: dsfr diff --git a/src/dsfr-deprecated/legacy.js b/src/dsfr-deprecated/legacy.js new file mode 100644 index 000000000..3a19a3cef --- /dev/null +++ b/src/dsfr-deprecated/legacy.js @@ -0,0 +1,2 @@ +import api from '../legacy.js'; +export default api; diff --git a/src/dsfr-deprecated/legacy.scss b/src/dsfr-deprecated/legacy.scss new file mode 100644 index 000000000..15e4efb26 --- /dev/null +++ b/src/dsfr-deprecated/legacy.scss @@ -0,0 +1,7 @@ +//// +/// Dsfr Legacy +/// @group dsfr +//// + +@import '../core/style/path/path-1'; +@import '../legacy'; diff --git a/src/dsfr-deprecated/main.js b/src/dsfr-deprecated/main.js new file mode 100644 index 000000000..720b35355 --- /dev/null +++ b/src/dsfr-deprecated/main.js @@ -0,0 +1,2 @@ +import api from '../main.js'; +export default api; diff --git a/src/dsfr-deprecated/main.scss b/src/dsfr-deprecated/main.scss new file mode 100644 index 000000000..618a2f9fa --- /dev/null +++ b/src/dsfr-deprecated/main.scss @@ -0,0 +1,7 @@ +//// +/// Dsfr Main +/// @group dsfr +//// + +@import '../core/style/path/path-1'; +@import '../main'; diff --git a/src/legacy.scss b/src/legacy.scss index 30ad13d43..2f56fb999 100644 --- a/src/legacy.scss +++ b/src/legacy.scss @@ -4,5 +4,6 @@ //// @import 'media-query-order'; +@import 'core/style/path/path-0'; @import 'core/legacy'; @import 'component/legacy'; diff --git a/src/main.scss b/src/main.scss index a364dfe32..f3d07b8e8 100644 --- a/src/main.scss +++ b/src/main.scss @@ -4,6 +4,7 @@ //// @import 'media-query-order'; +@import 'core/style/path/path-0'; @import 'core/main'; @import 'scheme/main'; @import 'component/main'; diff --git a/src/utility/.folder.yml b/src/utility/.folder.yml new file mode 100644 index 000000000..a6e974ff6 --- /dev/null +++ b/src/utility/.folder.yml @@ -0,0 +1,5 @@ +id: utility +title: Utilitaire +description: +doc: +detached: true diff --git a/src/utility/icons/.folder.yml b/src/utility/icons/.folder.yml new file mode 100644 index 000000000..2adfba643 --- /dev/null +++ b/src/utility/icons/.folder.yml @@ -0,0 +1,4 @@ +id: icons +title: Utilitaires d'icônes +description: +doc: diff --git a/src/utility/icons/example/category.ejs b/src/utility/icons/example/category.ejs new file mode 100644 index 000000000..4783e28b7 --- /dev/null +++ b/src/utility/icons/example/category.ejs @@ -0,0 +1,11 @@ +<% + const sample = getSample(include); + + const icons = JSON.parse(include('../../../../.config/icon.json')); + const selected = icons.filter(icon => icon.category === locals.category); + + for (const icon of selected) { + %> +<%- sample(`${icon.name} [${icon.family}]`, '../../../core/template/ejs/icon/icon', { icon: icon }, true); %> + +<% } %> diff --git a/src/utility/icons/icons-buildings/.package.yml b/src/utility/icons/icons-buildings/.package.yml new file mode 100644 index 000000000..2832129a1 --- /dev/null +++ b/src/utility/icons/icons-buildings/.package.yml @@ -0,0 +1,7 @@ +id: icons-buildings +title: Icônes Buildings +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-buildings/example/index.ejs b/src/utility/icons/icons-buildings/example/index.ejs new file mode 100644 index 000000000..e4eb27c5f --- /dev/null +++ b/src/utility/icons/icons-buildings/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'buildings'})%> diff --git a/src/utility/icons/icons-buildings/index.scss b/src/utility/icons/icons-buildings/index.scss new file mode 100644 index 000000000..a1401112a --- /dev/null +++ b/src/utility/icons/icons-buildings/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Buildings +/// @group icons-buildings +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-buildings/legacy.scss b/src/utility/icons/icons-buildings/legacy.scss new file mode 100644 index 000000000..2bc4d23d0 --- /dev/null +++ b/src/utility/icons/icons-buildings/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Buildings Legacy +/// @group icons-buildings +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-buildings/main.scss b/src/utility/icons/icons-buildings/main.scss new file mode 100644 index 000000000..0200f6bc7 --- /dev/null +++ b/src/utility/icons/icons-buildings/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Buildings Main +/// @group icon-buildings +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON BUILDINGS +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-buildings/style/_legacy.scss b/src/utility/icons/icons-buildings/style/_legacy.scss new file mode 100644 index 000000000..6f34eb145 --- /dev/null +++ b/src/utility/icons/icons-buildings/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Buildings Legacy +/// @group icons-buildings +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('buildings')); +} diff --git a/src/utility/icons/icons-buildings/style/_module.scss b/src/utility/icons/icons-buildings/style/_module.scss new file mode 100644 index 000000000..d01880c9d --- /dev/null +++ b/src/utility/icons/icons-buildings/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Buildings Module +/// @group icons-buildings +//// + +@include generate-icons(filter-icons('buildings')); diff --git a/src/utility/icons/icons-business/.package.yml b/src/utility/icons/icons-business/.package.yml new file mode 100644 index 000000000..f35cacaee --- /dev/null +++ b/src/utility/icons/icons-business/.package.yml @@ -0,0 +1,7 @@ +id: icons-business +title: Icônes Business +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-business/example/index.ejs b/src/utility/icons/icons-business/example/index.ejs new file mode 100644 index 000000000..a913044ec --- /dev/null +++ b/src/utility/icons/icons-business/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'business'})%> diff --git a/src/utility/icons/icons-business/index.scss b/src/utility/icons/icons-business/index.scss new file mode 100644 index 000000000..d26abe017 --- /dev/null +++ b/src/utility/icons/icons-business/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Business +/// @group icons-business +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-business/legacy.scss b/src/utility/icons/icons-business/legacy.scss new file mode 100644 index 000000000..647ace1c2 --- /dev/null +++ b/src/utility/icons/icons-business/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Business +/// @group icons-business +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-business/main.scss b/src/utility/icons/icons-business/main.scss new file mode 100644 index 000000000..033791b88 --- /dev/null +++ b/src/utility/icons/icons-business/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Business Main +/// @group icons-business +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON BUSINESS +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-business/style/_legacy.scss b/src/utility/icons/icons-business/style/_legacy.scss new file mode 100644 index 000000000..320b3a1b8 --- /dev/null +++ b/src/utility/icons/icons-business/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Business Legacy +/// @group icons-business +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('business')); +} diff --git a/src/utility/icons/icons-business/style/_module.scss b/src/utility/icons/icons-business/style/_module.scss new file mode 100644 index 000000000..919cbce14 --- /dev/null +++ b/src/utility/icons/icons-business/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Business Module +/// @group icons-business +//// + +@include generate-icons(filter-icons('business')); diff --git a/src/utility/icons/icons-communication/.package.yml b/src/utility/icons/icons-communication/.package.yml new file mode 100644 index 000000000..769053553 --- /dev/null +++ b/src/utility/icons/icons-communication/.package.yml @@ -0,0 +1,7 @@ +id: icons-communication +title: Icônes Communication +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-communication/example/index.ejs b/src/utility/icons/icons-communication/example/index.ejs new file mode 100644 index 000000000..ff1180200 --- /dev/null +++ b/src/utility/icons/icons-communication/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'communication'})%> diff --git a/src/utility/icons/icons-communication/index.scss b/src/utility/icons/icons-communication/index.scss new file mode 100644 index 000000000..ff1ca24c9 --- /dev/null +++ b/src/utility/icons/icons-communication/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Communication +/// @group icons-communication +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-communication/legacy.scss b/src/utility/icons/icons-communication/legacy.scss new file mode 100644 index 000000000..9952ca8a0 --- /dev/null +++ b/src/utility/icons/icons-communication/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Communication +/// @group icons-communication +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-communication/main.scss b/src/utility/icons/icons-communication/main.scss new file mode 100644 index 000000000..600da3847 --- /dev/null +++ b/src/utility/icons/icons-communication/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Communication Main +/// @group icons-communication +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-communication/style/_legacy.scss b/src/utility/icons/icons-communication/style/_legacy.scss new file mode 100644 index 000000000..0a68b2e6e --- /dev/null +++ b/src/utility/icons/icons-communication/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Communication Legacy +/// @group icons-communication +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('communication')); +} diff --git a/src/utility/icons/icons-communication/style/_module.scss b/src/utility/icons/icons-communication/style/_module.scss new file mode 100644 index 000000000..5787e0046 --- /dev/null +++ b/src/utility/icons/icons-communication/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Communication Module +/// @group icons-communication +//// + +@include generate-icons(filter-icons('communication')); diff --git a/src/utility/icons/icons-design/.package.yml b/src/utility/icons/icons-design/.package.yml new file mode 100644 index 000000000..b4f29ddf7 --- /dev/null +++ b/src/utility/icons/icons-design/.package.yml @@ -0,0 +1,7 @@ +id: icons-design +title: Icônes Design +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-design/example/index.ejs b/src/utility/icons/icons-design/example/index.ejs new file mode 100644 index 000000000..8196a32be --- /dev/null +++ b/src/utility/icons/icons-design/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'design'})%> diff --git a/src/utility/icons/icons-design/index.scss b/src/utility/icons/icons-design/index.scss new file mode 100644 index 000000000..e87c62663 --- /dev/null +++ b/src/utility/icons/icons-design/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Design +/// @group icons-design +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-design/legacy.scss b/src/utility/icons/icons-design/legacy.scss new file mode 100644 index 000000000..0bafb26e7 --- /dev/null +++ b/src/utility/icons/icons-design/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Design +/// @group icons-design +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-design/main.scss b/src/utility/icons/icons-design/main.scss new file mode 100644 index 000000000..84655db52 --- /dev/null +++ b/src/utility/icons/icons-design/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Design Main +/// @group icons-design +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON DESIGN +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-design/style/_legacy.scss b/src/utility/icons/icons-design/style/_legacy.scss new file mode 100644 index 000000000..0569e669a --- /dev/null +++ b/src/utility/icons/icons-design/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Design Legacy +/// @group icons-design +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('design')); +} diff --git a/src/utility/icons/icons-design/style/_module.scss b/src/utility/icons/icons-design/style/_module.scss new file mode 100644 index 000000000..a897c0e11 --- /dev/null +++ b/src/utility/icons/icons-design/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Design Module +/// @group icons-design +//// + +@include generate-icons(filter-icons('design')); diff --git a/src/utility/icons/icons-development/.package.yml b/src/utility/icons/icons-development/.package.yml new file mode 100644 index 000000000..af28e218d --- /dev/null +++ b/src/utility/icons/icons-development/.package.yml @@ -0,0 +1,7 @@ +id: icons-development +title: Icônes Development +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-development/example/index.ejs b/src/utility/icons/icons-development/example/index.ejs new file mode 100644 index 000000000..a5a24807a --- /dev/null +++ b/src/utility/icons/icons-development/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'development'})%> diff --git a/src/utility/icons/icons-development/index.scss b/src/utility/icons/icons-development/index.scss new file mode 100644 index 000000000..29ad36bf3 --- /dev/null +++ b/src/utility/icons/icons-development/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Development +/// @group icons-development +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-development/legacy.scss b/src/utility/icons/icons-development/legacy.scss new file mode 100644 index 000000000..edc3bed8a --- /dev/null +++ b/src/utility/icons/icons-development/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Development +/// @group icons-development +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-development/main.scss b/src/utility/icons/icons-development/main.scss new file mode 100644 index 000000000..471c7dbca --- /dev/null +++ b/src/utility/icons/icons-development/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Development Main +/// @group icons-development +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-development/style/_legacy.scss b/src/utility/icons/icons-development/style/_legacy.scss new file mode 100644 index 000000000..635a5573e --- /dev/null +++ b/src/utility/icons/icons-development/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Development Legacy +/// @group icons-development +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('development')); +} diff --git a/src/utility/icons/icons-development/style/_module.scss b/src/utility/icons/icons-development/style/_module.scss new file mode 100644 index 000000000..d6e92dc8a --- /dev/null +++ b/src/utility/icons/icons-development/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Development Module +/// @group icons-development +//// + +@include generate-icons(filter-icons('development')); diff --git a/src/utility/icons/icons-device/.package.yml b/src/utility/icons/icons-device/.package.yml new file mode 100644 index 000000000..7573c7c30 --- /dev/null +++ b/src/utility/icons/icons-device/.package.yml @@ -0,0 +1,7 @@ +id: icons-device +title: Icônes Device +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-device/example/index.ejs b/src/utility/icons/icons-device/example/index.ejs new file mode 100644 index 000000000..fee63bf01 --- /dev/null +++ b/src/utility/icons/icons-device/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'device'})%> diff --git a/src/utility/icons/icons-device/index.scss b/src/utility/icons/icons-device/index.scss new file mode 100644 index 000000000..705b3d9dc --- /dev/null +++ b/src/utility/icons/icons-device/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Device +/// @group icons-device +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-device/legacy.scss b/src/utility/icons/icons-device/legacy.scss new file mode 100644 index 000000000..d43502e22 --- /dev/null +++ b/src/utility/icons/icons-device/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Device +/// @group icons-device +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-device/main.scss b/src/utility/icons/icons-device/main.scss new file mode 100644 index 000000000..dd50ede1f --- /dev/null +++ b/src/utility/icons/icons-device/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Device Main +/// @group icons-device +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-device/style/_legacy.scss b/src/utility/icons/icons-device/style/_legacy.scss new file mode 100644 index 000000000..7e4b38bc2 --- /dev/null +++ b/src/utility/icons/icons-device/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Device Legacy +/// @group icons-device +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('device')); +} diff --git a/src/utility/icons/icons-device/style/_module.scss b/src/utility/icons/icons-device/style/_module.scss new file mode 100644 index 000000000..43f4a627e --- /dev/null +++ b/src/utility/icons/icons-device/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Device Module +/// @group icons-device +//// + +@include generate-icons(filter-icons('device')); diff --git a/src/utility/icons/icons-document/.package.yml b/src/utility/icons/icons-document/.package.yml new file mode 100644 index 000000000..434d02f87 --- /dev/null +++ b/src/utility/icons/icons-document/.package.yml @@ -0,0 +1,7 @@ +id: icons-document +title: Icônes Document +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-document/example/index.ejs b/src/utility/icons/icons-document/example/index.ejs new file mode 100644 index 000000000..3fa97dc2e --- /dev/null +++ b/src/utility/icons/icons-document/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'document'})%> diff --git a/src/utility/icons/icons-document/index.scss b/src/utility/icons/icons-document/index.scss new file mode 100644 index 000000000..554d86bc2 --- /dev/null +++ b/src/utility/icons/icons-document/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Document +/// @group icons-document +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-document/legacy.scss b/src/utility/icons/icons-document/legacy.scss new file mode 100644 index 000000000..61b9fa240 --- /dev/null +++ b/src/utility/icons/icons-document/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Document +/// @group icons-document +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-document/main.scss b/src/utility/icons/icons-document/main.scss new file mode 100644 index 000000000..e799d5102 --- /dev/null +++ b/src/utility/icons/icons-document/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Document Main +/// @group icons-document +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-document/style/_legacy.scss b/src/utility/icons/icons-document/style/_legacy.scss new file mode 100644 index 000000000..559c605ca --- /dev/null +++ b/src/utility/icons/icons-document/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Document Legacy +/// @group icons-document +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('document')); +} diff --git a/src/utility/icons/icons-document/style/_module.scss b/src/utility/icons/icons-document/style/_module.scss new file mode 100644 index 000000000..69e8834d2 --- /dev/null +++ b/src/utility/icons/icons-document/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Document Module +/// @group icons-document +//// + +@include generate-icons(filter-icons('document')); diff --git a/src/utility/icons/icons-editor/.package.yml b/src/utility/icons/icons-editor/.package.yml new file mode 100644 index 000000000..e010eae81 --- /dev/null +++ b/src/utility/icons/icons-editor/.package.yml @@ -0,0 +1,7 @@ +id: icons-editor +title: Icônes Editor +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-editor/example/index.ejs b/src/utility/icons/icons-editor/example/index.ejs new file mode 100644 index 000000000..d13131178 --- /dev/null +++ b/src/utility/icons/icons-editor/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'editor'})%> diff --git a/src/utility/icons/icons-editor/index.scss b/src/utility/icons/icons-editor/index.scss new file mode 100644 index 000000000..59196b2da --- /dev/null +++ b/src/utility/icons/icons-editor/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Editor +/// @group icons-editor +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-editor/legacy.scss b/src/utility/icons/icons-editor/legacy.scss new file mode 100644 index 000000000..2d13317a6 --- /dev/null +++ b/src/utility/icons/icons-editor/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Editor +/// @group icons-editor +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-editor/main.scss b/src/utility/icons/icons-editor/main.scss new file mode 100644 index 000000000..190f5d4f2 --- /dev/null +++ b/src/utility/icons/icons-editor/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Editor Main +/// @group icons-editor +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-editor/style/_legacy.scss b/src/utility/icons/icons-editor/style/_legacy.scss new file mode 100644 index 000000000..8b771c5b7 --- /dev/null +++ b/src/utility/icons/icons-editor/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Editor Legacy +/// @group icons-editor +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('editor')); +} diff --git a/src/utility/icons/icons-editor/style/_module.scss b/src/utility/icons/icons-editor/style/_module.scss new file mode 100644 index 000000000..90cd7d7a7 --- /dev/null +++ b/src/utility/icons/icons-editor/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Editor Module +/// @group icons-editor +//// + +@include generate-icons(filter-icons('editor')); diff --git a/src/utility/icons/icons-finance/.package.yml b/src/utility/icons/icons-finance/.package.yml new file mode 100644 index 000000000..d51499a57 --- /dev/null +++ b/src/utility/icons/icons-finance/.package.yml @@ -0,0 +1,7 @@ +id: icons-finance +title: Icônes Finance +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-finance/example/index.ejs b/src/utility/icons/icons-finance/example/index.ejs new file mode 100644 index 000000000..bcfb7f8b3 --- /dev/null +++ b/src/utility/icons/icons-finance/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'finance'})%> diff --git a/src/utility/icons/icons-finance/index.scss b/src/utility/icons/icons-finance/index.scss new file mode 100644 index 000000000..c28580fd9 --- /dev/null +++ b/src/utility/icons/icons-finance/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Finance +/// @group icons-finance +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-finance/legacy.scss b/src/utility/icons/icons-finance/legacy.scss new file mode 100644 index 000000000..b11aa67d2 --- /dev/null +++ b/src/utility/icons/icons-finance/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Finance +/// @group icons-finance +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-finance/main.scss b/src/utility/icons/icons-finance/main.scss new file mode 100644 index 000000000..34594a69f --- /dev/null +++ b/src/utility/icons/icons-finance/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Finance Main +/// @group icons-finance +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-finance/style/_legacy.scss b/src/utility/icons/icons-finance/style/_legacy.scss new file mode 100644 index 000000000..4dae2cd0c --- /dev/null +++ b/src/utility/icons/icons-finance/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Finance Legacy +/// @group icons-finance +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('finance')); +} diff --git a/src/utility/icons/icons-finance/style/_module.scss b/src/utility/icons/icons-finance/style/_module.scss new file mode 100644 index 000000000..1c722a965 --- /dev/null +++ b/src/utility/icons/icons-finance/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Finance Module +/// @group icons-finance +//// + +@include generate-icons(filter-icons('finance')); diff --git a/src/utility/icons/icons-health/.package.yml b/src/utility/icons/icons-health/.package.yml new file mode 100644 index 000000000..c0a705456 --- /dev/null +++ b/src/utility/icons/icons-health/.package.yml @@ -0,0 +1,7 @@ +id: icons-health +title: Icônes Health +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-health/example/index.ejs b/src/utility/icons/icons-health/example/index.ejs new file mode 100644 index 000000000..d8273ce88 --- /dev/null +++ b/src/utility/icons/icons-health/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'health'})%> diff --git a/src/utility/icons/icons-health/index.scss b/src/utility/icons/icons-health/index.scss new file mode 100644 index 000000000..cd7e132d2 --- /dev/null +++ b/src/utility/icons/icons-health/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Health +/// @group icons-health +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-health/legacy.scss b/src/utility/icons/icons-health/legacy.scss new file mode 100644 index 000000000..64239ef75 --- /dev/null +++ b/src/utility/icons/icons-health/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Health +/// @group icons-health +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-health/main.scss b/src/utility/icons/icons-health/main.scss new file mode 100644 index 000000000..fdb98d53b --- /dev/null +++ b/src/utility/icons/icons-health/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Health Main +/// @group icons-health +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-health/style/_legacy.scss b/src/utility/icons/icons-health/style/_legacy.scss new file mode 100644 index 000000000..906b8340c --- /dev/null +++ b/src/utility/icons/icons-health/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Health Legacy +/// @group icons-health +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('health')); +} diff --git a/src/utility/icons/icons-health/style/_module.scss b/src/utility/icons/icons-health/style/_module.scss new file mode 100644 index 000000000..53f8f4b3a --- /dev/null +++ b/src/utility/icons/icons-health/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Health Module +/// @group icons-health +//// + +@include generate-icons(filter-icons('health')); diff --git a/src/utility/icons/icons-logo/.package.yml b/src/utility/icons/icons-logo/.package.yml new file mode 100644 index 000000000..46dc8126a --- /dev/null +++ b/src/utility/icons/icons-logo/.package.yml @@ -0,0 +1,7 @@ +id: icons-logo +title: Icônes Logo +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-logo/example/index.ejs b/src/utility/icons/icons-logo/example/index.ejs new file mode 100644 index 000000000..317d1be89 --- /dev/null +++ b/src/utility/icons/icons-logo/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'logo'})%> diff --git a/src/utility/icons/icons-logo/index.scss b/src/utility/icons/icons-logo/index.scss new file mode 100644 index 000000000..555cbc338 --- /dev/null +++ b/src/utility/icons/icons-logo/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Logo +/// @group icons-logo +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-logo/legacy.scss b/src/utility/icons/icons-logo/legacy.scss new file mode 100644 index 000000000..ca8c3a530 --- /dev/null +++ b/src/utility/icons/icons-logo/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Logo +/// @group icons-logo +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-logo/main.scss b/src/utility/icons/icons-logo/main.scss new file mode 100644 index 000000000..c90d4cbe4 --- /dev/null +++ b/src/utility/icons/icons-logo/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Logo Main +/// @group icons-logo +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-logo/style/_legacy.scss b/src/utility/icons/icons-logo/style/_legacy.scss new file mode 100644 index 000000000..8f8db0dbb --- /dev/null +++ b/src/utility/icons/icons-logo/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Logo Legacy +/// @group icons-logo +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('logo')); +} diff --git a/src/utility/icons/icons-logo/style/_module.scss b/src/utility/icons/icons-logo/style/_module.scss new file mode 100644 index 000000000..5e50bc9a1 --- /dev/null +++ b/src/utility/icons/icons-logo/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Logo Module +/// @group icons-logo +//// + +@include generate-icons(filter-icons('logo')); diff --git a/src/utility/icons/icons-map/.package.yml b/src/utility/icons/icons-map/.package.yml new file mode 100644 index 000000000..5c2578acd --- /dev/null +++ b/src/utility/icons/icons-map/.package.yml @@ -0,0 +1,7 @@ +id: icons-map +title: Icônes Map +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-map/example/index.ejs b/src/utility/icons/icons-map/example/index.ejs new file mode 100644 index 000000000..27f0fa171 --- /dev/null +++ b/src/utility/icons/icons-map/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'map'})%> diff --git a/src/utility/icons/icons-map/index.scss b/src/utility/icons/icons-map/index.scss new file mode 100644 index 000000000..4bed407fc --- /dev/null +++ b/src/utility/icons/icons-map/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Map +/// @group icons-map +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-map/legacy.scss b/src/utility/icons/icons-map/legacy.scss new file mode 100644 index 000000000..b668b1320 --- /dev/null +++ b/src/utility/icons/icons-map/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Map +/// @group icons-map +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-map/main.scss b/src/utility/icons/icons-map/main.scss new file mode 100644 index 000000000..0b0beb15b --- /dev/null +++ b/src/utility/icons/icons-map/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Map Main +/// @group icons-map +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-map/style/_legacy.scss b/src/utility/icons/icons-map/style/_legacy.scss new file mode 100644 index 000000000..496dc9493 --- /dev/null +++ b/src/utility/icons/icons-map/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Map Legacy +/// @group icons-map +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('map')); +} diff --git a/src/utility/icons/icons-map/style/_module.scss b/src/utility/icons/icons-map/style/_module.scss new file mode 100644 index 000000000..fe7ebaefc --- /dev/null +++ b/src/utility/icons/icons-map/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Map Module +/// @group icons-map +//// + +@include generate-icons(filter-icons('map')); diff --git a/src/utility/icons/icons-media/.package.yml b/src/utility/icons/icons-media/.package.yml new file mode 100644 index 000000000..fa7e66632 --- /dev/null +++ b/src/utility/icons/icons-media/.package.yml @@ -0,0 +1,7 @@ +id: icons-media +title: Icônes Media +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-media/example/index.ejs b/src/utility/icons/icons-media/example/index.ejs new file mode 100644 index 000000000..6b2eda971 --- /dev/null +++ b/src/utility/icons/icons-media/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'media'})%> diff --git a/src/utility/icons/icons-media/index.scss b/src/utility/icons/icons-media/index.scss new file mode 100644 index 000000000..bb4ea7704 --- /dev/null +++ b/src/utility/icons/icons-media/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Media +/// @group icons-media +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-media/legacy.scss b/src/utility/icons/icons-media/legacy.scss new file mode 100644 index 000000000..c66bb13b4 --- /dev/null +++ b/src/utility/icons/icons-media/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Media +/// @group icons-media +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-media/main.scss b/src/utility/icons/icons-media/main.scss new file mode 100644 index 000000000..0d58545b3 --- /dev/null +++ b/src/utility/icons/icons-media/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Media Main +/// @group icons-media +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-media/style/_legacy.scss b/src/utility/icons/icons-media/style/_legacy.scss new file mode 100644 index 000000000..4fb1b10fe --- /dev/null +++ b/src/utility/icons/icons-media/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Media Legacy +/// @group icons-media +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('media')); +} diff --git a/src/utility/icons/icons-media/style/_module.scss b/src/utility/icons/icons-media/style/_module.scss new file mode 100644 index 000000000..86c132a7f --- /dev/null +++ b/src/utility/icons/icons-media/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Media Module +/// @group icons-media +//// + +@include generate-icons(filter-icons('media')); diff --git a/src/utility/icons/icons-others/.package.yml b/src/utility/icons/icons-others/.package.yml new file mode 100644 index 000000000..f9f7eb8aa --- /dev/null +++ b/src/utility/icons/icons-others/.package.yml @@ -0,0 +1,7 @@ +id: icons-others +title: Icônes Others +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-others/example/index.ejs b/src/utility/icons/icons-others/example/index.ejs new file mode 100644 index 000000000..61cc2d2d0 --- /dev/null +++ b/src/utility/icons/icons-others/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'others'})%> diff --git a/src/utility/icons/icons-others/index.scss b/src/utility/icons/icons-others/index.scss new file mode 100644 index 000000000..67b474824 --- /dev/null +++ b/src/utility/icons/icons-others/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Others +/// @group icons-others +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-others/legacy.scss b/src/utility/icons/icons-others/legacy.scss new file mode 100644 index 000000000..aea1299c8 --- /dev/null +++ b/src/utility/icons/icons-others/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Others +/// @group icons-others +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-others/main.scss b/src/utility/icons/icons-others/main.scss new file mode 100644 index 000000000..393b42ccd --- /dev/null +++ b/src/utility/icons/icons-others/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Others Main +/// @group icons-others +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-others/style/_legacy.scss b/src/utility/icons/icons-others/style/_legacy.scss new file mode 100644 index 000000000..acdc97ae3 --- /dev/null +++ b/src/utility/icons/icons-others/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Others Legacy +/// @group icons-others +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('others')); +} diff --git a/src/utility/icons/icons-others/style/_module.scss b/src/utility/icons/icons-others/style/_module.scss new file mode 100644 index 000000000..94fab885d --- /dev/null +++ b/src/utility/icons/icons-others/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Others Module +/// @group icons-others +//// + +@include generate-icons(filter-icons('others')); diff --git a/src/utility/icons/icons-system/.package.yml b/src/utility/icons/icons-system/.package.yml new file mode 100644 index 000000000..e45664461 --- /dev/null +++ b/src/utility/icons/icons-system/.package.yml @@ -0,0 +1,7 @@ +id: icons-system +title: Icônes System +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-system/deprecated/style/_legacy.scss b/src/utility/icons/icons-system/deprecated/style/_legacy.scss new file mode 100644 index 000000000..e18f33450 --- /dev/null +++ b/src/utility/icons/icons-system/deprecated/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon System Legacy +/// @group icon-system +//// + +@include legacy(ie11) { + @include generate-deprecated-icons-legacy($deprecated-icons, filter-icons('system')); +} diff --git a/src/utility/icons/icons-system/deprecated/style/_module.scss b/src/utility/icons/icons-system/deprecated/style/_module.scss new file mode 100644 index 000000000..da13111f0 --- /dev/null +++ b/src/utility/icons/icons-system/deprecated/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon System Module +/// @group icon-system +//// + +@include generate-deprecated-icons($deprecated-icons, filter-icons('system')); diff --git a/src/utility/icons/icons-system/deprecated/style/_settings.scss b/src/utility/icons/icons-system/deprecated/style/_settings.scss new file mode 100644 index 000000000..edeb56308 --- /dev/null +++ b/src/utility/icons/icons-system/deprecated/style/_settings.scss @@ -0,0 +1 @@ +$deprecated-icons: error-fill error-line success-fill success-line info-fill info-line warning-fill warning-line flashlight-fill flashlight-line bold highlight menu-fill menu-2-fill arrow-up-line arrow-up-fill arrow-right-line arrow-down-line arrow-left-line arrow-up-s-line arrow-right-s-line arrow-down-s-line arrow-left-s-line arrow-left-s-first-line arrow-left-s-line-double arrow-right-s-last-line arrow-right-s-line-double arrow-right-up-line arrow-go-back-fill arrow-go-back-line user-fill user-line account-fill account-line lock-fill lock-line logout-box-r-fill logout-box-r-line home-4-fill home-4-line question-fill question-line information-fill information-line error-warning-fill error-warning-line close-line check-line add-circle-fill add-circle-line subtract-line add-line search-fill search-line eye-fill eye-line eye-off-fill eye-off-line zoom-in-fill zoom-in-line zoom-out-fill zoom-out-line printer-fill printer-line upload-2-fill upload-2-line file-download-fill file-download-line download-line external-link-line edit-fill edit-line links-fill link-unlink delete-line delete-fill save-fill save-line calendar-fill calendar-line file-fill file-line mail-fill mail-line phone-fill phone-line refresh-fill refresh-line equalizer-fill equalizer-line filter-fill filter-line attachment-fill attachment-line theme-fill italic list-ordered list-unordered font-size play-fill play-line volume-up-fill volume-up-line volume-mute-fill volume-mute-line volume-down-fill volume-down-line pause-circle-fill pause-circle-line file-pdf-fill file-pdf-line chat-quote-fill chat-quote-line rss-fill rss-line image-fill image-line line-chart-fill line-chart-line map-pin-2-fill map-pin-2-line road-map-fill road-map-line timer-fill timer-line dailymotion-fill dailymotion-line facebook-circle-fill facebook-circle-line github-fill github-line instagram-fill instagram-line linkedin-box-fill linkedin-box-line npmjs-fill npmjs-line remixicon-fill remixicon-line slack-fill slack-line snapchat-fill snapchat-line telegram-fill telegram-line twitter-fill twitter-line twitch-fill twitch-line vimeo-fill vimeo-line youtube-fill youtube-line; diff --git a/src/utility/icons/icons-system/example/index.ejs b/src/utility/icons/icons-system/example/index.ejs new file mode 100644 index 000000000..952f9626e --- /dev/null +++ b/src/utility/icons/icons-system/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'system'})%> diff --git a/src/utility/icons/icons-system/index.scss b/src/utility/icons/icons-system/index.scss new file mode 100644 index 000000000..c6e3bb93e --- /dev/null +++ b/src/utility/icons/icons-system/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon System +/// @group icons-system +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-system/legacy.scss b/src/utility/icons/icons-system/legacy.scss new file mode 100644 index 000000000..9478a9b1d --- /dev/null +++ b/src/utility/icons/icons-system/legacy.scss @@ -0,0 +1,13 @@ +//// +/// Icon System Legacy +/// @group icons-system +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; + +// deprecated +@import 'deprecated/style/settings'; +@import 'deprecated/style/legacy'; diff --git a/src/utility/icons/icons-system/main.scss b/src/utility/icons/icons-system/main.scss new file mode 100644 index 000000000..e3d5e6d6d --- /dev/null +++ b/src/utility/icons/icons-system/main.scss @@ -0,0 +1,17 @@ +//// +/// Icon System Main +/// @group icons-system +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON SYSTEM +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; + +// deprecated +@import 'deprecated/style/settings'; +@import 'deprecated/style/module'; diff --git a/src/utility/icons/icons-system/style/_legacy.scss b/src/utility/icons/icons-system/style/_legacy.scss new file mode 100644 index 000000000..7ccda0788 --- /dev/null +++ b/src/utility/icons/icons-system/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon System Legacy +/// @group icons-system +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('system')); +} diff --git a/src/utility/icons/icons-system/style/_module.scss b/src/utility/icons/icons-system/style/_module.scss new file mode 100644 index 000000000..bf22011a7 --- /dev/null +++ b/src/utility/icons/icons-system/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon System Module +/// @group icons-system +//// + +@include generate-icons(filter-icons('system')); diff --git a/src/utility/icons/icons-user/.package.yml b/src/utility/icons/icons-user/.package.yml new file mode 100644 index 000000000..aa3347a1e --- /dev/null +++ b/src/utility/icons/icons-user/.package.yml @@ -0,0 +1,7 @@ +id: icons-user +title: Icônes User +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-user/example/index.ejs b/src/utility/icons/icons-user/example/index.ejs new file mode 100644 index 000000000..c4f448f61 --- /dev/null +++ b/src/utility/icons/icons-user/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'user'})%> diff --git a/src/utility/icons/icons-user/index.scss b/src/utility/icons/icons-user/index.scss new file mode 100644 index 000000000..c66d0fa60 --- /dev/null +++ b/src/utility/icons/icons-user/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon User +/// @group icons-user +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-user/legacy.scss b/src/utility/icons/icons-user/legacy.scss new file mode 100644 index 000000000..c3e34b5ee --- /dev/null +++ b/src/utility/icons/icons-user/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon User +/// @group icons-user +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-user/main.scss b/src/utility/icons/icons-user/main.scss new file mode 100644 index 000000000..21338f21b --- /dev/null +++ b/src/utility/icons/icons-user/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon User Main +/// @group icons-user +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-user/style/_legacy.scss b/src/utility/icons/icons-user/style/_legacy.scss new file mode 100644 index 000000000..987c8597b --- /dev/null +++ b/src/utility/icons/icons-user/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon User Legacy +/// @group icons-user +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('user')); +} diff --git a/src/utility/icons/icons-user/style/_module.scss b/src/utility/icons/icons-user/style/_module.scss new file mode 100644 index 000000000..0ecb61124 --- /dev/null +++ b/src/utility/icons/icons-user/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon User Module +/// @group icons-user +//// + +@include generate-icons(filter-icons('user')); diff --git a/src/utility/icons/icons-weather/.package.yml b/src/utility/icons/icons-weather/.package.yml new file mode 100644 index 000000000..07d4241d1 --- /dev/null +++ b/src/utility/icons/icons-weather/.package.yml @@ -0,0 +1,7 @@ +id: icons-weather +title: Icônes Weather +description: +doc: +wrapper: col-8 +style: + - core diff --git a/src/utility/icons/icons-weather/example/index.ejs b/src/utility/icons/icons-weather/example/index.ejs new file mode 100644 index 000000000..9c4b98f1b --- /dev/null +++ b/src/utility/icons/icons-weather/example/index.ejs @@ -0,0 +1 @@ +<%- include('../../example/category', { category: 'weather'})%> diff --git a/src/utility/icons/icons-weather/index.scss b/src/utility/icons/icons-weather/index.scss new file mode 100644 index 000000000..d92dffbb1 --- /dev/null +++ b/src/utility/icons/icons-weather/index.scss @@ -0,0 +1,6 @@ +//// +/// Icon Weather +/// @group icons-weather +//// + +@import '../../../core/index'; diff --git a/src/utility/icons/icons-weather/legacy.scss b/src/utility/icons/icons-weather/legacy.scss new file mode 100644 index 000000000..1628e439d --- /dev/null +++ b/src/utility/icons/icons-weather/legacy.scss @@ -0,0 +1,9 @@ +//// +/// Icon Weather +/// @group icons-weather +//// + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/legacy'; diff --git a/src/utility/icons/icons-weather/main.scss b/src/utility/icons/icons-weather/main.scss new file mode 100644 index 000000000..fed47f9ba --- /dev/null +++ b/src/utility/icons/icons-weather/main.scss @@ -0,0 +1,13 @@ +//// +/// Icon Weather Main +/// @group icons-weather +//// + +/* ¯¯¯¯¯¯¯¯¯ *\ + ICON COMMUNICATION +\* ˍˍˍˍˍˍˍˍˍ */ + +@import '../../../core/style/path/path-3'; +@import '../../../media-query-order'; +@import 'index'; +@import 'style/module'; diff --git a/src/utility/icons/icons-weather/style/_legacy.scss b/src/utility/icons/icons-weather/style/_legacy.scss new file mode 100644 index 000000000..54f7a89dd --- /dev/null +++ b/src/utility/icons/icons-weather/style/_legacy.scss @@ -0,0 +1,8 @@ +//// +/// Icon Weather Legacy +/// @group icons-weather +//// + +@include legacy(ie11) { + @include generate-icons-legacy(filter-icons('weather')); +} diff --git a/src/utility/icons/icons-weather/style/_module.scss b/src/utility/icons/icons-weather/style/_module.scss new file mode 100644 index 000000000..d2fc22982 --- /dev/null +++ b/src/utility/icons/icons-weather/style/_module.scss @@ -0,0 +1,6 @@ +//// +/// Icon Weather Module +/// @group icons-weather +//// + +@include generate-icons(filter-icons('weather')); diff --git a/src/utility/icons/legacy.scss b/src/utility/icons/legacy.scss new file mode 100644 index 000000000..fa0951617 --- /dev/null +++ b/src/utility/icons/legacy.scss @@ -0,0 +1,24 @@ +//// +/// Icons Legacy +/// @group icons +//// + +@import '../../media-query-order'; +@import '../../core/style/path/path-2'; +@import 'icons-buildings/legacy'; +@import 'icons-business/legacy'; +@import 'icons-communication/legacy'; +@import 'icons-design/legacy'; +@import 'icons-development/legacy'; +@import 'icons-device/legacy'; +@import 'icons-document/legacy'; +@import 'icons-editor/legacy'; +@import 'icons-finance/legacy'; +@import 'icons-health/legacy'; +@import 'icons-logo/legacy'; +@import 'icons-map/legacy'; +@import 'icons-media/legacy'; +@import 'icons-others/legacy'; +@import 'icons-system/legacy'; +@import 'icons-user/legacy'; +@import 'icons-weather/legacy'; diff --git a/src/utility/icons/main.scss b/src/utility/icons/main.scss new file mode 100644 index 000000000..2bd27f83b --- /dev/null +++ b/src/utility/icons/main.scss @@ -0,0 +1,24 @@ +//// +/// Icons Main +/// @group icons +//// + +@import '../../media-query-order'; +@import '../../core/style/path/path-2'; +@import 'icons-buildings/main'; +@import 'icons-business/main'; +@import 'icons-communication/main'; +@import 'icons-design/main'; +@import 'icons-development/main'; +@import 'icons-device/main'; +@import 'icons-document/main'; +@import 'icons-editor/main'; +@import 'icons-finance/main'; +@import 'icons-health/main'; +@import 'icons-logo/main'; +@import 'icons-map/main'; +@import 'icons-media/main'; +@import 'icons-others/main'; +@import 'icons-system/main'; +@import 'icons-user/main'; +@import 'icons-weather/main'; diff --git a/src/utility/legacy.scss b/src/utility/legacy.scss new file mode 100644 index 000000000..4efda5adb --- /dev/null +++ b/src/utility/legacy.scss @@ -0,0 +1,8 @@ +//// +/// Utility Legacy +/// @group utility +//// + +@import '../media-query-order'; +@import '../core/style/path/path-1'; +@import 'icons/legacy'; diff --git a/src/utility/main.scss b/src/utility/main.scss new file mode 100644 index 000000000..153cbd739 --- /dev/null +++ b/src/utility/main.scss @@ -0,0 +1,8 @@ +//// +/// Utility Main +/// @group utility +//// + +@import '../media-query-order'; +@import '../core/style/path/path-1'; +@import 'icons/main'; diff --git a/tool/build/build.js b/tool/build/build.js index d78ee981c..b39a1c49f 100644 --- a/tool/build/build.js +++ b/tool/build/build.js @@ -65,7 +65,7 @@ const build = async (settings) => { log.section('examples', true); for (const pck of packages) { - if (pck.draft) continue; + if (pck.draft || !pck.example) continue; try { await buildExample(pck); } catch (e) { diff --git a/tool/build/example.js b/tool/build/example.js index 5a1afe6c7..8c0fbff2f 100644 --- a/tool/build/example.js +++ b/tool/build/example.js @@ -44,7 +44,7 @@ const buildExample = (pck) => { const up = pck.path.split('/').map(s => '../').join(''); - const requiredStyle = ['core', 'scheme', 'link', 'accordion', 'form', 'radio', 'modal', 'button']; + const requiredStyle = ['core', 'scheme', 'link', 'accordion', 'form', 'radio', 'modal', 'button', 'utility']; const exampleStyle = pck.example.style.map(id => packages.filter(i => i.id === id)[0].usage.style).flat(); const neededStyle = [...pck.usage.style, ...requiredStyle, ...exampleStyle].filter((id, index, array) => array.indexOf(id) === index); diff --git a/tool/build/scripts.js b/tool/build/scripts.js index 612a7933e..ae58dedee 100644 --- a/tool/build/scripts.js +++ b/tool/build/scripts.js @@ -74,10 +74,10 @@ const buildScript = async (pck, minify, legacy, map, standalone) => { let data = `import '${src}/main.js'\n`; if (pck.module) { - await process(data, dir, pck.id, false, false, map, standalone); + await process(data, dir, pck.filename, false, false, map, standalone); if (minify) { - await process(data, dir, pck.id, true, false, map, standalone); + await process(data, dir, pck.filename, true, false, map, standalone); } } diff --git a/tool/build/styles.js b/tool/build/styles.js index 904c35be8..d287ff262 100644 --- a/tool/build/styles.js +++ b/tool/build/styles.js @@ -32,7 +32,7 @@ const input = (path, file, standalone) => { const output = (pck, file, standalone) => { const append = file ? `.${file}` : ''; - const filePath = root(`${standalone ? pck.standalone.dist : pck.dist}/${pck.id}${append}${standalone ? '.standalone' : ''}`); + const filePath = root(`${standalone ? pck.standalone.dist : pck.dist}/${pck.filename}${append}${standalone ? '.standalone' : ''}`); return filePath; }; diff --git a/tool/generate/concatenate.js b/tool/generate/concatenate.js index aa8a2b234..dd2391eb0 100644 --- a/tool/generate/concatenate.js +++ b/tool/generate/concatenate.js @@ -10,7 +10,7 @@ const generateStyle = (pck, file) => { `; - const children = pck.children.filter(child => child.style && child.style.files.indexOf(file) > -1); + const children = pck.children.filter(child => !child.detached && child.style && child.style.files.indexOf(file) > -1); children.sort((a, b) => a.style.level - b.style.level); @@ -23,6 +23,8 @@ const generateStyle = (pck, file) => { } content += `@import '${pathToCore}media-query-order';\n`; + content += `@import '${pathToCore}core/style/path/path-${depthLevel}';\n`; + for (const child of children) { content += `@import '${child.path.replace(ascendance, '')}/${file}';\n`; } @@ -33,7 +35,7 @@ const generateStyle = (pck, file) => { const generateScript = (pck, file) => { let content; - const children = pck.children.filter(child => child.script && child.script.files.indexOf(file) > -1); + const children = pck.children.filter(child => !child.detached && child.script && child.script.files.indexOf(file) > -1); children.sort((a, b) => a.script.level - b.script.level); diff --git a/tool/generate/config.js b/tool/generate/config.js index d0ee29a8d..413d3b1c4 100644 --- a/tool/generate/config.js +++ b/tool/generate/config.js @@ -49,16 +49,16 @@ const analyse = (id, path, ascendants = []) => { if (children.some(child => child.style)) { files = ['main']; - files.push(...['scheme', 'legacy'].filter(file => children.some(child => child.style && child.style.files.indexOf(file) > -1))); + files.push(...['legacy'].filter(file => children.some(child => child.style && child.style.files.indexOf(file) > -1))); config.style = { level: -1, files: files }; - replace.style = [...children.map(child => child.replace.style).flat(), ...children.filter(child => child.style).map(child => child.id)].filter((id, index, array) => array.indexOf(id) === index); + replace.style = [...children.map(child => !child.detached ? child.replace.style : []).flat(), ...children.filter(child => child.style && !child.detached).map(child => child.id)].filter((id, index, array) => array.indexOf(id) === index); } if (children.some(child => child.script)) { files = ['main']; files.push(...['legacy'].filter(file => children.some(child => child.style && child.style.files.indexOf(file) > -1))); config.script = { level: -1, files: files }; - replace.script = [...children.map(child => child.replace.script).flat(), ...children.filter(child => child.script).map(child => child.id)].filter((id, index, array) => array.indexOf(id) === index); + replace.script = [...children.map(child => !child.detached ? child.replace.script : []).flat(), ...children.filter(child => child.script && !child.detached).map(child => child.id)].filter((id, index, array) => array.indexOf(id) === index); } } else return null; @@ -75,10 +75,16 @@ const analyse = (id, path, ascendants = []) => { config.prepend = data.prepend === true; config.module = data.module !== false; config.nomodule = data.nomodule !== false; - const example = data.example || {}; - if (!example.style) example.style = []; - if (!example.script) example.script = []; - config.example = example; + config.detached = data.detached === true; + config.filename = data.filename || data.id; + + if (type === 'folder' || fs.existsSync(`${absolute}/example/index.ejs`)) { + const example = data.example || {}; + if (!example.style) example.style = []; + if (!example.script) example.script = []; + config.example = example; + } else config.example = false; + const dependencies = { style: [], script: [] @@ -93,7 +99,7 @@ const analyse = (id, path, ascendants = []) => { config.dependencies = dependencies; config.replace = replace; - config.dist = data.dist ? data.dist : config.path.replace('src', 'dist'); + config.dist = data.dist ? data.dist : config.path.replace('src', 'dist').replace(data.id, data.filename || data.id); config.example.file = `${config.path.replace('src', 'example')}/index.html`; if (config.standalone) { config.standalone.dist = `standalone/${config.id}`; diff --git a/tool/generate/icon.js b/tool/generate/icon.js index cfe50b02e..22d48329d 100644 --- a/tool/generate/icon.js +++ b/tool/generate/icon.js @@ -3,31 +3,44 @@ const path = require('path'); const root = require('../utilities/root'); const { createFile } = require('../utilities/file'); -const getIconList = (dir, suff) => { - const icons = []; - const iconDir = root(`${dir}/${suff}`); - fs.readdirSync(iconDir).forEach((file) => { - const ls = fs.lstatSync(path.join(iconDir, file)); - if (ls.isFile() && path.extname(file) === '.svg') { - const name = file.substring(0, file.length - 4); - icons.push(name); - } - }); - - return icons; -}; - const generateIcon = async (dir) => { - let sass = '$icons-settings-remix: ('; - for (const icon of getIconList(dir, 'remix')) sass += `${icon}, `; - sass += ');\n'; + let sass = '$icons-config: (\n'; + const json = []; + const absolute = root(dir); + const categories = fs.readdirSync(absolute).filter((fd) => fs.lstatSync(`${absolute}/${fd}`).isDirectory()); + for (const category of categories) { + const dir = `${absolute}/${category}`; + const icons = fs.readdirSync(dir).filter(file => { + const ls = fs.lstatSync(path.join(dir, file)); + return ls.isFile() && path.extname(file) === '.svg'; + }); + for (const icon of icons) { + let family, name; + const filename = icon.split('.').slice(0, -1).join('.'); + if (filename.indexOf('--') > -1) { + const s = filename.split('--'); + switch (s[0]) { + case 'fr': + family = 'dsfr'; + name = s.slice(1).join('--'); + break; + } + } else { + family = 'remix'; + name = filename; + } + const p = `icons/${category}/${icon}`; - sass += '$icons-settings-dsfr: ('; - for (const icon of getIconList(dir, 'dsfr')) sass += `${icon}, `; + sass += ` ${name}: ( family: '${family}', category: '${category}', path: '${p}' ),\n`; + json.push({ name: name, family: family, category: category, path: p }); + } + } sass += ');\n'; - const iconPath = root('.config/icon.scss'); - createFile(iconPath, sass); + const sassPath = root('.config/icon.scss'); + const jsonPath = root('.config/icon.json'); + createFile(sassPath, sass); + createFile(jsonPath, JSON.stringify(json)); }; module.exports = { generateIcon }; diff --git a/tool/utilities/config.js b/tool/utilities/config.js index 87ec4aade..e45f0be04 100644 --- a/tool/utilities/config.js +++ b/tool/utilities/config.js @@ -1,19 +1,7 @@ const fs = require('fs'); -const yaml = require('js-yaml'); const root = require('../utilities/root'); const log = require('./log'); -const getPackageYML = (id) => { - try { - const file = root(`src/${id.path}/.package.yml`); - const fileContents = fs.readFileSync(file, 'utf8'); - const data = yaml.load(fileContents); - return data; - } catch (e) { - log.error(e); - } -}; - const getConfigJSON = () => { try { const file = root('.config/config.json'); @@ -37,4 +25,4 @@ const getPackages = () => { return flat; }; -module.exports = { flatten, getPackageYML, getConfigJSON, getPackages }; +module.exports = { flatten, getConfigJSON, getPackages }; From c46146b2ddc19b658bbd23cc75eaa55647e5d3f1 Mon Sep 17 00:00:00 2001 From: lab9 Date: Thu, 21 Apr 2022 13:18:03 +0200 Subject: [PATCH 19/24] fix(download,card): transpilation async et commentaire (#283) --- .../card/example/sample/card-default.ejs | 2 +- .../download/script/download/assess-file.js | 37 +++++++++++-------- src/component/main.scss | 2 +- 3 files changed, 24 insertions(+), 17 deletions(-) diff --git a/src/component/card/example/sample/card-default.ejs b/src/component/card/example/sample/card-default.ejs index 1fee5f2c4..0dffb1cd7 100755 --- a/src/component/card/example/sample/card-default.ejs +++ b/src/component/card/example/sample/card-default.ejs @@ -29,7 +29,7 @@ if (card.img || card.vid) { switch (true) { case card.img !== undefined: - data.header.img = { ...imgData('img/placeholder.16x9.png', 'unrendered'), ...card.img}; + data.header.img = { ...imgData('img/placeholder.16x9.png', 'unknown'), ...card.img}; break; case card.vid !== undefined: diff --git a/src/component/download/script/download/assess-file.js b/src/component/download/script/download/assess-file.js index 419869292..620cbed80 100644 --- a/src/component/download/script/download/assess-file.js +++ b/src/component/download/script/download/assess-file.js @@ -6,7 +6,7 @@ class AssessFile extends api.core.Instance { return 'AssessFile'; } - async init () { + init () { this.lang = this.getLang(this.node); this.href = this.getAttribute('href'); @@ -16,29 +16,36 @@ class AssessFile extends api.core.Instance { this.update(); } - async getFileLength () { - if (this.href === undefined) return null; - const response = await fetch(this.href, { method: 'HEAD', mode: 'cors' }); - const length = response.headers.get('content-length'); - if (!length) { - console.warn('Impossible de détecter le poids du fichier ' + this.href + '\nErreur de récupération de l\'en-tête HTTP : "content-length"'); - return null; + getFileLength () { + if (this.href === undefined) { + this.length = -1; + return; } - return this.bytesToSize(length); + fetch(this.href, { method: 'HEAD', mode: 'cors' }).then(response => { + this.length = response.headers.get('content-length') || -1; + if (this.length === -1) { + console.warn('Impossible de détecter le poids du fichier ' + this.href + '\nErreur de récupération de l\'en-tête HTTP : "content-length"'); + } + this.update(); + }); } - async update () { - const length = await this.getFileLength(); - let details = []; + update () { + // TODO V2: implémenter async + if (!this.length) { + this.getFileLength(); + return; + } + const details = []; if (this.detail) { if (this.href) { const extension = this.parseExtension(this.href); if (extension) details.push(extension.toUpperCase()); } - if (length) { - details.push(length); + if (this.length !== -1) { + details.push(this.bytesToSize(this.length)); } if (this.hreflang) { @@ -64,7 +71,7 @@ class AssessFile extends api.core.Instance { } bytesToSize (bytes) { - if (bytes === 0) return null; + if (bytes === -1) return null; let sizeUnits = ['octets', 'ko', 'Mo', 'Go', 'To']; if (this.getAttribute(api.internals.ns.attr('assess-file')) === 'bytes') { diff --git a/src/component/main.scss b/src/component/main.scss index 0f5912790..4dbbcd65c 100644 --- a/src/component/main.scss +++ b/src/component/main.scss @@ -16,6 +16,7 @@ @import 'highlight/main'; @import 'summary/main'; @import 'table/main'; +@import 'download/main'; @import 'tile/main'; @import 'accordion/main'; @import 'badge/main'; @@ -29,7 +30,6 @@ @import 'pagination/main'; @import 'footer/main'; @import 'tag/main'; -@import 'download/main'; @import 'alert/main'; @import 'card/main'; @import 'input/main'; From 4bbd1f78e640faa9ee3b15e9c7d454a85cd1f3f6 Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Thu, 21 Apr 2022 15:30:45 +0200 Subject: [PATCH 20/24] fix(download): retrait exemple groupe sm [DS-246] (#284) --- src/component/download/example/sample/sample-group-link.ejs | 1 - 1 file changed, 1 deletion(-) diff --git a/src/component/download/example/sample/sample-group-link.ejs b/src/component/download/example/sample/sample-group-link.ejs index 57bf8fef1..98cb6cff1 100644 --- a/src/component/download/example/sample/sample-group-link.ejs +++ b/src/component/download/example/sample/sample-group-link.ejs @@ -3,4 +3,3 @@ const sample = getSample(include); %> <%- sample('Groupe de liens de téléchargement', './download-group', {downloadsGroup: {groupCount: 3, enlarge: false}}, true) %> <%- sample('Groupe de liens de téléchargement avec bordure', './download-group', {downloadsGroup: {groupCount: 3, title: "Titre facultatif", bordered: true, enlarge: false}}, true, '../layout', {col: {md:6}, desc: 'dans une grille, sur 3 à 8 colonnes en version desktop'}) %> -<%- sample('Groupe de liens de téléchargement avec bordure taille SM', './download-group', {downloadsGroup: {groupCount: 3, title: "Titre facultatif", bordered: true, size: 'sm', enlarge: false}}, true, '../layout', {col: {md:5}, desc: 'dans une grille, sur 3 à 8 colonnes en version desktop'}) %> From 10175c7073b721d7dc56cd171f599d6c8f6f260c Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Thu, 21 Apr 2022 16:32:24 +0200 Subject: [PATCH 21/24] fix(legacy): media query legacy manquante (#285) --- src/component/tag/style/_legacy.scss | 12 ++++++------ src/component/toggle/style/_legacy.scss | 22 ++++++++++++---------- 2 files changed, 18 insertions(+), 16 deletions(-) diff --git a/src/component/tag/style/_legacy.scss b/src/component/tag/style/_legacy.scss index 262201800..27449e4d5 100644 --- a/src/component/tag/style/_legacy.scss +++ b/src/component/tag/style/_legacy.scss @@ -58,13 +58,13 @@ } } } -} -@include clickable-selector { - #{ns(tag)} { - // empeche le hover du tag pressable sur ie - @include pressed-selector(true) { - @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% space(1v), transparent space(2.3125v), $COLOR space(2.5v)) )); + @include clickable-selector { + #{ns(tag)} { + // empeche le hover du tag pressable sur ie + @include pressed-selector(true) { + @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% space(1v), transparent space(2.3125v), $COLOR space(2.5v)) )); + } } } } diff --git a/src/component/toggle/style/_legacy.scss b/src/component/toggle/style/_legacy.scss index fa5fcd216..ec8db221c 100644 --- a/src/component/toggle/style/_legacy.scss +++ b/src/component/toggle/style/_legacy.scss @@ -3,18 +3,20 @@ /// @group toggle //// -#{ns(toggle)} { - input[type="checkbox"] { - &::-ms-check { - display: none; - } +@include legacy(ie11) { + #{ns(toggle)} { + input[type="checkbox"] { + &::-ms-check { + display: none; + } - &:checked { - @include icon-legacy(check-line, md); + &:checked { + @include icon-legacy(check-line, md); + } } - } - &__list { - list-style: none; + &__list { + list-style: none; + } } } From d8835b603bc9edf23be3875ad18dbf1102c3e16e Mon Sep 17 00:00:00 2001 From: lab9 Date: Thu, 21 Apr 2022 18:23:27 +0200 Subject: [PATCH 22/24] fix: correctif icon alert et globale (#287) --- src/component/alert/style/_module.scss | 8 ++++---- src/core/style/icon/_module.scss | 2 +- src/utility/icons/icons-buildings/style/_module.scss | 4 ++++ src/utility/icons/icons-business/style/_module.scss | 4 ++++ src/utility/icons/icons-communication/style/_module.scss | 4 ++++ src/utility/icons/icons-design/style/_module.scss | 4 ++++ src/utility/icons/icons-development/style/_module.scss | 4 ++++ src/utility/icons/icons-device/style/_module.scss | 4 ++++ src/utility/icons/icons-document/style/_module.scss | 4 ++++ src/utility/icons/icons-editor/style/_module.scss | 4 ++++ src/utility/icons/icons-finance/style/_module.scss | 4 ++++ src/utility/icons/icons-health/style/_module.scss | 4 ++++ src/utility/icons/icons-logo/style/_module.scss | 4 ++++ src/utility/icons/icons-map/style/_module.scss | 4 ++++ src/utility/icons/icons-media/style/_module.scss | 4 ++++ src/utility/icons/icons-others/style/_module.scss | 4 ++++ src/utility/icons/icons-system/style/_module.scss | 4 ++++ src/utility/icons/icons-user/style/_module.scss | 4 ++++ src/utility/icons/icons-weather/style/_module.scss | 4 ++++ 19 files changed, 73 insertions(+), 5 deletions(-) diff --git a/src/component/alert/style/_module.scss b/src/component/alert/style/_module.scss index 1b581b4ef..dee9d6971 100644 --- a/src/component/alert/style/_module.scss +++ b/src/component/alert/style/_module.scss @@ -29,19 +29,19 @@ } &--info { - @include icon-content(info-fill); + @include icon-content(info-fill, before, false, ''); } &--success { - @include icon-content(success-fill); + @include icon-content(success-fill, before, false, ''); } &--error { - @include icon-content(error-fill); + @include icon-content(error-fill, before, false, ''); } &--warning { - @include icon-content(warning-fill); + @include icon-content(warning-fill, before, false, ''); } &--sm { diff --git a/src/core/style/icon/_module.scss b/src/core/style/icon/_module.scss index 58be48aa4..32b0ad1ba 100644 --- a/src/core/style/icon/_module.scss +++ b/src/core/style/icon/_module.scss @@ -4,7 +4,7 @@ //// @include has-icon { - @include icon-style; + @include icon-style(before, null); @include icon-size(md); } diff --git a/src/utility/icons/icons-buildings/style/_module.scss b/src/utility/icons/icons-buildings/style/_module.scss index d01880c9d..28d088ce4 100644 --- a/src/utility/icons/icons-buildings/style/_module.scss +++ b/src/utility/icons/icons-buildings/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-buildings //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('buildings')); diff --git a/src/utility/icons/icons-business/style/_module.scss b/src/utility/icons/icons-business/style/_module.scss index 919cbce14..d0d24b17e 100644 --- a/src/utility/icons/icons-business/style/_module.scss +++ b/src/utility/icons/icons-business/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-business //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('business')); diff --git a/src/utility/icons/icons-communication/style/_module.scss b/src/utility/icons/icons-communication/style/_module.scss index 5787e0046..003338cb6 100644 --- a/src/utility/icons/icons-communication/style/_module.scss +++ b/src/utility/icons/icons-communication/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-communication //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('communication')); diff --git a/src/utility/icons/icons-design/style/_module.scss b/src/utility/icons/icons-design/style/_module.scss index a897c0e11..3d8d0559c 100644 --- a/src/utility/icons/icons-design/style/_module.scss +++ b/src/utility/icons/icons-design/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-design //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('design')); diff --git a/src/utility/icons/icons-development/style/_module.scss b/src/utility/icons/icons-development/style/_module.scss index d6e92dc8a..711b6b2ca 100644 --- a/src/utility/icons/icons-development/style/_module.scss +++ b/src/utility/icons/icons-development/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-development //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('development')); diff --git a/src/utility/icons/icons-device/style/_module.scss b/src/utility/icons/icons-device/style/_module.scss index 43f4a627e..149adafdd 100644 --- a/src/utility/icons/icons-device/style/_module.scss +++ b/src/utility/icons/icons-device/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-device //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('device')); diff --git a/src/utility/icons/icons-document/style/_module.scss b/src/utility/icons/icons-document/style/_module.scss index 69e8834d2..b5b4dd285 100644 --- a/src/utility/icons/icons-document/style/_module.scss +++ b/src/utility/icons/icons-document/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-document //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('document')); diff --git a/src/utility/icons/icons-editor/style/_module.scss b/src/utility/icons/icons-editor/style/_module.scss index 90cd7d7a7..6d6bcf5e5 100644 --- a/src/utility/icons/icons-editor/style/_module.scss +++ b/src/utility/icons/icons-editor/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-editor //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('editor')); diff --git a/src/utility/icons/icons-finance/style/_module.scss b/src/utility/icons/icons-finance/style/_module.scss index 1c722a965..f4167c567 100644 --- a/src/utility/icons/icons-finance/style/_module.scss +++ b/src/utility/icons/icons-finance/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-finance //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('finance')); diff --git a/src/utility/icons/icons-health/style/_module.scss b/src/utility/icons/icons-health/style/_module.scss index 53f8f4b3a..49e4e570b 100644 --- a/src/utility/icons/icons-health/style/_module.scss +++ b/src/utility/icons/icons-health/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-health //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('health')); diff --git a/src/utility/icons/icons-logo/style/_module.scss b/src/utility/icons/icons-logo/style/_module.scss index 5e50bc9a1..788d979c8 100644 --- a/src/utility/icons/icons-logo/style/_module.scss +++ b/src/utility/icons/icons-logo/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-logo //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('logo')); diff --git a/src/utility/icons/icons-map/style/_module.scss b/src/utility/icons/icons-map/style/_module.scss index fe7ebaefc..6376370fe 100644 --- a/src/utility/icons/icons-map/style/_module.scss +++ b/src/utility/icons/icons-map/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-map //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('map')); diff --git a/src/utility/icons/icons-media/style/_module.scss b/src/utility/icons/icons-media/style/_module.scss index 86c132a7f..815210359 100644 --- a/src/utility/icons/icons-media/style/_module.scss +++ b/src/utility/icons/icons-media/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-media //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('media')); diff --git a/src/utility/icons/icons-others/style/_module.scss b/src/utility/icons/icons-others/style/_module.scss index 94fab885d..94f3f8f13 100644 --- a/src/utility/icons/icons-others/style/_module.scss +++ b/src/utility/icons/icons-others/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-others //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('others')); diff --git a/src/utility/icons/icons-system/style/_module.scss b/src/utility/icons/icons-system/style/_module.scss index bf22011a7..12a58b13b 100644 --- a/src/utility/icons/icons-system/style/_module.scss +++ b/src/utility/icons/icons-system/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-system //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('system')); diff --git a/src/utility/icons/icons-user/style/_module.scss b/src/utility/icons/icons-user/style/_module.scss index 0ecb61124..48cba53ab 100644 --- a/src/utility/icons/icons-user/style/_module.scss +++ b/src/utility/icons/icons-user/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-user //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('user')); diff --git a/src/utility/icons/icons-weather/style/_module.scss b/src/utility/icons/icons-weather/style/_module.scss index d2fc22982..e541b547d 100644 --- a/src/utility/icons/icons-weather/style/_module.scss +++ b/src/utility/icons/icons-weather/style/_module.scss @@ -3,4 +3,8 @@ /// @group icons-weather //// +@include has-icon { + @include before(''); +} + @include generate-icons(filter-icons('weather')); From b338507c0a4a5126abf3349ddc26a0494965aa4a Mon Sep 17 00:00:00 2001 From: Keryan SANIE Date: Thu, 21 Apr 2022 19:35:32 +0200 Subject: [PATCH 23/24] fix: contributing.md et readme.md 1.5.0 (#286) --- CONTRIBUTING.md | 14 +++++++++++--- README.md | 44 ++++++++++++++++++++++++++++---------------- 2 files changed, 39 insertions(+), 19 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 4460cf982..8d739e6d4 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -284,9 +284,10 @@ La pull request doit être faite depuis la branche de votre fork vers la branche ## Compilation -La compilation des sources permet de créer un dossier `dist`, `exemple` et `.config` à la racine du projet. Le dossier `dist` contient les fichiers CSS et JS compilés, ainsi que les favicons et l'ensemble des fonts utilisées au sein du DSFR. +La compilation des sources permet de créer un dossier `dist`, `exemple` et `.config` à la racine du projet. Le dossier `dist` contient les fichiers CSS et JS compilés, ainsi que les favicons et l'ensemble des fonts et icônes utilisées au sein du DSFR. -Le dossier `.config` contient les variables générales JS et SCSS ainsi que la configuration nécessaire au build. Plus particulièrement le fichier `config.json` répertorie toute l’arborescence de src, les dépendances et leur ordre qu’il récupère depuis les fichiers `package.yml` de chaque package et `folder.yml` pour les dossier (src, component, page, pattern) +Le dossier `.config` contient les variables générales JS et SCSS ainsi que la configuration nécessaire au build. Plus particulièrement, le fichier `config.json` répertorie toute l’arborescence de src, les dépendances et leur ordre qu’il récupère depuis les fichiers `package.yml` de chaque package et `folder.yml` pour les dossier (src, component, page, pattern). +Les fichiers `icon.scss` et `icon.json` définissent les variables d'icônes pour la génération des classes utilitaires. Le dossier `example` contient les exemples HTML générés depuis les samples ejs. L'ordre des imports css et js est défini par l'ordre des dépendances dans le `package.yml`. @@ -308,12 +309,19 @@ Pour voir les différents paramètres disponibles : `yarn build --help` ## Autres commandes ### Icônes -La gestion des icônes se fait à l'aide d'une webfont, chargée directement via CSS en base64. Celle-ci est générée automatiquement à partir des fichiers `.svg` se trouvant dans le dossier `src/core/icon/svg/`. Il est donc possible d'ajouter des icônes, en ajoutant des fichiers `.svg` à ce dossier, et en relançant le build : +Les icônes, placées dans le répertoire `src/core/icon/`, sont exportées à la compilation dans dist/icons et des classes utilitaires CSS sont créées dans dist/utility/icons. +Il est possible d'ajouter des icônes, en ajoutant des fichiers `.svg` dans `src/core/icon`, et en relançant le build : ``` yarn build --clean ``` +NB : Un fichier icon.scss (et icon.json) est généré dans .config à la compilation. +Il définit pour chaque icône : +- son nom, défini par le nom de l’icone +- sa catégorie, défini par son dossier +- sa famille (dsfr ou remix), par défaut remix, dsfr si le nom de l’icone est préfixé par “fr--” +- son chemin d’accès ### Sassdoc Des commentaires spéciaux sont utilisés sur l'ensemble des fichier `scss`, afin de permettre la génération d'une [Sassdoc](http://sassdoc.com/) automatiquement, documentant l'ensemble des `mixins` et `functions` utilisés sur le DSFR : diff --git a/README.md b/README.md index b31144240..508b86813 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Il est possible de télécharger l'ensemble du **DSFR** au format zip ci-dessous [Fichiers statiques](https://gouvfr.atlassian.net/wiki/spaces/DB/pages/223019574/D+veloppeurs#Fichiers-statiques) ### NPM -Le **DSFR** est disponible sur NPM via un ensemble de packages qu'il est possible d'ajouter directement à votre projet. Il est de ce fait nécessaire d'installer [NodeJS](https://nodejs.org), et d'avoir un fichier **package.json** à la racine de votre projet. (Il est possible d'en créer un directement via la commande ```npm init```). +Le **DSFR** est disponible sur NPM via un ensemble de packages qu'il est possible d'ajouter directement à votre projet. Il est de ce fait nécessaire d'installer [NodeJS](https://nodejs.org), et d'avoir un fichier **package.json** à la racine de votre projet. (Il est possible d'en créer un directement via la commande `npm init`). Une fois en place, il suffit d'installer le package **@gouvfr/dsfr** contenant l’ensemble des composants: @@ -48,13 +48,15 @@ Une structure minimale serait : ``` / Racine du projet -└── font -└── dsfr - └── dsfr.min.css - └── dsfr.module.min.js - └── dsfr.nomodule.min.js -└── favicon └── index.html +└── dsfr.min.css +└── dsfr.module.min.js +└── dsfr.nomodule.min.js +└── favicon +└── font +└── icons +└── utility + └── icons ``` Les polices de caractères utilisées sur le DS, à savoir la Marianne et la Spectral, sont des fichiers .woff et .woff2, ils doivent se trouver dans le répertoire font. Ce dossier doit être placé au même niveau que le dossier contenant le CSS du core dsfr ('dsfr' dans notre exemple puisque dsfr.min.css contient le core) @@ -70,7 +72,8 @@ Consulter la [documentation des paramètres d’affichage](https://gouvfr.atlass - + + @@ -89,23 +92,23 @@ Consulter la [documentation des paramètres d’affichage](https://gouvfr.atlass --> - - + + ``` **Les CSS** -Afin d’inclure la totalité des composants et des styles du DS, il est nécessaire d’inclure la feuille de style ```dist/dsfr/dsfr.min.css```. +Afin d’inclure la totalité des composants et des styles du DS, il est nécessaire d’inclure la feuille de style `dist/dsfr.min.css`. Les classes utilitaires, notamment les icônes, sont disponibles dans un fichier à part dans `dist/utility/utility.scss`. -Il est aussi possible d’importer uniquement ce que l’on souhaite utiliser. En effet, pour ajouter un composant seul il suffit d’importer son CSS ainsi que celui de chacune des dépendances de ce composant. Ces dépendances sont listés dans le ```README.md``` de chaque package. +Il est aussi possible d’importer uniquement ce que l’on souhaite utiliser. En effet, pour ajouter un composant seul il suffit d’importer son CSS ainsi que celui de chacune des dépendances de ce composant. Ces dépendances sont listés dans le `README.md` de chaque package. **Le Javascript** -L’ensemble du code javascript nécessaire au bon fonctionnement du DS se trouve dans deux fichiers ```dist/dsfr/dsfr.module.min.js``` et ```dist/dsfr/dsfr.nomodule.min.js```. +L’ensemble du code javascript nécessaire au bon fonctionnement du DS se trouve dans deux fichiers `dist/dsfr.module.min.js` et `dist/dsfr.nomodule.min.js`. De la même façon que le CSS il est possible d’importer uniquement le JS des composants utilisés (et leurs dépendances). @@ -115,16 +118,25 @@ Le fichier dsfr.nomodule.min.js est utilisé par les anciens navigateurs ne supp Il est **impératif** d’appeler les **deux fichiers** javascript afin que le code s’exécute correctement sur l’ensemble des navigateurs supportés : ```html - - + + ``` +### Icônes +Les icônes sont stockées dans `dist/icons` et classées par catégories. +Le design système utilise principalement des icônes de la librairie remixIcon. Il existe aussi des icônes personnalisées, celles-ci sont préfixée par “fr--”. + +Afin d’utiliser ces icônes, des classes utilitaires CSS sont associés à chaque icône. Par ex. : `fr-icon-error-fill` +Ces classes sont disponible dans `utility` qui importe `dist/utility/icons/icons.css`. +Il est aussi possible d’importer uniquement certaines catégories d’icônes afin d’optimiser le poids. Par ex. : `dist/utility/icons/system/system.css` pour les icônes “system”. + +Pour plus d’informations : [Voir la documentation des icônes](https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331396). + ### Favicon [La documentation des favicons](https://gouvfr.atlassian.net/wiki/spaces/DB/pages/577930274) détaille la façon de les implémenter dans vos pages. - ## Fonctionnement ### BEM From 7b3d92e55171305014be17e160c32be5ac8bacad Mon Sep 17 00:00:00 2001 From: lab9 Date: Thu, 21 Apr 2022 19:43:05 +0200 Subject: [PATCH 24/24] fix(download): titre groupe de liens en classe BEM [DS-246] (#289) --- src/component/download/script/download/assess-file.js | 3 +++ src/component/download/style/_scheme.scss | 2 -- src/component/download/style/module/_download.scss | 9 +++------ src/component/download/style/module/_group.scss | 5 +++++ src/component/download/template/ejs/downloads-group.ejs | 2 +- 5 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/component/download/script/download/assess-file.js b/src/component/download/script/download/assess-file.js index 620cbed80..3f4d9c1a1 100644 --- a/src/component/download/script/download/assess-file.js +++ b/src/component/download/script/download/assess-file.js @@ -33,10 +33,13 @@ class AssessFile extends api.core.Instance { update () { // TODO V2: implémenter async + if (this.legacy) this.length = -1; + if (!this.length) { this.getFileLength(); return; } + const details = []; if (this.detail) { if (this.href) { diff --git a/src/component/download/style/_scheme.scss b/src/component/download/style/_scheme.scss index 7996bce29..507ebe634 100644 --- a/src/component/download/style/_scheme.scss +++ b/src/component/download/style/_scheme.scss @@ -28,8 +28,6 @@ } #{ns-group(downloads)} { - @include scheme-element-text-color(action-high blue-france, (legacy:$legacy)); - &--bordered { @include scheme-element-box-shadow-color(default grey, (legacy:$legacy), all-1-in); } diff --git a/src/component/download/style/module/_download.scss b/src/component/download/style/module/_download.scss index cefbda1d7..e341624b6 100644 --- a/src/component/download/style/module/_download.scss +++ b/src/component/download/style/module/_download.scss @@ -4,14 +4,11 @@ //// #{ns(download)} { + @include set-text-margin(0); + @include set-title-margin(0); @include relative; @include padding-bottom(6v); - @include margin(var(--text-spacing)); - - & > * { - @include set-text-margin(0); - @include set-title-margin(0); - } + @include margin(0 0 4v 0); &__link { @include padding(0); diff --git a/src/component/download/style/module/_group.scss b/src/component/download/style/module/_group.scss index 677a739c4..763f38f76 100644 --- a/src/component/download/style/module/_group.scss +++ b/src/component/download/style/module/_group.scss @@ -4,6 +4,11 @@ //// #{ns-group(downloads)} { + &__title { + @include title-style(h4); + @include margin(var(--title-spacing)); + } + &--bordered { @include padding(6v 6v 2v); @include padding(8v 8v 2v, md); diff --git a/src/component/download/template/ejs/downloads-group.ejs b/src/component/download/template/ejs/downloads-group.ejs index 1df69cdc9..15b6b556d 100644 --- a/src/component/download/template/ejs/downloads-group.ejs +++ b/src/component/download/template/ejs/downloads-group.ejs @@ -36,7 +36,7 @@ switch (downloadsGroup.size) {
    <%- includeAttrs(groupAttrs) %>> <% if (downloadsGroup.title) { %> -

    <%- downloadsGroup.title %>

    +

    <%- downloadsGroup.title %>

    <% } %>
      <% for (let i = 0; i < downloads.length; i++) { %>