desy-html 12.1.0 → 13.0.0

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

@@ -1,28 +1,28 @@
-{% from "_macro.component-example.njk" import componentExample %}
-{% from "_macro.show-html-from-file.njk" import showHtmlFromFile %}
-
-<!--  _ds.section.typography.njk -->
-
-<div class="container mx-auto">
-
-  <div class="pb-lg"></div>
-  {% from "ds/_ds.macro.subsection-title.njk" import DSSubsectionTitle %}
-  {{ DSSubsectionTitle({
-    title: "Tailwindcss typography plugin"
-  }) }}
-
-  <p class="c-paragraph-base">Para dar estilos por defecto a contenido html sin clases que proviene de markdown o de wysiwyg, utilizamos un plugin de Tailwindcss: <a href="https://github.com/tailwindlabs/tailwindcss-typography" class="c-link">tailwindcss-typography<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a>. Basta con añadir al contenedor la clase <code>.prose</code>. También hay variantes de estos estilos que pueden usarse con breakpoints, por ejemplo: <code>prose prose-sm lg:prose-base max-w-none lg:max-w-none mx-auto</code>. Leer la <a href="https://github.com/tailwindlabs/tailwindcss-typography" class="c-link">documentación<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="img"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a>.</p>
-  <div class="pb-lg"></div>
-  {% from "components/details/_macro.details.njk" import componentDetails %}
-  {% call componentDetails({
-    "summary": {
-      "html": "Ver ejemplo"
-    }
-  })  %}
-    {% call componentExample()  %}
-      {% include "ds/_ds.example.typography.njk" %}
-    {% endcall %}
-    {{ showHtmlFromFile("ds/_ds.example.typography.njk") }}
-  {% endcall %}
-
-</div>
+{% from "_macro.component-example.njk" import componentExample %}
+{% from "_macro.show-html-from-file.njk" import showHtmlFromFile %}
+
+<!--  _ds.section.typography.njk -->
+
+<div class="container mx-auto">
+
+  <div class="pb-lg"></div>
+  {% from "ds/_ds.macro.subsection-title.njk" import DSSubsectionTitle %}
+  {{ DSSubsectionTitle({
+    title: "Tailwindcss typography plugin"
+  }) }}
+
+  <p class="c-paragraph-base">Para dar estilos por defecto a contenido html sin clases que proviene de markdown o de wysiwyg, utilizamos un plugin de Tailwindcss: <a href="https://github.com/tailwindlabs/tailwindcss-typography" class="c-link">tailwindcss-typography<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="presentation"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a>. Basta con añadir al contenedor la clase <code>.prose</code>. También hay variantes de estos estilos que pueden usarse con breakpoints, por ejemplo: <code>prose prose-sm lg:prose-base max-w-none lg:max-w-none mx-auto</code>. Leer la <a href="https://github.com/tailwindlabs/tailwindcss-typography" class="c-link">documentación<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="0.8em" width="0.8em" class="inline-block mx-xs no-underline align-baseline" aria-hidden="true" focusable="false" role="presentation"><g><path fill="currentcolor" fill-rule="evenodd" d="M7.428571428571428 0.5714285714285714c-0.6311885714285713 0 -1.1428571428571428 0.5116742857142856 -1.1428571428571428 1.1428571428571428 0 0.6311771428571428 0.5116685714285714 1.1428571428571428 1.1428571428571428 1.1428571428571428h4.098057142857143L0.9061634285714285 13.477599999999999c-0.4463131428571428 0.4462857142857143 -0.4463131428571428 1.1699428571428572 0 1.6162285714285711 0.4463165714285714 0.4462857142857143 1.1699279999999999 0.4462857142857143 1.616248 0L13.142857142857142 4.473382857142857V8.571428571428571c0 0.6311771428571428 0.5116571428571428 1.1428571428571428 1.1428571428571428 1.1428571428571428s1.1428571428571428 -0.51168 1.1428571428571428 -1.1428571428571428v-6.857142857142857c0 -0.6311828571428572 -0.5116571428571428 -1.1428571428571428 -1.1428571428571428 -1.1428571428571428h-6.857142857142857Z" clip-rule="evenodd" stroke-width="1"></path></g></svg></a>.</p>
+  <div class="pb-lg"></div>
+  {% from "components/details/_macro.details.njk" import componentDetails %}
+  {% call componentDetails({
+    "summary": {
+      "html": "Ver ejemplo"
+    }
+  })  %}
+    {% call componentExample()  %}
+      {% include "ds/_ds.example.typography.njk" %}
+    {% endcall %}
+    {{ showHtmlFromFile("ds/_ds.example.typography.njk") }}
+  {% endcall %}
+
+</div>

package/docs/estilos.html

@@ -1,37 +1,37 @@
-{% set title = "Estilos: colores, espaciado, retícula y tipografía. Documentación de desy-html. Gobierno de Aragón" %}
-{% set activePage = "page-estilos" %}
-{% extends "_template.default.njk" %}
-
-{% from "ds/_ds.macro.section-title.njk" import DSSectionTitle %}
-
-
-{% block contentBlock %}
-<div class="pb-lg"></div>
-<div class="c-h1">Estilos</div>
-<div class="pb-lg"></div>
-{{ DSSectionTitle({
-  title: "Color"
-}) }}
-{% include "ds/_ds.section.color.njk" %}
-<div class="pb-2xl"></div>
-{{ DSSectionTitle({
-  title: "Espaciado"
-}) }}
-{% include "ds/_ds.section.espaciado.njk" %}
-<div class="pb-2xl"></div>
-{{ DSSectionTitle({
-  title: "Breakpoints y retícula"
-}) }}
-{% include "ds/_ds.section.layout.njk" %}
-<div class="pb-2xl"></div>
-{{ DSSectionTitle({
-  title: "Textos"
-}) }}
-{% include "ds/_ds.section.textos.njk" %}
-<div class="pb-2xl"></div>
-{{ DSSectionTitle({
-  title: "Tipografía en texto renderizado"
-}) }}
-{% include "ds/_ds.section.typography.njk" %}
-<div class="pb-2xl"></div>
-{% endblock %}
+{% set title = "Estilos: colores, espaciado, retícula y tipografía. Documentación de desy-html. Gobierno de Aragón" %}
+{% set activePage = "page-estilos" %}
+{% extends "_template.default.njk" %}
+
+{% from "ds/_ds.macro.section-title.njk" import DSSectionTitle %}
+
+
+{% block contentBlock %}
+<div class="pb-lg"></div>
+<div class="c-h1">Estilos</div>
+<div class="pb-lg"></div>
+{{ DSSectionTitle({
+  title: "Color"
+}) }}
+{% include "ds/_ds.section.color.njk" %}
+<div class="pb-2xl"></div>
+{{ DSSectionTitle({
+  title: "Espaciado"
+}) }}
+{% include "ds/_ds.section.espaciado.njk" %}
+<div class="pb-2xl"></div>
+{{ DSSectionTitle({
+  title: "Breakpoints y retícula"
+}) }}
+{% include "ds/_ds.section.layout.njk" %}
+<div class="pb-2xl"></div>
+{{ DSSectionTitle({
+  title: "Textos"
+}) }}
+{% include "ds/_ds.section.textos.njk" %}
+<div class="pb-2xl"></div>
+{{ DSSectionTitle({
+  title: "Tipografía en texto renderizado"
+}) }}
+{% include "ds/_ds.section.typography.njk" %}
+<div class="pb-2xl"></div>
+{% endblock %}

package/docs/examples-accordion-history.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/accordion-history/_examples.accordion-history.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/accordion-history/_examples.accordion-history.njk" as exampleData %}
+{% endblock %}

package/docs/examples-accordion.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/accordion/_examples.accordion.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/accordion/_examples.accordion.njk" as exampleData %}
+{% endblock %}

package/docs/examples-alert.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/alert/_examples.alert.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/alert/_examples.alert.njk" as exampleData %}
+{% endblock %}

package/docs/examples-breadcrumbs.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/breadcrumbs/_examples.breadcrumbs.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/breadcrumbs/_examples.breadcrumbs.njk" as exampleData %}
+{% endblock %}

package/docs/examples-button-loader.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/button-loader/_examples.button-loader.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/button-loader/_examples.button-loader.njk" as exampleData %}
+{% endblock %}

package/docs/examples-button.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/button/_examples.button.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/button/_examples.button.njk" as exampleData %}
+{% endblock %}

package/docs/examples-card.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/card/_examples.card.njk" as exampleData %}
+{% 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 %}
+  {% import "components/card/_examples.card.njk" as exampleData %}
 {% endblock %}

package/docs/examples-character-count.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/character-count/_examples.character-count.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/character-count/_examples.character-count.njk" as exampleData %}
+{% endblock %}

package/docs/examples-checkboxes.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/checkboxes/_examples.checkboxes.njk" as exampleData %}
+{% 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 %}
+  {% import "components/checkboxes/_examples.checkboxes.njk" as exampleData %}
 {% endblock %}

package/docs/examples-collapsible.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/collapsible/_examples.collapsible.njk" as exampleData %}
+{% 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 %}
+  {% import "components/collapsible/_examples.collapsible.njk" as exampleData %}
 {% endblock %}

package/docs/examples-date-input.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/date-input/_examples.date-input.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/date-input/_examples.date-input.njk" as exampleData %}
+{% endblock %}

package/docs/examples-datepicker.html

@@ -1,8 +1,8 @@
-{% set title = "Datepicker. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
-
-{% set activePage = "page-componentes" %}
-{% set activeComponent = "Datepicker" %}
-{% extends "_template.examples.njk" %}
-{% block contentBlock %}
-  {% import "components/datepicker/_examples.datepicker.njk" as exampleData %}
-{% endblock %}
+{% set title = "Datepicker. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+
+{% set activePage = "page-componentes" %}
+{% set activeComponent = "Datepicker" %}
+{% extends "_template.examples.njk" %}
+{% block contentBlock %}
+  {% import "components/datepicker/_examples.datepicker.njk" as exampleData %}
+{% endblock %}

package/docs/examples-description-list.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/description-list/_examples.description-list.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/description-list/_examples.description-list.njk" as exampleData %}
+{% endblock %}

package/docs/examples-details.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/details/_examples.details.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/details/_examples.details.njk" as exampleData %}
+{% endblock %}

package/docs/examples-dialog.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/dialog/_examples.dialog.njk" as exampleData %}
+{% 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 %}
+  {% import "components/dialog/_examples.dialog.njk" as exampleData %}
 {% endblock %}

package/docs/examples-dropdown.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/dropdown/_examples.dropdown.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/dropdown/_examples.dropdown.njk" as exampleData %}
+{% endblock %}

package/docs/examples-error-message.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/error-message/_examples.error-message.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/error-message/_examples.error-message.njk" as exampleData %}
+{% endblock %}

package/docs/examples-error-summary.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/error-summary/_examples.error-summary.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/error-summary/_examples.error-summary.njk" as exampleData %}
+{% endblock %}

package/docs/examples-fieldset.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/fieldset/_examples.fieldset.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/fieldset/_examples.fieldset.njk" as exampleData %}
+{% endblock %}

package/docs/examples-file-upload.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/file-upload/_examples.file-upload.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/file-upload/_examples.file-upload.njk" as exampleData %}
+{% endblock %}

package/docs/examples-footer.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/footer/_examples.footer.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/footer/_examples.footer.njk" as exampleData %}
+{% endblock %}

package/docs/examples-header-advanced.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/header-advanced/_examples.header-advanced.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/header-advanced/_examples.header-advanced.njk" as exampleData %}
+{% endblock %}

package/docs/examples-header-mini.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/header-mini/_examples.header-mini.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/header-mini/_examples.header-mini.njk" as exampleData %}
+{% endblock %}

package/docs/examples-header.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/header/_examples.header.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/header/_examples.header.njk" as exampleData %}
+{% endblock %}

package/docs/examples-hint.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/hint/_examples.hint.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/hint/_examples.hint.njk" as exampleData %}
+{% endblock %}

package/docs/examples-input-group.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/input-group/_examples.input-group.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/input-group/_examples.input-group.njk" as exampleData %}
+{% endblock %}

package/docs/examples-input.html

@@ -1,8 +1,8 @@
-{% 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 %}
-  {% import "components/input/_examples.input.njk" as exampleData %}
-{% endblock %}
+{% 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 %}
+  {% import "components/input/_examples.input.njk" as exampleData %}
+{% endblock %}