desy-html 6.0.0 → 6.2.1

package/config/tailwind.config.js

@@ -166,15 +166,5 @@ module.exports = {
     require('@tailwindcss/forms'),
     require('@tailwindcss/typography'),
     require('@tailwindcss/aspect-ratio'),
-  ],
-  variants: {
-    extend: {
-      display: ['hover', 'focus', 'group-hover', 'group-focus'],
-      backgroundColor: ['group-focus', 'active', 'disabled'],
-      borderColor: ['group-focus', 'disabled'],
-      boxShadow: ['group-focus'],
-      textColor: ['group-focus', 'active'],
-      textDecoration: ['group-focus'],
-    }
-  }
+  ]
 }

package/docs/_include.template-header.njk

@@ -146,6 +146,14 @@
         href: "examples-header.html",
         text: "Header"
       },
+      {
+        href: "examples-header-mini.html",
+        text: "Header mini"
+      },
+      {
+        href: "examples-header-advanced.html",
+        text: "Header advanced"
+      },
       {
         href: "examples-hint.html",
         text: "Hint"
@@ -170,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/_macro.example-render.njk

@@ -39,6 +39,10 @@ import componentFileUpload %}
 import componentFooter %}
 {% from "components/header/_macro.header.njk"
 import componentHeader %}
+{% from "components/header-mini/_macro.header-mini.njk"
+import componentHeaderMini %}
+{% from "components/header-advanced/_macro.header-advanced.njk"
+import componentHeaderAdvanced %}
 {% from "components/hint/_macro.hint.njk"
 import componentHint %}
 {% from "components/input/_macro.input.njk"
@@ -162,6 +166,10 @@ import componentTree %}
       {{ componentFooter(example.data) }}
       {% elseif exampleComponent == "header" %}
       {% call componentHeader(example.data) %}{{ example.data.caller | safe }}{% endcall %}
+      {% elseif exampleComponent == "header-mini" %}
+      {{ componentHeaderMini(example.data) }}
+      {% elseif exampleComponent == "header-advanced" %}
+      {% call componentHeaderAdvanced(example.data) %}{{ example.data.caller | safe }}{% endcall %}
       {% elseif exampleComponent == "hint" %}
       {{ componentHint(example.data) }}
       {% elseif exampleComponent == "input" %}

package/docs/componentes.html

@@ -70,6 +70,12 @@
     <div>
       <p class="c-paragraph-base"><a href="examples-header.html" class="c-link">Header</a></p>
     </div>
+    <div>
+      <p class="c-paragraph-base"><a href="examples-header-mini.html" class="c-link">Header mini</a></p>
+    </div>
+    <div>
+      <p class="c-paragraph-base"><a href="examples-header-advanced.html" class="c-link">Header advanced</a></p>
+    </div>
     <div>
       <p class="c-paragraph-base"><a href="examples-hint.html" class="c-link">Hint</a></p>
     </div>

package/docs/ds/_ds.example.header.njk

@@ -232,11 +232,5 @@
         }
       })  }}
     {% endset %}
-    {{ componentHeader({
-      "homepageUrl": "/",
-      "noLogo": true,
-      "customLogoHtml": "<svg class=\"fill-current mr-base \" width=\"144\" height=\"32\" id=\"Capa_1\" data-name=\"Capa 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 423.76 83.87\" aria-label=\"Gobierno de Aragón\" role=\"img\"><title>Ir a la página de inicio</title><defs><style>.cls-1{fill:currentColor}</style></defs><path class=\"cls-1\" d=\"M0 52.4v8.29s4.78 3.42 8.45 3 44.2-9.18 51.41-9.57S72.06 54 76.13 56s10.36 5.38 10.36 5.38v-9ZM64.32 65.68c-8.26 2-32.39 6.82-40.66 7.21a34.19 34.19 0 0 1-15.87-3.27C6.22 69 0 65 0 65v9h86.49v-7.9s-2.76-2.38-5-2.91-8.92.53-17.18 2.49M21.67 26.07a8.62 8.62 0 0 1-3.24 7.11c-2.16 1.73-5.16 2.6-9 2.6a21.1 21.1 0 0 1-9.41-2v-6.57a38.66 38.66 0 0 0 5.7 2.12 16.75 16.75 0 0 0 4.26.61 6 6 0 0 0 3.56-.89 3 3 0 0 0 1.24-2.64 2.88 2.88 0 0 0-.55-1.74 6.08 6.08 0 0 0-1.6-1.47 38.09 38.09 0 0 0-4.33-2.26 20.45 20.45 0 0 1-4.57-2.76A10.17 10.17 0 0 1 1.3 15.1 8.76 8.76 0 0 1 .39 11a8.59 8.59 0 0 1 3-6.95c2-1.69 4.75-2.53 8.26-2.53a19.52 19.52 0 0 1 4.95.61 34.24 34.24 0 0 1 4.92 1.73l-2.27 5.5a33.2 33.2 0 0 0-4.4-1.53 14.06 14.06 0 0 0-3.42-.43 4.52 4.52 0 0 0-3.07.93 3.07 3.07 0 0 0-1.07 2.44 3 3 0 0 0 .43 1.63 4.94 4.94 0 0 0 1.38 1.35 41.72 41.72 0 0 0 4.47 2.33c3.1 1.49 5.23 3 6.39 4.48a8.79 8.79 0 0 1 1.72 5.51M46.65 18.52q0-10.74-9.46-10.74h-3.76v21.71h3q10.18 0 10.19-11m7.38-.15q0 8.23-4.7 12.66t-13.5 4.32h-9.42V2h10.44Q45 2 49.47 6.3t4.5 12M74.8 21.46Q71.45 10.68 71 9.27c-.28-.95-.48-1.69-.6-2.24q-.75 2.93-4.3 14.43Zm4.09 13.86-2.41-7.93H64.36L62 35.32h-7.6L66.09 1.86h8.62l11.78 33.46ZM126.49 23.49a7.21 7.21 0 0 1-2.81 6.05 12.16 12.16 0 0 1-7.63 2.18 19 19 0 0 1-8-1.35v-3.3a21.62 21.62 0 0 0 3.95 1.21 20.91 20.91 0 0 0 4.21.44 8.45 8.45 0 0 0 5.14-1.3 4.26 4.26 0 0 0 1.65-3.61 4.64 4.64 0 0 0-.62-2.51 5.65 5.65 0 0 0-2-1.8 29.29 29.29 0 0 0-4.38-1.87 13.94 13.94 0 0 1-5.85-3.48 7.7 7.7 0 0 1-1.76-5.26A6.54 6.54 0 0 1 111 3.48a10.6 10.6 0 0 1 6.75-2 19.92 19.92 0 0 1 8 1.61l-1.07 3a18.1 18.1 0 0 0-7.06-1.53 6.83 6.83 0 0 0-4.24 1.17 3.82 3.82 0 0 0-1.52 3.24 4.9 4.9 0 0 0 .56 2.5 5.21 5.21 0 0 0 1.89 1.79A22.71 22.71 0 0 0 118.4 15q4.62 1.65 6.35 3.55a7 7 0 0 1 1.74 4.91M139.15 11.65a5.45 5.45 0 0 0-4.23 1.73 8 8 0 0 0-1.85 4.79h11.5a7.35 7.35 0 0 0-1.41-4.84 4.92 4.92 0 0 0-4-1.68m.9 20.07a10.09 10.09 0 0 1-7.7-3c-1.88-2-2.82-4.74-2.82-8.27a12.87 12.87 0 0 1 2.61-8.45 8.7 8.7 0 0 1 7-3.13 8.25 8.25 0 0 1 6.54 2.72 10.46 10.46 0 0 1 2.41 7.2v2.11H133a8.72 8.72 0 0 0 1.95 5.9 6.77 6.77 0 0 0 5.23 2 17.76 17.76 0 0 0 7-1.49v3a17.56 17.56 0 0 1-3.34 1.1 18.88 18.88 0 0 1-3.81.33M162.23 8.85a13.13 13.13 0 0 1 2.63.25l-.47 3.1a10.82 10.82 0 0 0-2.41-.31 5.84 5.84 0 0 0-4.56 2.18 7.91 7.91 0 0 0-1.9 5.41v11.84h-3.33V9.26h2.75l.38 4.08h.16a9.8 9.8 0 0 1 3-3.32 6.63 6.63 0 0 1 3.8-1.17M174.53 31.32l-8.35-22.06h3.58l4.73 13.08c1.07 3.06 1.7 5 1.89 6h.16a44.09 44.09 0 0 1 1.4-4.42q1.17-3.36 5.27-14.62h3.57l-8.35 22.06ZM192.77 31.32h-3.33V9.26h3.33Zm-3.61-28a2.18 2.18 0 0 1 .56-1.68 1.92 1.92 0 0 1 1.4-.53 2 2 0 0 1 1.39.54 2.17 2.17 0 0 1 .58 1.67 2.21 2.21 0 0 1-.58 1.68 1.94 1.94 0 0 1-1.39.55 1.9 1.9 0 0 1-1.4-.55 2.24 2.24 0 0 1-.56-1.68M206.91 31.72a9.37 9.37 0 0 1-7.4-2.95q-2.62-3-2.62-8.34 0-5.54 2.66-8.56t7.58-3a14.86 14.86 0 0 1 3.17.34 10.41 10.41 0 0 1 2.49.8l-1 2.84a15.86 15.86 0 0 0-2.41-.73 10.46 10.46 0 0 0-2.31-.3q-6.7 0-6.71 8.58a10.24 10.24 0 0 0 1.64 6.23 5.69 5.69 0 0 0 4.85 2.17 14.85 14.85 0 0 0 5.64-1.19v3a11.94 11.94 0 0 1-5.56 1.15M219.4 31.32h-3.34V9.26h3.34Zm-3.62-28a2.22 2.22 0 0 1 .56-1.68 2.1 2.1 0 0 1 2.8 0 2.21 2.21 0 0 1 .58 1.67 2.25 2.25 0 0 1-.58 1.69 2.06 2.06 0 0 1-2.8 0 2.29 2.29 0 0 1-.56-1.68M226.89 20.27q0 4.22 1.68 6.44a6.69 6.69 0 0 0 9.93 0q1.69-2.2 1.7-6.45t-1.7-6.39a6 6 0 0 0-5-2.19 5.86 5.86 0 0 0-4.94 2.16q-1.67 2.14-1.66 6.42m16.76 0q0 5.39-2.71 8.42a9.53 9.53 0 0 1-7.49 3 9.87 9.87 0 0 1-5.24-1.39 9.17 9.17 0 0 1-3.53-4 13.88 13.88 0 0 1-1.25-6.07q0-5.4 2.69-8.41a9.54 9.54 0 0 1 7.47-3 9.3 9.3 0 0 1 7.34 3.07 12.17 12.17 0 0 1 2.72 8.34M262 25.3a5.56 5.56 0 0 1-2.29 4.75 10.79 10.79 0 0 1-6.43 1.67 13.88 13.88 0 0 1-6.82-1.39v-3.1a16.44 16.44 0 0 0 3.4 1.27 14.1 14.1 0 0 0 3.5.46 8 8 0 0 0 4-.83 2.89 2.89 0 0 0 .29-4.75 17.31 17.31 0 0 0-4.35-2.17 23.31 23.31 0 0 1-4.36-2 5.94 5.94 0 0 1-1.93-1.94 5.11 5.11 0 0 1-.63-2.6 4.94 4.94 0 0 1 2.19-4.25 10.15 10.15 0 0 1 6-1.56 17.66 17.66 0 0 1 6.95 1.44l-1.13 2.7a16 16 0 0 0-6-1.37 6.89 6.89 0 0 0-3.58.75 2.3 2.3 0 0 0-1.2 2 2.52 2.52 0 0 0 .45 1.51 4.47 4.47 0 0 0 1.46 1.19 33.24 33.24 0 0 0 3.85 1.63 14.32 14.32 0 0 1 5.29 2.88A5.06 5.06 0 0 1 262 25.3M297.22 16.44c0-3.83-1-6.73-2.88-8.67s-4.77-2.92-8.56-2.92h-5v23.51H285q6.11 0 9.18-3t3.07-8.91m3.61-.12q0 7.29-3.94 11.14t-11.35 3.86h-8.13V1.89h9q6.84 0 10.64 3.8t3.79 10.63M308.65 31.32h-3.33V9.26h3.33ZM305 3.28a2.22 2.22 0 0 1 .56-1.68 1.93 1.93 0 0 1 1.44-.53 2 2 0 0 1 1.38.54 2.17 2.17 0 0 1 .62 1.67 2.21 2.21 0 0 1-.61 1.72 1.93 1.93 0 0 1-1.38.55A1.91 1.91 0 0 1 305.6 5a2.29 2.29 0 0 1-.6-1.72M316.19 16.32a4.49 4.49 0 0 0 1.3 3.5 5.16 5.16 0 0 0 3.63 1.18c3.26 0 4.88-1.58 4.88-4.75s-1.64-5-4.94-5a4.86 4.86 0 0 0-3.61 1.27 5.11 5.11 0 0 0-1.26 3.76M314.38 35a3 3 0 0 0 1.5 2.72 8.41 8.41 0 0 0 4.32.92q4.2 0 6.22-1.26a3.84 3.84 0 0 0 2-3.41 2.7 2.7 0 0 0-1.1-2.48 8.47 8.47 0 0 0-4.16-.7h-4a5.26 5.26 0 0 0-3.54 1.09 3.88 3.88 0 0 0-1.24 3.12m17.55-25.74v2.11l-4.08.48a7.08 7.08 0 0 1 1 1.85 6.87 6.87 0 0 1 .45 2.56 6.52 6.52 0 0 1-2.21 5.17 8.92 8.92 0 0 1-6.09 1.94 9.75 9.75 0 0 1-1.84-.17c-1.42.76-2.13 1.7-2.13 2.84a1.45 1.45 0 0 0 .74 1.34 5.43 5.43 0 0 0 2.55.43h3.9a8.75 8.75 0 0 1 5.49 1.51 5.25 5.25 0 0 1 1.91 4.39 6.27 6.27 0 0 1-2.93 5.59q-2.93 1.92-8.55 1.92a11.67 11.67 0 0 1-6.65-1.61 5.21 5.21 0 0 1-2.34-4.55 5.14 5.14 0 0 1 1.28-3.48 6.55 6.55 0 0 1 3.62-2 3.44 3.44 0 0 1-1.42-1.18 3.16 3.16 0 0 1-.57-1.87 3.57 3.57 0 0 1 .64-2.12 6.85 6.85 0 0 1 2-1.75 5.94 5.94 0 0 1-2.7-2.39 7 7 0 0 1-1.08-3.87 7.17 7.17 0 0 1 2.17-5.58 8.86 8.86 0 0 1 6.15-2 11.1 11.1 0 0 1 3.11.41ZM338.36 31.32H335V9.26h3.34Zm-3.62-28a2.22 2.22 0 0 1 .56-1.68 2.1 2.1 0 0 1 2.8 0 2.21 2.21 0 0 1 .58 1.67A2.25 2.25 0 0 1 338.1 5a2.06 2.06 0 0 1-2.8 0 2.29 2.29 0 0 1-.56-1.68M351.29 29a10.58 10.58 0 0 0 1.71-.13 12.37 12.37 0 0 0 1.3-.27v2.55a6 6 0 0 1-1.59.44 12.47 12.47 0 0 1-1.9.17q-6.39 0-6.38-6.74V11.85h-3.16v-1.61l3.16-1.39 1.4-4.71h1.93v5.12h6.38v2.59h-6.38v13a4.47 4.47 0 0 0 .94 3.06 3.27 3.27 0 0 0 2.59 1.09M364 29a6.74 6.74 0 0 0 4.89-1.71 6.32 6.32 0 0 0 1.78-4.79v-2l-3.33.14a12 12 0 0 0-5.73 1.24 3.71 3.71 0 0 0-1.76 3.41 3.42 3.42 0 0 0 1.09 2.71 4.49 4.49 0 0 0 3.06 1m7.53 2.36-.66-3.14h-.16a9.28 9.28 0 0 1-3.28 2.8 10 10 0 0 1-4.09.74 7.38 7.38 0 0 1-5.13-1.76 6.17 6.17 0 0 1-1.85-4.81q0-6.69 10.66-7l3.73-.12v-1.35a5.61 5.61 0 0 0-1.11-3.83 4.59 4.59 0 0 0-3.57-1.24 14.57 14.57 0 0 0-6.22 1.69l-1-2.55a15.59 15.59 0 0 1 3.57-1.39 15.15 15.15 0 0 1 3.88-.51c2.63 0 4.57.59 5.84 1.76s1.89 3 1.89 5.61v15.06ZM379.15 0h3.33v31.32h-3.33zM396.31 11.65a5.44 5.44 0 0 0-4.22 1.73 8 8 0 0 0-1.86 4.79h11.5a7.41 7.41 0 0 0-1.4-4.84 5 5 0 0 0-4-1.68m.91 20.07a10.07 10.07 0 0 1-7.7-3c-1.88-2-2.82-4.74-2.82-8.27s.87-6.38 2.62-8.48a8.68 8.68 0 0 1 7-3.13 8.29 8.29 0 0 1 6.55 2.72 10.51 10.51 0 0 1 2.41 7.2v2.11h-15.15a8.77 8.77 0 0 0 2 5.9 6.75 6.75 0 0 0 5.23 2 17.72 17.72 0 0 0 7-1.49v3a17.56 17.56 0 0 1-3.34 1.1 18.84 18.84 0 0 1-3.8.33M423.76 25.3a5.53 5.53 0 0 1-2.29 4.75 10.77 10.77 0 0 1-6.42 1.67 13.9 13.9 0 0 1-6.83-1.39v-3.1a16.44 16.44 0 0 0 3.4 1.27 14.11 14.11 0 0 0 3.51.46 8 8 0 0 0 4-.83 2.77 2.77 0 0 0 1.41-2.55 2.74 2.74 0 0 0-1.12-2.2 17.38 17.38 0 0 0-4.34-2.17 23.16 23.16 0 0 1-4.37-2 6 6 0 0 1-1.93-1.94 5.11 5.11 0 0 1-.63-2.6 4.94 4.94 0 0 1 2.19-4.25 10.18 10.18 0 0 1 6-1.56 17.63 17.63 0 0 1 6.95 1.44l-1.18 2.7a16 16 0 0 0-6-1.37 6.83 6.83 0 0 0-3.57.75 2.29 2.29 0 0 0-1.21 2 2.52 2.52 0 0 0 .45 1.51 4.47 4.47 0 0 0 1.46 1.19 33.24 33.24 0 0 0 3.85 1.63 14.23 14.23 0 0 1 5.29 2.88 5.06 5.06 0 0 1 1.38 3.64M117.74 71.58q3.41 0 5-1.86t1.53-6V63q0-4.68-1.55-6.69t-5-2a5.1 5.1 0 0 0-4.49 2.28 11.39 11.39 0 0 0-1.58 6.41q0 4.23 1.55 6.38a5.22 5.22 0 0 0 4.54 2.16m6.66-.54h-.18a7.83 7.83 0 0 1-6.91 3.36 8.16 8.16 0 0 1-6.71-3c-1.6-2-2.4-4.78-2.4-8.42s.8-6.46 2.41-8.47a8.11 8.11 0 0 1 6.7-3 8 8 0 0 1 6.87 3.26h.26l-.14-1.59-.08-1.55v-9h3.33V74h-2.71ZM141.34 54.31a5.45 5.45 0 0 0-4.23 1.69 7.93 7.93 0 0 0-1.85 4.79h11.5a7.33 7.33 0 0 0-1.41-4.79 4.92 4.92 0 0 0-4-1.68m.9 20.06a10.12 10.12 0 0 1-7.7-3q-2.82-3-2.82-8.28a12.84 12.84 0 0 1 2.62-8.47 8.71 8.71 0 0 1 7-3.14 8.26 8.26 0 0 1 6.54 2.73 10.44 10.44 0 0 1 2.41 7.19v2.12h-15.12a8.69 8.69 0 0 0 1.95 5.89 6.74 6.74 0 0 0 5.23 2 17.76 17.76 0 0 0 7-1.49v3a17.49 17.49 0 0 1-3.31 1.07 18.88 18.88 0 0 1-3.81.33M179.69 61.53l-3.41-9.11c-.44-1.16-.89-2.57-1.36-4.25a39.64 39.64 0 0 1-1.27 4.25l-3.45 9.11ZM184.41 74l-3.65-9.36H169L165.38 74h-3.45l11.6-29.54h2.87L188 74ZM200.73 51.51a13 13 0 0 1 2.63.24l-.46 3.1a11.37 11.37 0 0 0-2.41-.3 5.86 5.86 0 0 0-4.57 2.17 8 8 0 0 0-1.92 5.42V74h-3.34V51.91h2.75l.39 4.09h.2a9.6 9.6 0 0 1 2.95-3.32 6.6 6.6 0 0 1 3.79-1.17M211.74 71.62a6.78 6.78 0 0 0 4.89-1.71 6.35 6.35 0 0 0 1.77-4.79v-2l-3.33.14a12.17 12.17 0 0 0-5.73 1.24 3.74 3.74 0 0 0-1.76 3.41 3.45 3.45 0 0 0 1.1 2.76 4.52 4.52 0 0 0 3.06 1m7.53 2.33-.67-3.14h-.16a9.32 9.32 0 0 1-3.28 2.81 10 10 0 0 1-4.09.73 7.29 7.29 0 0 1-5.07-1.72 6.16 6.16 0 0 1-1.86-4.81q0-6.68 10.66-7l3.73-.12v-1.37a5.6 5.6 0 0 0-1.11-3.83 4.55 4.55 0 0 0-3.56-1.24 14.47 14.47 0 0 0-6.28 1.69l-1-2.56a15.88 15.88 0 0 1 7.42-1.89q3.93 0 5.83 1.75t1.89 5.62V74ZM229.13 59a4.5 4.5 0 0 0 1.31 3.5 5.21 5.21 0 0 0 3.63 1.19c3.26 0 4.88-1.59 4.88-4.75 0-3.32-1.64-5-4.94-5a4.9 4.9 0 0 0-3.61 1.26 5.14 5.14 0 0 0-1.27 3.8m-1.8 18.69a3 3 0 0 0 1.5 2.72 8.3 8.3 0 0 0 4.32.93q4.2 0 6.21-1.26a3.85 3.85 0 0 0 2-3.41 2.72 2.72 0 0 0-1.1-2.49 8.65 8.65 0 0 0-4.16-.69h-4a5.24 5.24 0 0 0-3.54 1.09 3.88 3.88 0 0 0-1.26 3.11m17.54-25.76V54l-4.07.48a7 7 0 0 1 1 1.84 6.93 6.93 0 0 1 .44 2.57 6.53 6.53 0 0 1-2.2 5.17A8.92 8.92 0 0 1 234 66a9.77 9.77 0 0 1-1.84-.16c-1.42.75-2.13 1.7-2.13 2.84a1.46 1.46 0 0 0 .74 1.34 5.43 5.43 0 0 0 2.55.43h3.89a8.7 8.7 0 0 1 5.5 1.51 5.28 5.28 0 0 1 1.91 4.39 6.25 6.25 0 0 1-2.96 5.65q-2.92 1.92-8.55 1.92a11.62 11.62 0 0 1-6.66-1.61 5.19 5.19 0 0 1-2.33-4.54 5.1 5.1 0 0 1 1.28-3.49 6.55 6.55 0 0 1 3.61-2 3.42 3.42 0 0 1-1.41-1.19 3.14 3.14 0 0 1-.57-1.87 3.54 3.54 0 0 1 .64-2.11 6.58 6.58 0 0 1 2-1.75 5.9 5.9 0 0 1-2.78-2.4 7 7 0 0 1-1.08-3.86 7.14 7.14 0 0 1 2.19-5.63 8.83 8.83 0 0 1 6.14-2 11.57 11.57 0 0 1 3.12.4ZM253.29 48.49c.64-.83 1.33-1.84 2.08-3a31.94 31.94 0 0 0 1.75-3.08h4.06v.43a31.2 31.2 0 0 1-2.63 3.16 31 31 0 0 1-3 3h-2.23Zm-3.85 14.43q0 4.23 1.68 6.44a6.67 6.67 0 0 0 9.93 0q1.69-2.2 1.7-6.45t-1.7-6.39a6 6 0 0 0-5-2.18 5.88 5.88 0 0 0-4.94 2.15q-1.66 2.16-1.66 6.42m16.76 0q0 5.4-2.71 8.43a9.53 9.53 0 0 1-7.49 3 10 10 0 0 1-5.25-1.34 9.17 9.17 0 0 1-3.53-4 13.92 13.92 0 0 1-1.23-6.08q0-5.39 2.69-8.4a9.51 9.51 0 0 1 7.47-3 9.3 9.3 0 0 1 7.34 3.08 12.14 12.14 0 0 1 2.72 8.33M285.44 74V59.7a5.77 5.77 0 0 0-1.22-4 5 5 0 0 0-3.84-1.33q-3.45 0-5.06 1.87t-1.6 6.18V74h-3.34V51.91h2.71l.55 3h.16a6.79 6.79 0 0 1 2.87-2.52 9.25 9.25 0 0 1 4.11-.9q4 0 6 1.92t2 6.15V74Z\"/></svg>",
-      "customNavigationHtml": '<div class="flex flex-wrap flex-1 gap-base">'+ navigationCustom | safe + '</div>'
-    })  }}
   </div>
 </div>

package/docs/ds/_ds.example.menu-navigation.njk

@@ -384,7 +384,7 @@
   <div>
     {{ componentMenuNavigation({
       "idPrefix": "header-custom-nav",
-      "classes": "bg-black c-menu-navigation--last-right w-full",
+      "classes": "c-menu-navigation--last-right w-full",
       "items": [
         {
           "text": "Item 1",

package/docs/ds/_ds.example.menubar-variaciones.njk

@@ -465,8 +465,7 @@
           "classes": "c-menubar__button--header mr-base",
           "href": "#"
         }
-      ],
-      "classes": "bg-black"
+      ]
     })  }}
   </div>
 </div>

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/examples-header-advanced.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.njk" as exampleData %}
+{% endblock %}

package/docs/examples-header-mini.html

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

package/docs/index.html

@@ -38,6 +38,26 @@
 
   <h2>Changelog (English)</h2>
   <p>What's new in the latest version of desy-html</p>
+   <h3>v.6.2.1</h3>
+  <ul class="text-sm">
+    <li>Fixed bad vertical spacing in c-form-group that affected forms in desy-angular.</li>
+    <li>Minor fixes in listbox, dropdown and menubar for header modifier.</li>
+    <li>Minor accesibility improvements.</li>
+  </ul>
+  <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>
+    <li>Added new components: Header advanced and Header mini.</li>
+    <li>Minor validation fixes.</li>
+  </ul>
   <h3>v.6.0.0</h3>
   <ul class="text-sm">
     <li>Compilation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desy-html",
-  "version": "6.0.0",
+  "version": "6.2.1",
   "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/css/component.form-group.css

@@ -4,6 +4,7 @@
 
 
 .c-form-group {
+  @apply block;
   @apply mb-8;
 
   .c-form-group:last-of-type {

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;
@@ -151,21 +158,22 @@
 
 
   .c-dropdown--header {
-    @apply bg-black;
+    @apply bg-transparent;
     @apply border-none;
     @apply rounded-none;
     @apply shadow-none;
     @apply font-normal;
     @apply text-sm;
-    @apply text-white;
+    @apply text-black;
 
     &:hover:not(disabled),
     &:active:not(disabled),
     &.ds-hover:not(disabled) {
-      @apply bg-black;
+      @apply bg-transparent;
       @apply border-none;
       @apply shadow-none;
-      @apply text-white;
+      @apply text-black;
+      @apply underline;
     }
 
     &[disabled],

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 %}