Changelog

Ajouts

• Icônes : ajout des illustrations "hotspot-mobile" et "mot de passe valide"
• Icônes : ajout des pictos d'interface "widget" et "sous-menu"

Change

• Hero : sur mobile, une box superposée évolue (largeur 100%, bords arrondis, suppression de l'ombrage)

Ajouts

• Options : deux nouvelles variations (avec icône et sur plusieurs lignes)

Change

• Compte à rebours : changement de la police de caractères
• Options : refonte visuelle de la variation par défaut
• Tabs : meilleure conformité A11Y (nouveau code recommandé, mais rétrompatbilité assurée)

Ajouts

• Icônes : nouvelle icône pour l'authentification par reconnaissance faciale (face ID)

Correctifs

• Modales : correction des nom de taille nouvellement disponibles ; il s'agit de is-xsmall, is-small, is-medium, is-large, is-xlarge

Ajouts

• Modales : ajout de 5 facettes de taille permettant de changer la largeur du composant
• Modales : ajout d'une transition lors de l'ouverture / fermeture

Changements

• Modales : positionnement figé du titre, même en cas de scrollbar
• Modales : positionnement figé de la croix de fermeture, même en cas de scrollbar

Correctifs

• Boutons : correction de la variante "small" sur mobile qui impactait également les résolutions supérieures

Correctifs

• Formulaires : correction de l'espacement intérieur dans un champ de texte ayant une icône
• Cartes : correction de la place occupée par une carte horizontale en responsive
• Prix : correction d'un problème d'alignement

Ajouts

• Popover : ajout des déclinaisons responsive pour le positionnement
• Prix : possibilité d'ajouter un sur-titre
• Tableaux : possibilité de mettre en surbrillance une ligne entière
• Style basiques pour des listes à puce classiques
• Icône : ajout d'un "Store locator" version solide (tri-store-locator-s)

Correctifs

• Documentation : correction de l'URL de développement dans la page Installation

Ajouts

• Loader : création d'une version animée en CSS

Changements

• Sticker : modification de l'espacement latéral et de l'arrondi angle supérieur droit
• Navbar : diminution de l'espace entre deux sections d'un menu dropdown
• Bulma : suppression totale de la dépendance au framework

Correctifs

• Navbar : correction de la couleur du rollover sur le lien des opérations spéciales (par ex. "Promos")
• Documentation : correction du code couleur "primary" sur la page Couleurs
• Fil d'ariane : correction du saut de la décoration entre les liens lors du rollover

Ajouts

• Icônes : ajout de 30 icônes illustratives
• Icônes : ajout de 3 icônes d'interface

Changements

• Icônes : mise à jour de 9 icônes illustratives
• Couleurs : la couleur principale codifiée primary devient orange (auparavant "corail")

Correctifs

• Cartes : sur IE 11, réglage de la place occupée par le contenu d'une carte horizontale

Correctifs

• Helpers : suppression des impacts sur les textes lors de l’utilisation de has-background-xxx
• Slider / Pricing Table : affichage sur mobile corrigé lors de l’utilisation de ces deux composants ensemble
• Accordéons : Trilogy Vanilla 0.8.1 règle le problème des accordéons capricieux sur certaines pages

Correctifs

• Navbar : les liens is-highlighted fonctionnent comme attendu sur mobile
• Liste : alignement de l’icône corrigé lorsque le texte d’un élément prend plusieurs lignes
• Partials : le composant Button est désormais inclus

Ajouts

• Navbar : mise en place d'un court délai avant l'affichage d'un sous-menu au hover

Correctifs

• Popover : les positionnements latéraux ne sont désormais possibles qu'à partir du desktop
• Fil d'ariane : mise en place d'un passage à la ligne sur mobile en cas d'item trop long

Ajouts

• Icônes : nouvelles icônes « livraison J+1 » et « Zoom + »

Changements

• Icônes : modification de l'icône « Click & collect 2H »

Correctifs

• Carte : correction du padding pour les cartes horizontales flottantes en mode tablette
• Modale : correction du positionnement sur IE 11
• Slider : correction des slides qui s'étendent plus que nécessaire en responsive

Ajouts

• Icônes : possibilité d'ajouter une pastille de notification sur une icône

Changements

• Tags : augmentation de l'opacité (10% → 15%)

Ajouts

• Navbar : possibilité de ne mettre qu'une icône en guise d'entrée dans le menu de navigation
• Notification : nouvelles variantes sémantiques disponibles pour le message informatif

Changements

• Navbar : diminution de l'espacement entre les entrées icône+texte à droite de la searchbox

Ajouts

• Tags : possibilité de centrer les tags
• Modale : possibilité de l'ancrer à droite de la page, sur toute la hauteur, comme un panneau latéral

Correctifs

• Checkbox / Radio : positionnement du statut "coché" corrigé

Ajouts

• Vanilla : la version 0.7.0 permet de gérer les tableaux dépliables tel qu'indiqué dans la doc
• Icônes : ajout d'une icône représentant un duplicata

Changements

• Icônes : update de l'icône « lines-speed »

Correctifs

• Titres : la typographie fluide dans la version namespacée de Trilogy fonctionne à nouveau comme attendu
• Vanilla : suppression de la gestion du header, qui a été intégralement déléguée à Palpatine / Partials

Ajouts

• Slider : version alternative permettant d'avoir un contenu à droite et une illustration à gauche, ou inversement, comme le composant Cartes
• Icônes : ajout d'une icône de ballon de football

Changements

• Tags : mise à jour du code recommandé pour l'ajout d'une action au sein d'un tag (suppression, par exemple)
• Tags : update cosmétique du composant
• Cartes : la facette is-inverted se nomme désormais is-reversed (rétrocompatibilité assurée, documentation mise à jour)

Correctifs

• Icônes : récupération des icônes disparues depuis 1.3.10
• Icônes : pictos de paiement corrigés
• Navbar : nombreux correctifs pour le nouveau header
• Extension Chrome : accepte désormais la version 1.3.10

Ajouts

• Possibilité d'avoir un overlay sur toute la page ou sur le contenu principal avec la facette has-overlay

Correctifs

• Navbar : menu de connexion sur desktop pas adapté aux faibles résolutions

Correctifs

• Navbar : correctifs JS et visuels sur la version mobile du menu de navigation

Correctifs

• Navbar : nombreux correctifs
• Textes : les textes, titres et sous-titres au sein d'un composant ayant has-background-white ne deviennent plus gris

Correctifs

• Cartes : arrondis des images corrigés
• Cartes : le footer sur mobile prend désormais toute la largeur de la carte
• Navbar : ouverture du menu de connexion grâce à Vanilla JS

Correctifs

• Liens : is-plain sur mobile n'était pas fonctionnel
• Navbar : meilleur support du SDK de recherche
• Textes : les textes, titres et sous-titres au sein d'un composant ayant une couleur de fond adoptent la bonne couleur sans utiliser les helpers

Ajouts

• Header : Animations du menu de connexion et du menu de navigation mobile
• Listes : possibilité de faire des listes à puce de type UL > LI avec une icône
• Icônes : nombreuses nouvelles icônes

Changements avec rupture de code

• Tableaux d'offres : nouvelles versions, évolution du code HTML
• Progress Bar : changement visuels de la version circulaire, nouveau code HTML

Changements

• Prix : améliorations de la version barré, ajout d'une taille supplémentaire
• Icônes : mise à jour de nombreuses icônes déjà existantes
• Sticker : mise à jour cosmétique

Correctifs

• Popover : correction de la couleur du texte
• Box : correction de la couleur du titre et du texte en cas d'image de fond
• Notification : correction de la couleur du chevron lorsque la notification est un lien
• Notification : correction de l'espace entre une icône et le texte, sur mobile
• Navbar : sur la version NPM transitoire, correction de l'alignement de l'icône « Utilisateur »

Changements

• Icônes : refonte de nombreux éléments

Ajouts

• Icônes : extraction de certains logos considérés comme des icônes dans une police dédiée
• Navbar : possibilité de la rendre sticky

Changements

• Prix : modifications cosmétiques sur la partie mise en exposant
• Navbar : modifications cosmétiques des liens survolés

Corrections

• Modal : les angles restent arrondis lorsque l'on scroll à l'intérieur
• Version namespacée : cassée depuis Trilogy 1.3.6, à nouveau fonctionnelle

Ajouts

• Icônes : possibilité d'ajouter un fond penché

Changements

• Popover : changement de style

Corrections

• Extension Google Chrome

Ajouts

• Icônes : alignement possible d'une icône avec plusieurs lignes de texte

Changements

• Liens : sur mobile, suppression de l'animation des liens animés
• Liens : Taille de caractère à 14px
• Normalisation des conventions : lib n'existe plus et seul dist contient la version buildé
• Les URLs des polices de caractère sont immutables (pas de hash final)

Corrections

• Alignement de la période affichée dans un prix
• Cartes : en mode horizontal, l'image s'affiche correctement sur mobile
• Cartes : en mode horizontal, sur mobile, correction du padding
• Navbar : correction de l'icône de l'utilisateur coupée sur IE11
• Icone et texte : correction de l'alignement lorsque le texte est sur plusieurs lignes
• Icône : 4G/5G "drapeau", le fond s'affiche correctement

Ajouts

• Barre de progression : nouvelle déclinaison ayant une hauteur de 5px
• Liens : nouvelle déclinaison permettant de supprimer le soulignement

Changements

• Tabs : Graisse de l'onglet sélectionné
• Modale : Cosmétiques du titre, de l'espacement, de la croix de fermeture
• Formulaires : Cosmétiques des différents éléments (input, textarea, select)

Corrections

• Alignement de la période affichée dans un prix

Ajouts

• Notification informative avec icône prédéfinie
• Possibilité de changer la police de caractères d'un titre de carte
• Certains composants React sont désormais en Typescript

Changements

• Tailles des prix
• Comportement de la balise header
• Taille du text de niveau 3
• Couleur du séparateur

Corrections

• is-multiline sur mobile
• Rendus des liens statiques et animés désormais identiques
• Arrondis sur tous les angles d'une carte, avec et sans image

Ajouts

• Sommaire automatique dans les pages Composants de la documentation

Changements

• Recherche dans le menu de navigation sur mobile
• Les indicateurs du slider sont désormais ronds
• Composant Notification revu
• Taille et style des titres revus
• Espacement intérieur de Carte et de Box revus

Corrections

• Gestion des éléments masqués dans les tableaux
• Retour de la bordure en haut d'une zone de texte sémantique (erreur, warning, success)
• Comportement des tuiles sur mobile

Ajouts

• Ajout d'un mode NOPREVIEW sur la documentation
• Ajout d'une facette pour éviter le scroll lors d'une modal ouverte

Changements

• La police Bouygues Read remplace désormais Open Sans
• Mise à jour de la typo, la taille, la graisse et la couleur correspondante BREAKING CHANGE VISUEL
• Le snippet copié-collé depuis la page Icones est désormais plus complet
• Améliorations et refonte du header
• Gestion du sous-menu de navigation sur mobile

Corrections

• Mise en place d'un overflow hidden dans la modal vanilla
• Le is-multiline fonctionne désormais en version tablette

Changements

• Mise à jour de la couleur sémantique « danger »
• Mise à jour de la couleur par défaut du header d'une Box
• Mise à jour du composant Tile quand il est utilisé au sein d'une Box
• Mise à jour du composant Tag BREAKING CHANGE

Corrections

• Ajustements graphiques du nouveau header

Ajouts

• Changelog accessible depuis la documentation
• Nouveau composant « Compte à rebours »

Ajouts

• Nouvelles icônes en deux formats (avec et sans fond) : 4G, 4G+, 4G/5G, 5G
• Nouvelle icône tri-relais-colis-express

Changements

• Mise à jour des couleurs sémantiques « success » et « warning »

Corrections

• Nouveau menu de navigation amélioré sur mobile
• Meilleure visibilité des chevrons prev/next dans un slider
• Amélioration de l'état standard du composant Option
• Alignement à gauche pour le contenu des slices
• Images des cartes horizontales sur IE 11 nécessitant un polyfill en Javascript
• Refactorisation de Trilogy Vanilla pour meilleure compatibilité IE 11

Ajouts

• Nouveau composant « Option »

Changements

• Mise à jour des différents niveaux de gris

Corrections

• Code du footer sur Trilogy React
• Annulation de l'auto-zoom dans les champs de formulaire sur iOS
• Centrage du contenu de la modale
• Ajustement visuel des boutons radio
• La classe is-multiline n'a plus d'impact sur mobile

Ajouts

• Nouveau header disponible sous forme de facette (is-new)

Changements

• Les images arrondies situées dans une Slice ont désormais une taille réduite
• Légère mise à jour visuelle des éléments de formulaires radio, checkbox, switch
• Légère mise à jour visuelle des boutons

Corrections

• Espacement ajusté en-dessous de l'icône d'une notification sur mobile
• Homogénéité des Heros de type has-background et has-pattern-dark

Ajouts

• Le code HTML associé à la classe icon-and-text permet de placer l'icône à gauche comme à droite
• La classe icon-and-text peut être placée au-dessus ou en-dessous du texte grâce à la classe is-stacked

Changements

• Nouveau « pattern » dark pour les Heros, Footer, etc.
• Les notifications ayant la classe has-description sur mobile voient l'icône se positionner au-dessus et plus à côté

Corrections

• Espacement ajusté en-dessous de l'icône d'une notification sur mobile
• Homogénéité des Heros de type has-background et has-pattern-dark

Ajouts

• Facette is-transparent pour les slices

Changements

• Nouveau « pattern » dark appliqué au Footer
• Nouveau « pattern » dark applicables via une facette aux composants Hero et Section

Changements

• Le bouton is-primary.is-outlined se comporte comme le bouton is-secondary
• Mise à jour de la police Bouygues Speak
• Diminution de la taille du titre d'un Hero : de 60px à 52px
• Les boutons secondaires sur un fond de couleurs sont désormais filaires

Corrections

• Correction de la couleur de fond de l'élément de la navbar lorsque le client est connecté