desy-html 8.4.0 → 8.5.0

package/docs/_include.template-header.njk

@@ -371,7 +371,9 @@
     window.addEventListener("load", function(event) {
       {% if activePage %}
       activateItemHeaderNavigation("header-nav-item", "{{ activePage }}");
-      activateItemNav("navegacion-principal-offcanvas", "mobile-{{ activePage }}");
+        {% if activeComponent == undefined %}
+          activateItemNav("navegacion-principal-offcanvas", "mobile-{{ activePage }}");
+        {% endif %}
       {% endif %}
       {% if activeComponent %}
         activateItemNav("navegacion-ejemplos-offcanvas", "page-examples-{{ activeComponent | filterslugify }}");

package/docs/ds/_ds.section.textos.njk

@@ -47,7 +47,7 @@
       <h1 class="c-h0">Encabezado 0 (h1)</h1>
     </div>
     <div class="lg:flex-1">
-      <p class="text-neutral-dark text-sm"><code>.c-h0</code> - <code>bold</code> - <code>black</code> - font-size: <code>2.5rem</code> - <code>40px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>40px</code> - margin-bottom: <code>.mb-xl</code> - <code>2.5</code> - <code>40px</code></p>
+      <p class="text-neutral-dark text-sm"><code>.c-h0</code> - <code>bold</code> - <code>black</code> - font-size: <code>2.5rem</code> - <code>40px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>50px</code> - margin-bottom: <code>.mb-8</code> - <code>2rem</code> - <code>32px</code></p>
     </div>
   </div>
   <div class="flex flex-wrap items-center mb-8">
@@ -55,7 +55,7 @@
       <h1 class="c-h1">Encabezado 1 (h1)</h1>
     </div>
     <div class="lg:flex-1">
-      <p class="text-neutral-dark text-sm"><code>.c-h1</code> - <code>bold</code> - <code>black</code> - font-size: <code>.text-3xl</code> - <code>1.875rem</code> - <code>30px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>20px</code> - margin-bottom: <code>.mb-lg</code> - <code>1.75</code> - <code>28px</code></p>
+      <p class="text-neutral-dark text-sm"><code>.c-h1</code> - <code>bold</code> - <code>black</code> - font-size: <code>.text-3xl</code> - <code>1.875rem</code> - <code>30px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>37.5px</code> - margin-bottom: <code>.mb-lg</code> - <code>1.75rem</code> - <code>28px</code></p>
     </div>
   </div>
   <div class="flex flex-wrap items-center mb-8">
@@ -63,7 +63,7 @@
       <h2 class="c-h2">Encabezado 2 (h2)</h2>
     </div>
     <div class="lg:flex-1">
-      <p class="text-neutral-dark text-sm"><code>.c-h2</code> - <code>bold</code> - <code>black</code> - font-size: <code>.text-2xl</code> - <code>1.5rem</code> - <code>24px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>20px</code> - margin-bottom: <code>.mb-base</code> - <code>1</code> - <code>16px</code></p>
+      <p class="text-neutral-dark text-sm"><code>.c-h2</code> - <code>bold</code> - <code>black</code> - font-size: <code>.text-2xl</code> - <code>1.5rem</code> - <code>24px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>30px</code> - margin-bottom: <code>.mb-base</code> - <code>1</code> - <code>16px</code></p>
     </div>
   </div>
   <div class="flex flex-wrap items-center mb-8">
@@ -71,7 +71,7 @@
       <h3 class="c-h3">Encabezado 3 (h3)</h3>
     </div>
     <div class="lg:flex-1">
-      <p class="text-neutral-dark text-sm"><code>.c-h3</code> - <code>bold</code> - <code>black</code> - font-size: <code>.text-lg</code> - <code>1.125rem</code> - <code>18px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>20px</code> - margin-bottom: <code>.mb-sm</code> - <code>0.5</code> - <code>8px</code></p>
+      <p class="text-neutral-dark text-sm"><code>.c-h3</code> - <code>bold</code> - <code>black</code> - font-size: <code>.text-lg</code> - <code>1.125rem</code> - <code>18px</code> - line-height: <code>.leading-tight</code> - <code>1.25</code> - <code>22.5px</code> - margin-bottom: <code>.mb-sm</code> - <code>0.5rem</code> - <code>8px</code></p>
     </div>
   </div>
   <div class="flex flex-wrap items-center mb-8">
@@ -132,13 +132,13 @@
       <p class="c-paragraph-sm">Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. </p>
     </div>
     <div class="col-span-2 lg:col-span-2 mb-lg">
-      <p class="text-neutral-dark text-sm">Párrafo pequeño. <br><code>.c-paragraph-sm</code><br><code>normal</code> - <code>black</code><br>font-size: <code>.text-sm</code> - <code>.875rem</code> - <code>14px</code> <br>line-height: <code>1.25rem</code> - <code>20px</code> <br> margin-bottom: <code>.mb-sm</code> - <code>.625rem</code> - <code>10px</code></p>
+      <p class="text-neutral-dark text-sm">Párrafo pequeño. <br><code>.c-paragraph-sm</code><br><code>normal</code> - <code>black</code><br>font-size: <code>.text-sm</code> - <code>.875rem</code> - <code>14px</code> <br>line-height: <code>1.25rem</code> - <code>20px</code> <br> margin-bottom: <code>.mb-sm</code> - <code>.5rem</code> - <code>8px</code></p>
     </div>
     <div class="col-span-2 lg:col-span-2">
       <p class="c-paragraph-sm text-neutral-dark">Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. </p>
     </div>
     <div class="col-span-2 lg:col-span-2 mb-lg">
-      <p class="text-neutral-dark text-sm">Párrafo pequeño secundario. <br><code>.c-paragraph-sm.text-neutral-dark</code><br><code>normal</code> - <code>neutral-dark</code><br>font-size: <code>.text-sm</code> - <code>.875rem</code> - <code>14px</code> <br>line-height: <code>1.25rem</code> - <code>20px</code> <br> margin-bottom: <code>.mb-sm</code> - <code>.625rem</code> - <code>10px</code></p>
+      <p class="text-neutral-dark text-sm">Párrafo pequeño secundario. <br><code>.c-paragraph-sm.text-neutral-dark</code><br><code>normal</code> - <code>neutral-dark</code><br>font-size: <code>.text-sm</code> - <code>.875rem</code> - <code>14px</code> <br>line-height: <code>1.25rem</code> - <code>20px</code> <br> margin-bottom: <code>.mb-sm</code> - <code>.5rem</code> - <code>8px</code></p>
     </div>
     <div class="col-span-2 lg:col-span-2">
       <ul class="c-ul">

package/docs/examples-accordion-history.html

@@ -1,5 +1,6 @@
 {% set title = "Accordion history. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Accordion history" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-accordion.html

@@ -1,5 +1,6 @@
 {% set title = "Accordion. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Accordion" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-alert.html

@@ -1,5 +1,6 @@
 {% set title = "Alert. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Alert" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-breadcrumbs.html

@@ -1,5 +1,6 @@
 {% set title = "Breadcrumbs. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Breadcrumbs" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-button-loader.html

@@ -1,5 +1,6 @@
 {% set title = "Button loader. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Button loader" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-button.html

@@ -1,5 +1,6 @@
 {% set title = "Button. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Button" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-card.html

@@ -1,5 +1,6 @@
 {% set title = "Card. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Card" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-character-count.html

@@ -1,5 +1,6 @@
 {% set title = "Character count. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Character count" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-checkboxes.html

@@ -1,5 +1,6 @@
 {% set title = "Checkboxes. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Checkboxes" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-collapsible.html

@@ -1,5 +1,6 @@
 {% set title = "Collapsible. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Collapsible" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-date-input.html

@@ -1,5 +1,6 @@
 {% set title = "Date input. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Date input" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-description-list.html

@@ -1,5 +1,6 @@
 {% set title = "Description list. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Description list" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-details.html

@@ -1,5 +1,6 @@
 {% set title = "Details. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Details" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-dialog.html

@@ -1,5 +1,6 @@
 {% set title = "Dialog. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Dialog" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-dropdown.html

@@ -1,5 +1,6 @@
 {% set title = "Dropdown. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Dropdown" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-error-message.html

@@ -1,5 +1,6 @@
 {% set title = "Error message. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Error message" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-error-summary.html

@@ -1,5 +1,6 @@
 {% set title = "Error summary. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Error summary" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-fieldset.html

@@ -1,5 +1,6 @@
 {% set title = "Fieldset. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Fieldset" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-file-upload.html

@@ -1,5 +1,6 @@
 {% set title = "File upload. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "File upload" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-footer.html

@@ -1,5 +1,6 @@
 {% set title = "Footer. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Footer" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-header-advanced.html

@@ -1,5 +1,6 @@
 {% set title = "Header advanced. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Header advanced" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-header-mini.html

@@ -1,5 +1,6 @@
 {% set title = "Header mini. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Header mini" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-header.html

@@ -1,5 +1,6 @@
 {% set title = "Header. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Header" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-hint.html

@@ -1,5 +1,6 @@
 {% set title = "Hint. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Hint" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-input-group.html

@@ -1,5 +1,6 @@
 {% set title = "Input group. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Input group" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-input.html

@@ -1,5 +1,6 @@
 {% set title = "Input. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Input" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-item.html

@@ -1,5 +1,6 @@
 {% set title = "Item. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Item" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-label.html

@@ -1,5 +1,6 @@
 {% set title = "Label. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Label" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-links-list.html

@@ -1,5 +1,6 @@
 {% set title = "Links list. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Links list" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-listbox.html

@@ -1,5 +1,6 @@
 {% set title = "Listbox. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Listbox" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-media-object.html

@@ -1,5 +1,6 @@
 {% set title = "Media object. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Media object" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-menu-horizontal.html

@@ -1,5 +1,6 @@
 {% set title = "Menu horizontal. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Menu horizontal" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-menu-navigation.html

@@ -1,5 +1,6 @@
 {% set title = "Menu navigation. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Menu navigation" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-menu-vertical.html

@@ -1,5 +1,6 @@
 {% set title = "Menu vertical. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Menu vertical" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-menubar.html

@@ -1,5 +1,6 @@
 {% set title = "Menubar. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Menubar" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-modal.html

@@ -1,5 +1,6 @@
 {% set title = "Modal. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Modal" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-nav.html

@@ -1,5 +1,6 @@
 {% set title = "Nav. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Nav" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-notification.html

@@ -1,5 +1,6 @@
 {% set title = "Notification. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Notification" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-pagination.html

@@ -1,5 +1,6 @@
 {% set title = "Pagination. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Pagination" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-pill.html

@@ -1,5 +1,6 @@
 {% set title = "Pill. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Pill" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-radios.html

@@ -1,5 +1,6 @@
 {% set title = "Radios. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Radios" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-searchbar.html

@@ -1,5 +1,6 @@
 {% set title = "Searchbar. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Searchbar" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-select.html

@@ -1,5 +1,6 @@
 {% set title = "Select. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Select" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-skip-link.html

@@ -1,5 +1,6 @@
 {% set title = "Skip link. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Skip link" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-spinner.html

@@ -1,5 +1,6 @@
 {% set title = "Spinner. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Spinner" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-status-item.html

@@ -1,5 +1,6 @@
 {% set title = "Status item. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Status item" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-status.html

@@ -1,5 +1,6 @@
 {% set title = "Status. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Status" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-table-advanced.html

@@ -1,5 +1,6 @@
 {% set title = "Table advanced. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Table advanced" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-table.html

@@ -1,5 +1,6 @@
 {% set title = "Table. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Table" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-tabs.html

@@ -1,5 +1,6 @@
 {% set title = "Tabs. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Tabs" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-textarea.html

@@ -1,5 +1,6 @@
 {% set title = "Textarea. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Textarea" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-toggle.html

@@ -1,5 +1,6 @@
 {% set title = "Toggle. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Toggle" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-tooltip.html

@@ -1,5 +1,6 @@
 {% set title = "Tooltip. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Tooltip" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/examples-tree.html

@@ -1,5 +1,6 @@
 {% set title = "Tree. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
 
+{% set activePage = "page-componentes" %}
 {% set activeComponent = "Tree" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}

package/docs/index.html

@@ -38,6 +38,18 @@
 
   <h2>Changelog (English)</h2>
   <p>What's new in the latest version of desy-html</p>
+  <h3>v.8.5.0</h3>
+  <ul class="text-sm">
+    <li>Added global function to select an item in Tabs.</li>
+    <li>Added new param in Breadcrumbs to show the items inline on mobile.</li>
+    <li>Docs fixed bad units in text styles.</li>
+    <li>Improvements in docs.</li>
+  </ul>
+  <h3>v.8.4.1</h3>
+  <ul class="text-sm">
+    <li>Active items are font-bold now in all components.</li>
+    <li>Minor improvements.</li>
+  </ul>
   <h3>v.8.4.0</h3>
   <ul class="text-sm">
     <li>Added global function to select an item in Nav.</li>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desy-html",
-  "version": "8.4.0",
+  "version": "8.5.0",
   "description": "desy-html contains the code you need to start building a user interface for Gobierno de Aragón government webapps.",
   "author": {
     "name": "Desy (SDA Servicios Digitales de Aragón)",

package/src/js/aria/MenuVertical.js

@@ -25,8 +25,8 @@ export function MenuVertical(aria) {
     };
 
     aria.MenuVertical.prototype.wrapActiveElement = function (elementActive) {
-      elementActive.setAttribute('aria-current', 'true');
-      elementActive.innerHTML = `<strong>${elementActive.textContent}</strong>`;
+      elementActive.setAttribute('aria-current', 'page');
+      elementActive.innerHTML = `<strong class="font-bold">${elementActive.textContent}</strong>`;
     };
 
     aria.MenuVertical.prototype.deactivateElement = function (elementDeactivated) {

package/src/js/aria/Nav.js

@@ -25,8 +25,8 @@ export function Nav(aria) {
     };
 
     aria.Nav.prototype.wrapActiveElement = function (elementActive) {
-      elementActive.setAttribute('aria-current', 'true');
-      elementActive.innerHTML = `<strong>${elementActive.textContent}</strong>`;
+      elementActive.setAttribute('aria-current', 'page');
+      elementActive.innerHTML = `<strong class="font-bold">${elementActive.textContent}</strong>`;
     };
 
     aria.Nav.prototype.deactivateElement = function (elementDeactivated) {