{"_id":"@alfaax/design-system","name":"@alfaax/design-system","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@alfaax/design-system","version":"1.0.1","main":"css/plugin.css","style":"css/plugin.css","exports":{".":"./css/plugin.css","./full":"./css/main.css","./css/*":"./css/*"},"license":"UNLICENSED","scripts":{"build":"echo 'skip build'"},"_id":"@alfaax/design-system@1.0.1","description":"Système de design CSS de Grid Legends. Plugin installable en tant que dépendance npm via GitLab.","_integrity":"sha512-5Fox90a5DTxT3gZt3Zhcs58fMRVvmKj5VJA/bRzrKXNoeDILaWwYPmeaCFSTgwV5kgUnwLNCodKi4iZSLFIzoQ==","_resolved":"/private/var/folders/1v/s4vl9kjj5ml1cgx3xcq1dzz00000gp/T/553718f1a6d7b598ec598a7961531482/alfaax-design-system-1.0.1.tgz","_from":"file:alfaax-design-system-1.0.1.tgz","_nodeVersion":"24.10.0","_npmVersion":"11.6.0","dist":{"integrity":"sha512-5Fox90a5DTxT3gZt3Zhcs58fMRVvmKj5VJA/bRzrKXNoeDILaWwYPmeaCFSTgwV5kgUnwLNCodKi4iZSLFIzoQ==","shasum":"31b487ab79cd32d1b47f076795a5b0afb5467e48","tarball":"https://registry.npmjs.org/@alfaax/design-system/-/design-system-1.0.1.tgz","fileCount":25,"unpackedSize":30190,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCxgtfvo2PLNsDeZaWxHIIw2cvCDBaviJb+sdOpV0+2iwIgZUGLp3xNJwUetzFzzQyG+ARRKgs4cphxtRsmRk5czJg="}]},"_npmUser":{"name":"alfaax","email":"antoinedoyen.pro@gmail.com"},"directories":{},"maintainers":[{"name":"alfaax","email":"antoinedoyen.pro@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_1.0.1_1776674114288_0.8194865017269815"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-20T08:35:14.227Z","1.0.1":"2026-04-20T08:35:14.425Z","modified":"2026-04-20T08:35:14.620Z"},"maintainers":[{"name":"alfaax","email":"antoinedoyen.pro@gmail.com"}],"description":"Système de design CSS de Grid Legends. Plugin installable en tant que dépendance npm via GitLab.","license":"UNLICENSED","readme":"# @grid-legends/design-system\n\nSystème de design CSS de Grid Legends. Plugin installable en tant que dépendance npm via GitLab.\n\n---\n\n## FR — Prérequis : clé SSH GitLab\n\nPour installer le package sans mot de passe, tu dois avoir une clé SSH liée à ton compte GitLab.\n\n```bash\n# 1. Générer une clé (si tu n'en as pas)\nssh-keygen -t ed25519 -C \"ton@email.com\"\n\n# 2. Copier la clé publique\ncat ~/.ssh/id_ed25519.pub\n\n# 3. Vérifier la connexion\nssh -T git@gitlab.com\n```\n\nColle le résultat du step 2 dans **GitLab → Préférences → Clés SSH**.\n\n---\n\n## FR — Installation & utilisation\n\n### 1. Ajouter la dépendance\n\nDans le `package.json` de ton projet principal :\n\n```json\n{\n  \"dependencies\": {\n    \"@grid-legends/design-system\": \"git+ssh://git@gitlab.com/grid-legends/front/design-system.git#main\"\n  }\n}\n```\n\nPour épingler une version précise, utilise un tag Git :\n\n```json\n\"@grid-legends/design-system\": \"git+ssh://git@gitlab.com/grid-legends/front/design-system.git#v1.0.0\"\n```\n\n### 2. Installer\n\n```bash\nnpm install\n```\n\n### 3. Importer dans ton CSS\n\n**Usage standard — plugin uniquement (recommandé) :**\n\n```css\n@import '@grid-legends/design-system';\n```\n\n**Usage complet — avec les styles de la page showcase :**\n\n```css\n@import '@grid-legends/design-system/full';\n```\n\n**Import à la carte :**\n\n```css\n@import '@grid-legends/design-system/css/tokens/_tokens.css';\n@import '@grid-legends/design-system/css/atoms/_button.css';\n@import '@grid-legends/design-system/css/molecules/_card.css';\n/* etc. */\n```\n\n### Structure des fichiers\n\n```\ncss/\n├── plugin.css              ← point d'entrée recommandé (sans showcase)\n├── main.css                ← tout inclus\n├── tokens/_tokens.css      ← variables CSS (:root)\n├── base/                   ← reset, animations\n├── layout/                 ← nav, container, hero\n├── atoms/                  ← button, badge, input, alert, tab\n├── molecules/              ← card, stat-bar\n├── ds/                     ← showcase uniquement (ne pas importer en prod)\n└── utilities/              ← responsive\n```\n\n### Développement local (symlink)\n\n```bash\n# Dans ce repo\nnpm link\n\n# Dans ton projet principal\nnpm link @grid-legends/design-system\n```\n\n---\n\n## EN — Prerequisites: GitLab SSH key\n\nTo install the package without a password prompt, you need an SSH key linked to your GitLab account.\n\n```bash\n# 1. Generate a key (if you don't have one)\nssh-keygen -t ed25519 -C \"you@email.com\"\n\n# 2. Copy the public key\ncat ~/.ssh/id_ed25519.pub\n\n# 3. Test the connection\nssh -T git@gitlab.com\n```\n\nPaste the step 2 output into **GitLab → Preferences → SSH Keys**.\n\n---\n\n## EN — Installation & usage\n\n### 1. Add the dependency\n\nIn your main project's `package.json`:\n\n```json\n{\n  \"dependencies\": {\n    \"@grid-legends/design-system\": \"git+ssh://git@gitlab.com/grid-legends/front/design-system.git#main\"\n  }\n}\n```\n\nTo pin a specific version, use a Git tag:\n\n```json\n\"@grid-legends/design-system\": \"git+ssh://git@gitlab.com/grid-legends/front/design-system.git#v1.0.0\"\n```\n\n### 2. Install\n\n```bash\nnpm install\n```\n\n### 3. Import in your CSS\n\n**Standard usage — plugin only (recommended):**\n\n```css\n@import '@grid-legends/design-system';\n```\n\n**Full — includes design system showcase styles:**\n\n```css\n@import '@grid-legends/design-system/full';\n```\n\n**Cherry-pick imports:**\n\n```css\n@import '@grid-legends/design-system/css/tokens/_tokens.css';\n@import '@grid-legends/design-system/css/atoms/_button.css';\n@import '@grid-legends/design-system/css/molecules/_card.css';\n/* etc. */\n```\n\n### File structure\n\n```\ncss/\n├── plugin.css              ← recommended entry point (no showcase)\n├── main.css                ← everything included\n├── tokens/_tokens.css      ← CSS custom properties (:root)\n├── base/                   ← reset, animations\n├── layout/                 ← nav, container, hero\n├── atoms/                  ← button, badge, input, alert, tab\n├── molecules/              ← card, stat-bar\n├── ds/                     ← showcase only (do not import in prod)\n└── utilities/              ← responsive\n```\n\n### Local development (symlink)\n\n```bash\n# In this repo\nnpm link\n\n# In your main project\nnpm link @grid-legends/design-system\n```\n\n---\n\n## Versioning\n\n```bash\ngit tag v1.0.0\ngit push --tags\n```\n","readmeFilename":"README.md","_rev":"1-1e2e8bcb58329a6dc5e4cb4abd24aaae"}