desy-html 5.2.2 → 6.1.0

package/config/tailwind.config.js

@@ -2,20 +2,14 @@ const defaultTheme = require('tailwindcss/defaultTheme')
 
 
 module.exports = {
-  purge: {
-    mode: 'layers',
-    layers: ['base', 'components', 'utilities'],
-    content: ['./src/**/*.html',
+  content: ['./src/**/*.html',
           './src/**/*.njk',
           './src/**/*.js',
           './docs/**/*.html',
           './docs/**/*.njk',],
-    options: {
-      safelist: [
-                  'dev', // used in body tag
-                  ],
-    }
-  },
+  safelist: [
+            'dev', // used in body tag
+            ],
   theme: {
     screens: {
       sm: '640px',
@@ -151,6 +145,12 @@ module.exports = {
                 textDecoration: 'none'
               },
             },
+            'h3': {
+              fontWeight: '700',
+            },
+            'h4': {
+              fontWeight: '700',
+            },
             'ul > li::before': {
               backgroundColor: theme('colors.black'),
             },
@@ -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

@@ -70,6 +70,10 @@
         href: "examples-accordion.html",
         text: "Accordion"
       },
+      {
+        href: "examples-accordion-history.html",
+        text: "Accordion history"
+      },
       {
         href: "examples-alert.html",
         text: "Alert"
@@ -142,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"
@@ -178,6 +190,10 @@
         href: "examples-menu-horizontal.html",
         text: "Menu horizontal"
       },
+      {
+        href: "examples-menu-navigation.html",
+        text: "Menu navigation"
+      },
       {
         href: "examples-menu-vertical.html",
         text: "Menu vertical"

package/docs/_macro.example-render.njk

@@ -1,6 +1,8 @@
 
 {% from "components/accordion/_macro.accordion.njk"
 import componentAccordion %}
+{% from "components/accordion-history/_macro.accordion-history.njk"
+import componentAccordionHistory %}
 {% from "components/alert/_macro.alert.njk"
 import componentAlert %}
 {% from "components/breadcrumbs/_macro.breadcrumbs.njk"
@@ -37,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"
@@ -53,6 +59,8 @@ import componentListbox %}
 import componentMediaObject %}
 {% from "components/menu-horizontal/_macro.menu-horizontal.njk"
 import componentMenuHorizontal %}
+{% from "components/menu-navigation/_macro.menu-navigation.njk"
+import componentMenuNavigation %}
 {% from "components/menu-vertical/_macro.menu-vertical.njk"
 import componentMenuVertical %}
 {% from "components/menubar/_macro.menubar.njk"
@@ -120,6 +128,8 @@ import componentTree %}
     <div x-data="{isOpenCode: false, textShow: 'Show code'}" class="mt-xl  py-lg border-b border-neutral-base">
       {% if exampleComponent == "accordion" %}
       {{ componentAccordion(example.data) }}
+      {% elseif exampleComponent == "accordion-history" %}
+      {{ componentAccordionHistory(example.data) }}
       {% elseif exampleComponent == "alert" %}
       {% call componentAlert(example.data) %}{{ example.data.caller | safe }}{% endcall %}
       {% elseif exampleComponent == "breadcrumbs" %}
@@ -156,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" %}
@@ -172,6 +186,8 @@ import componentTree %}
       {% call componentMediaObject(example.data) %}{{ example.data.caller | safe }}{% endcall %}
       {% elseif exampleComponent == "menu-horizontal" %}
       {{ componentMenuHorizontal(example.data) }}
+      {% elseif exampleComponent == "menu-navigation" %}
+      {{ componentMenuNavigation(example.data) }}
       {% elseif exampleComponent == "menu-vertical" %}
       {{ componentMenuVertical(example.data) }}
       {% elseif exampleComponent == "menubar" %}

package/docs/componentes.html

@@ -13,6 +13,9 @@
     <div>
       <p class="c-paragraph-base"><a href="examples-accordion.html" class="c-link">Accordion</a></p>
     </div>
+    <div>
+      <p class="c-paragraph-base"><a href="examples-accordion-history.html" class="c-link">Accordion history</a></p>
+    </div>
     <div>
       <p class="c-paragraph-base"><a href="examples-alert.html" class="c-link">Alert</a></p>
     </div>
@@ -67,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>
@@ -91,6 +100,9 @@
     <div>
       <p class="c-paragraph-base"><a href="examples-menu-horizontal.html" class="c-link">Menu horizontal</a></p>
     </div>
+    <div>
+      <p class="c-paragraph-base"><a href="examples-menu-navigation.html" class="c-link">Menu navigation</a></p>
+    </div>
     <div>
       <p class="c-paragraph-base"><a href="examples-menu-vertical.html" class="c-link">Menu vertical</a></p>
     </div>

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

@@ -1,4 +1,5 @@
 {% from "components/accordion/_macro.accordion.njk" import componentAccordion %}
+{% from "components/accordion-history/_macro.accordion-history.njk" import componentAccordionHistory %}
 
 <div class="grid lg:grid-cols-2 gap-xl mb-lg">
   <div>
@@ -21,6 +22,7 @@
         }
       ]
     })  }}
+    <div class="pb-xl"></div>
   </div>
   <div>
     {{ componentAccordion({
@@ -45,5 +47,64 @@
         }
       ]
     })  }}
+    <div class="pb-xl"></div>
+  </div>
+</div>
+<div class="grid lg:grid-cols-2 gap-xl mb-lg">
+  <div>
+    {{ componentAccordionHistory({
+      "idPrefix": "allowmultiple-example",
+      "headingLevel": 3,
+      "allowMultiple": true,
+      "items": [
+        {
+          "headerText": "Accordion Item 1",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>"
+        },
+        {
+          "headerText": "Accordion Item 2",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>",
+          "open": true
+        },
+        {
+          "headerText": "Accordion Item 3",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>"
+        }
+      ]
+    })  }}
+  </div>
+  <div>
+    {% from "components/accordion-history/_macro.accordion-history.njk" import componentAccordionHistory %}
+    {{ componentAccordionHistory({
+      "idPrefix": "accordion-status",
+      "headingLevel": 3,
+      "items": [
+        {
+          "headerText": "Accordion Item muted",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>",
+          "status": "muted"
+        },
+        {
+          "headerText": "Accordion Item currentmuted",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>",
+          "status": "currentmuted"
+        },
+        {
+          "headerText": "Accordion Item past",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>",
+          "status": "past"
+        },
+        {
+          "headerText": "Accordion Item current",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>",
+          "status": "current"
+        },
+        {
+          "headerText": "Accordion Item pending",
+          "html": "<div class=\" w-48 p-2 \"><div class=\" border-4 border-dashed border-gray-200 rounded-lg h-40 \"></div></div>",
+          "status": "pending"
+        }
+      ]
+    })  }}
   </div>
 </div>

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

@@ -10,135 +10,14 @@
   </div>
   <div>
     {{ componentFooter({
-      "navigation": [
-        {
-          "title": "Servicios e información",
-          "columns": 2,
-          "items": [
-            {
-              "href": "/browse/benefits",
-              "text": "Ayudas"
-            },
-            {
-              "href": "/browse/births-deaths",
-              "text": "Nacimientos y defunciones"
-            },
-            {
-              "href": "/browse/marriages",
-              "text": "Matrimonios y cuidado"
-            },
-            {
-              "href": "/browse/business",
-              "text": "Negocio y autoempleo"
-            },
-            {
-              "href": "/browse/childcare-parenting",
-              "text": "Infancia y paternidad"
-            },
-            {
-              "href": "/browse/citizenship",
-              "text": "Ciudadanía"
-            },
-            {
-              "href": "/browse/justice",
-              "text": "Crimen, justicia y ley"
-            },
-            {
-              "href": "/browse/disabilities",
-              "text": "Discapacidad"
-            },
-            {
-              "href": "/browse/driving",
-              "text": "Conducción y transporte"
-            },
-            {
-              "href": "/browse/education",
-              "text": "Educación y aprendizaje"
-            },
-            {
-              "href": "/browse/environment-countryside",
-              "text": "Entorno y rural"
-            },
-            {
-              "href": "/browse/housing-local-services",
-              "text": "Vivienda y servicios locales"
-            },
-            {
-              "href": "/browse/tax",
-              "text": "Dinero e impuestos"
-            },
-            {
-              "href": "/browse/abroad",
-              "text": "Pasaportes, viajes y llegadas"
-            },
-            {
-              "href": "/browse/visas-immigration",
-              "text": "Visados e inmigración"
-            },
-            {
-              "href": "/browse/working",
-              "text": "Trabajo, empleos y pensiones"
-            }
-          ]
-        },
-        {
-          "title": "Departamentos y políticas",
-          "items": [
-            {
-              "href": "/government/how-government-works",
-              "text": "Cómo funciona el Gobierno"
-            },
-            {
-              "href": "/government/organisations",
-              "text": "Departamentos"
-            },
-            {
-              "href": "/world",
-              "text": "Por España"
-            },
-            {
-              "href": "/government/policies",
-              "text": "Políticas"
-            },
-            {
-              "href": "/government/publications",
-              "text": "Publicaciones"
-            },
-            {
-              "href": "/government/announcements",
-              "text": "Anuncios"
-            }
-          ]
-        }
-      ],
-      "meta": {
-        "items": [
-          {
-            "href": "/help",
-            "text": "Ayuda"
-          },
-          {
-            "href": "/help/cookies",
-            "text": "Cookies"
-          },
-          {
-            "href": "/contact",
-            "text": "Contacto"
-          },
-          {
-            "href": "/help/terms-conditions",
-            "text": "Términos y condiciones"
-          },
-          {
-            "href": "/accesibilidad",
-            "text": "Accesibilidad"
-          }
-        ],
-        "html": "Creado por <a href=\"https://sda.aragon.es/\" class=\"c-link c-link--neutral\">SDA Servicios Digitales de Aragón</a>"
-      },
+      "noLogo": true,
       "icon": {
-        "html": "<a href=\"https://sda.aragon.es/\" class=\"text-sm\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 377.009 93.066\" width=\"12rem\" class=\"w-auto h-9 mb-sm ml-sm fill-current\" role=\"img\" aria-label=\"Servicios Digitales de Aragón (SDA)\"><g fill=\"#545454\"><g><path d=\"M38.281 35.133a6.036 6.036 0 01-.967 3.383 6.325 6.325 0 01-2.788 2.3 10.33 10.33 0 01-4.274.82 17.4 17.4 0 01-3.433-.287 12.847 12.847 0 01-2.887-1v-4.934a16.416 16.416 0 003.293 1.268 12.218 12.218 0 003.139.457 3.057 3.057 0 001.808-.428 1.316 1.316 0 00.574-1.1 1.213 1.213 0 00-.231-.737 2.7 2.7 0 00-.743-.637q-.512-.323-2.725-1.318a13.068 13.068 0 01-3.006-1.764 5.435 5.435 0 01-1.485-1.962 6.526 6.526 0 01-.484-2.621 5.253 5.253 0 012.06-4.414 9.085 9.085 0 015.661-1.584 15.886 15.886 0 016.488 1.472l-1.695 4.274a12.289 12.289 0 00-4.961-1.317 2.587 2.587 0 00-1.569.377 1.149 1.149 0 00-.491.94 1.357 1.357 0 00.624 1.079 23.816 23.816 0 003.384 1.737 9.338 9.338 0 013.678 2.558 5.551 5.551 0 011.03 3.44\"/><path d=\"M66.26 72.245l-1.008-3.838h-6.657l-1.036 3.838h-6.081l6.683-20.57h7.385l6.768 20.57zm-2.157-8.379l-.884-3.363q-.308-1.119-.749-2.9c-.295-1.185-.488-2.037-.582-2.55q-.126.714-.5 2.355t-1.647 6.459z\"/><path d=\"M71.109 30.562q0 5.129-2.824 7.9t-7.939 2.775h-6.628V20.752h7.091q4.932 0 7.616 2.524t2.684 7.286m-5.746.2a6.516 6.516 0 00-1.114-4.177 4.121 4.121 0 00-3.384-1.358h-1.611v11.477h1.233a4.467 4.467 0 003.7-1.464 7.08 7.08 0 001.177-4.478\"/><path d=\"M21.379 52.233h19.456v19.455H21.379z\"/><path d=\"M122.776 34.913a6.041 6.041 0 01-.968 3.384 6.319 6.319 0 01-2.788 2.3 10.327 10.327 0 01-4.274.819 17.238 17.238 0 01-3.433-.288 12.745 12.745 0 01-2.887-1v-4.932a16.435 16.435 0 003.293 1.267 12.221 12.221 0 003.14.456 3.056 3.056 0 001.807-.427 1.314 1.314 0 00.574-1.1 1.21 1.21 0 00-.231-.736 2.683 2.683 0 00-.743-.639q-.512-.322-2.725-1.316a13.135 13.135 0 01-3.006-1.766 5.43 5.43 0 01-1.485-1.961 6.529 6.529 0 01-.483-2.621 5.25 5.25 0 012.059-4.414 9.072 9.072 0 015.661-1.584 15.892 15.892 0 016.489 1.471l-1.7 4.275a12.276 12.276 0 00-4.961-1.318 2.6 2.6 0 00-1.569.378 1.145 1.145 0 00-.491.94 1.357 1.357 0 00.624 1.078 23.682 23.682 0 003.385 1.737 9.363 9.363 0 013.677 2.558 5.556 5.556 0 011.031 3.44\"/><path d=\"M133.285 41.415a8.525 8.525 0 01-6.158-2.108 7.944 7.944 0 01-2.193-6.006 8.653 8.653 0 012.031-6.172 7.6 7.6 0 015.8-2.15 7.7 7.7 0 015.542 1.871 7.107 7.107 0 011.955 5.387v2.438h-9.793a2.722 2.722 0 00.973 2.089 3.82 3.82 0 002.5.756 12.084 12.084 0 002.655-.274 13.161 13.161 0 002.628-.931v3.937a9.637 9.637 0 01-2.663.911 18.435 18.435 0 01-3.279.252m-.322-12.71a2.286 2.286 0 00-1.619.61 2.861 2.861 0 00-.763 1.912h4.708a2.72 2.72 0 00-.652-1.834 2.145 2.145 0 00-1.674-.688\"/><path d=\"M152.945 24.979a8 8 0 011.359.111l.308.057-.49 5.17a8.068 8.068 0 00-1.864-.168 3.55 3.55 0 00-2.605.819 3.216 3.216 0 00-.813 2.362v7.8h-5.479V25.258h4.077l.855 2.536h.266a5.49 5.49 0 011.912-2.038 4.575 4.575 0 012.474-.777\"/><path d=\"M160.988 41.133l-6.053-15.876h5.717l2.69 9.388c.01.047.028.127.057.238s.055.246.084.4.053.318.077.492a3.672 3.672 0 01.034.483h.1a5.63 5.63 0 01.252-1.584l2.816-9.416h5.7l-6.053 15.875z\"/><path d=\"M174.245 21.307a2.318 2.318 0 01.686-1.836 4.342 4.342 0 014.442.014 2.3 2.3 0 01.7 1.822q0 2.41-2.929 2.41-2.9 0-2.9-2.41m5.619 19.828h-5.479V25.259h5.479z\"/><path d=\"M190.919 41.415a7.8 7.8 0 01-5.906-2.1 8.4 8.4 0 01-2.01-6.039 7.561 7.561 0 018.352-8.3 11.563 11.563 0 015.2 1.205l-1.612 4.049a17.954 17.954 0 00-1.835-.694 5.921 5.921 0 00-1.752-.258 2.368 2.368 0 00-2.061 1.036 5.051 5.051 0 00-.728 2.929q0 3.812 2.816 3.811a8.523 8.523 0 004.624-1.4v4.358a8.992 8.992 0 01-5.087 1.4\"/><path d=\"M199.048 21.307a2.315 2.315 0 01.686-1.836 4.344 4.344 0 014.443.014 2.3 2.3 0 01.7 1.822q0 2.41-2.93 2.41-2.9 0-2.9-2.41m5.619 19.828h-5.479V25.259h5.479z\"/><path d=\"M223.653 33.162a8.4 8.4 0 01-2.094 6.074 7.752 7.752 0 01-5.865 2.178 7.6 7.6 0 01-5.752-2.227 9.651 9.651 0 01-.042-12.058 7.829 7.829 0 015.878-2.151 8.38 8.38 0 014.134.995 6.8 6.8 0 012.769 2.852 9.232 9.232 0 01.972 4.337m-10.285 0a7.072 7.072 0 00.546 3.118 1.9 1.9 0 001.836 1.071 1.849 1.849 0 001.8-1.071 7.309 7.309 0 00.524-3.118 6.946 6.946 0 00-.531-3.069 2.111 2.111 0 00-3.631-.007 6.782 6.782 0 00-.546 3.076\"/><path d=\"M239.039 36.258a4.521 4.521 0 01-1.736 3.855 8.21 8.21 0 01-4.989 1.3 21.552 21.552 0 01-3.07-.19 12.988 12.988 0 01-2.662-.693v-4.385a16.511 16.511 0 002.795.924 11.742 11.742 0 002.712.365q1.781 0 1.779-.814a.917.917 0 00-.5-.749 22.833 22.833 0 00-2.893-1.281 7.217 7.217 0 01-3.055-2.041 4.648 4.648 0 01-.868-2.892 4.007 4.007 0 011.71-3.448 8.16 8.16 0 014.834-1.232 12.135 12.135 0 012.949.343 17.513 17.513 0 012.865 1l-1.484 3.531a16.555 16.555 0 00-2.314-.834 7.619 7.619 0 00-1.989-.343c-.9 0-1.346.22-1.346.658a.823.823 0 00.47.694 25.48 25.48 0 002.712 1.17 10.43 10.43 0 012.487 1.345 4.028 4.028 0 011.205 1.549 5.433 5.433 0 01.385 2.164\"/><path d=\"M267.247 30.457q0 5.13-2.823 7.9t-7.938 2.774h-6.628V20.649h7.089q4.934 0 7.618 2.521t2.682 7.287m-5.745.2a6.519 6.519 0 00-1.113-4.177 4.124 4.124 0 00-3.385-1.359h-1.61v11.476h1.231a4.461 4.461 0 003.7-1.463 7.07 7.07 0 001.178-4.477\"/><path d=\"M270.485 21.307a2.315 2.315 0 01.687-1.836 4.339 4.339 0 014.44.014 2.293 2.293 0 01.7 1.822q0 2.41-2.928 2.41-2.9 0-2.9-2.41m5.619 19.828h-5.479V25.259h5.479z\"/><path d=\"M294.909 25.258v2.648l-2.172.8a3.857 3.857 0 01.45 1.893 4.776 4.776 0 01-1.8 3.979 8.593 8.593 0 01-5.378 1.414 6.906 6.906 0 01-1.4-.112 1.466 1.466 0 00-.2.687q0 .405.658.623a5.643 5.643 0 001.724.216h2.636q5.336 0 5.339 4.5a5.1 5.1 0 01-2.475 4.512 12.653 12.653 0 01-6.942 1.613 9.965 9.965 0 01-5.207-1.129 3.6 3.6 0 01-1.828-3.245q0-2.842 3.532-3.669a3.2 3.2 0 01-1.27-1 2.131 2.131 0 01-.133-2.67 6.032 6.032 0 011.7-1.352 4.231 4.231 0 01-1.942-1.71 5.352 5.352 0 01-.708-2.83 4.885 4.885 0 011.767-4.023 7.844 7.844 0 015.045-1.427q.434 0 1.5.1c.71.067 1.232.126 1.568.182zM282.943 43.11a1.228 1.228 0 00.728 1.085 3.916 3.916 0 001.948.414 8.465 8.465 0 003.189-.5q1.2-.5 1.2-1.281a.924.924 0 00-.728-.89 6.551 6.551 0 00-2.088-.258h-2.145a2.587 2.587 0 00-1.491.413 1.2 1.2 0 00-.61 1.015m1.723-12.653q0 2.438 1.7 2.438a1.394 1.394 0 001.211-.6 3.115 3.115 0 00.428-1.807q0-2.466-1.639-2.465-1.7 0-1.7 2.437\"/><path d=\"M297.209 21.307a2.319 2.319 0 01.687-1.836 4.344 4.344 0 014.443.014 2.3 2.3 0 01.7 1.822q0 2.41-2.928 2.41-2.9 0-2.9-2.41m5.619 19.828h-5.478V25.259h5.478z\"/><path d=\"M314.428 37.085a8.15 8.15 0 002.648-.546v3.994a10.766 10.766 0 01-2.108.68 11.887 11.887 0 01-2.348.2 5.128 5.128 0 01-3.979-1.352 6.056 6.056 0 01-1.219-4.154v-6.545h-1.92v-2.229l2.44-1.724 1.415-3.335h3.587v3.181h3.894v4.106h-3.894v6.179q0 1.542 1.484 1.542\"/><path d=\"M330.209 41.133l-1.05-2.1h-.113a6.2 6.2 0 01-2.255 1.878 7.455 7.455 0 01-2.971.506 4.66 4.66 0 01-3.531-1.346A5.249 5.249 0 01319 36.287a4.3 4.3 0 011.765-3.776 9.662 9.662 0 015.115-1.394l2.65-.085v-.223a1.723 1.723 0 00-1.936-1.962 11.56 11.56 0 00-4.414 1.177l-1.583-3.616a15.244 15.244 0 017.006-1.428 6.814 6.814 0 014.73 1.512 5.414 5.414 0 011.674 4.233v10.408zm-4.063-3.588a2.473 2.473 0 001.7-.629 2.1 2.1 0 00.707-1.64v-1.233l-1.261.056q-2.7.1-2.705 1.989 0 1.458 1.556 1.457\"/><path d=\"M337.732 19.331h5.479v21.804h-5.479z\"/><path d=\"M354.673 41.415a8.526 8.526 0 01-6.158-2.108 7.94 7.94 0 01-2.193-6.006 8.648 8.648 0 012.031-6.172 7.6 7.6 0 015.8-2.15 7.693 7.693 0 015.542 1.871 7.107 7.107 0 011.955 5.387v2.438h-9.795a2.719 2.719 0 00.973 2.089 3.823 3.823 0 002.5.756 12.086 12.086 0 002.656-.274 13.161 13.161 0 002.628-.931v3.937a9.642 9.642 0 01-2.662.911 18.454 18.454 0 01-3.28.252m-.322-12.71a2.281 2.281 0 00-1.618.61 2.856 2.856 0 00-.764 1.912h4.708a2.729 2.729 0 00-.65-1.834 2.152 2.152 0 00-1.676-.688\"/><path d=\"M377.009 36.258a4.521 4.521 0 01-1.736 3.855 8.215 8.215 0 01-4.99 1.3 21.556 21.556 0 01-3.069-.19 12.986 12.986 0 01-2.662-.693v-4.385a16.492 16.492 0 002.8.924 11.728 11.728 0 002.712.365q1.777 0 1.779-.814a.918.918 0 00-.5-.749 22.729 22.729 0 00-2.894-1.281 7.2 7.2 0 01-3.053-2.041 4.643 4.643 0 01-.869-2.892 4.007 4.007 0 011.71-3.448 8.159 8.159 0 014.834-1.232 12.149 12.149 0 012.95.343 17.506 17.506 0 012.864 1l-1.484 3.531a16.592 16.592 0 00-2.313-.834 7.632 7.632 0 00-1.99-.343q-1.345 0-1.345.658a.82.82 0 00.469.694 25.387 25.387 0 002.712 1.17 10.449 10.449 0 012.487 1.345 4.037 4.037 0 011.205 1.549 5.432 5.432 0 01.385 2.164\"/><path d=\"M114.046 72.55a4.753 4.753 0 01-2.964-.967 6.127 6.127 0 01-1.962-2.846 12.619 12.619 0 01-.694-4.385 10.281 10.281 0 011.556-6.054 4.965 4.965 0 014.274-2.186 4.9 4.9 0 012.333.533 5.15 5.15 0 011.829 1.793h.111a26.385 26.385 0 01-.266-3.728v-4.244h5.521v21.8h-4.133l-1.178-2h-.21a4.642 4.642 0 01-4.217 2.286m2.242-4.331a2.046 2.046 0 001.857-.828 4.988 4.988 0 00.581-2.548v-.436a5.549 5.549 0 00-.6-2.99 2.124 2.124 0 00-1.892-.891 1.853 1.853 0 00-1.674 1.016 5.765 5.765 0 00-.6 2.894 5.382 5.382 0 00.6 2.817 1.918 1.918 0 001.724.966\"/><path d=\"M135.233 72.55a8.521 8.521 0 01-6.159-2.11 7.942 7.942 0 01-2.192-6 8.656 8.656 0 012.031-6.174 7.6 7.6 0 015.8-2.152 7.694 7.694 0 015.542 1.873 7.107 7.107 0 011.955 5.387v2.439h-9.795a2.718 2.718 0 00.973 2.088 3.82 3.82 0 002.5.756 12.029 12.029 0 002.655-.273 13.135 13.135 0 002.627-.932v3.938a9.738 9.738 0 01-2.661.912 18.456 18.456 0 01-3.28.252m-.322-12.711a2.281 2.281 0 00-1.619.609 2.87 2.87 0 00-.764 1.912h4.708a2.73 2.73 0 00-.65-1.834 2.149 2.149 0 00-1.675-.687\"/><path d=\"M165.654 72.268l-1.008-3.839h-6.657l-1.037 3.839h-6.08l6.683-20.57h7.385l6.769 20.57zm-2.157-8.379l-.884-3.363q-.308-1.122-.749-2.9t-.582-2.551q-.126.715-.5 2.354t-1.647 6.46z\"/><path d=\"M183.185 56.112a8.01 8.01 0 011.359.111l.308.057-.491 5.17a8.117 8.117 0 00-1.863-.168 3.552 3.552 0 00-2.607.82 3.222 3.222 0 00-.812 2.362v7.8h-5.478V56.391h4.076l.855 2.538h.267a5.5 5.5 0 011.913-2.04 4.586 4.586 0 012.473-.777\"/><path d=\"M197.421 72.268l-1.05-2.1h-.113a6.219 6.219 0 01-2.255 1.877 7.423 7.423 0 01-2.971.506 4.663 4.663 0 01-3.531-1.346 5.245 5.245 0 01-1.289-3.783 4.308 4.308 0 011.765-3.778 9.658 9.658 0 015.114-1.394l2.648-.084v-.223a1.722 1.722 0 00-1.933-1.963 11.555 11.555 0 00-4.413 1.178l-1.584-3.615a15.229 15.229 0 017.006-1.43 6.805 6.805 0 014.73 1.514 5.413 5.413 0 011.674 4.232v10.41zm-4.063-3.586a2.476 2.476 0 001.7-.63 2.1 2.1 0 00.707-1.641v-1.232l-1.261.056q-2.7.1-2.7 1.988 0 1.46 1.556 1.459\"/><path d=\"M219.926 56.391v2.649l-2.172.8a3.858 3.858 0 01.449 1.892 4.782 4.782 0 01-1.8 3.981 8.612 8.612 0 01-5.375 1.414 6.926 6.926 0 01-1.4-.112 1.46 1.46 0 00-.2.686c0 .272.22.479.658.625a5.667 5.667 0 001.724.217h2.635q5.337 0 5.339 4.5a5.1 5.1 0 01-2.474 4.512 12.675 12.675 0 01-6.943 1.611 9.969 9.969 0 01-5.207-1.127 3.6 3.6 0 01-1.828-3.244q0-2.845 3.532-3.672a3.161 3.161 0 01-1.269-1 2.128 2.128 0 01-.133-2.668 6.006 6.006 0 011.7-1.354 4.231 4.231 0 01-1.941-1.709 5.342 5.342 0 01-.708-2.83 4.881 4.881 0 011.766-4.021 7.834 7.834 0 015.045-1.43q.434 0 1.5.1t1.569.181zm-11.967 17.854a1.233 1.233 0 00.729 1.086 3.948 3.948 0 001.948.412 8.455 8.455 0 003.188-.5q1.2-.5 1.2-1.283a.924.924 0 00-.73-.889 6.481 6.481 0 00-2.088-.26h-2.144a2.6 2.6 0 00-1.492.414 1.2 1.2 0 00-.61 1.016m1.724-12.654q0 2.438 1.7 2.437a1.393 1.393 0 001.212-.6 3.129 3.129 0 00.428-1.807q0-2.467-1.64-2.467-1.7 0-1.7 2.438\"/><path d=\"M237.498 64.296a8.4 8.4 0 01-2.1 6.074 7.752 7.752 0 01-5.865 2.18 7.6 7.6 0 01-5.752-2.229 9.656 9.656 0 01-.042-12.059 7.837 7.837 0 015.879-2.15 8.369 8.369 0 014.134.994 6.826 6.826 0 012.769 2.852 9.236 9.236 0 01.972 4.338M226.27 54.88v-.407q2.156-2.315 2.738-2.986c.389-.447.708-.85.961-1.2h6v.295q-1.12.9-3.083 2.283t-2.971 2.02zm.938 9.416a7.071 7.071 0 00.546 3.117 1.9 1.9 0 001.836 1.072 1.849 1.849 0 001.8-1.072 7.337 7.337 0 00.524-3.117 6.96 6.96 0 00-.531-3.069 2.112 2.112 0 00-3.631-.008 6.8 6.8 0 00-.546 3.077\"/><path d=\"M250.642 72.268v-8.66a4.97 4.97 0 00-.455-2.389 1.556 1.556 0 00-1.465-.8 2.118 2.118 0 00-2 1.1 8.41 8.41 0 00-.616 3.8v6.949h-5.479V56.391h4.134l.687 1.963h.322a4.333 4.333 0 011.94-1.681 6.876 6.876 0 012.852-.561 5.413 5.413 0 014.1 1.527 5.97 5.97 0 011.464 4.3v10.326z\"/></g><path d=\"M0 93.066h93.067V0H0zm87.674-5.394H5.395V5.394h82.279z\"/></g></svg>\n          </a>"
-      }
+        "html": "<p><a href=\"https://sda.aragon.es/\" class=\"text-sm\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 423.76 83.87\" width=\"12rem\" class=\"w-auto h-9 mb-sm fill-current\" role=\"img\" aria-label=\"Servicios Digitales de Aragón (SDA)\"><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>\n          </a></p>"
+      },
+      "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>"
+      },
+      "classes": "lg:mt-48"
     })  }}
   </div>
 </div>

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

@@ -1,4 +1,5 @@
 {% from "components/header/_macro.header.njk" import componentHeader %}
+{% from "components/menu-navigation/_macro.menu-navigation.njk" import componentMenuNavigation %}
 
 <div class="grid lg:grid-cols-1 gap-xl mb-lg">
   <div>
@@ -121,4 +122,121 @@
     </div>
     {% endcall %}
   </div>
+  <div>
+    {% set navigationCustom %}
+      {{ componentMenuNavigation({
+        "idPrefix": "header-custom-nav",
+        "classes": "bg-black c-menu-navigation--last-right w-full",
+        "items": [
+          {
+            "text": "Custom Item 1",
+            "id": "header-custom-nav-item-1",
+            "classes": "c-menu-navigation__button--header -mr-base uppercase",
+            "sub": {
+              "items": [
+                {
+                  "href": "#",
+                  "text": "Subitem 1"
+                },
+                {
+                  "href": "#",
+                  "text": "Subitem 2"
+                },
+                {
+                  "href": "#",
+                  "text": "Subitem 3"
+                }
+              ],
+              "attributes": {
+                "aria-labelledby": "header-custom-nav-item-1"
+              }
+            }
+          },
+          {
+            "text": "Custom Active Item 2",
+            "id": "header-custom-nav-item-2",
+            "classes": "c-menu-navigation__button--header -mr-base uppercase",
+            "active": true,
+            "sub": {
+              "items": [
+                {
+                  "href": "#",
+                  "text": "Subitem 1"
+                },
+                {
+                  "href": "#",
+                  "text": "Subitem 2",
+                  "active": true
+                },
+                {
+                  "href": "#",
+                  "text": "Subitem 3"
+                }
+              ],
+              "attributes": {
+                "aria-labelledby": "header-custom-nav-item-2"
+              }
+            }
+          },
+          {
+            "text": "Custom Item 3",
+            "id": "header-custom-nav-item-3",
+            "classes": "c-menu-navigation__button--header -mr-base uppercase",
+            "sub": {
+              "items": [
+                {
+                  "href": "#",
+                  "text": "Subitem 1"
+                },
+                {
+                  "href": "#",
+                  "text": "Subitem 2"
+                },
+                {
+                  "href": "#",
+                  "text": "Subitem 3"
+                }
+              ],
+              "attributes": {
+                "aria-labelledby": "header-custom-nav-item-3"
+              }
+            }
+          },
+          {
+              "text": "Item 4 right",
+              "id": "header-custom-nav-item-4",
+              "classes": "c-menu-navigation__button--header uppercase",
+              "sub": {
+                "items": [
+                  {
+                    "href": "#",
+                    "text": "Subitem 1"
+                  },
+                  {
+                    "href": "#",
+                    "text": "Subitem 2"
+                  },
+                  {
+                    "href": "#",
+                    "text": "Subitem 3"
+                  }
+                ],
+                "attributes": {
+                  "aria-labelledby": "header-custom-nav-item-4"
+                }
+              }
+            }
+        ],
+        "attributes": {
+          "aria-label": "Navegación principal"
+        }
+      })  }}
+    {% 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.layout.njk

@@ -1,9 +1,19 @@
 <div class="grid grid-cols-2 lg:grid-cols-4 gap-xl mt-base">
     <div class="col-span-2 lg:col-span-4 bg-neutral-light h-12 flex items-center justify-center">100%</div>
-    <div class="col-span-1 lg:col-span-2 bg-neutral-light h-12 flex items-center justify-center">50%</div>
-    <div class="col-span-1 lg:col-span-2 bg-neutral-light h-12 flex items-center justify-center">50%</div>
-    <div class="col-span-1 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
-    <div class="col-span-1 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
-    <div class="col-span-1 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
-    <div class="col-span-1 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
+    <div class="col-span-2 lg:col-span-2 bg-neutral-light h-12 flex items-center justify-center">50%</div>
+    <div class="col-span-2 lg:col-span-2 bg-neutral-light h-12 flex items-center justify-center">50%</div>
+    <div class="col-span-2 lg:col-span-3 bg-blue-100 h-12 flex items-center justify-center">75%</div>
+    <div class="col-span-2 lg:col-span-1 bg-blue-100 h-12 flex items-center justify-center">25%</div>
+    <div class="col-span-2 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
+    <div class="col-span-2 lg:col-span-3 bg-neutral-light h-12 flex items-center justify-center">75%</div>
+    <div class="col-span-2 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
+    <div class="col-span-2 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
+    <div class="col-span-2 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
+    <div class="col-span-2 lg:col-span-1 bg-neutral-light h-12 flex items-center justify-center">25%</div>
+</div>
+
+<div class="grid grid-cols-2 gap-xl col-span-1 mt-base">
+    <div class="col-span-2 bg-neutral-light h-12 flex items-center justify-center">100%</div>
+    <div class="col-span-1 bg-neutral-light h-12 flex items-center justify-center">50%</div>
+    <div class="col-span-1 bg-neutral-light h-12 flex items-center justify-center">50%</div>
 </div>