braid-design-system

Braid est un système de conception thémable pour SEEK Group, publié sur npm sous le nom de braid-design-system. Le README décrit une configuration optimisée pour les projets sku : installez le package, puis, tout en haut de l'application, importez d'abord les styles de réinitialisation pour éviter les problèmes d'ordre CSS, importez un thème tel que seekJobs, puis importez BraidProvider et les composants. Le provider prend une prop theme et rend les composants ; il peut également désactiver les styles du corps avec styleBody={false}. Un composant de lien personnalisé peut être fourni via linkComponent, en utilisant makeLinkComponent, pour personnaliser l'implémentation de Link et TextLink, par exemple pour intégrer les liens React Router. Le développement local utilise pnpm et Storybook. Braid utilise Vanilla Extract pour le stylage, rédigeant le CSS en TypeScript qui est extrait statiquement en classes CSS atomiques, nécessitant un plugin de bundler. Des assertions d'exécution de la bibliothèque assert sont utilisées pour les vérifications d'utilisation des composants ; le README recommande de les supprimer en production avec unassert, comme c'est le cas via sku et Babel. Les avertissements en temps de développement et de build, tels que les dépréciations, s'appuient sur process.env.NODE_ENV et peuvent être supprimés des bundles de production. Les informations de contribution se trouvent dans CONTRIBUTING.md. Chromatic est remercié pour les tests de capture d'écran des composants alimentés par Storybook. La licence est MIT.