decidim-design 0.31.8 → 0.32.0.rc1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7407d6efb8c1eda968132cc2df9f212e319fa3f6a5793038c749ee917703a838
-  data.tar.gz: cccf2e965acca598f832f2c836a5d78acb8c327f263dd9d9cbd624006f0ab402
+  metadata.gz: c490d8f15d11ef187d712200072642a078a4d1cbd7506e04490bc8ab393ec762
+  data.tar.gz: '099c5fde804e61ce3f266e00bccf81efcf510db4d5a270ade4ece9effa485d72'
 SHA512:
-  metadata.gz: fd524f5e460bc5eff4f98938d8cbd0fcbbf01f4d9c45e2caf26106250755fc64733f097bccf7f7502afc9d60202f53a267f3e502cc043fd0094941844d467809
-  data.tar.gz: 63aeee51c26f77fc681ff81389926253196e74bb573044371afb4b9bc4f7006fedd11a930863ed7e25198744e0c17dc6c73aa601d083deb6024cb12ea383ac73
+  metadata.gz: 1c31ab77f23f8b37c23680fcb8b7118949a5a45b05fda14ee6d5b809a87ba483df7ddff680deb29c085d6c8cdd19d7830c2568bda502d563564fd3999a895128
+  data.tar.gz: ad51dd98bd5a9fbfbcd4a12151cdbd881b90a1ed6da2bfd6b6ef2c9b6a7e05df85d0d4b1c835bb40b24c754eb4e8889c8224c862fa80fa0861e901eddecf5d7c

data/README.md

@@ -6,18 +6,16 @@ The Design module implements the design guide for Decidim, a guide that includes
 
 The design application index is available at `/design` path
 
-## Installation
-
-Add this line to your application's Gemfile:
+This is a module oriented for developers, as a building block to be used by other modules.
 
-```ruby
-gem 'decidim-design'
-```
+## Installation
 
-And then execute:
+To install this module, run in your console:
 
 ```bash
-bundle
+bundle add decidim-design
+bundle exec rails decidim:upgrade
+bundle exec rails db:migrate
 ```
 
 ## Contributing

data/app/helpers/decidim/design/cards_helper.rb

@@ -171,7 +171,6 @@ module Decidim
         contents += debates_items
         contents += meetings_items
         contents += proposals_items
-        contents += sortitions_items
         contents += assemblies_items
         contents += conferences_items
         contents += initiatives_items
@@ -345,9 +344,8 @@ module Decidim
         return items unless Decidim.module_installed?(:proposals)
 
         proposal_resource = Decidim::Proposals::Proposal.last
-        collaborative_draft_resource = Decidim::Proposals::CollaborativeDraft.last
 
-        items << { values: section_subtitle(title: t("decidim.design.helpers.proposals")) } if [proposal_resource, collaborative_draft_resource].any?(&:present?)
+        items << { values: section_subtitle(title: t("decidim.design.helpers.proposals")) } if [proposal_resource].any?(&:present?)
 
         if (resource = proposal_resource).present?
           items += [
@@ -380,46 +378,9 @@ module Decidim
           ]
         end
 
-        if (resource = collaborative_draft_resource).present?
-          items += [
-            cell_table_item(
-              t("decidim.design.helpers.collaborative_draft_l"),
-              {
-                cell: "decidim/proposals/collaborative_draft_l",
-                args: [resource],
-                call_string: [
-                  "card_for(_RESOURCE_)",
-                  'cell("decidim/proposals/collaborative_draft", _RESOURCE_)',
-                  'cell("decidim/proposals/collaborative_draft_l", _RESOURCE_)'
-                ]
-              }
-            )
-          ]
-        end
-
         items
       end
 
-      def sortitions_items
-        return [] unless Decidim.module_installed?(:sortitions) && (resource = Decidim::Sortitions::Sortition.last).present?
-
-        [
-          { values: section_subtitle(title: t("decidim.design.helpers.sortitions")) },
-          cell_table_item(
-            t("decidim.design.helpers.sortition_l"),
-            {
-              cell: "decidim/sortitions/sortition_l",
-              args: [resource],
-              call_string: [
-                "card_for(_RESOURCE_)",
-                'cell("decidim/sortitions/sortition", _RESOURCE_)',
-                'cell("decidim/sortitions/sortition_l", _RESOURCE_)'
-              ]
-            }
-          )
-        ]
-      end
-
       def assemblies_items
         return [] unless Decidim.module_installed?(:assemblies) && (resource = Decidim::Assembly.last).present?
 

data/app/views/decidim/design/foundations/layout.html.erb

@@ -47,7 +47,7 @@
 </section>
 
 <section id="mobile" class="design__section">
-  <h2><%= t(".mobile") %> <span class="label">sm</span></h2>
+  <h2><%= t(".mobile") %> <span class="label">xs</span></h2>
 
   <p><%= t(".section_p_mobile") %></p>
 
@@ -111,6 +111,7 @@
     <tbody>
       <%
         rows = []
+        rows << { breakpoint: "xs (375px)", properties: "min-width: 375px;" }
         rows << { breakpoint: "sm (640px)", properties: "max-width: 640px;" }
         rows << { breakpoint: "md (768px)", properties: "max-width: 768px;" }
         rows << { breakpoint: "lg (1024px)", properties: "max-width: 1024px;" }

data/app/views/layouts/decidim/design/_layout.html.erb

@@ -53,7 +53,7 @@
     </ul>
   </aside>
 
-  <main id="content" role="main">
+  <main id="content">
     <% if content_for?(:heading) %>
       <section class="design__heading__section">
         <h1 class="design__heading__5xl">

data/config/locales/bg.yml

@@ -131,11 +131,9 @@ bg:
           not_required: Незадължително
           properties: Свойства
           right_aside: Дясно равнение
-          section_p_breakpoints: 'За да управляваме адаптивната максимална ширина на елементите, ние разчитаме на класа Tailwind „контейнер“ по подразбиране, който посочва следните точки на промяна:'
           section_p_code: Когато внедрявате нови модули, имате някои помощници, които автоматично ви предоставят кода, необходим за настройка на HTML структурата. Трябва да използвате тези помощници, вместо директно да използвате div елементи с класове, така че да поддържате последователност.
           section_p_code_html: Можете да намерите основните оформления в %{link_section_code}
           section_p_desktop: Desktop мрежовата работна система се състои от 12 "разтегливи" колони с разстояние между колоните от 16px и ляво и дясно поле от 48px
-          section_p_mobile: Мобилната мрежова работна система се състои от 4 разтегливи колони с разстояние между колоните от 16px и ляво и дясно поле от 16px. За размери под 320px тези полета са зададени на 8px
           section_p_tablet: Мрежовата работна система на таблета се състои от 8 разтегливи колони с разстояние между колоните от 16px и ляво и дясно поле от 24px
           tablet: Таблет
           title: Оформление
@@ -173,7 +171,6 @@ bg:
         card_g: Карта G
         card_l: Карта L
         card_s: Карта S
-        collaborative_draft_l: Съвместна чернова L
         colors: Цветове
         compact: Компактно
         compact_description: Тази авторска версия е обичайният начин за идентифициране на създателя на ресурса.
@@ -249,8 +246,6 @@ bg:
         share_button: Бутон за споделяне
         share_usage_description_html: Уверете се, че частичният <code>decidim/shared/share_modal</code> присъства в DOM. Тази част се поставя в оформлението на приложението.
         sizes: Размери
-        sortition_l: сортировка_l
-        sortitions: Сортировки
         source_code: Изходен код
         state: Състояние
         tab_panels_context_description: Този компонент на панела с раздели събира цялото свързано съдържание или други ресурси на основния показан елемент, за да спести вертикално пространство. Щракването върху раздела ще активира създадения панел за показване на съдържанието.

data/config/locales/ca-IT.yml

@@ -135,11 +135,11 @@ ca-IT:
           not_required: No és requisit
           properties: Propietats
           right_aside: Al costat dret
-          section_p_breakpoints: 'Per gestionar l''ample màxim dels elements al disseny web adaptatiu depenem de la classe Tailwind predeterminada ''container'', que indica els punts d''interrupció següents:'
+          section_p_breakpoints: 'Per gestionar l''amplada màxima dels elements al disseny web adaptatiu depenem de la classe Tailwind predeterminada ''container'', que indica els punts d''interrupció següents:'
           section_p_code: A l'hora d'implementar nous mòduls, disposes d'alguns ajudants que et proporcionen automàticament el codi necessari per a configurar l'estructura HTML. Hauries de fer servir aquests ajudants, en lloc de fer servir directament elements com <div> amb <class>, mantenint així la consistència.
           section_p_code_html: Pots trobar els dissenys bàsics a %{link_section_code}
           section_p_desktop: El sistema de graella per als ordinadors d'escriptori, es compon de 12 columnes flexibles amb un espaiat (canal) entre columnes de 16px i un marge esquerre i dret de 48px
-          section_p_mobile: El sistema de graella pel mòbil es compon de 4 columnes flexibles amb un espaiat (canal) entre columnes de 16px i de marge esquerre i dret de 16px. Per a mides inferiors a 320px aquests marges s'estableixen en 8px.
+          section_p_mobile: El sistema de graella per a mòbils, es compon de 4 columnes flexibles amb un espaiat (canal) entre columnes de 16px i un marge esquerre i dret de 16px.
           section_p_tablet: El sistema de graella per tauletes tàctils, es compon de 8 columnes flexibles amb un espaiat (canal) entre columnes de 16px i un marge esquerre i dret de 24px
           tablet: Tauleta tàctil
           title: Disseny (maqueta distribució)
@@ -177,7 +177,6 @@ ca-IT:
         card_g: Targeta G
         card_l: Targeta L
         card_s: Targeta S
-        collaborative_draft_l: Esborrany col·laboratiu L
         colors: Colors
         compact: Compacte
         compact_description: Aquesta versió de l'autoria és la forma més comuna d'identificar a la creadora del recurs.
@@ -255,8 +254,6 @@ ca-IT:
         share_button: Botó de "Compartir"
         share_usage_description_html: Assegura't que el <code>decidim/shared/share_moda</code> està present al DOM. Aquest parcial es col·loca al disseny de l'aplicació.
         sizes: Mides
-        sortition_l: Sorteig L
-        sortitions: Sortejos
         source_code: Codi font
         state: Estat
         tab_panels_context_description: Aquest component del tauler de pestanyes recull tots els continguts relacionats o altres recursos de l'element principal mostrat, per tal d'estalviar espai vertical. Quan feu clic a la pestanya s'activarà el panell creat per mostrar el contingut.

data/config/locales/ca.yml

@@ -135,11 +135,11 @@ ca:
           not_required: No és requisit
           properties: Propietats
           right_aside: Al costat dret
-          section_p_breakpoints: 'Per gestionar l''ample màxim dels elements al disseny web adaptatiu depenem de la classe Tailwind predeterminada ''container'', que indica els punts d''interrupció següents:'
+          section_p_breakpoints: 'Per gestionar l''amplada màxima dels elements al disseny web adaptatiu depenem de la classe Tailwind predeterminada ''container'', que indica els punts d''interrupció següents:'
           section_p_code: A l'hora d'implementar nous mòduls, disposes d'alguns ajudants que et proporcionen automàticament el codi necessari per a configurar l'estructura HTML. Hauries de fer servir aquests ajudants, en lloc de fer servir directament elements com <div> amb <class>, mantenint així la consistència.
           section_p_code_html: Pots trobar els dissenys bàsics a %{link_section_code}
           section_p_desktop: El sistema de graella per als ordinadors d'escriptori, es compon de 12 columnes flexibles amb un espaiat (canal) entre columnes de 16px i un marge esquerre i dret de 48px
-          section_p_mobile: El sistema de graella pel mòbil es compon de 4 columnes flexibles amb un espaiat (canal) entre columnes de 16px i de marge esquerre i dret de 16px. Per a mides inferiors a 320px aquests marges s'estableixen en 8px.
+          section_p_mobile: El sistema de graella per a mòbils, es compon de 4 columnes flexibles amb un espaiat (canal) entre columnes de 16px i un marge esquerre i dret de 16px.
           section_p_tablet: El sistema de graella per tauletes tàctils, es compon de 8 columnes flexibles amb un espaiat (canal) entre columnes de 16px i un marge esquerre i dret de 24px
           tablet: Tauleta tàctil
           title: Disseny (maqueta distribució)
@@ -177,7 +177,6 @@ ca:
         card_g: Targeta G
         card_l: Targeta L
         card_s: Targeta S
-        collaborative_draft_l: Esborrany col·laboratiu L
         colors: Colors
         compact: Compacte
         compact_description: Aquesta versió de l'autoria és la forma més comuna d'identificar a la creadora del recurs.
@@ -255,8 +254,6 @@ ca:
         share_button: Botó de "Compartir"
         share_usage_description_html: Assegura't que el <code>decidim/shared/share_moda</code> està present al DOM. Aquest parcial es col·loca al disseny de l'aplicació.
         sizes: Mides
-        sortition_l: Sorteig L
-        sortitions: Sortejos
         source_code: Codi font
         state: Estat
         tab_panels_context_description: Aquest component del tauler de pestanyes recull tots els continguts relacionats o altres recursos de l'element principal mostrat, per tal d'estalviar espai vertical. Quan feu clic a la pestanya s'activarà el panell creat per mostrar el contingut.

data/config/locales/cs.yml

@@ -131,11 +131,9 @@ cs:
           not_required: Nevyžadováno
           properties: Vlastnosti
           right_aside: Vpravo
-          section_p_breakpoints: 'Pro správu maximální citlivosti elementů spoléháme na výchozí třídu `container` Tailwind, která udává následující zarážky:'
           section_p_code: Při implementaci nových modulů máte některé pomocníky, které vám automaticky poskytují kód potřebný k nastavení HTML struktury. Měli byste použít tyto pomocníky namísto přímého použití prvků div s třídami, abyste zachovali konzistenci.
           section_p_code_html: Základní rozložení můžete najít v %{link_section_code}
           section_p_desktop: Souřadnicová síť pro desktop se skládá z 12 pružných sloupců s odstupem mezi sloupci 16px a vlevo a vpravo 48px
-          section_p_mobile: Souřadnicová síť pro mobilní zařízení se skládá ze 4 pružných sloupců s odstupem mezi sloupci 16px a vlevo a vpravo 16px. Pro velikosti menší než 320px jsou tyto okraje nastaveny na 8px
           section_p_tablet: Souřadnicová síť pro tablet je složena z 8 pružných sloupců s odstupem mezi sloupci 16px a vlevo a vpravo 24px
           tablet: Tablet
           title: Rozložení
@@ -173,7 +171,6 @@ cs:
         card_g: Karta G
         card_l: Karta L
         card_s: Karta S
-        collaborative_draft_l: Společný koncept L
         colors: Barvy
         compact: Kompaktní
         compact_description: Tato autorská verze je běžným způsobem, jak identifikovat tvůrce zdrojů.
@@ -250,8 +247,6 @@ cs:
         share_button: Tlačítko Sdílet
         share_usage_description_html: Ujistěte se, že v DOM je přítomen částečný <code>decidim/shared/share_modal</code>. Tato část je umístěna do rozvržení aplikace.
         sizes: Velikosti
-        sortition_l: sortition_l
-        sortitions: Losování
         source_code: Zdrojový kód
         state: Stav
         tab_panels_context_description: Tato komponenta panelů shromažďuje veškerý související obsah nebo jiné zdroje hlavního zobrazeného prvku, aby se ušetřil svislý prostor. Kliknutím na kartu se aktivuje vytvořený panel pro zobrazení obsahu.

data/config/locales/de.yml

@@ -87,7 +87,6 @@ de:
           adjacent_links_paragraph: Wenn die selbe Ressource mehrere angrenzende Links hat, die auf sie verweisen es erschwert solchen Benutzern, durch die Seite zu schauen, da sie unter Umständen mehrere Links durchlaufen müssen, um zur nächsten Ressource zu gelangen.
           color_contrast: Farbkontrast
           color_contrast_paragraph: Wenn Sie die Benutzeroberfläche erstellen oder die Farben ändern, stellen Sie immer sicher, dass Sie mit Ihren Änderungen nicht die Barrierefreiheit verletzen. Sie können mit der Farbkontrastprüfung sicherstellen, dass Ihre Textfarben ausreichend Kontrast zur Hintergrundfarbe haben, auf der sie angezeigt werden.
-          decidim_follows_html: Decidim befolgt die %{link}
           dynamic_changes_header: Dynamische Funktionalität ändert den Seitenkontext unintuitiv
           dynamic_changes_paragraph: Änderungen in den Formulareingaben sollten den Kontext der Seite nicht automatisch ändern.
           elements_hidden: Elemente versteckt
@@ -98,7 +97,6 @@ de:
           illogical_heading_paragraph: Jede Seite sollte eine logische Überschriftenreihenfolge haben, wenn die Überschriften <h1>, <h2>, <h3>, <h4>, <h5> und <h6> verwendet werden.
           important_sections_heading: Überschrift zu wichtigen Abschnitten
           important_sections_paragraph: Es ist sehr wichtig, dass jeder wichtige Abschnitt der Seite eine Überschrift hat, die es einfacher macht zu verstehen, welche wichtigen Abschnitte auf der Seite nur durch das Durchsuchen der Rubriken.
-          learn_more_about_html: Erfahren Sie mehr über %{link}
           links_and_buttons: Links und Tasten
           links_and_buttons_paragraph: Die Ankerelemente (z.B. Links) sollen auf andere Seiten verlinken oder Positionen innerhalb der Seite verankert werden. Wenn das Element z.B. ein verstecktes Element auf dieser Seite öffnen soll, sollten Sie stattdessen das Element <button> verwenden.
           unique_h1: Eindeutige H1
@@ -106,7 +104,6 @@ de:
           use_aria: Benutze ARIA
           use_aria_header: ARIA-Attribute verwenden, wenn möglich
           use_aria_paragraph: Viele Elemente, die interaktive Funktionalität auf der Website bieten, erfordern ARIA-Attribute auf ihnen, um sie barrierefrei zugänglich zu machen.
-          wcag_guidelines: Web Content Accessibility Guidelines (WCAG)
         color:
           color_header: Farbe
           description_p1: Wir bieten eine Grundpalette mit wenigen Farben, so dass kleinere Anpassungen einfach sind. Sie können die Grundpalette entweder im Administrationsbereich oder in der Tailwind-Konfigurationsdatei ändern, wenn Sie erweiterte Anpassungen vornehmen möchten.
@@ -135,11 +132,9 @@ de:
           not_required: Nicht erforderlich
           properties: Eigenschaften
           right_aside: Seitlich rechts
-          section_p_breakpoints: 'Um die Responsive Max-Breite von Elementen zu verwalten, verlassen wir uns auf die Standard `container` Schliffwind-Klasse, die folgende Haltepunkte angibt:'
           section_p_code: Wenn Sie neue Module implementieren, haben Sie einige Helfer, die Ihnen automatisch den Code zur Verfügung stellen, um die HTML-Struktur einzurichten. Du solltest diese Helfer verwenden, anstatt direkt div Elemente mit Klassen zu verwenden, damit du die Konsistenz aufrechterhalten kannst.
           section_p_code_html: Sie finden die Grundlayouts in %{link_section_code}
           section_p_desktop: Desktop-Rastersystem besteht aus 12 flexiblen Spalten mit einem Raster zwischen 16px und linken und rechten Rändern von 48px
-          section_p_mobile: Mobiles Rastersystem besteht aus 4 flexiblen Spalten mit einem Raster zwischen 16px und 16px und rechts. Für Größen unter 320px sind diese Ränder auf 8px gesetzt.
           section_p_tablet: Desktop-Rastersystem besteht aus 8 flexiblen Spalten mit einem Raster zwischen 16px und linken und rechten Rändern von 48px.
           tablet: Tablet
           title: Layout
@@ -160,9 +155,9 @@ de:
         address_description_2: Abhängig vom Typ des Inhalts kann die Adresse eine Online-URL sein. In solchen Fällen sind die angezeigten Informationen genau dieselbe, aber passend geformt.
         ally_link: a11y-dropdown-Komponente
         argument: Argument
-        assemblies: Versammlungen
-        assembly_g: Versammlung G
-        assembly_s: Versammlung S
+        assemblies: Gremien
+        assembly_g: Gremium G
+        assembly_s: Gremium S
         avatar: Profilbild
         avatar_description: Es wird verwendet, wenn es schmale Leerzeichen gibt, in denen der Autor eine sekundäre Information ist.
         background: Hintergrund und Ränder
@@ -177,7 +172,6 @@ de:
         card_g: Karte G
         card_l: Karte L
         card_s: Karte S
-        collaborative_draft_l: Gemeinsamer Entwurf L
         colors: Farben
         compact: Kompakt
         compact_description: Diese Autorenversion ist der übliche Weg, um den Ressourcen-Ersteller zu identifizieren.
@@ -255,8 +249,6 @@ de:
         share_button: Schaltfläche "Teilen"
         share_usage_description_html: Stellen Sie sicher, dass die partielle <code>Dezimal/Shared/share_modal</code> im DOM-Archiv vorhanden ist. Dieser Teil im Anwendungslayout platziert.
         sizes: Grössen
-        sortition_l: Sortierung_I
-        sortitions: Sortierungen
         source_code: Quellcode
         state: Status
         tab_panels_context_description: Diese Tab-Panel-Komponente sammelt alle zugehörigen Inhalte oder andere Ressourcen des angezeigten Hauptelements, um vertikalen Speicherplatz zu sparen. Wenn Sie auf den Tab klicken, wird das erstellte Fenster aktiviert, um den Inhalt anzuzeigen.

data/config/locales/en.yml

@@ -135,11 +135,11 @@ en:
           not_required: Not required
           properties: Properties
           right_aside: Right Aside
-          section_p_breakpoints: 'To manage the responsive max-width of elements we rely on the default `container` Tailwind class, which states the following breakpoints:'
+          section_p_breakpoints: 'To manage the responsive width of elements we rely on the default `container` Tailwind class. The supported resolutions are:'
           section_p_code: When implementing new modules you have some helpers that automatically provides you with the code needed to setup the HTML structure. You should use these helpers instead of directly using div elements with classes, so you maintain consistency.
           section_p_code_html: You can find the basic layouts in %{link_section_code}
           section_p_desktop: Desktop grid system is composed of 12 flexible columns with a gutter between columns of 16px and left and right margins of 48px
-          section_p_mobile: Mobile grid system is composed of 4 flexible columns with a gutter between columns of 16px and left and right margins of 16px. For sizes below 320px this margins are set to 8px
+          section_p_mobile: Mobile grid system is composed of 4 flexible columns with a gutter between columns of 16px and left and right margins of 16px.
           section_p_tablet: Tablet grid system is composed of 8 flexible columns with a gutter between columns of 16px and left and right margins of 24px
           tablet: Tablet
           title: Layout
@@ -177,7 +177,6 @@ en:
         card_g: Card G
         card_l: Card L
         card_s: Card S
-        collaborative_draft_l: Collaborative Draft L
         colors: Colors
         compact: Compact
         compact_description: This author version is the common way to identify the resource creator.
@@ -255,8 +254,6 @@ en:
         share_button: Share Button
         share_usage_description_html: Make sure the partial <code>decidim/shared/share_modal</code> is present in the DOM. This partial is placed in the application layout.
         sizes: Sizes
-        sortition_l: sortition_l
-        sortitions: Sortitions
         source_code: Source Code
         state: State
         tab_panels_context_description: This tab-panel component gathers all the related contents or another resources of the main element displayed, in order to save vertical space. Clicking on the tab will activate the created panel to show the content.

data/config/locales/es-MX.yml

@@ -135,11 +135,11 @@ es-MX:
           not_required: No es obligatorio
           properties: Propiedades
           right_aside: En el lado derecho
-          section_p_breakpoints: 'Para gestionar el ancho máximo de los elementos al diseño web adaptativo dependemos de la clase Tailwind predeterminada ''container'', que indica los siguientes puntos de interrupción:'
+          section_p_breakpoints: 'Para gestionar el ancho máximo de los elementos al/en el diseño web adaptativo dependemos de la clase Tailwind predeterminada ''container'', que indica los siguientes puntos de interrupción:'
           section_p_code: Al implementar nuevos módulos, tienes algunos ayudantes que te proporcionan automáticamente el código necesario para configurar la estructura HTML. Deberías usar estos ayudantes en lugar de usar directamente elementos <div> con <class>, manteniendo así la consistencia.
           section_p_code_html: Puedes encontrar los diseños básicos en %{link_section_code}
           section_p_desktop: El sistema de cuadrícula para los ordenadores de escritorio se compone de 12 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 48px
-          section_p_mobile: El sistema de cuadrícula para el móvil se compone de 4 columnas flexibles con un espaciado (canal) entre columnas de 16px y de margen izquierdo y derecho de 16px. Para tamaños inferiores a 320px estos márgenes se establecen a 8px.
+          section_p_mobile: El sistema de cuadrícula para móviles se compone de 4 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 16px.
           section_p_tablet: El sistema de cuadrícula para tabletas se compone de 8 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 24px
           tablet: Tableta
           title: Diseño (maqueta distribución)
@@ -177,7 +177,6 @@ es-MX:
         card_g: Tarjeta G
         card_l: Tarjeta L
         card_s: Tarjeta S
-        collaborative_draft_l: Borrador colaborativo L
         colors: Colores
         compact: Compacto
         compact_description: Esta versión de la autoría es la manera común de identificar a la creadora del recurso.
@@ -255,8 +254,6 @@ es-MX:
         share_button: Botón "Compartir"
         share_usage_description_html: Asegúrate de que el <code>decidim/shared/share_modal</code> parcial esté presente en el DOM. Este parcial se coloca en el diseño de la aplicación.
         sizes: Tamaños
-        sortition_l: Sorteo L
-        sortitions: Sorteos
         source_code: Código Fuente
         state: Estado
         tab_panels_context_description: Este componente del panel de pestañas recolecta todos los contenidos relacionados u otros recursos del elemento principal mostrado, con el fin de ahorrar espacio vertical. Al hacer clic en la pestaña se activará el panel creado para mostrar el contenido.

data/config/locales/es-PY.yml

@@ -135,11 +135,11 @@ es-PY:
           not_required: No es obligatorio
           properties: Propiedades
           right_aside: En el lado derecho
-          section_p_breakpoints: 'Para gestionar el ancho máximo de los elementos al diseño web adaptativo dependemos de la clase Tailwind predeterminada ''container'', que indica los siguientes puntos de interrupción:'
+          section_p_breakpoints: 'Para gestionar el ancho máximo de los elementos al/en el diseño web adaptativo dependemos de la clase Tailwind predeterminada ''container'', que indica los siguientes puntos de interrupción:'
           section_p_code: Al implementar nuevos módulos, tienes algunos ayudantes que te proporcionan automáticamente el código necesario para configurar la estructura HTML. Deberías usar estos ayudantes en lugar de usar directamente elementos <div> con <class>, manteniendo así la consistencia.
           section_p_code_html: Puedes encontrar los diseños básicos en %{link_section_code}
           section_p_desktop: El sistema de cuadrícula para los ordenadores de escritorio se compone de 12 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 48px
-          section_p_mobile: El sistema de cuadrícula para el móvil se compone de 4 columnas flexibles con un espaciado (canal) entre columnas de 16px y de margen izquierdo y derecho de 16px. Para tamaños inferiores a 320px estos márgenes se establecen a 8px.
+          section_p_mobile: El sistema de cuadrícula para móviles se compone de 4 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 16px.
           section_p_tablet: El sistema de cuadrícula para tabletas se compone de 8 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 24px
           tablet: Tableta
           title: Diseño (maqueta distribución)
@@ -177,7 +177,6 @@ es-PY:
         card_g: Tarjeta G
         card_l: Tarjeta L
         card_s: Tarjeta S
-        collaborative_draft_l: Borrador colaborativo L
         colors: Colores
         compact: Compacto
         compact_description: Esta versión de la autoría es la manera común de identificar a la creadora del recurso.
@@ -255,8 +254,6 @@ es-PY:
         share_button: Botón "Compartir"
         share_usage_description_html: Asegúrate de que el <code>decidim/shared/share_modal</code> parcial esté presente en el DOM. Este parcial se coloca en el diseño de la aplicación.
         sizes: Tamaños
-        sortition_l: Sorteo L
-        sortitions: Sorteos
         source_code: Código Fuente
         state: Estado
         tab_panels_context_description: Este componente del panel de pestañas recolecta todos los contenidos relacionados u otros recursos del elemento principal mostrado, con el fin de ahorrar espacio vertical. Al hacer clic en la pestaña se activará el panel creado para mostrar el contenido.

data/config/locales/es.yml

@@ -135,11 +135,11 @@ es:
           not_required: No es obligatorio
           properties: Propiedades
           right_aside: En el lado derecho
-          section_p_breakpoints: 'Para gestionar el ancho máximo de los elementos al diseño web adaptativo dependemos de la clase Tailwind predeterminada ''container'', que indica los siguientes puntos de interrupción:'
+          section_p_breakpoints: 'Para gestionar el ancho máximo de los elementos al/en el diseño web adaptativo dependemos de la clase Tailwind predeterminada ''container'', que indica los siguientes puntos de interrupción:'
           section_p_code: Al implementar nuevos módulos, tienes algunos ayudantes que te proporcionan automáticamente el código necesario para configurar la estructura HTML. Deberías usar estos ayudantes en lugar de usar directamente elementos <div> con <class>, manteniendo así la consistencia.
           section_p_code_html: Puedes encontrar los diseños básicos en %{link_section_code}
           section_p_desktop: El sistema de cuadrícula para los ordenadores de escritorio se compone de 12 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 48px
-          section_p_mobile: El sistema de cuadrícula para el móvil se compone de 4 columnas flexibles con un espaciado (canal) entre columnas de 16px y de margen izquierdo y derecho de 16px. Para tamaños inferiores a 320px estos márgenes se establecen a 8px.
+          section_p_mobile: El sistema de cuadrícula para móviles se compone de 4 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 16px.
           section_p_tablet: El sistema de cuadrícula para tabletas se compone de 8 columnas flexibles con un espaciado (canal) entre columnas de 16px y margen izquierdo y derecho de 24px
           tablet: Tableta
           title: Diseño (maqueta distribución)
@@ -177,7 +177,6 @@ es:
         card_g: Tarjeta G
         card_l: Tarjeta L
         card_s: Tarjeta S
-        collaborative_draft_l: Borrador colaborativo L
         colors: Colores
         compact: Compacto
         compact_description: Esta versión de la autoría es la manera común de identificar a la creadora del recurso.
@@ -255,8 +254,6 @@ es:
         share_button: Botón "Compartir"
         share_usage_description_html: Asegúrate de que el <code>decidim/shared/share_modal</code> parcial esté presente en el DOM. Este parcial se coloca en el diseño de la aplicación.
         sizes: Tamaños
-        sortition_l: Sorteo L
-        sortitions: Sorteos
         source_code: Código Fuente
         state: Estado
         tab_panels_context_description: Este componente del panel de pestañas recolecta todos los contenidos relacionados u otros recursos del elemento principal mostrado, con el fin de ahorrar espacio vertical. Al hacer clic en la pestaña se activará el panel creado para mostrar el contenido.