3.0.0

3.0.0 (2024-10-28)

Impacts sur les sites/applications existantes (breaking changes)

• Taille de font des entêtes modifiée

  La plupart des entêtes (H1, H2, etc.) sont un peu plus grosses qu'avant afin que notre modèle "applicatif" utilise les tailles de font mobiles définies dans le système de design gouvernemental.

  Nous utilisons les tailles de font mobiles en mode "bureau" car UTD est utilisé essentiellement pour des applications internes. Les tailles de font "bureau" définies dans le système de design sont destinées à des sites publics et ne sont vraiement pas adaptées pour des applications interne. Les tailles mobiles qu'ils ont définit sont beaucoup plus appropriée.

  Le changement est somme toute mineure, mais il aura un petit impact visuel sur vos sites/applications. Si vous jugez que les nouvelles tailles d'entête sont trop grosses, il vous est possible de redéfinir la taille des entêtes dans votre CSS.

• Visuel des libellés de champs modifié

  Le visuel des libellés de champs est maintenant conforme avec ce qui est défini dans le système de design gouvernemental.

  Le texte est plus gras, la graisse du texte est maintenant "bold" au lieu du "semi-bold".

• Visuel des messages d'erreurs modifié

  Le visuel des messages d'erreurs est maintenant conforme avec ce qui est défini dans le système de design gouvernemental.

  Une icône d'avertissement rouge a été ajoutée devant les messages et le texte est plus gras (la font est maintenant semi-bold).

Corrections d'anomalies

• Composant accordeon. Retrait de la bordure du bas dans l'enête de l'accordéon lorsque ce dernier est ouvert. Modifié afin de se conformer au système de design gouvernemental.

• Composant liste déroulante. Lorsque l'attribut disabled ou readonly d'une liste déroulante était modifiée (via le select natif) APRÈS le chargement de la page, le changement d'état n'était pas pris en compte et la liste demeurait dans son état initial. Ex. Si on tentait de désactiver une liste déroulante après le chargement de la page, ça ne fonctionnait pas.

  Lorsque qu'une liste était définie sans option (ce qui ne devrait jamais arriver), le composant plantait. Maintenant la liste est rendue sans option, comme un select natif.

Améliorations

• Ajout du composant onglets. Ne fonctionne qu'en mode "bureau". Aucune gestion de défilement des onglets qui est rarement nécessaire.

• Ajout du composant section filtres recherche.

• Iconographie, ajout de 5 icônes (code, code-fichier, fleche-deux-pointes, oeil et modifier) et léger épaississement du trait de l'icône "télécharger", afin qu'elle soit plus visible.

• Composants tableaux et tableaux dynamiques. Ajout du style minimal pour les pieds de tableaux (tfoot). Comme il y a plusieurs cas de figure, pour le moment on se limite au padding et à la taille de font pour uniformiser avec le reste du tableau.

  Pour le moment libre à vous, au besoin, de styler la couleur de font, la graisse de police de caractères, etc.

  La hauteur de l'entête en mode ultra-compact est maintenant d'un minimum de 40px.

• Composant tableaux dynamiques. Modification des icones de tri en entête de tableau afin de se conformer à la fiche en cours d'évaluation dans le système de design du Gouvernement du Québec.

• Composant champs texte. Ajout d'un attribut permettant de bloquer le collage dans les champs.

  Des modifications aussi été effectuées afin de supporter l'utilisation dans des pages MVC Razor, ainsi que dans Blazor. Des exemples d'utilisation ont été ajoutés.

2.5.0

2.5.0 (2024-09-17)

Correction d'anomalies

• Composant PIV entête. En mode mobile, le titre du site n'était pas cliquable (pas un hyperlien). C'est maintenant un hyperlien comme en mode bureau et tablette.

• Composant infobulle. En mode mobile dans certaines situations le positionnement de la page en arrière plan était altéré. Cela pouvait faire en sorte qu'une fois l'infobulle ouverte il était possible de ne plus voir l'icône d'infobulle cliquée et le contenu qui lui était attaché.

• La langue utilisée pour l'affichage des composants considère maintenant les variantes du français sur la balise "html". Ex. lang="fr-CA".

  Fonctionnait uniquement avec lang="fr".

Améliorations

• Composant infobulle. Ajout d'une notion de mode d'affichage. Il est maintenant possible d'afficher l'infobulle sous forme de bulle au lieu du mode "feuille". À noter que l'affichage mobile (appareil mobile ou largeur d'écran inférieure à 576px) est toujours en mode "feuille".

  Aucun impact sur les éléments existants puisque le mode d'affichage par défaut est "feuille".

• Composant section. Ajout d'un paramètre (padding) permettant d'afficher une section sans padding.

• Ajout de 6 icônes (alarme, bibliotheque, fichiers, instructions, lecture et recu) dans iconographie.

• Composants tableaux et tableaux dynamiques. Ajout de 2 nouveaux styles d'affichages. "compact" (padding de cellules réduit de 12px à 8px) et "ultra-compact" (padding de cellules réduit à 4px et taille de caractères réduite à 14px).

• Composant tableaux dynamiques. Ajustements afin de supporter les versions 2.1.x et +. Certaines informations du tableau étaient mal alignées dans les versions supérieures à 2.0.x.

  De plus, il est maintenant possible d'utiliser la sélection multiple avec un visuel normalisé et un exemple de tableau dynamique avec sélection multiple (cases à cocher) a été ajouté.

2.4.0

2.4.0 (2024-08-08)

Correction d'anomalies

• Composant dialogue modal, lorsque le premier contrôle focusable du dialogue était une liste déroulante utd (utd-liste-deroulante).

  Dans cette situation, le focus demeurait au contrôle qui avait ouvert la fenêtre modale et restait derrière la fenêtre modale au lieu de se retrouver sur la liste déroulante et rester dans la fenêtre modale.

Améliorations

• Ajout du composant fil d'ariane. Il s'agit d'une version simple sans ellipse (sous-menu) uniquement requis si plus de 5 niveaux.

  C'est normalement suffisant pour nos applications. Un site ayant plus de 5 niveaux devrait revoir son découpage et sa navigation.

• Composant pastille. Ajout d'une pastille jaune (style avertissement).

• Composant case à cocher. Amélioration du visuel d'une case à cocher désactivée et cochée.

• Composants barre de recherche simple et PIV entête. Ajout du paramètre "mode" permettant de spécifier le mode de recherche.

  Les valeurs possibles sont "redirection" (redirection vers une url, qui est le mode par défaut, donc aucun impact), et "callback"(nouveau). En mode "callback" il est possible d'attacher un traitement javascript à effectuer lors d'une recherche.

• Ajout de 3 icônes (archiver, copier et rafraichir) dans iconographie.

2.3.0

2.3.0 (2024-05-29)

Correction d'anomalies

• Composant infobulle si utilisé à l'intérieur du label d'un champ "liste déroulante".
  Dans cette situation, si l'infobulle contenait un hyperlien, ce dernier n'était pas cliquable.

Améliorations

• Ajout du composant pastille.

• Composant boutons, ajout des styles pour les boutons tertiaires de navigation, ainsi que pour les boutons tertiaires affichés comme des liens.

• Composant liste déroulante, ajout d'un nouvel attribut "focus", permettant de donner le focus au contrôle.

• Ajout de 2 icônes dans iconographie (utilisateur-plus et utilisateur-moins).

2.2.1

2.2.1 (2024-04-24)

Correctif pour utilisateurs du CDN suite à la version 2.2.0. Le CDN ne fonctionnait plus.

2.2.0

2.2.0 (2024-04-23)

Améliorations

• Ajout du composant tuile cliquable.

• Ajout de 26 icônes dans iconographie, et ajout de la possibilité d'affecter 5 couleurs de base aux icônes.

• Dans tous les gabarits, l'attribut "relative-base-path" n'est plus requis. Vous pouvez le laisser en place, mais il ne change rien. Sa valeur est dorénavant déterminée automatiquement.

• Dans tous les gabarits le conteneur principal passe de 1152px à 1200px. Les zones de contenu principal et secondaire sont aussi modifiées.

  La zone de contenu secondaire (ex. menu vertical) passe de 256px à 268px.

  La zone de contenu principal était limitée à 736px. Elle utilise maintenant tout l'espace restant soit un maximum de 868px.

  Ces changements nous permettent de récupérer de l'espace pour nos contenus tel que maintenant défini dans les règles du système de design du gouvernement du Québec.

2.1.2

2.1.2 (2024-03-22)

Réajustements pour les tableaux dynamiques. La nouvelle version Datatables 2.0 (refonte) et plus est requise.

2.1.1

2.1.1 (2024-03-06)

Corrections d'anomalies

• À certains niveaux de zoom, les flèches de tri dans les tableaux dynamiques étaient mal positionnées.

2.1.0

2.1.0 (2024-03-05)

Corrections d'anomalies

• Lors du focus sur un champ en erreur, il y avait un léger décalage du texte(1px) à l'intérieur du champ.

• Composant Haut de page, lorsque le bouton est utilisé, on redonne maintenant le focus au premier élément focusable de la page (accessibilité).

Améliorations

• Ajout des styles pour les tableaux de base.
• Ajout des styles pour les tableaux dynamiques avec dataTables. Un visuel minimal est disponible. Il couvre l'affichage général du tableau, ainsi que le visuel pour les fonctionnalités de tri et de pagination.

• Composant Menu horizontal, modifications afin d'uniformiser avec le composant Menu de navigation principale nouvellement défini (Novembre 2023) dans le système de design gouvernemental du Québec. (N'était pas défini lorsque nous avons créé notre composant "Menu horizontal").

  Des différences subsistent mais elles sont délibérées et convenues avec l'équipe UI/UX du MESS.

• Composant PIV entête, modifications afin d'uniformiser avec le composant Bandeau d’en-tête du Programme d’identification visuelle nouvellement défini (Novembre 2023) dans le système de design gouvernemental du Québec. (N'était pas défini lorsque nous avons créé notre composant "PIV entête").

2.0.0

2.0.0 (2024-01-19)

Cette nouvelle version majeure est une version de maintenance.

Elle consiste essentiellement en un changement de version de l'outil permettant de générer les composants web (passage de Svelte 3 à Svelte 4).

Quelques changements ont dû être effectués et bien qu'il ne devrait y avoir aucun impact dans vos sites, il se peut que quelque chose ait échappé à nos essais automatisés.

Si vous découvrez des anomalies, n'hésitez pas à créer un issue dans notre dépôt Github afin que nous en soyons informés et que nous corrigions le problème. Si l'anomalie est bloquante, vous pouvez revenir à la version précédente (1.17.0), le temps que l'anomalie soit corrigée.