@thaisrr/beedesign

Beedesign

Une petite librairie de composants Vue 3, accessible par défaut (focus visible, gestion du clavier, prefers-reduced-motion respecté partout), et entièrement thémable par variables CSS.

Projet personnel maintenu sur mon temps libre. Les PR et issues sont bienvenues, mais je ne garantis pas un temps de réponse rapide.

Installation

npm install @thaisrr/beedesign

Documentation

Retrouvez la documentation des composants ici :
https://thaisrr.github.io/beedesign/

Utilisation

import { BeeButton } from "@thaisrr/beedesign";
import "@thaisrr/beedesign/style.css";

<template>
  <BeeButton variant="primary" @click="save">Enregistrer</BeeButton>
</template>

Personnaliser le thème

Tous les composants s'appuient sur des variables CSS préfixées --bd-. Redéfinissez-les dans le CSS global de votre projet, après l'import de @thaisrr/beedesign/style.css :

:root {
  --bd-color-primary: #6242f0;
  --bd-color-primary-dark: #171738;
  --bd-color-accent: #f6bd60;
  --bd-font-title: "Libre Bodoni", serif;
  --bd-radius-full: 999px;
}

La liste complète des variables est dans src/styles/tokens.css.

Composants disponibles

Développement

npm install
npm run dev     # bac à sable local
npm run build   # build de la librairie (dist/)

Tests

npm test                # une fois
npm run test:watch      # en continu
npm run test:coverage   # avec la couverture
npm run typecheck       # types de la lib, des tests et de la doc

Compatibilité

• Vue 3.5.2 ou plus récent.
• Paquet ESM uniquement.
• Les types supposent moduleResolution: "bundler", la valeur par défaut des projets Vite et Nuxt. En node16 ou nodenext, les types des composants peuvent ne pas se résoudre.

Licence

MIT