@gcforms/tag-input 0.0.0 → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gcforms/tag-input",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "author": "Canadian Digital Service",
   "license": "MIT",
   "publishConfig": {

package/src/TagInput.tsx

@@ -213,7 +213,7 @@ export const TagInput = ({
         {label}
       </label>
       {description && <p className="gc-tag-input-description">{description}</p>}
-      <span id="input-instructions" aria-live="polite" className="visually-hidden">
+      <span id="input-instructions" className="gc-visually-hidden">
         {t("inputLabel", { tags: selectedTags.length.toString() })}
       </span>
       <div className="gc-tag-input">
@@ -224,7 +224,7 @@ export const TagInput = ({
             className={`gc-tag ${selectedTagIndex === index ? "gc-selected-tag" : ""}`}
           >
             <div>{tag}</div>
-            <button type="button" onClick={() => handleRemoveTag(index)}>
+            <button type="button" onClick={() => handleRemoveTag(index)} aria-label={t("delete")}>
               <CancelIcon />
             </button>
           </div>

package/src/i18n/en.json

@@ -4,6 +4,7 @@
   "announceTagAdded": "Tag \"{tag}\" added",
   "announceTagRemoved": "Tag \"{tag}\" removed",
   "announceTagSelected": "Tag \"{tag}\" selected",
+  "delete": "Delete",
   "duplicateTag": "Tag already added",
   "inputLabel": "{tags} tags. Use Enter, Tab, or a comma to create a tag. Use left and right arrow keys to navigate tags. Use Backspace or Delete to remove a tag.",
   "maxTagsReached": "Maximum number of tags reached ({max})"

package/src/i18n/fr.json

@@ -4,6 +4,7 @@
   "announceTagAdded": "Balise \"{tag}\" ajoutée",
   "announceTagRemoved": "Balise \"{tag}\" supprimée",
   "announceTagSelected": "Tag \"{tag}\" sélectionnée",
+  "delete": "Supprimer",
   "duplicateTag": "La balise a déjà été ajoutée",
   "inputLabel": "Balises {tags}. Utilisez Entrée, la touche Tab ou une virgule pour créer une balise. Utilisez les touches fléchées gauche et droite pour naviguer dans les balises. Utilisez le retour en arrière ou Supprimer  pour enlever une balise.",
   "maxTagsReached": "Le nombre maximal de balises a été atteint ({max})"