desy-html 6.1.0 → 6.2.0

package/docs/_include.template-header.njk

@@ -178,10 +178,6 @@
         href: "examples-listbox.html",
         text: "Listbox"
       },
-      {
-        href: "examples-listbox.html",
-        text: "Listbox"
-      },
       {
         href: "examples-media-object.html",
         text: "Media object"

package/docs/examples-header-2.html

@@ -0,0 +1,5 @@
+{% set title = "Header. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% extends "_template.examples.njk" %}
+{% block contentBlock %}
+  {% import "components/header/_examples.header-2.njk" as exampleData %}
+{% endblock %}

package/docs/examples-header-advanced-2.html

@@ -0,0 +1,5 @@
+{% set title = "Header advanced. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% extends "_template.examples.njk" %}
+{% block contentBlock %}
+  {% import "components/header-advanced/_examples.header-advanced-2.njk" as exampleData %}
+{% endblock %}

package/docs/index.html

@@ -38,6 +38,14 @@
 
   <h2>Changelog (English)</h2>
   <p>What's new in the latest version of desy-html</p>
+  <h3>v.6.2.0</h3>
+  <ul class="text-sm">
+    <li>Added classes for base modifiers in form components to improve responsive styles.</li>
+    <li>Added a listbox in Pagination to choose the items per page.</li>
+    <li>Item can position the icon with a new parameter.</li>
+    <li>Accesibility fixes and improvements in Accordion history, Menu navigation, Toggle examples, Footer.</li>
+    <li>Minor improvements in Table advanced.</li>
+  </ul>
   <h3>v.6.1.0</h3>
   <ul class="text-sm">
     <li>The header is now colored.</li>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desy-html",
-  "version": "6.1.0",
+  "version": "6.2.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/templates/components/accordion-history/_template.accordion-history.njk

@@ -107,6 +107,17 @@ x-data="{
           {% if item.disabled %} disabled{% endif %}
           >
             {{ item.headerHtml | safe if item.headerHtml else item.headerText }}
+            {% if item.status == 'current' %}
+              <span class="sr-only">(Estado: actual) </span>
+            {% elseif item.status == 'pending' %}
+              <span class="sr-only">(Estado: pendiente) </span>
+            {% elseif item.status == 'muted' %}
+              <span class="sr-only">(Estado: pasado) </span>
+            {% elseif item.status == 'currentmuted' %}
+              <span class="sr-only">(Estado: actual) </span>
+            {% else %}
+              <span class="sr-only">(Estado: pasado) </span>
+            {% endif %}
             <span
               class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none {%- if item.disabled %} hidden{% endif %}" aria-hidden="true">
                 <span class="Accordion-show {%- if item.open %} hidden{%else%}{%endif%} {%- if item.show.classes %} {{ item.show.classes }}{%endif%}">

package/src/templates/components/button/_styles.button.css

@@ -67,6 +67,13 @@
   }
 
 
+  .c-button--base {
+    @apply px-3;
+    @apply py-2;
+    @apply text-base;
+  }
+
+
   .c-button--sm {
     @apply px-2;
     @apply py-1;

package/src/templates/components/button-loader/_styles.button-loader.css

@@ -77,6 +77,12 @@
     @apply pointer-events-none;
   }
 
+  .c-button-loader--base {
+    @apply px-3;
+    @apply py-2;
+    @apply text-base;
+  }
+
 
   .c-button-loader--sm {
     @apply px-2;

package/src/templates/components/checkboxes/_styles.checkboxes.css

@@ -3,6 +3,13 @@
    ========================================================================== */
 
 @layer components {
+  .c-checkboxes--base {
+    input[type="checkbox"] {
+      @apply w-6;
+      @apply h-6;
+    }
+  }
+
   .c-checkboxes--sm {
     input[type="checkbox"] {
       @apply w-base !important;

package/src/templates/components/dropdown/_styles.dropdown.css

@@ -62,6 +62,13 @@
   }
 
 
+  .c-dropdown--base {
+    @apply px-3;
+    @apply py-2;
+    @apply text-base;
+  }
+
+
   .c-dropdown--sm {
     @apply px-2;
     @apply py-1;

package/src/templates/components/footer/_examples.footer.njk

@@ -62,7 +62,7 @@
     "description": "Substitute default text for custom one",
     "data": {
       "description": {
-        "html": '<div><p>Copyright © AST. Aragonesa de Servicios Telemáticos.</p></div><div><p>Avda. Ranillas 3A. Planta 3ª ofc. J. 50018 Zaragoza. Tel: 976 714 495. <a href="mailto:ast@aragon.es" class="c-link c-link--neutral">ast@aragon.es</a></p></div>'
+        "html": '<div><p>Copyright © AST. Aragonesa de Servicios Telemáticos.</p></div><div><p>Avda. Ranillas 3A. Planta 3ª. Oficina J. 50018 Zaragoza. Teléfono: 976 714 495. <a href="mailto:ast@aragon.es" class="c-link c-link--neutral">ast@aragon.es</a></p></div>'
       },
       "classes": "lg:mt-48"
     }
@@ -115,7 +115,7 @@
     "data": {
       "noLogo": true,
       "description": {
-        "html": '<p>Copyright © AST. Aragonesa de Servicios Telemáticos.</p><p>Avda. Ranillas 3A. Planta 3ª ofc. J. 50018 Zaragoza. Tel: 976 714 495. <a href="mailto:ast@aragon.es" class="c-link c-link--neutral">ast@aragon.es</a></p>'
+        "html": '<p>Copyright © AST. Aragonesa de Servicios Telemáticos.</p><p>Avda. Ranillas 3A. Planta 3ª Oficina J. 50018 Zaragoza. Teléfono: 976 714 495. <a href="mailto:ast@aragon.es" class="c-link c-link--neutral">ast@aragon.es</a></p>'
       },
       "classes": "lg:mt-48"
     }

package/src/templates/components/footer/_template.footer.njk

@@ -73,7 +73,7 @@ text-neutral-dark {{ params.classes if params.classes }}"
               <a
                 class="c-link c-link--neutral"
                 href="https://www.aragon.es/"
-              >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title=”Paseo”>Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono" class="no-underline">Tel.</abbr> <a href="tel:+976714000" class="c-link c-link--neutral">976 714 000</a>
+              >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title="Paseo">Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono">Tel.</abbr> <a href="tel:+976714000" class="c-link c-link--neutral">976 714 000</a>
             </p>
           </div>
         {% endif %}