On commence à avoir un truc plutôt propre : @fanya3, @MattMattC, @pierrick-lefebvre et @OliviaGometz de la team @PayGreen/paygreen-techteam sont fiers de vous présenter la version 1.0.0 de PG UI 🎉
Finalisation du darkmode
Dans #155 💪
On a désormais des composants 100% compatibles avec le darkmode 😍 pour simplifier l'intégration des Logo (en svg) avec le darkmode, une nouvelle props lui a été ajoutée : hasThemeColor.
Simplification du style Global
Dans #148 💪
Autrefois, il fallait mettre plein de style soi-même (c'était duuuuur) dans un GlobalStyle pour avoir des resets propres et des composants pas pétés. Aujourd'hui, il est possible d'importer ça depuis la lib, et faut avouer qu'en cas d'évolution, c'est vachement plus facile.
Ce qui donne :
import { createGlobalStyle } from 'styled-components';
import { normalize } from 'styled-normalize';
import { ResetStyle, CssClasses, ThemeDefault } from '@paygreen/paygreen-ui';
export const GlobalStyle = createGlobalStyle`
${normalize};
${ResetStyle};
${CssClasses};
body {
font-family: 'Open Sans', sans-serif;
font-size: ${ThemeDefault.font.size.base};
}
`;Une belle documentation
Dans :
On commence à faire une belle documentation avec docusaurus ! La doc générale et quelques éléments de thème sont documentés, ainsi que les composants Grid, InternalGrid et InputCard (anciennement RadioIcon). La doc des autres composants arrivera au fil de l'eau ⛵
Un composant renommé
Dans #159 💪
⚠️ RadioIcon devient InputCard et peut désormais être plus qu'un radio : il peut aussi devenir une checkbox ! L'attribut name n'est donc plus obligatoire (mais reste indispensable pour relier plusieurs InputCard de type radio ensemble).
Des p'tits fix de ci de là
Dans :
La props borderTop sur le composant Card est désormais compatible avec les props de padding (elle ne flotte plus sans respect à 16px des bords de la Card).
Les composants Button et DaButton en disabled n'ont plus d'effet au hover.
La hauteur automatique du DaTextarea ne bug plus lorsqu'on supprime du contenu.
Clean nom de props
Dans #158 💪
⚠️ Pas de rétro-comp !
Renommage de props dans les composants ClickableBlock et Skeleton :
ClickableBlock
- borderTop => hasBorderTop
- borderBottom => hasBorderBottom
- borderLeft => hasBorderLeft
- borderRight => hasBorderRight
Skeleton
- backgroundWabColor => backgroundColor
Clean interne à la lib
Dans :
Uniformisation des labels dans les stories des composants.
Clean du passage des props des composants qui produisaient des snapshots (pour les tests) 10 fois trop longs.