Web Components

2.21.2 (5 mai 2026)

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

Patch Changes

  • filter-select : correction de la sélection des options en mode multiple

 

2.21.1 (30 avril 2026)

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

Patch Changes

  • Application des bonnes pratiques d’écoconception :
    • calendar
    • callout
    • card, card-content, card-nav, card-nav-accordion, card-nav-item
    • copy-button
    • dialog, popup

 

2.21.0 (9 avril 2026)

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

Minor Changes

  • banner : ajout du composant Bandeau
  • table-action : ajout de la propriété button-label pour personnaliser le libellé du bouton de fermetur
  • template plan du site : ajout du template Storybook « Sitemap » (desktop et mobile)

Patch Changes

  • badge : correction de la largeur (ajustement du padding horizontal)
  • table-of-contents : correction du décalage visuel quand le lien le plus long devient actif (passage en gras)
  • Application des bonnes pratiques d’écoconception :
    • download-card, download-link
    • drawer
    • dropdown
    • error-message-panel
    • fieldset
    • form-control-layout, error-text, success-text

 

2.20.0 (26 mars 2026)

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

Minor Changes

  • file-upload : alignement du comportement multiple sur le natif (nouvelle sélection remplace l'ancienne) et ajout de la propriété opt-in append-files pour activer le mode cumulatif.
  • combobox : remise à zéro de la recherche après sélection multiple, avec attribut pour conserver le filtre.

Patch Changes

  • input-date : correction du déplacement automatique entre les différents éléments de la date.
  • page-header : ajout de flex-wrap: wrap sur .tags et .actions
  • header : support de l'ajout conditionnel de la barre de navigation
  • Application des bonnes pratiques d’écoconception :
    • format-bytes, mutation-observer, relative-time, resize-observer, split-panel
    • progress-bar, progress-ring, spinner
    • navbar, navbar-link, navbar-menu
    • footer, footer-content-block, footer-mandatory-mentions, footer-sitemap, footer-sitemap-item
    • file-upload, file-upload-item
    • filter-button, filter-base, filter-date, filter-counter, filter-range, range-slider, filter-select
    • icon, icon-button
    • input, input-date, input-time, input-native, textarea
    • input-amount
    • input-otp
    • input-mask, input-phone
    • menu-navigation, menu-item, menu-label, menu-accordion
    • pagination, pagination-button

 

2.19.0 (12 mars 2026)

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

Minor Changes

  • tree : possibilité de désactiver la synchronisation des tree-item parents/enfants
  • table, table-head, table-body, table-row : possibilité de réorganiser des lignes d'un tableau

Patch Changes

  • stepper, step : application des bonnes pratiques ecoconception
  • checkbox, checkbox-button, checkbox-card, checkbox-group, switch : application des bonnes pratiques d'écoconception
  • select : application des bonnes pratiques d'écoconception
  • combobox : application des bonnes pratiques d'écoconception
  • header, header-external-link, header-modern, header-search, search : application des bonnes pratiques d'écoconception
  • tab, tab-group, tab-panel : application des bonnes pratiques ecoconception
  • radio, radio-button, radio-card, radio-group : application des bonnes pratiques d'écoconception
  • sidenav, sidenav-info-accordion : application des bonnes pratiques d'écoconception
  • skip-link-item : application des bonnes pratiques d'écoconception

 

2.18.0 (26 février 2026)

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

Minor Changes

  • input-date: possibilité de désactiver certaines dates
  • header-search: ajout d'un attribut placeholder

Patch Changes

  • table-of-contents : application des bonnes pratiques écoconception, et support du redimensionnement
  • Application des principes d'écoconeption aux classes CSS dsa-*
  • table-action, table-caption, table-container, table-expanded-row, table-header-cell, table-header-row, table-row, table-toolbar, table : application des bonnes pratiques écoconception
  • tree, tree-item: application des bonnes pratiques d'écoconception
  • filter-date, input-date : correction de l'apparence sur Mozilla Firefox

 

2.17.0 (12 février 2026)

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

Minor Changes

  • Modification des variables CSS pour la typographie
  • file-upload : vérification de la taille et du format du fichier avant l'ajout au champ

Patch Changes

  • input-date : Possibilité d'ajuster la largeur du champ via la variable CSS --input-field-width
  • radio-group, checkbox-group : déplacement du focus sur la première option disponible si le groupe est required et l'utilisateur tente de soumettre le formulaire sans avoir sélectionné une option
  • button, profile-button : application des bonnes pratiques d'écoconception
  • menu-navigation : correction de l'absence de défilement
  • Ajout d'une CLI pour mesurer l'utilisation du DSA dans un répertoire donné

@ds-autonomie/assets@1.4.12

Patch Changes

  • Modification des variables CSS pour la typographie
    Suite à la mise à jour des design tokens de typographie (voir la page Typographie), les variables suivantes sont dépréciées :
    • --dsa-font-2x-small-bold
    • --dsa-font-2x-small-normal
    • --dsa-font-x-small-bold
    • --dsa-font-x-small-bold-underline
    • --dsa-font-x-small-normal
    • --dsa-font-small-bold
    • --dsa-font-small-normal
    • --dsa-font-small-normal-underline
    • --dsa-font-medium-bold
    • --dsa-font-medium-normal
    • --dsa-font-large-bold
    • --dsa-font-large-normal
    • --dsa-font-x-large-bold
    • --dsa-font-x-large-normal
    • --dsa-font-2x-large-bold
    • --dsa-font-2x-large-normal
    • --dsa-font-3x-large-bold
    • --dsa-font-3x-large-normal
    • --dsa-font-4x-large-bold
    • --dsa-font-4x-large-normal

Si vous les utilisiez dans vos projets, pensez à les remplacer.

 

2.16.0 (30 janvier 2026)

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

Minor Changes

  • file-upload : possibilité d'avoir une zone de glisser-déposer
  • alert : ajout d'un attribut pour modifier la taille

Patch Changes

  • input-phone : correction de la réinitialisation des valeurs
  • tag : Agrandissement de la cible du bouton de suppression. Application des bonnes pratiques écoconception web.
  • badge : application des bonnes pratiques écoconception web

 

2.15.0 (15 janvier 2026)

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

Minor Changes

  • graphic-element : mise à disposition de l'élément

Patch Changes

  • Ajout de règles qualité pour les feuilles de style
  • alert, avatar : application des bonnes pratiques écoconception web
  • quote : application des bonnes pratiques écoconception web
  • badge : changement du comportement pulse si l'utilisateur à l'option prefers-reduced-motion
  • menu-item: ajustement du style
  • accordion, accordion-group : application des bonnes pratiques écoconception web

 

2.14.1 (18 décembre 2025)

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

Patch Changes

  • table-row : émission de l'événement dsa-table-row-change-selection lorsque la sélection est fait de manière programmatique
  • tag : recopie de la valeur des propriétés label et accessibleName vers les attributs associés
  • header-search : suppression d'un bug d'affichage en mobile sur Firefox
  • icon : suppression de la double restitution du libellé
  • card-content, header, header-modern, menu-accordion, navbar, sidenav, table, table-body, table-container, table-head : amélioration de l'utilisation avec l'autoloader
  • Minification des fichiers pour le CDN
  • Mise à jour des dépendances

@ds-autonomie/assets@1.4.11

Patch Changes

  • Optimisation des SVG

 

2.14.0 (5 décembre 2025)

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

Minor Changes

  • header : ajout d'un slot navbar
  • header-modern : ajout de l'en-tête 'modern', à privilégier
  • tag : permettre l'ajout d'un nom accessible, et permettre l'affichage d'un tooltip avec le libellé complet du tag

Patch Changes

  • checkbox, filter-counter, filter-select, input-phone, pagination : élimination de restitutions redondantes au lecteur d'écran
  • alert : ajout de noms accessibles pour les icones (info/warning/danger/success).
  • combobox : résolution d'un soucis de scroll à la sélection;
  • select : modification du comportement à l'ouverture
  • skip-link-item : résolution d'un bug d'affichage/restitution sur Safari

 

2.13.0 (20 novembre 2025)

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

Minor Changes

  • dsa-link--skip-content: ajout d'une classe CSS pour les liens d'évitement de contenu
  • tree : ajout du mode de sélection des tree-items parents uniquement

Patch Changes

  • callout : ajout d'un role region si un titre est ajouté- Mise à jour vers Storybook 10
  • breadcrumb-item, combobox, dialog, drawer, filter-date, progress-ring, select, sidenav, tab-group, tab-panel, table-of-content : ajout de couleurs par défaut
  • input-date : réduction de la largeur de la zone de saisie à son contenu

 

@ds-autonomie/assets@1.4.10

Patch Changes

  • Ajout de polices de substitution

 

 

2.12.0 (6 novembre 2025)

@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

 

2.11.1 (17 octobre 2025)

@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

 

2.11.0 (9 octobre 2025)

@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

 

2.10.0 (25 septembre 2025)

@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

 

2.9.1 (10 septembre 2025)

@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

 

2.9.0 (29 août 2025)

@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

 

2.8.1 (1 août 2025)

@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

 

2.8.0 (31 juillet 2025)

@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

 

2.7.1 (3 juillet 2025)

@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

 

2.7.0 (23 juin 2025)

@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

 

2.6.0 (05 juin 2025)

@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

 

2.5.1 (22 mai 2025)

@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

 

2.5.0 (12 mai 2025)

@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"

 

2.4.1 (17 avril 2025)

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

Patch Changes

  • checkbox-group, radio-group, 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

 

2.4.0 (15 Avril 2025)

@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.

 

2.3.1 (28 Mars 2025)

@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

 

2.3.0 (14 Mars 2025)

@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

 

2.2.0 (21 Février 2025)

@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

 

2.1.0 (11 Février 2025)

@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)

 

🎉 2.0.1 (27 Janvier 2025)

@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

 

Guide de Migration

Voici quelques étapes pour vous aider à migrer de la version 1 à la version 2.

N’hésitez pas à contacter l’équipe DSA si vous rencontrez des difficultés

 

1/ Import paths

Tous les chemins d’imports sont maintenant sous la forme src/components/mon-composant/mon-composant.ts .
Si vous utilisez les éléments suivant, il vous faut modifier leur chemin d’import :

  • filtres : filter-button , filter-counter , filter-date , filter-range , filter-select
  • barre de navigation : navbar-link , navbar-menu , navbar
  • tableau : table-action , table-body , table-caption , table-cell , table-container , table-expanded-row , table-head , table-header-cell , table-header-row , table-row , table-toolbar
    • le fichier defs qui était auparavent dans components/table/defs est maintenant dans components/table-header-cell/defs

 

2/ Menus

L’élément dsa-menu, qui était déprécié, a été supprimé de la librairie.
Vous pouvez utiliser à sa place l’élément dsa-menu-navigation, qui suit le pattern “Disclosure” (W3C).

Les types normal et checkbox de l’élément dsa-menu ont également été supprimés. Vous pouvez utiliser les types link et button (par défaut).

Les éléments utilisés à l’intérieur du dsa-menu-navigation doivent avoir un role listitem. Ce rôle est ajouté par défaut aux éléments dsa-menu-item, mais si vous utilisez d’autres éléments, n’oubliez pas de leur ajouter le role.

 

3/ Media queries

Les media queries qui étaient intégrées aux élément dsa-header et dsa-footer ont été supprimés et remplacé par des attributs mobile , afin de vous laisser plus de contrôle sur quand ces éléments changent de disposition, et aligner leur comportement avec le reste de votre interface.

 

Web Components
Statuts des composants
Web Components
Changements V1
Accessibilité : partiellement conforme
💚💜