decidim-design 0.30.3 → 0.31.0.rc1

data/config/locales/fi-plain.yml

@@ -14,7 +14,7 @@ fi-pl:
           trigger: Liipaisin
           usage: Käyttöesimerkki
           usage_p: Haitarielementti tarvitsee vähintään kolme elementtiä
-          usage_p_1_html: 1. Jäsentävä <code>div</code>-elementti, jossa on data-attribuutti <code>data-component="accordion"</code>, joka pitää sisällään kaikki liipaisimet ja paneelit.
+          usage_p_1_html: 1. Jäsentävä <code>div</code>-elementti, jossa on data-attribuutti <code>data-controller="accordion"</code>, joka pitää sisällään kaikki liipaisimet ja paneelit.
           usage_p_2_html: 2. Käyttäjän kohdistettavissa oleva liipaisinelementti (painike), joka viittaa hallinnoitavaan elementtiin attribuutin <code>data-controls="panel"</code> avulla. Kyseisessä attribuutissa <i>panel</i> on viitattavan paneelielementin <code>id</code>-attribuutin arvo.
           usage_p_3_html: 3. Piilotettava tai näytettävä elementti, jonka <code>id</code>-attribuutti vastaa <code>data-controls</code>-attribuutin arvoa haitarielementin liipaisimessa.
         activities:
@@ -87,26 +87,26 @@ fi-pl:
           adjacent_links_paragraph: Jos samaan kohteeseen on useita vierekkäisiä linkkejä, se hankaloittaa sivun ymmärtämistä avustavien teknologioiden käyttäjille, koska kyseisten käyttäjien tulee siirtää kohdistusta useaan otteeseen päästäkseen seuraavaan kohteeseen.
           color_contrast: Värien kontrasti
           color_contrast_paragraph: Luodessasi käyttöliittymiä tai muuttaessasi värimäärityksiä, varmista, että et riko sivun saavutettavuutta näillä muutoksilla. Voit käyttää värien kontrastiarvon tarkastustyökalua varmistaaksesi, että väreillä on tarpeeksi kontrastia niiden taustaväriin verrattuna.
-          decidim_follows_html: Decidim seuraa %{link}
+          decidim_follows_html: Desidim noudattaa <u>Verkkosisällön saavutettavuusohjeita (WCAG) 2.1</u>
           dynamic_changes_header: Sivujen dynaamiset toiminnot muuttavat sivun kontekstia epäjohdonmukaisesti
           dynamic_changes_paragraph: Lomakekenttien muutosten ei tulisi muuttaa sivun kontekstia automaattisesti.
           elements_hidden: Piilotetut elementit
           elements_hidden_header: Avustavilta teknologioilta piilotetut elementit
           elements_hidden_paragraph: Käytä aria-hidden="true" -attribuuttia piilottaaksesi elementin avustavilta teknologioilta.
           heading_on: Tärkeiden osioiden otsikointi
+          here_link: täältä
           illogical_heading_order: Epäjohdonmukainen otsikointijärjestys
           illogical_heading_paragraph: Jokaisen sivun on noudatettava johdonmukaista otsikoiden järjestystä käytettäessä <h1>, <h2>, <h3>, <h4>, <h5> ja <h6> otsikkoelementtejä.
           important_sections_heading: Tärkeiden osioiden otsikointi
           important_sections_paragraph: On erityisen tärkeää, että jokaisella sivun tärkeällä osiolla on otsikko, jotta sivun rakenne on helppo ymmärtää selaamalla pelkästään sivun otsikot.
-          learn_more_about_html: Lisätietoja aiheesta %{link}
           links_and_buttons: Linkit ja painikkeet
           links_and_buttons_paragraph: Ankkurielementit (eli linkit) on tarkoitettu linkittämään eri sivuille tai saman sivun eri osioihin. Mikäli elementin on tarkoitus avata esimerkiksi piilotettua sisältöä samalla sivulla muuttamatta sivun kontekstia, toteutuksessa tulisi käyttää <button>-elementtiä ankkurin sijaan.
+          see_further_info_html: Löydät lisätietoja %{link}
           unique_h1: Yksilölliset H1-tason otsikot
           unique_h1_paragraph: Jokaisella sivulla on oltava yksilöllinen H1-otsikko
           use_aria: Hyödynnä ARIA-attribuutteja
           use_aria_header: Hyödynnä ARIA-attribuutteja mahdollisuuksien mukaan
           use_aria_paragraph: Monet dynaamisia toimintoja tarjoavat elementit tarvitsevat ARIA-attribuuttimäärityksiä toimiakseen saavutettavasti ja ollakseen yhteensopivia avustavien teknologioiden kanssa.
-          wcag_guidelines: Verkkosisällön saavutettavuusohjeita (WCAG)
         color:
           color_header: Värit
           description_p1: Tarjoamme oletusväripaletin muutamilla esimääritetyillä väreillä, jotta värimaailman muuttaminen olisi helppoa. Voit muokata väripalettia joko hallintapaneelista tai muuttamalla Tailwind-asetustiedostoa, mikäli haluat muokata useampia asioita.
@@ -185,7 +185,7 @@ fi-pl:
         conference_s: Konferenssi S
         conferences: Konferenssit
         context: Asiayhteys
-        context_description: Tämä solu näyttää tietoja käyttäjästä. Se on visuaalinen tapa tunnistaa tietueen sisältöä tai sen laatija. Hiiren osoittaminen elementin päällä näyttää sivun päälle avautuvan työkaluvinkin, jossa on lisätietoa ja linkkejä profiiliin.
+        context_description: Tämä solu näyttää tietoja käyttäjästä. Sitä käytetään visuaalisena vihjeenä, joka auttaa tunnistamaan asian/sisällön luojan.
         context_description_2: Tämä solu näytetään pääotsikon alapuolella tietueille. Muilla sisällöillä se näytetään sisällön vieressä.
         debate_l: Keskustelu L
         debate_s: Keskustelu S
@@ -206,7 +206,7 @@ fi-pl:
         dropdowns_description_html: Pudotusvalikot ovat ulkoisen %{link} -kirjaston tarjoama JavaScript ominaisuus.
         dropdowns_usage_1_description: 2. Piilotettava elementti, jonka <code>id</code>-attribuutti vastaa pudotusvalikkoon viittaavan liipaisinelementin <code>data-target</code>-attribuutin arvoa.
         dropdowns_usage_description: 'Pudotusvalikko tarvitsee kaksi elementtiä:'
-        dropdowns_usage_description_html: 1. Käyttäjän kohdistettavissa oleva elementti, joka sisältää data-attribuutit <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
+        dropdowns_usage_description_html: 1. Käyttäjän kohdistettavissa oleva elementti, joka sisältää data-attribuutit <code>data-controller="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Esimerkkitietueen kuvaus
         dummy_title: Esimerkkitietueen otsikko
         follow_button: Seuraa-painike
@@ -294,6 +294,7 @@ fi-pl:
         usage_typography_2: Leipäteksti
         usage_typography_3: Tumman taustan päällä näytettävän tekstin väri
         usage_typography_4: Linkit ja painikkeet
+        usage_typography_5: Käytöstä poistettu välilehti
         value: Arvo
         variations: Muunnelmat
         variations_cards_description: Jokainen kortti näyttää erilaiselta, riippuen mitä tietueen ominaisuuksia näytetään. Voit ohittaa tämän oletustoiminnallisuuden yksittäisissä soluissa.

data/config/locales/fi.yml

@@ -14,7 +14,7 @@ fi:
           trigger: Liipaisin
           usage: Käyttöesimerkki
           usage_p: Haitarielementti tarvitsee vähintään kolme elementtiä
-          usage_p_1_html: 1. Jäsentävä <code>div</code>-elementti, jossa on data-attribuutti <code>data-component="accordion"</code>, joka pitää sisällään kaikki liipaisimet ja paneelit.
+          usage_p_1_html: 1. Jäsentävä <code>div</code>-elementti, jossa on data-attribuutti <code>data-controller="accordion"</code>, joka pitää sisällään kaikki liipaisimet ja paneelit.
           usage_p_2_html: 2. Käyttäjän kohdistettavissa oleva liipaisinelementti (painike), joka viittaa hallinnoitavaan elementtiin attribuutin <code>data-controls="panel"</code> avulla. Kyseisessä attribuutissa <i>panel</i> on viitattavan paneelielementin <code>id</code>-attribuutin arvo.
           usage_p_3_html: 3. Piilotettava tai näytettävä elementti, jonka <code>id</code>-attribuutti vastaa <code>data-controls</code>-attribuutin arvoa haitarielementin liipaisimessa.
         activities:
@@ -87,26 +87,26 @@ fi:
           adjacent_links_paragraph: Jos samaan kohteeseen on useita vierekkäisiä linkkejä, se hankaloittaa sivun ymmärtämistä avustavien teknologioiden käyttäjille, koska kyseisten käyttäjien tulee siirtää kohdistusta useaan otteeseen päästäkseen seuraavaan kohteeseen.
           color_contrast: Värien kontrasti
           color_contrast_paragraph: Luodessasi käyttöliittymiä tai muuttaessasi värimäärityksiä, varmista, että et riko sivun saavutettavuutta näillä muutoksilla. Voit käyttää värien kontrastiarvon tarkastustyökalua varmistaaksesi, että väreillä on tarpeeksi kontrastia niiden taustaväriin verrattuna.
-          decidim_follows_html: Decidim seuraa %{link}
+          decidim_follows_html: Desidim noudattaa <u>Verkkosisällön saavutettavuusohjeita (WCAG) 2.1</u>
           dynamic_changes_header: Sivujen dynaamiset toiminnot muuttavat sivun kontekstia epäjohdonmukaisesti
           dynamic_changes_paragraph: Lomakekenttien muutosten ei tulisi muuttaa sivun kontekstia automaattisesti.
           elements_hidden: Piilotetut elementit
           elements_hidden_header: Avustavilta teknologioilta piilotetut elementit
           elements_hidden_paragraph: Käytä aria-hidden="true" -attribuuttia piilottaaksesi elementin avustavilta teknologioilta.
           heading_on: Tärkeiden osioiden otsikointi
+          here_link: täältä
           illogical_heading_order: Epäjohdonmukainen otsikointijärjestys
           illogical_heading_paragraph: Jokaisen sivun on noudatettava johdonmukaista otsikoiden järjestystä käytettäessä <h1>, <h2>, <h3>, <h4>, <h5> ja <h6> otsikkoelementtejä.
           important_sections_heading: Tärkeiden osioiden otsikointi
           important_sections_paragraph: On erityisen tärkeää, että jokaisella sivun tärkeällä osiolla on otsikko, jotta sivun rakenne on helppo ymmärtää selaamalla pelkästään sivun otsikot.
-          learn_more_about_html: Lisätietoja aiheesta %{link}
           links_and_buttons: Linkit ja painikkeet
           links_and_buttons_paragraph: Ankkurielementit (eli linkit) on tarkoitettu linkittämään eri sivuille tai saman sivun eri osioihin. Mikäli elementin on tarkoitus avata esimerkiksi piilotettua sisältöä samalla sivulla muuttamatta sivun kontekstia, toteutuksessa tulisi käyttää <button>-elementtiä ankkurin sijaan.
+          see_further_info_html: Löydät lisätietoja %{link}
           unique_h1: Yksilölliset H1-tason otsikot
           unique_h1_paragraph: Jokaisella sivulla on oltava yksilöllinen H1-otsikko
           use_aria: Hyödynnä ARIA-attribuutteja
           use_aria_header: Hyödynnä ARIA-attribuutteja mahdollisuuksien mukaan
           use_aria_paragraph: Monet dynaamisia toimintoja tarjoavat elementit tarvitsevat ARIA-attribuuttimäärityksiä toimiakseen saavutettavasti ja ollakseen yhteensopivia avustavien teknologioiden kanssa.
-          wcag_guidelines: Verkkosisällön saavutettavuusohjeita (WCAG)
         color:
           color_header: Värit
           description_p1: Tarjoamme oletusväripaletin muutamilla esimääritetyillä väreillä, jotta värimaailman muuttaminen olisi helppoa. Voit muokata väripalettia joko hallintapaneelista tai muuttamalla Tailwind-asetustiedostoa, mikäli haluat muokata useampia asioita.
@@ -185,7 +185,7 @@ fi:
         conference_s: Konferenssi S
         conferences: Konferenssit
         context: Asiayhteys
-        context_description: Tämä solu näyttää tietoja käyttäjästä. Se on visuaalinen tapa tunnistaa tietueen sisältöä tai sen laatija. Hiiren osoittaminen elementin päällä näyttää sivun päälle avautuvan työkaluvinkin, jossa on lisätietoa ja linkkejä profiiliin.
+        context_description: Tämä solu näyttää tietoja käyttäjästä. Sitä käytetään visuaalisena vihjeenä, joka auttaa tunnistamaan asian/sisällön luojan.
         context_description_2: Tämä solu näytetään pääotsikon alapuolella tietueille. Muilla sisällöillä se näytetään sisällön vieressä.
         debate_l: Keskustelu L
         debate_s: Keskustelu S
@@ -206,7 +206,7 @@ fi:
         dropdowns_description_html: Pudotusvalikot ovat ulkoisen %{link} -kirjaston tarjoama JavaScript ominaisuus.
         dropdowns_usage_1_description: 2. Piilotettava elementti, jonka <code>id</code>-attribuutti vastaa pudotusvalikkoon viittaavan liipaisinelementin <code>data-target</code>-attribuutin arvoa.
         dropdowns_usage_description: 'Pudotusvalikko tarvitsee kaksi elementtiä:'
-        dropdowns_usage_description_html: 1. Käyttäjän kohdistettavissa oleva elementti, joka sisältää data-attribuutit <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
+        dropdowns_usage_description_html: 1. Käyttäjän kohdistettavissa oleva elementti, joka sisältää data-attribuutit <code>data-controller="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Esimerkkitietueen kuvaus
         dummy_title: Esimerkkitietueen otsikko
         follow_button: Seuraa-painike
@@ -294,6 +294,7 @@ fi:
         usage_typography_2: Leipäteksti
         usage_typography_3: Tumman taustan päällä näytettävän tekstin väri
         usage_typography_4: Linkit ja painikkeet
+        usage_typography_5: Käytöstä poistettu välilehti
         value: Arvo
         variations: Muunnelmat
         variations_cards_description: Jokainen kortti näyttää erilaiselta, riippuen mitä tietueen ominaisuuksia näytetään. Voit ohittaa tämän oletustoiminnallisuuden yksittäisissä soluissa.

data/config/locales/fr-CA.yml

@@ -14,7 +14,6 @@ fr-CA:
           trigger: Déclencheur
           usage: Usage
           usage_p: Un accordéon nécessite au moins trois éléments
-          usage_p_1_html: 1. Un wrapper <code>div</code>, avec l'attribut de données <code>data-component="accordion"</code>, sur tous les déclencheurs et panneaux disponibles.
           usage_p_2_html: 2. Un élément de déclencheur utilisable (comme un bouton), pointant vers l'élément pliable à travers <code>data-controls="panel"</code>, où le <i>panneau</i> est l'<code>id</code> du panneau.
           usage_p_3_html: 3. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-controls à laquelle se réfère le déclencheur.
         activities:
@@ -87,26 +86,26 @@ fr-CA:
           adjacent_links_paragraph: Si la même ressource a plusieurs liens adjacents pointant vers elle, Cela rend difficile pour ces utilisateurs de jeter un coup d'œil sur la page car ils pourraient avoir besoin de passer par plusieurs liens pour accéder à la ressource suivante.
           color_contrast: Contraste des couleurs
           color_contrast_paragraph: Lorsque vous créez des interfaces utilisateur ou que vous modifiez les couleurs, assurez-vous toujours que vous ne cassez pas l'accessibilité avec vos modifications. Vous pouvez utiliser le vérificateur de contraste de couleur pour vous assurer que vos couleurs ont un contraste suffisant avec la couleur de fond où elles sont affichées.
-          decidim_follows_html: Decidim suit %{link}
+          decidim_follows_html: Decidim suit les recommandations du <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
           dynamic_changes_header: La fonctionnalité dynamique modifie le contexte de la page de façon non intuitive
           dynamic_changes_paragraph: Les changements dans les entrées de formulaire ne doivent pas modifier le contexte de la page automatiquement.
           elements_hidden: Éléments cachés
           elements_hidden_header: Éléments cachés de l'API d'accessibilité
           elements_hidden_paragraph: Pour cacher un élément aux technologies d'assistance, utilisez l'attribut aria-hidden="true" sur celui-ci.
           heading_on: Titre sur les sections importantes
+          here_link: ici
           illogical_heading_order: Ordre de titre illogique
           illogical_heading_paragraph: Chaque page doit avoir un ordre de titres logique lorsque vous utilisez les éléments de titre <h1>, <h2>, <h3>, <h4>, <h5> et <h6>.
           important_sections_heading: Titre sur les sections importantes
           important_sections_paragraph: Il est très important que chaque section importante de la page ait un titre pour faciliter la compréhension des sections importantes de la page en parcourant ses rubriques.
-          learn_more_about_html: En savoir plus sur %{link}
           links_and_buttons: Liens et boutons
           links_and_buttons_paragraph: Les éléments d'ancrage (c'est-à-dire les liens) sont destinés à lier à des pages différentes ou à ancrer des positions dans la page. Si l'élément est censé ouvrir un élément caché sur cette page, vous devriez utiliser l'élément <button> à la place.
+          see_further_info_html: Voir plus d'infos %{link}
           unique_h1: H1 unique
           unique_h1_paragraph: Chaque page devrait avoir un titre H1 unique
           use_aria: Utiliser ARIA
           use_aria_header: Utiliser les attributs ARIA si possible
           use_aria_paragraph: De nombreux éléments qui fournissent des fonctionnalités interactives sur le site Web requièrent des attributs ARIA pour les rendre accessibles.
-          wcag_guidelines: Directives d'accessibilité des contenus Web (WCAG)
         color:
           color_header: Couleur 
           description_p1: Nous fournissons une palette de base avec peu de couleurs de sorte que les personnalisations simples soient faciles. Vous pouvez modifier la palette de base soit dans la zone Administration soit dans le fichier de configuration de Tailwind si vous avez besoin d'une personnalisation plus avancée.
@@ -185,7 +184,7 @@ fr-CA:
         conference_s: Conférence S
         conferences: Conférences
         context: Contexte
-        context_description: Cette cellule affiche quelques informations à propos d'un utilisateur. C'est une aide visuelle pour identifier le créateur de ressource/contenu. Survoler avec la souris affiche une info-bulle avec des informations supplémentaires et des liens vers son profil.
+        context_description: Cette cellule affiche quelques informations à propos d'un utilisateur. C'est une aide visuelle pour identifier le créateur de la ressource/du contenu.
         context_description_2: Pour les ressources, cette cellule apparaît sous le titre principal. Pour les autres contenus, elle apparaît à côté du contenu lui-même.
         debate_l: Débat L
         debate_s: Débat S
@@ -206,7 +205,6 @@ fr-CA:
         dropdowns_description_html: Les listes déroulantes sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée %{link}.
         dropdowns_usage_1_description: 2. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-taget à laquelle se réfère le déclencheur.
         dropdowns_usage_description: 'Une liste déroulante nécessite deux éléments :'
-        dropdowns_usage_description_html: 1. Un élément utilisable par l'utilisateur, avec les attributs de données <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Description de la ressource factice
         dummy_title: Titre de la ressource factice
         follow_button: Bouton Suivre
@@ -294,6 +292,7 @@ fr-CA:
         usage_typography_2: Texte inline
         usage_typography_3: Texte sur fond sombre
         usage_typography_4: Liens et boutons
+        usage_typography_5: Onglet désactivé
         value: Valeur
         variations: Variantes
         variations_cards_description: Chaque carte sera différente en ce qui concerne les propriétés de la ressource affichée. Vous pouvez remplacer ce comportement dans la cellule spécifique.

data/config/locales/fr.yml

@@ -14,7 +14,6 @@ fr:
           trigger: Déclencheur
           usage: Usage
           usage_p: Un accordéon nécessite au moins trois éléments
-          usage_p_1_html: 1. Un wrapper <code>div</code>, avec l'attribut de données <code>data-component="accordion"</code>, sur tous les déclencheurs et panneaux disponibles.
           usage_p_2_html: 2. Un élément de déclencheur utilisable (comme un bouton), pointant vers l'élément pliable à travers <code>data-controls="panel"</code>, où le <i>panneau</i> est l'<code>id</code> du panneau.
           usage_p_3_html: 3. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-controls à laquelle se réfère le déclencheur.
         activities:
@@ -87,26 +86,26 @@ fr:
           adjacent_links_paragraph: Si la même ressource a plusieurs liens adjacents pointant vers elle, Cela rend difficile pour ces utilisateurs de jeter un coup d'œil sur la page car ils pourraient avoir besoin de passer par plusieurs liens pour accéder à la ressource suivante.
           color_contrast: Contraste des couleurs
           color_contrast_paragraph: Lorsque vous créez des interfaces utilisateur ou que vous modifiez les couleurs, assurez-vous toujours que vous ne cassez pas l'accessibilité avec vos modifications. Vous pouvez utiliser le vérificateur de contraste de couleur pour vous assurer que vos couleurs ont un contraste suffisant avec la couleur de fond où elles sont affichées.
-          decidim_follows_html: Decidim suit %{link}
+          decidim_follows_html: Decidim suit les recommandations du <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
           dynamic_changes_header: La fonctionnalité dynamique modifie le contexte de la page de façon non intuitive
           dynamic_changes_paragraph: Les changements dans les entrées de formulaire ne doivent pas modifier le contexte de la page automatiquement.
           elements_hidden: Éléments cachés
           elements_hidden_header: Éléments cachés de l'API d'accessibilité
           elements_hidden_paragraph: Pour cacher un élément aux technologies d'assistance, utilisez l'attribut aria-hidden="true" sur celui-ci.
           heading_on: Titre sur les sections importantes
+          here_link: ici
           illogical_heading_order: Ordre de titre illogique
           illogical_heading_paragraph: Chaque page doit avoir un ordre de titres logique lorsque vous utilisez les éléments de titre <h1>, <h2>, <h3>, <h4>, <h5> et <h6>.
           important_sections_heading: Titre sur les sections importantes
           important_sections_paragraph: Il est très important que chaque section importante de la page ait un titre pour faciliter la compréhension des sections importantes de la page en parcourant ses rubriques.
-          learn_more_about_html: En savoir plus sur %{link}
           links_and_buttons: Liens et boutons
           links_and_buttons_paragraph: Les éléments d'ancrage (c'est-à-dire les liens) sont destinés à lier à des pages différentes ou à ancrer des positions dans la page. Si l'élément est censé ouvrir un élément caché sur cette page, vous devriez utiliser l'élément <button> à la place.
+          see_further_info_html: Voir plus d'infos %{link}
           unique_h1: H1 unique
           unique_h1_paragraph: Chaque page devrait avoir un titre H1 unique
           use_aria: Utiliser ARIA
           use_aria_header: Utiliser les attributs ARIA si possible
           use_aria_paragraph: De nombreux éléments qui fournissent des fonctionnalités interactives sur le site Web requièrent des attributs ARIA pour les rendre accessibles.
-          wcag_guidelines: Directives d'accessibilité des contenus Web (WCAG)
         color:
           color_header: Couleur 
           description_p1: Nous fournissons une palette de base avec peu de couleurs de sorte que les personnalisations simples soient faciles. Vous pouvez modifier la palette de base soit dans la zone Administration soit dans le fichier de configuration de Tailwind si vous avez besoin d'une personnalisation plus avancée.
@@ -185,7 +184,7 @@ fr:
         conference_s: Conférence S
         conferences: Conférences
         context: Contexte
-        context_description: Cette cellule affiche quelques informations à propos d'un utilisateur. C'est une aide visuelle pour identifier le créateur de ressource/contenu. Survoler avec la souris affiche une info-bulle avec des informations supplémentaires et des liens vers son profil.
+        context_description: Cette cellule affiche quelques informations à propos d'un utilisateur. C'est une aide visuelle pour identifier le créateur de la ressource/du contenu.
         context_description_2: Pour les ressources, cette cellule apparaît sous le titre principal. Pour les autres contenus, elle apparaît à côté du contenu lui-même.
         debate_l: Débat L
         debate_s: Débat S
@@ -206,7 +205,6 @@ fr:
         dropdowns_description_html: Les listes déroulantes sont une fonctionnalité javascript disponible grâce à une bibliothèque externe appelée %{link}.
         dropdowns_usage_1_description: 2. Un élément cachable, dont l' <code>id</code> correspond à la valeur data-taget à laquelle se réfère le déclencheur.
         dropdowns_usage_description: 'Une liste déroulante nécessite deux éléments :'
-        dropdowns_usage_description_html: 1. Un élément utilisable par l'utilisateur, avec les attributs de données <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Description de la ressource factice
         dummy_title: Titre de la ressource factice
         follow_button: Bouton Suivre
@@ -294,6 +292,7 @@ fr:
         usage_typography_2: Texte inline
         usage_typography_3: Texte sur fond sombre
         usage_typography_4: Liens et boutons
+        usage_typography_5: Onglet désactivé
         value: Valeur
         variations: Variantes
         variations_cards_description: Chaque carte sera différente en ce qui concerne les propriétés de la ressource affichée. Vous pouvez remplacer ce comportement dans la cellule spécifique.

data/config/locales/ja.yml

@@ -14,7 +14,7 @@ ja:
           trigger: トリガー
           usage: 使い方
           usage_p: アコーディオンには少なくとも3つの要素が必要です
-          usage_p_1_html: 1. すべての使用可能なトリガーとパネルを覆う、data-属性<code>data-component="accordion"</code>を持つラッパー<code>div</code>。
+          usage_p_1_html: 1. すべての利用可能なトリガーとパネルを囲む、<code>data-controller="accordion"</code> というデータ属性を持つラッパーの <code>div</code>。
           usage_p_2_html: <code>data-controls="panel"</code>によって折りたたみ可能となる要素を指定する、（ボタンとして）ユーザー操作可能なトリガー要素。ここで指定されている<i>panel</i>は対象となるパネルの<code>id</code>を指す。
           usage_p_3_html: 3. トリガーが指定するdata-controlsの値と一致する<code>id</code> を持つ非表示要素。
         activities:
@@ -87,26 +87,26 @@ ja:
           adjacent_links_paragraph: 同じリソースに複数の隣接するリンクが指している場合、ユーザーがページを素早く確認するのが困難になることがあります。なぜなら、次のリソースに進むために複数のリンクをたどる必要があるかもしれないためです。
           color_contrast: 色のコントラスト
           color_contrast_paragraph: ユーザーインターフェイスを作成したり、色を変更したりするときは、変更によってアクセシビリティが損なわれていないことを常に確認してください。カラーコントラストチェッカーを使うと、表示色が背景色に対して十分なコントラストがあることを確認できます。
-          decidim_follows_html: Decidimは %{link} に従います
+          decidim_follows_html: Decidim は <u>Web Content Accessibility Guidelines (WCAG) 2.1</u> に準拠しています。
           dynamic_changes_header: 動的な機能は直感に反してページのコンテキストを変更します。
           dynamic_changes_paragraph: フォーム入力の変更は、ページのコンテキストを自動的に変更してはなりません。
           elements_hidden: 要素の非表示
           elements_hidden_header: アクセシビリティAPIから隠す要素
           elements_hidden_paragraph: 支援技術に要素を見せないようにするには、 aria-hidden="true" 属性を使用します。
           heading_on: 重要なセクションの見出し
+          here_link: こちら
           illogical_heading_order: 非論理的な見出しの順序
           illogical_heading_paragraph: <h1>, <h2>, <h3>, <h4>, <h5>, <h6> の見出し要素を使用する場合、すべてのページは論理的な見出し順序を持つ必要があります。
           important_sections_heading: 重要なセクションの見出し
           important_sections_paragraph: ページの重要なセクションごとに見出しがあることが非常に重要です。これにより、見出しを流し読みするだけでページ内にどのような重要なセクションがあるのかが分かりやすくなります。
-          learn_more_about_html: '%{link} についてもっと知る'
           links_and_buttons: リンクとボタン
           links_and_buttons_paragraph: アンカー要素（つまりリンク）は、異なるページへのリンクやページ内の特定の位置へのアンカーとして機能します。例えばその要素がページ上で何か隠された項目を表示するような場合は、<button>要素を使用するべきです。
+          see_further_info_html: 詳しい情報は %{link} を参照してください
           unique_h1: ただ一つのH1
           unique_h1_paragraph: すべてのページには、H1見出しが一つだけ書かれるべきです。
           use_aria: ARIA を使用する
           use_aria_header: 可能な場合はARIA属性を使用する
           use_aria_paragraph: ウェブサイト上でインタラクティブ機能を提供する多くの要素には、それらにアクセシブルにするために ARIA 属性が必要です。
-          wcag_guidelines: Web Content Accessibility Guidelines (WCAG)
         color:
           color_header: 色
           description_p1: シンプルなカスタマイズが簡単にできるように、少数の色で構成される基本パレットを提供しています。より高度なカスタマイズが必要な場合は、管理画面のエリアまたはTailwindの設定ファイルのいずれかで基本パレットを変更することができます。
@@ -185,7 +185,7 @@ ja:
         conference_s: カンファレンスS
         conferences: カンファレンス
         context: コンテキスト
-        context_description: このセルは、ユーザーに関する情報を表示します。これは、リソース/コンテンツクリエーターを識別するための視覚的なサポートです。マウスをホバーすると、さらに詳しい情報とそのプロフィールへのリンクが含まれたツールチップが表示されます。
+        context_description: このセルはユーザーに関する情報を表示します。リソースやコンテンツの作成者を視覚的に識別するための補助となります。
         context_description_2: リソースの場合、このセルはメインヘッダーの下に表示されます。その他のコンテンツの場合、コンテンツ自体の隣に表示されます。
         debate_l: ディベートL
         debate_s: ディベートS
@@ -206,7 +206,7 @@ ja:
         dropdowns_description_html: ドロップダウンは %{link} と呼ばれる外部ライブラリにより利用可能な javascriptの機能です。
         dropdowns_usage_1_description: 2. トリガーが参照するdata-target属性の値と一致する<code>id</code> を持つ非表示要素。
         dropdowns_usage_description: 'ドロップダウンには2つの要素が必要です:'
-        dropdowns_usage_description_html: 1. data-属性 <code>data-component="dropdown" data-target="dropdown-menu-element"</code> を持つ、ユーザーのアクションを受け付ける要素。
+        dropdowns_usage_description_html: 1. <code>data-controller="dropdown" data-target="dropdown-menu-element"</code> というデータ属性を持つ、ユーザーが操作可能な要素。
         dummy_description: Dummy resource description
         dummy_title: Dummy resource title
         follow_button: フォローボタン
@@ -294,6 +294,7 @@ ja:
         usage_typography_2: インラインテキスト
         usage_typography_3: ダーク背景上のテキスト
         usage_typography_4: リンクとボタン
+        usage_typography_5: 無効なタブ
         value: 値
         variations: バリエーション
         variations_cards_description: 表示されるリソースのプロパティに応じて、各カードの見た目は異なります。この振る舞いは特定のセルでオーバーライドすることができます。

data/config/locales/pl.yml

@@ -14,7 +14,6 @@ pl:
           trigger: Wyzwalacz
           usage: Użycie
           usage_p: Akordion wymaga co najmniej trzech elementów
-          usage_p_1_html: 1. Wrapper <code>div</code>, z atrybutem data-attribute <code>data-component="accordion"</code>, na wszystkich dostępnych wyzwalaczach i panelach.
           usage_p_2_html: 2. Element wyzwalający, z którego może skorzystać użytkownik (jak przez przycisk), wskazujący na zwijany element przez <code>data-controls="panel"</code>, gdzie <i>panel</i> jest <code>id</code> panelu.
           usage_p_3_html: 3. Ukrywany element, którego <code>id</code> odpowiada wartości data-controls, do której odnosi się wyzwalacz.
         activities:
@@ -87,18 +86,21 @@ pl:
           adjacent_links_paragraph: Jeśli ten sam zasób ma wiele sąsiadujących linków wskazujących no niego, utrudnia to takim użytkownikom spojrzenie na stronę, ponieważ mogą oni przejść przez wiele linków, aby dotrzeć do następnego zasobu.
           color_contrast: Kontrast kolorów
           color_contrast_paragraph: Podczas tworzenia interfejsów użytkownika lub modyfikowania kolorów, zawsze upewnij się, że nie naruszasz dostępności swoimi zmianami. Możesz użyć narzędzia do sprawdzania kontrastu kolorów, aby upewnić się, że kolory mają wystarczający kontrast względem koloru tła, na którym są wyświetlane.
+          decidim_follows_html: Decidim jest zgodny z wytycznymi <u>Web Content Accessibility Guidelines (WCAG) 2.1</u>
           dynamic_changes_header: Dynamiczna funkcjonalność zmienia kontekst strony w sposób nieintuicyjny
           dynamic_changes_paragraph: Zmiany w formularzu danych wejściowych nie powinny automatycznie zmieniać kontekstu strony.
           elements_hidden: Ukryte elementy
           elements_hidden_header: Elementy ukryte w API ułatwień dostępu
           elements_hidden_paragraph: Aby ukryć element przed technologiami wspomagającymi, użyj w nim atrybutu aria-hidden="true".
           heading_on: Nagłówek w ważnych sekcjach
+          here_link: tutaj
           illogical_heading_order: Nielogiczna kolejność nagłówków
           illogical_heading_paragraph: Każda strona powinna mieć logiczną kolejność nagłówków podczas używania elementów nagłówka <h1>, <h2>, <h3>, <h4>, <h5> i <h6>.
           important_sections_heading: Nagłówek w ważnych sekcjach
           important_sections_paragraph: Bardzo ważne jest, aby każda ważna sekcja strony miała nagłówek ułatwiający zrozumienie, jakie ważne sekcje znajdują się na stronie tylko poprzez przeglądanie jej nagłówków.
           links_and_buttons: Linki i przyciski
           links_and_buttons_paragraph: Elementy kotwicy (tj. odnośniki) mają na celu połączenie z różnymi stronami lub zakotwiczenie pozycji na stronie. Jeśli element ma na celu np. otwarcie na tej stronie niektórych ukrytych elementów, powinieneś (powinnaś) zamiast tego użyć elementu <button>.
+          see_further_info_html: Zobacz dalsze informacje %{link}
           unique_h1: Unikalny H1
           unique_h1_paragraph: Każda strona powinna mieć unikalny nagłówek H1
           use_aria: Użyj ARIA
@@ -182,7 +184,6 @@ pl:
         conference_s: Konferencja S
         conferences: Konferencje
         context: Kontekst
-        context_description: Ta komórka wyświetla informacje o użytkowniku. Jest to wizualna pomoc w identyfikacji twórcy zasobów/treści. Najechanie myszą wyświetla podpowiedź z dalszymi informacjami i linkami do jego lub jej profilu.
         context_description_2: W przypadku zasobów, ta komórka pojawia się pod głównym nagłówkiem. W przypadku innych treści pojawia się obok samej treści.
         debate_l: Debata L
         debate_s: Debata S
@@ -203,7 +204,6 @@ pl:
         dropdowns_description_html: Listy rozwijane są funkcją javascript dostępną dzięki bibliotece zewnętrznej o nazwie %{link}.
         dropdowns_usage_1_description: 2. Element ukryty, którego <code>id</code> odpowiada wartości docelowej danych, do której odnosi się wyzwalacz.
         dropdowns_usage_description: 'Lista rozwijana wymaga dwóch elementów:'
-        dropdowns_usage_description_html: 1. Element wywoływany przez użytkownika, z atrybutami danych <code>data-component="dropdown" data-target="dropdown-menu-element"</code>.
         dummy_description: Opis zasobu Dummy
         dummy_title: Tytuł zasobu Dummy
         follow_button: Przycisk podążania

data/config/locales/ro-RO.yml

@@ -12,7 +12,6 @@ ro:
           trigger: Declanșator
           usage: Utilizare
           usage_p: Un acordeon necesită cel puțin trei elemente
-          usage_p_1_html: 1. Un wrapper <code>div</code>, cu data-atributul <code>data-component="accordion"</code>, pentru toate declanșatoarele și panourile disponibile.
           usage_p_2_html: 2. Un element de declanșare, acționabil de utilizator (ca un buton), indicând către elementul de colaps prin intermediul <code>data-controls="panel"</code>, unde <i>panel</i> este <code>id</code> al panoului.
           usage_p_3_html: 3. Un element ascuns, al cărui <code>id</code> corespunde valorii controlului datelor la care se referă declanșatorul.
         activities:
@@ -43,3 +42,6 @@ ro:
           adjacent_links: Link-uri adiacente
           elements_hidden: Elemente ascunse
           elements_hidden_header: Elemente ascunse de API-ul de accesibilitate
+      helpers:
+        context_description: Această celulă afișează câteva informații despre un utilizator. Un ajutor vizual pentru identificarea creatorului de resurse/conținut.
+        usage_typography_5: Tab dezactivat

data/config/locales/sv.yml

@@ -2,11 +2,11 @@
 sv:
   decidim:
     design:
-      foundations:
-        accessibility:
-          decidim_follows_html: Decidim följer %{link}
-          learn_more_about_html: Läs mer om %{link}
-          wcag_guidelines: Riktlinjer för tillgänglighet för webbinnehåll (WCAG)
+      components:
+        accordions:
+          usage_p_1_html: 1. En wrapper <code>div</code>, med data-attributet <code>data-controller="dragspelsmeny"</code>, över alla tillgängliga rubriker och paneler.
       helpers:
         assembly_g: Samråd G
         assembly_s: Samråd S
+        context_description: Denna cell visar information om en användare. Det är en visuell hjälp för att identifiera resurs/innehållsskaparen.
+        dropdowns_usage_description_html: 1. Ett användarvänligt element, med data-attributen <code>data-controller="rullgardin" data-target="rullgardinsmeny-element"</code>.

data/config/locales/tr-TR.yml

@@ -55,7 +55,6 @@ tr:
         avatar_description: Yazarın ikincil bir bilgi olduğu alanlarda kullanılır.
         compact: "Yoğun\nSıkıştırılmış"
         context: İçerik
-        context_description: Bu hücre, bir kullanıcı hakkında bazı bilgileri görüntüler. Bu kaynağı/içerik üreticiyi tanımlamaya yönelik görsel bir yardımdır. Fare üzerine gelindiğinde, daha fazla bilgi ve profil bağlantıları içeren bir bilgi kutusu görüntülenir.
         context_description_2: Kaynaklar bu hücre ana başlığın altında görünür. Diğer içerikler ise içeriğin yanında görünür.
         default: Varsayılan
         demo: Gösteri

data/lib/decidim/design/engine.rb

@@ -27,7 +27,7 @@ module Decidim
         Cell::ViewModel.view_paths << File.expand_path("#{Decidim::Design::Engine.root}/app/views") # for partials
       end
 
-      initializer "decidim_design.webpacker.assets_path" do
+      initializer "decidim_design.shakapacker.assets_path" do
         Decidim.register_assets_path File.expand_path("app/packs", root)
       end
     end

data/lib/decidim/design/version.rb

@@ -3,7 +3,7 @@
 module Decidim
   module Design
     def self.version
-      "0.30.3"
+      "0.31.0.rc1"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: decidim-design
 version: !ruby/object:Gem::Version
-  version: 0.30.3
+  version: 0.31.0.rc1
 platform: ruby
 authors:
 - Decidim Team
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-10-28 00:00:00.000000000 Z
+date: 2025-09-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: decidim-core
@@ -16,28 +16,28 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.30.3
+        version: 0.31.0.rc1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.30.3
+        version: 0.31.0.rc1
 - !ruby/object:Gem::Dependency
   name: decidim-dev
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.30.3
+        version: 0.31.0.rc1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.30.3
+        version: 0.31.0.rc1
 description: The design guide module for Decidim.
 email:
 - hola@decidim.org
@@ -115,6 +115,7 @@ files:
 - app/views/layouts/decidim/design/_layout.html.erb
 - app/views/layouts/decidim/design/application.html.erb
 - config/assets.rb
+- config/brakeman.ignore
 - config/locales/am-ET.yml
 - config/locales/ar.yml
 - config/locales/bg.yml