Web Components

Figma

Web (Custom Elements)

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

Minor Changes

- file-upload: ajout de la possibilité d'importer un dossier complet

- link css class: ajout d'une classe css pour les icones en suffixe

- download-card: ajout d'un attribut permettant de renommer le document téléchargé

- download-link: ajout d'un attribut permettant de renommer le document téléchargé

- button : ajout d'un mode "toggle" (bouton à basculement)

- icon-button : ajout d'un mode "toggle" (bouton à basculement)

- divers composants: utilisation de la librairie système pour les icônes

Patch Changes

- input-mask: patternMismatch à false quand aucune valeur n'est saisie

- radio: correction d'une couleur rendant le bouton invisible en contraste élevé

- tab : correction de la largeur d'onglet avec un contenu custom

- step : (a11y) amélioration de la restitution des étapes cliquables

- Communalisation de code pour les éléments de formulaire

- select: ne pas sélectionner une option si son attribut value est vide

- radio-group, checkbox-group: communalisation du code

- tab : (a11y) déplacement du tabindex sur le host

- input-phone: mise à jour de la valeur après chaque entrée

Figma

Web (Custom Elements)

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

Patch Changes

- dropdown : le dropdown ne doit pas se fermer quand le focus est sur le premier élément d'un menu-navigation et l'utilisateur appuie sur Tab

Figma

Web (Custom Elements)

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

Patch Changes

- tab : suppression du décalage des titres d'onglet lors du changement d'onglet actif

- combobox : prise en compte de la valeur si elle est ajoutée avant les options associées

- checkbox: Déplacement de l'astérisque des checkbox requises vers la gauche

- checkbox: en mode "readonly": ajout du focus, retrait de la classe CSS "disabled", retrait de la possibilité de cocher/décocher au click

- checkbox-button: en mode "readonly": ajout du focus

- menu-navigation : résolution du problème d'event listener sur les éléments du menu

- filter-range : mise à jour de la valeur affichée quand les valeurs start et end sont modifiées dynamiquement

Figma

Web (Custom Elements)

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

Minor Changes

- input : amélioration UX du type "date"

Patch Changes

- step : ajout de l'état de l'étape et de son index au nom accessible du lien/bouton

- tab-panel: ajout du focus (tabindex=”0”) sur le panneau par défaut.

- menu-item, footer-content-block : améliorations a11y

- menu-navigation : prise en charge des éléments dynamiques

- input : prise en charge de la suppression de l'attribut "error-message"

- skip-links: ajout d'un aria-label pour les liens d'accès rapide

Figma

Web (Custom Elements)

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

Minor Changes

- input, input-phone, input-mask, checkbox, checkbox-group, combobox, radio-group, select, textarea, file-upload, file-upload-item : possibilité d'ajouter plusieurs messages d'erreur

- step : ajout de la possibilité de rendre une étape cliquable en tant que bouton ou lien href

- menu-item : ajout des types lien et bouton

- menu-navigation : possibilité d'ajouter des éléments menu-item en tant qu'enfants

- header, footer : possibilité d'ajuster les valeurs de max-width et padding

- quote: ajout du composant citation

- filter-date : utilisation dans un tiroir

- profile-button, dropdown : ajout du bouton profil

Patch Changes

- alert : changement de l'attribut title en alert-title, remplacement du role="alert" par aria-live="assertive" et aria-atomic="true"

- link : changement de la couleur des liens visités, uniformisation du comportement

- input : possibilité d'utiliser les slots avec le type date

- radio-group : les options readonly prennent le focus

- file-upload : alignement de la taille de police de la description avec les maquettes

- table-header-cell : affichage du prochain ordre de tri au focus (même comportement que pour le hover)

@ds-autonomie/assets@1.4.3

Patch Changes

- link : modification de la couleur des liens visité

- badge : modification de la couleur des badges "succès"

- Mise à jour des design tokens

Figma

Web (Custom Elements)

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

Minor Changes

- input : ajout du type "amount"

Patch Changes

- dialog: mise en avant du header

- table-container : ajout d'une variable --toolbar-container-top pour contrôler la position verticale de la barre d'outils

- combobox: possibilité de désactiver le filtre, équivalence de 'oe' et 'œ'

- input : correction de l'affichage de l'icône pour le type="time"

- input-date, filter-date : correction de la gestion des chaines de caractères vides

- footer-sitemap : suppression du role region quand aucun label n'est ajouté

- drawer : remplacement du tabindex 0 du conteneur par -1

- avatar : suppression du role image quand aucun label n'est ajouté

- button, icon-button : ajout d'un attribut description

Figma

Web (Custom Elements)

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

Minor Changes

- combobox : ajout de l'état readonly

Patch Changes

- breadcrumb : correction de l'alignement avec des icones

- combobox : reset de la valeur et amélioration du style

- step, stepper : les étapes sont centrées en mode horizontal

- input : affichage du texte d'aide et d'erreur avec le type date

- card : suppression de la bordure de l'en-tête

Figma

Web (Custom Elements)

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

Minor Changes

- input-date, filter-date : utilisation d'un input type texte, possibilité de changer le format de date, prise en compte de différents retours

- split-panel : ajout du composant

- input, input-mask : ajout d'un champ suffix pour l'affichage d'une icône

- filters : utilisation dans un tiroir

Patch Changes

- table-of-content : amélioration a11y

- dialog : suppression du tabindex 0 sur le corps du dialog

- table-container : la toolbar est maintenant sticky

Figma

Web (Custom Elements)

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

Minor Changes

- alert : possibilité d'ajouter un entête (balise ).

- callout : ajout du composant

- card : le nom accessible de la carte lien provient maintenant de son en-tête

Patch Changes

- calendar, select, combobox, option : améliorations a11y

- tooltip : possibilité de survoler jusqu'au tooltip sans qu'il se ferme + fermeture à l'appui sur echap

- Amélioration du contraste du contour de focus (focus-ring)

- select, combobox : restitution des options multiples sélectionnées

- filter-range : prise en compte des changements de valeurs dynamiques

- checkbox-group : correction du problème de mise à jour d'un checkbox-group suite à la mise à jour des propriétés des checkbox enfants

- calendar : mise à jour de la dépendance wc-calendar

- radio-button, checkbox-group : les libéllés trop longs passent maintenant à la ligne; input-phone : amélioration pour les petits écrans

- input-phone : correction de la mise à jour de la valeur

- input-phone : suppression du drapeau

- option : ajout d'une bordure à l'état hover/focus

- pagination : correction des évènements de changement de page

@ds-autonomie/assets@1.4.2

Mise à jour des design tokens

Figma

Web (Custom Elements)

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

Patch Changes

- textarea : application du style readonly

- select, combobox, filter-select : améliorations a11y

- pagination : possibilité de personnaliser le aria-label de l'élément <nav>

- footer : affichage du séparateur des mentions obligatoires seulement si les 2 slots ont du contenu

- accordion: changement de l'apparence au survol et focus

- alert : restitution des alertes apparaissant suite à action utilisateur

- dialog : prise en compte de l'attribut no-header

Figma

Web (Custom Elements)

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

Patch Changes

- radio-group, radio-button : mis à jour du tabindex des boutons lorsque l'un d'entre eux est désactivé dynamiquement

- select, combobox : suppression de la boucle sur les éléments de la liste

- checkbox: ajout d'un attribut for sur le label

- step : suppression de l'image vide pour les étapes avec un état par défaut

- combobox: effacement du champ lorsque la valeur est supprimée

- checkbox-group : ajout des checkbox dans une liste non ordonnée

- table-of-contents: possibilité d'utiliser des données dynamiques

- input, input-mask, input-phone, textarea : changement de l'emplacement de aria-invalid

- card, navbar, table-of-contents: amélioration a11y, suppression de l'attribut aria-label de l'élément card

Figma

Web (Custom Elements)

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

Minor Changes

- filters : ajout des états disabled et readonly

Patch Changes

- input-date, filter-date : résolution des problèmes de z-index et dsa-change

- table-of-contents : suppression du scroll horizontal quand le nom de la section courante est trop long

- select, combobox, filters : permettre l'utilisation dans un drawer

- radio-group, checkbox-group : amélioration a11y

- dropdown : suppression de l'attribut aria-haspopup du trigger

- button : animation du caret du bouton

Figma

Web (Custom Elements)

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

Minor Changes

- table-of-contents : ajout du sommaire

- navbar, navbar-link, navbar-menu : ajout de la barre de navigation

- card : possibilité de transformer les cartes en liens"

Patch Changes

- combobox: amélioration du comportement asynchrone

- breadcrumb, breadcrumb-item : amélioration a11y et ajout de tests

- radio-group : propagation de l'état d'erreur aux enfants

- pagination : correction de l'ordre de tabulation

- filter-date: possibilité d'ajouter un minimum et un maximum

@ds-autonomie/assets@1.4.1

Patch Changes

- design tokens : mise à jour des design tokens provenant de Figma

Figma

Web (Custom Elements)

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

Minor Changes

- pagination : ajout d'un aspect "compact", et ajout d'un attribut pour l'affichage sur mobile

- footer : ajout d'un emplacement pour ajouter un deuxième logo

- menu-navigation, menu-accordion : ajout des éléments pour les menus de navigation

Patch Changes

- filter-date : amélioration de l’accessibilité

- checkbox-group : permettre le clic sur des liens dans les checkbox

- input-phone, input-mask : mise à jour de la valeur affichée quand la valeur de l'input est changée programmatiquement

- input, textarea : correction de l'affichage avec long label et compteur

- input, textarea : correction de la couleur du texte avec le variant layer

- accordion : (a11y) changer la balise header en div

- filter-select : amélioration de l’accessibilité

- table : amélioration de l'accessibilité pour le tableau avec lignes dépliables

Figma

Web (Custom Elements)

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

Minor Changes

- design tokens : mise à jour des design tokens provenant de Figma

- step : renommage de l'attribut `title` en `step-title`

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

- calendar: implémentation du composant calendar

- filter-date: implémentation du composant filtre de date

- dsa-input: mise à jour du composant dsa-input avec le remplacement du picker de date natif par le dsa-calendar

Patch Changes

- drawer, dialog : correction du problème de scintillement à l'ouverture

- table: suppression de la propriété table-layout:fixed

- filter-select: amélioration de l'accessibilité

- input-phone: améliorer le rendu sur petit écran / avec zoom

- filter-range : correction des valeurs initiales à l'ouverture

@ds-autonomie/assets@1.4.0

Minor Changes

- design tokens : mise à jour des design tokens provenant de Figma

Figma

Web (Custom Elements)

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

Minor Changes

- range-slider: implémentation du composant range-slider

- filter-counter : ajout du composant filtre de compteur

- filter-range: implémentation du composant dsa-filter-range

Patch Changes

- footer : amélioration a11y

- pagination : amélioration a11y

- input, input-mask, text-area, header-search : correct appearance on mozilla

- file-upload, file-upload-item : résolution des retours d'accessibilité

- checkbox-group, radio-group : afficher sur plusieurs lignes si espace réduit

Figma

Web (Custom Elements)

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

Patch Changes

- error-message-panel: cacher les svg pour les technologies d'assistance

- footer-mandatory-mentions : rename footer-inline-divider to footer-mandatory-mentions

- pagination : amélioration de l'accessibilité

- input : la ligne d'erreur n'est pas affichée si le message d'erreur est vide

- combobox, menu, radio-group: définition d'un aria-label sur les info-bulles des exemples storybook manquants

- skip-links: résolution des retours d'accessibilités sur le composant skip-links

- footer-sitemap, footer: résolutions des retours d'accessibilités sur les composants footer et footer-sitemap

- radio, checkbox: résolution des retours d'accessibilité

- card: résolution des retours d'accessibilité sur le composant card

- select : affichage du focus ring du bouton clear

- header, table, input-phone : résolution des retours d'accessibilités

Figma

Web (Custom Elements)

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

Minor Changes

- filter-select : ajout du filtre à sélection unique et multiple

- option : modification de l'apparence quand plusieurs options peuvent être sélectionnées

- table-toolbar : ajout d'un slot pour le filtre des colonnes

Figma

Web (Custom Elements)

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

Minor Changes

table-container, table-action: implémentation du composant table-action

button, spinner, icon-button: ajout des nouveaux styles pour la surface de fond contrastée

table-toolbar : implémentation du composant table-toolbar

filter-button : ajout du bouton de filtre

table-container : ajout d'un slot pour un bouton export

Patch Changes

radio, radio-button, radio-group, checkbox, checkbox-button, checkbox-group : les radio/checkbox à l'état readonly ne sont plus disabled mais aria-disabled; résolution bug de focus des radios

combobox: résolution de non conformités sur le composant combobox

Figma

Web (Custom Elements)

Table

- Ajout du composant Table - Title Bar qui regroupe Title et Export

- Ajout du composant Toolbar

- Ajout du composant Filtres 

- Ajout du composant Multiline actions

- Ajout de composants filtres (sélection multiple, sélection unique, range, counter, date picker)

Select

 - Correction de bug taille et tag multiselect

Button

- Ajout du background contrasted-neutral

- Ajout des boutons on-contrasted-neutral

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

Minor Changes

- table-row, table-header-row, table : ajout de la sélection d'une ligne d'un tableau.

- checkbox : ajout de l'attribut aria-label

- table , table-row , table-header-row , table-expanded-row : ajout des lignes extensibles au tableau avec l'implémentation du composant table-expanded-row.

- input-phone : possibilité d'ajouter un préfix, ajout de codes pays manquant

- badge, button, icon-button : ajout d'un attribut size au composant badge, et possibilité d'ajouter un badge dans les composants button et icon-button

- header, header-search, header-external-link : ajout du composant en-tête

- table-container, table-caption, table-head, table-body, pagination : ajout d'un état de chargement pour les éléments du tableau

- table-row, table-header-row: ajout d'un évènement au clique sur une ligne du tableau.

Patch Changes

- table-header-cell : ajout du nom de la colonne à l'attribut aria-label du bouton de tri

- skip-links : support des href dynamiques

Figma

Web (Custom Elements)

Ajout du composant Table

Ajout du composant Table Row Cells

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

Minor Changes

- button: ajout de l'attribut aria-label au composant button

- table-caption: implémentation du composant titre d'un tableau

- icon-button : ajout d'un attribut size

- radio, checkbox, radio-group, checkbox-group : ajout d'un attribut readonly

- table, table-header-cell: ajout de la fonctionnalité de tri sur les composants table et table-header-cell

- pagination : ajout du composant pagination

- table-container: implémentation du composant table-container

- table, table-row, table-cell, table-head, table-body, table-header-cell, table-header-row: implémentation du composant table et de ses sous-composants

Figma

Web (Custom Elements)

Header

- Ajout du composant header

Footer

- Ajout du composant footer

File download

- Correction de la largeur minimum pour le composant File Download Card (360px à 288px)

Icon button

- Ajout du badge

- Correction / mise à disposition de la size : 2x large

Checkbox button

- Ajout d’état d’erreur et texte d’erreur pour le groupe

Radio button

- Ajout d’état d’erreur et texte d’erreur pour le groupe

Radio

- Ajout d’état readonly

Checkbox

- Ajout d’état readonly

Template erreur

- Largeur fixe à 800px du block gris

Avatar & Avatar group

- Ajout d’avatar type Photo

- Mise à jour d’avatar group avec le composant d’avatar

Badge

- Ajout d’une taille small

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

Minor Changes

- footer, footer-sitemap, footer-sitemap-item, footer-inline-divider, footer-content-block: implémentation du composant footer et de ses sous-composants.

- file-upload, file-upload-item: implémentation des composants file-upload et file-upload-item

- alert : ajout d'un attribut duration

- radio-button, checkbox-button : ajout d'un état d'erreur

Patch Changes

- radio-button, checkbox-button : correction du bug sur l'attribut readonly et ajustement des styles

Figma

Web (Custom Elements)

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

Minor Changes

- error-message-panel : implémentation du panneau de message d'erreur utilisable lorsqu'une page n'existe pas

- download-link, download-card : implémentation des composants download-link et download-card

- combobox : utilisation de l'évenement dsa-input pour la recherche asynchrone

Patch Changes

- skip-links : correction d'un bug d'affichage des skip-link-item

- accordion : ajout de la possibilité d'avoir un aria-level sur l'en-tête