Web Components

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.12.0 (url)

Minor Changes

- table-action : ajout de l'attribut deselect-all-on-close afin de désélectionner toutes les lignes du tableau à la fermeture de la barre d'action

Patch Changes

- checkbox: Amélioration de l'accessibilité;

- button, checkbox, checkbox-button, checkbox-card, combobox, file-upload, filter-date, icon-button, range-slider, select, switch, radio-button, radio-card : suppression d'attributs aria-disabled en doublon

- file-upload: l'attribut accept peut être utilisé avec de la même manière que son équivalent natif.

- menu-accordion, menu-navigation : prise en charge du contenu dynamique

- Modèle de page Contact : ajout d'attributs autocomplete

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.11.1 (url)

Patch Changes

- tooltip : ajout d'un message d'avertissement si le tooltip est utilisé sans dsa-button ou dsa-icon-button

- step : suppression de la propriété z-index sur les lignes reliant les étapes

- checkbox, copy-button : amélioration de l'accessibilité

- Ajout du modèle de page Mentions Légales

- Ajout du modèle de page Contact

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.11.0 (url)

Minor Changes

- combobox, input, input-amount, input-date, input-mask, input-otp, input-phone, select, textarea : ajout d'un attribut accessible-name à utiliser si aucun label n'est ajouté

- menu-navigation : permettre l'utilisation de la touche espace pour activer les menu-items de type bouton;

- menu-item : ajout d'un attribut expanded

Patch Changes

- alert : dépréciation de l'attribut duration (non compatible avec l'accessibilité)

- textarea, input-native : modification du compteur afin de ne plus avoir d'erreur si la valeur est explicitement mise à null ou undefined.

- copy-button : suppression de l'attribut feedback-duration qui n'était pas compatible avec l'accessibilité

- input-phone : amélioration de la robustesse de mise à jour des valeurs.

- checkbox : recopie de la valeur de accessible-name dans l'attribut title de la case à cocher

- Modification des modèles de pages suite aux retour de la DIPCOM

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.10.0 (url)

Minor Changes

- copy-button : ajout du bouton copier;

- tooltip : (a11y) éviter la double annonce au lecteur d'écran lorsque le contenu est modifié

- search : ajout des attributs optionnels accessible-name et placeholder

- card, card-content, card-nav, checkbox-card, radio-card, fieldset : ajout d'un attribut contrasted-borders

Patch Changes

- combobox : défilement de la liste de choix lors de la navigation au clavier

- dialog, drawer : amélioration du piège de focus

- tarteaucitron : ajout d'une feuille de styles pouvant être utilisée pour tarteaucitron

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.9.1 (url)

Patch Changes

- sidenav-info-accordion : augmenter la taille de police du contenu

- footer : cacher le slot "second-logo" si il est vide

- select : amélioration du comportement au lecteur d'écran

- table-of-content : en mobile, fermeture du dropdown au clic sur un lien

- Ajout du modèle de page Accessibilité

- Ajout du modèle de page FAQ

- Ajout du modèle de page d'aide

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.9.0 (url)

Minor Changes

- sidenav-info-accordion: ajout de l'accordéon d'information de la navigation latérale

- tab-group: ajout de l'attribut accessible-name

Patch Changes

- sidenav, menu-item, menu-accordion: amélioration de l'a11y de la navigation latérale

- combobox : assimiler les tirets à des espaces pour le filtre

- button, tag-button: mise à jour de l'attribut accessible-name lorsque la propriété associée est modifiée

- drawer, dialog: empêcher la fermeture si un enfant dsa-tooltip est ouvert

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.8.1 (url)

Patch Changes

- sidenav : (a11y) ajout d'aria-labels en mode collapsed

- input-time : émission de dsa-change lors de l'ouverture du panneau sans valeur initiale

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.8.0 (url)

Minor Changes

- search : ajout du composant recherche

- sidenav : ajout du composant

- menu-accordion : ajout de l'attribut size, ajout des slots prefix et badge

- menu-label : ajustement rendu

- page-header : ajout de la propriété reduced pour l'affichage limité

- card-content : ajout/modification des tailles medium/small

Patch Changes

- input-date, input-time : dans un drawer, empêcher l'appui sur Echap pour fermer la popup de fermer également le drawer

- table-action : mise à jour du style

- table-container : (a11y) Empêcher d'atteindre la barre d'outil avec le lecteur d'écran si la barre d'action est affichée

- table-actions : (a11y) empêcher d'atteindre la barre d'action au lecteur d'écran lorsqu'elle est cachée

- select, combobox: désactivation des tags lorsque l'élément est désactivé

- fieldset : modification pour permettre aux champs enfants d'être désactivé de manière individuelle

- combobox, dialog, drawer, navbar-menu, select : suppression d'attributs tabindex inutiles

- file-upload : changement du style du bouton de primary à secondary

- tag : ajout des variantes neutral, et ajustement des couleurs disponibles (100 à 400)

- switch : renommage des attributs pour les libellés des états on et off

- accordion : résolution du problème de z-index dans le slot "actions"

- tree-item : séparation des comportement d'ouverture et de sélection, ajout d'un icône check pour la sélection simple

@ds-autonomie/assets@1.4.9

Patch Changes

- table-action : mise à jour du style

- tag : ajout des variantes neutral, et ajustement des couleurs disponibles (100 à 400)

- Mise à jour des design tokens

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.7.1 (url)

Patch Changes

- header, page-header, table-container, table-toolbar, tree-item: amélioration du rendu avec un zoom important

- Mise à jour des couleurs du brandbook (assets@1.4.8)

- step: correction de la couleur de la barre de progrès en mode horizontal

- accordion: ajout d'un divider entre les actions et le chevron

- input-date, input-time: ajout de l'attribut 'hoist' contrant certains problèmes d'affichage

@ds-autonomie/assets@1.4.8

Patch Changes

- Mise à jour des couleurs du brandbook

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.7.0 (url)

Minor Changes

- dropdown: ajout d'un attribut pour fermer le panneau au clic

- table: ajout de classes permettant d'avoir le header ou les premières colonnes d'un tableau personnalisé en "sticky"

- input: ajout d'un état de succès

- input-date: possibilité de sélectionner une plage de dates

- table-single-cell-row: ajout du composant

Patch Changes

- file-upload: amélioration de l'intégration au sein des formulaires

- input: séparation interne des inputs type date, time et amount

- mise à jour des dépendances

@ds-autonomie/assets@1.4.7

Patch Changes

- mise à jour des dépendances

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.6.0 (url)

Minor Changes

- accordion: modification des styles, ajout d'attributs de style (taille et contours)

- input, filter-date : ajout de la possibilité d'enlever le bouton calendrier

- accordion-group: ajout du composant

- navbar-link : ajout de l'attribut current

Patch Changes

- footer-sitemap: ajout d'un attribut permettant de déterminer l'alignement des liens

- file-upload: ajout d'un attribut permettant de personnaliser le libellé du bouton

- tab-group : désactivation des boutons de navigation lorsque l'on est au début / à la fin du scroll

- table-container : cacher automatiquement la barre d'actions multiples si aucune ligne n'est sélectionnée; table : initialisation des lignes sélectionnées au chargement

- card-content : modification de l'ordre du html (titre puis tags) pour une meilleure accessibilité

- mise à jour de dépendence : @ds-autonomie/assets@1.4.6

@ds-autonomie/assets@1.4.6

Patch Changes

- design tokens : mise à jour

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.5.1 (url)

Patch Changes

- input, input-phone, input-otp : communalisation du code

- checkbox: correction d'un bug empechant l'utilisation de liens dans le label

- tab-group: retrait du focus sur les flèches de scroll et le groupe

- checkbox-group: attente du chargement des composants enfants

- tab-group: attente du chargement des composants enfants

- tree: attente du chargement des composants enfants

- table-header-cell: restriction de l'effet de survol aux tableaux triables, élargissement du bouton de tri

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.5.0 (url)

Minor Changes

- card-nav, card-nav-item, card-nav-accordion : ajout des composants

- card-content: ajout du composant

- fieldset : ajout du composant

- visually-hidden, resize-observer, mutation-observer, relative-time : ajout d'éléments utilitaires

- tag-button : ajout du composant

Patch Changes

- dropdown: retrait de l'attribut obsolète stay-open-on-select

- combobox : restitution de l'option "Voir plus" au lecteur d'écran ;

- tag : suppression d'un attribut title inutile

- header : résolution d'un problème d'affichage du logo sur Safari

- header : augmentation de la taille "large" du logo

- input: amélioration de la gestion des méthodes stepUp et stepDown

- tab-group : prise en compte des changements dynamiques des attributs active des dsa-tab enfants

- combobox : résolution d'une erreur de mise à jour des la liste d'option en cas de slotchange

- tooltip: ajout automatique d'une description accessible à l'élément cible

- input : correction du retour de valueAsNumber pour le type amount

- menu-item: élargissement de l'attribut "current" au type "button"

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.4.1 (url)

Patch Changes

-checkbox-group, radio-group, composants input, select, textarea: correction d’un bug entraînant l’affichage des descriptions destinées aux lecteurs d’écran

- table-container : création d’un lien automatique entre les éléments table-caption et les table

@ds-autonomie/assets@1.4.5

Patch Changes

- design tokens : mise à jour

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.4.0 (url)

Minor Changes

- accordion : ajout d'un slot "actions"

- table-caption : ajout d'un attribut total-items-label

- Ajout de classes permettant de donner un style DSA à un tableau personnalisé

- page-header : ajout du composant en-tête de page

- tab-group : possibilité de modifier le padding et la largeur maximale

Patch Changes

- input: correction de l'état de validité du type amount quand le champ est vide

- input-phone : correction du format de numéro pour la Polynésie française

- Affichage de messages d'avertissement dans la console en cas d'oubli d'attributs impactant l'accessibilité"

- combobox: ajout d'un attribut permettant de limiter le nombre d'options affichées

- combobox : suppression de la flèche si aucune option n'est chargée

- input, filter-date : résolution d'un bug lorsque la date du 1er janvier est sélectionnée

- combobox : changement du comportement pour faciliter la sélection des suggestions

- table-container: ajout d'une annonce personnalisable à l'affichage de la barre d'actions

- icon-button: transformation des valeurs de tailles en unités responsives

- download-card, download-link, breadcrumb, combobox, filter, select, accordion, drawer, tab: ajustement des tailles d'icones

- tag, anchor-tag, badge: ajustement du padding, valeurs responsives

- calendar: ajustement de la taille du panneau en responsive

- error-text: ajustement de la taille de l'icône

- table-header-cell : modification du comportement au hover/focus des en-têtes de colonnes triables

- input, input-mask, input-otp, input-phone, textarea, select, combobox, checkbox-group, radio-group: ajout d'un attribut permettant d'ajouter une description pour l'accessibilité

- dsa-link : amélioration des classes CSS pour les liens

- checkbox-group, radio-group : changement des attributs aria-describedby des fieldsets par aria-labelledby car la description n'était pas lue par les lecteurs d'écran.

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.3.1 (url)

Patch Changes

- tree-item, progress-circle, table-of-contents : amélioration du cycle de vie

- input : résolution du bug du type="date" avec les fuseaux horaires

- radio : amélioration de l'affichage en mode contraste élevé

- input-time: retrait de la scrollbar verticale sur la page

- combobox, file-upload-item, file-upload, input-phone : ajout d’attributs ARIA

- Mise à jour des dépendances

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.3.0 (url)

Minor Changes

- checkbox, checkbox-button, checkbox-group, radio, radio-button, radio-group: modification de la gestion des attributs readonly et disabled

- switch : ajout du composant

- input : harmonisation du comportement du type time sur les différents navigateurs

- radio-card : ajout du composant carte radio

- checkbox-card : ajout du composant carte checkbox

- dialog: ajout d'un attribut permettant de retirer le bouton de fermeture

Patch Changes

- input : correction de l'état de validité du type date

- button : ajout de la variante tertiary-with-outline

- dialog : ajustements graphiques

- radio-button : amélioration de la visibilité de l'état coché en mode contraste élevé

- radio-group : possibilité de tabuler sur la première option si la valeur du groupe n'est pas valide

- input-date : focus sur le champ au clic sur le label

@ds-autonomie/assets@1.4.4

Patch Changes

- design tokens : mise à jour

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.2.0 (url)

Minor Changes

- input-otp : ajout de l'élément One Time Password

Patch Changes

- checkbox-group : correction de la largeur maximale en mode horizontal

- checkbox-group : changement du timing de l'initialisation

- input : correction de la réinitialisation programmatique du type "date"

- checkbox-group : amélioration de la structure interne

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.1.0 (url)

Minor Changes

- download-card: déplacement des attributs annexes dans le lien pour les lecteurs d'écran

- download-link: déplacement des attributs annexes dans le lien pour les lecteurs d'écran

- callout : remplacement de l'attribut title (déprécié) par callout-title;

- button, checkbox : remplacement des attributs title et aria-label (dépréciés) par accessible-name

- header: ajout d'un attribut permettant de choisir la taille du logo

- header-search: ajout d'un attribut permettant de rendre le composant dans un état ouvert permanent

- header-search : ajout d'un attribut mobile

- tab : ajout de l'attribut close-button-label

- header : ajout d'un slot pour le premier logo

- dialog: ajout d'un attribut permettant de cacher le titre du header

Patch Changes

- alert: changement de l'attribut aria-live vers "polite"

- input-phone: ajustement espaces

- Adaptation des stories pour améliorer les tests Chromatic

- menu-navigation, filter-select : retouches a11y

- filter-select : possibilité de changer d'option avec les flèches du clavier

- radio-group, checkbox-group : permettre de cacher le label (si redondant)

Figma

Web (Custom Elements)

@ds-autonomie/web-components@2.0.1 (url)

Major Changes

- menu : suppression du composant dsa-menu (à remplacer par dsa-menu-navigation, qui suit le pattern "disclosure");

- menu-item : suppression des types "normal" et "checkbox" (le type par défaut est maintenant "button")

- cdn : possibilité d'utiliser le package via CDN. L'organisation du package a dû être modifiée, ce qui implique une modification de certains chemins d'import pour les utilisateurs.

- header, footer : ajout d'un attribut "mobile" qui détermine son mode d'affichage et remplace les media queries. Sa valeur doit être gérée côté implémentation.

Patch Changes

- menu-navigation: ajout d'un attribut role="list" pour l'a11y

- menu-item: ajout d'un attribut role="listitem" pour l'a11y

- divider: retrait du role par défaut, ajout de aria-hidden

- Mise à jour des dépendances