{"_id":"@arcpkg/mda-icons","name":"@arcpkg/mda-icons","dist-tags":{"beta":"0.0.1-beta.0.1","latest":"0.0.1-beta.0.1"},"versions":{"0.0.1-beta.0.1":{"name":"@arcpkg/mda-icons","publishConfig":{"access":"public"},"version":"0.0.1-beta.0.1","description":"MDA-ICONS est la police d'icônes du système MDA : fontes générées (woff2, woff, ttf, otf) accompagnées des feuilles de styles CSS, SCSS et LESS, ainsi que des classes utilitaires responsive.","main":"css/mda-icons.css","style":"css/mda-icons.css","sass":"scss/mda-icons.scss","less":"less/mda-icons.less","keywords":["icons","icon-font","webfont","ttf","otf","woff","woff2","eot","svg","css","ie","responsive","mda","arcjs"],"author":{"name":"INICODE","email":"contact.inicode@gmail.com"},"license":"MIT","homepage":"https://github.com/inicode/mda-icons#readme","repository":{"type":"git","url":"git+https://github.com/inicode/mda-icons.git"},"bugs":{"url":"https://github.com/inicode/mda-icons/issues"},"scripts":{"init":"npm init --scope=@arcpkg/mda-icons","build":"node build-font.mjs","build:react":"node build-svgicons.mjs","login":"npm login"},"devDependencies":{"clipper-lib":"^6.4.2","svg2ttf":"^6.1.0","svgicons2svgfont":"^15.0.1","svgpath":"^2.6.0","ttf2eot":"^3.1.0","ttf2woff":"^3.0.0","ttf2woff2":"^8.0.1"},"_id":"@arcpkg/mda-icons@0.0.1-beta.0.1","_nodeVersion":"22.18.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-if+0mlhZWHUQAmu/ly0wClLGvKkjRNHKGCPdPfrLvA3FmrSOpyLpmr75K+0xLAN+F8PRYAQDCaD+XcCzwYeGWA==","shasum":"66c6b31a2542f3f8d33e48836fc4a5106140fa0d","tarball":"https://registry.npmjs.org/@arcpkg/mda-icons/-/mda-icons-0.0.1-beta.0.1.tgz","fileCount":28,"unpackedSize":20805023,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCDhMkQtcgcb4sJx7BQwmYX89s7rtQ09PsPozA5fNa92AIgJn0Q65KWhwowuBRJlDnkZaQAV5E9ibKKMssf1ms30Ps="}]},"_npmUser":{"name":"inicode12","email":"contact.inicode@gmail.com"},"directories":{},"maintainers":[{"name":"inicode12","email":"contact.inicode@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mda-icons_0.0.1-beta.0.1_1789053492587_0.8158758100461156"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-10T15:18:12.383Z","0.0.1-beta.0.1":"2026-09-10T15:18:12.833Z","modified":"2026-09-10T15:18:13.103Z"},"maintainers":[{"name":"inicode12","email":"contact.inicode@gmail.com"}],"description":"MDA-ICONS est la police d'icônes du système MDA : fontes générées (woff2, woff, ttf, otf) accompagnées des feuilles de styles CSS, SCSS et LESS, ainsi que des classes utilitaires responsive.","homepage":"https://github.com/inicode/mda-icons#readme","keywords":["icons","icon-font","webfont","ttf","otf","woff","woff2","eot","svg","css","ie","responsive","mda","arcjs"],"repository":{"type":"git","url":"git+https://github.com/inicode/mda-icons.git"},"author":{"name":"INICODE","email":"contact.inicode@gmail.com"},"bugs":{"url":"https://github.com/inicode/mda-icons/issues"},"license":"MIT","readme":"# @arcpkg/mda-icons\n\n[](LICENSE)\n\n\n\n\n**@arcpkg/mda-icons** est un **framework de police d'icônes** complet, utilisable\ndans n'importe quel écosystème (HTML pur, React, Vue, Angular, e-mails, …). Il\nfournit la webfont dans **tous les formats** (EOT, SVG, TTF, OTF, WOFF, WOFF2) avec\nles **métadonnées embarquées**, un **CSS prêt à l'emploi** (`mda-icon mda-icon-*`),\nune version **CSS auto-portée** (police en base64, aucun fichier à déployer), un\n**support IE6/7/8**, des sources **SCSS/LESS**, une **carte JSON** des codepoints et\nun **aperçu HTML**.\n\n> 2583 icônes pleines (style *solid*). Pour le style *outline*/contour et React/RN,\n> voir les paquets jumeaux `@arcpkg/mda-svgicons` (web) et\n> `@arcpkg/native-mda-svgicons` (React Native).\n\n## 📦 Installation\n\n```bash\nnpm install @arcpkg/mda-icons\n# ou : yarn add @arcpkg/mda-icons / pnpm add @arcpkg/mda-icons\n```\n\nLes assets sont **à la racine du paquet** (`css/`, `fonts/`, `scss/`, `less/`) —\ncomme font-awesome. En téléchargement manuel, copiez ces dossiers dans votre projet.\n\n## 🚀 Utilisation (HTML / n'importe quel écosystème)\n\n```html\n\n\n\n \n\n\n```\n\n### Classes utilitaires\n\n| Classe | Effet |\n|--------|-------|\n| `mda-icon-lg`, `-2x` … `-5x` | Taille |\n| `mda-icon-fw` | Largeur fixe (alignement en liste) |\n| `mda-icon-spin`, `mda-icon-pulse` | Rotation animée |\n| `mda-icon-rotate-90/180/270` | Rotation |\n| `mda-icon-flip-h`, `mda-icon-flip-v` | Miroir |\n| `mda-icon-outline` | Style **trait** (contour) |\n\nLa couleur et la taille suivent le **texte** (`color`, `font-size`) — c'est une\npolice, donc tout le CSS texte fonctionne.\n\n### Style outline (trait)\n\nChaque icône existe aussi en version **trait** via une seconde police\n(`mda-icons-outline`) aux **mêmes codepoints** : ajoutez simplement le modificateur\n`mda-icon-outline` à n'importe quelle icône.\n\n```html\n \n \n```\n\n## 🪟 Support Internet Explorer\n\n- **IE8** : fonctionne tel quel (format **EOT** + `:before`), via `css/mda-icons.css`.\n- **IE6 / IE7** : ces versions n'ont pas de contenu généré (`:before`). Deux\n options :\n\n 1. **Feuille dédiée** (injection auto via *expression* CSS, IE5–7 uniquement) :\n ```html\n \n \n ```\n 2. **Entité directe** (marche partout, IE6 inclus) :\n ```html\n \n ```\n Les entités sont dans `mda-icons.json` (`entity` / `codepoint`).\n\n## 🎁 CSS auto-porté (police embarquée en base64)\n\nUn seul fichier, aucun fichier de police à servir (idéal e-mails, widgets,\nextensions) :\n\n```html\n\n\n```\n\n## 🎨 SCSS / LESS\n\n```scss\n// SCSS — tout le framework\n@import '@arcpkg/mda-icons/scss/mda-icons';\n\n// ou variables + mixin seulement\n@import '@arcpkg/mda-icons/scss/variables';\n.btn-home::before { @include mda-icon('home'); }\n.btn-home::before { content: $mda-icon-home; } // variable directe\n```\n\n```less\n@import '@arcpkg/mda-icons/less/mda-icons.less';\n.btn::before { content: @mda-icon-home; }\n```\n\n## ⚛️ React / Vue / Angular\n\nImportez le CSS une fois, puis utilisez les classes :\n\n```jsx\nimport '@arcpkg/mda-icons/css/mda-icons.css';\nexport const Home = () => ;\n```\n\n## 🗂️ Contenu du paquet\n\n```\n@arcpkg/mda-icons/\n css/ mda-icons.css # CSS principal (@font-face multi-format + classes)\n mda-icons.min.css # version minifiée\n mda-icons-embedded.css # police en base64 (auto-porté)\n mda-icons-ie7.css # support IE6/7\n fonts/ mda-icons.{eot,svg,ttf,otf,woff,woff2} # webfont, métadonnées embarquées\n scss/ mda-icons.scss _variables.scss\n less/ mda-icons.less\n mda-icons.json # nom → codepoint / unicode / entité / classe\n preview.html # galerie filtrable des 2583 icônes\n```\n\nOuvrez `preview.html` pour parcourir et filtrer toutes les icônes.\n\n## 🛠️ Développement / (re)génération\n\nLe code source (`icons.json`, `build-font.mjs`) et `node_modules` **ne sont pas\npubliés** (whitelist `files`). Pour reconstruire les assets :\n\n```bash\nnpm run build # node build-font.mjs → reconstruit css/ fonts/ scss/ less/ …\nnpm run build:react # node build-svgicons.mjs → régénère @arcpkg/mda-svgicons & native\n```\n\n`prepublishOnly` relance le build avant chaque `npm publish`. La police est\nconstruite depuis `icons.json` via `svgicons2svgfont → svg2ttf →\nttf2woff/woff2/eot`. Les alias FontAwesome au tracé identique sont fusionnés par\n`svg2ttf` (police plus légère) ; chaque classe garde son propre codepoint et son\nrendu correct.\n\n> Note OTF : `fonts/mda-icons.otf` est un OpenType à contours **TrueType**\n> (conteneur sfnt valide, installable partout) — pas du CFF.\n\n## 📄 Licence\n\nMIT © INICODE\n","readmeFilename":"README.md","_rev":"1-86e34ec010871ae9b05369c40d0aec03"}