desy-html 8.12.0 → 8.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/ds/_ds.example.dropdowns-en-uso.njk +2 -2
- package/docs/ds/_ds.example.nav.njk +2 -2
- package/docs/ds/_ds.example.textos.njk +1 -1
- package/docs/ds/_ds.section.espaciado.njk +1 -1
- package/docs/ds/_ds.section.textos.njk +11 -1
- package/docs/ds/_ds.section.typography.njk +2 -1
- package/docs/index.html +14 -0
- package/package.json +3 -4
- package/src/js/aria/Nav.js +1 -1
- package/src/js/aria/accordion.js +2 -2
- package/src/js/aria/collapsible.js +1 -1
- package/src/js/aria/dialog.js +9 -4
- package/src/js/aria/listbox.js +11 -7
- package/src/js/aria/notification.js +1 -1
- package/src/js/aria/tabs.js +1 -1
- package/src/js/aria/treeitem.js +22 -5
- package/src/js/desy-html.js +1 -0
- package/src/templates/components/button/_examples.button.njk +8 -5
- package/src/templates/components/button-loader/_examples.button-loader.njk +6 -5
- package/src/templates/components/dropdown/_examples.dropdown.njk +1 -1
- package/src/templates/components/footer/_examples.footer.njk +17 -5
- package/src/templates/components/footer/_styles.footer.css +11 -4
- package/src/templates/components/footer/_template.footer.njk +18 -12
- package/src/templates/components/footer/params.footer.yaml +1 -1
- package/src/templates/components/header/_template.header.njk +3 -3
- package/src/templates/components/header-advanced/_examples.header-advanced.njk +67 -17
- package/src/templates/components/header-advanced/_template.header-advanced.njk +1 -1
- package/src/templates/components/listbox/_examples.listbox.njk +1 -1
- package/src/templates/components/menu-horizontal/_styles.menu-horizontal.css +11 -0
- package/src/templates/components/menu-navigation/_template.menu-navigation.njk +3 -3
- package/src/templates/components/menubar/_template.menubar.njk +1 -1
- package/src/templates/components/nav/_examples.nav.njk +1 -1
- package/src/templates/components/nav/_template.nav.njk +1 -1
- package/src/templates/components/pagination/_template.pagination.njk +1 -1
- package/src/templates/components/table-advanced/_styles.table-advanced.css +1 -0
- package/src/templates/components/toggle/_examples.toggle.njk +4 -4
|
@@ -83,19 +83,25 @@ text-neutral-dark {{ params.classes if params.classes }}"
|
|
|
83
83
|
<div class="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg">
|
|
84
84
|
{% if not params.noLogo %}
|
|
85
85
|
<div {%- if params.logo.containerClasses %} class="{{ params.logo.containerClasses }}"{% endif %}>
|
|
86
|
-
|
|
87
|
-
{
|
|
88
|
-
|
|
89
|
-
{%
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
86
|
+
{% if params.logo.html %}
|
|
87
|
+
{{ params.logo.html | safe }}
|
|
88
|
+
{% else %}
|
|
89
|
+
<p><a href="{%- if params.urlFeder or params.logo.url %}{%- if params.logo.url %} {{ params.logo.url }} {%- else -%} {{ params.urlFeder }}{% endif %} {%- else -%} https://www.aragon.es/-/fondos-europeos-aragon {% endif %}" class="inline-block text-sm c-link no-underline" title="Más información sobre los Fondos Europeos">
|
|
90
|
+
{% if params.logo.type == 'UE' %}
|
|
91
|
+
<span class="inline-block c-footer__logo c-footer__logo--ue" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea."></span>
|
|
92
|
+
{% elseif params.logo.type == 'FSE+' %}
|
|
93
|
+
<span class="inline-block c-footer__logo c-footer__logo--fse" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Social Europeo Plus (FSE+)."></span>
|
|
94
|
+
{% elseif params.logo.type == 'FEDER' %}
|
|
95
|
+
<span class="inline-block c-footer__logo c-footer__logo--feder" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER)."></span>
|
|
96
|
+
{% elseif params.logo.type == 'FEADER' %}
|
|
97
|
+
<span class="inline-block c-footer__logo c-footer__logo--feader" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo Agrario de Desarrollo Rural (FEADER)."></span>
|
|
98
|
+
{% elseif params.logo.type == 'plurifondo' %}
|
|
99
|
+
<span class="inline-block c-footer__logo c-footer__logo--plurifondo" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Plurifondo."></span>
|
|
100
|
+
{% else %}
|
|
101
|
+
<span class="inline-block c-footer__logo c-footer__logo--feder" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER)."></span>
|
|
102
|
+
{% endif %}
|
|
98
103
|
</a></p>
|
|
104
|
+
{% endif %}
|
|
99
105
|
</div>
|
|
100
106
|
{% endif %}
|
|
101
107
|
{% if params.icon %}
|
|
@@ -93,7 +93,7 @@ params:
|
|
|
93
93
|
- name: type
|
|
94
94
|
type: string
|
|
95
95
|
required: false
|
|
96
|
-
description: Predefined icon types are `UE`, `FEDER`, `FSE
|
|
96
|
+
description: Predefined icon types are `UE`, `FEDER`, `FSE+`, `FEADER` and `Plurifondo`. Defaults to `FEDER`.
|
|
97
97
|
- name: containerClasses
|
|
98
98
|
type: string
|
|
99
99
|
required: false
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
<div class="flex items-center">
|
|
28
28
|
<a href="{{ params.homepageUrl | default('/') }}" class="flex flex-wrap mr-4 text-black focus:outline-none focus:shadow-outline-black">
|
|
29
29
|
{% if not params.noLogo %}
|
|
30
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 32" width="144" height="32" class="fill-current {% if params.expandedLogo %} hidden sm:block{% else %} hidden{% endif %}" aria-label="
|
|
30
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 32" width="144" height="32" class="fill-current {% if params.expandedLogo %} hidden sm:block{% else %} hidden{% endif %}" aria-label="Ir a la página de inicio de la aplicación" role="img"><defs><clipPath id="b-logo-expanded"><path fill="rgb(252, 228, 0)" d="M0 0h31.509v31.495H0z"/></clipPath><clipPath id="a-logo-expanded"><path d="M0 0h144v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-expanded)"><path fill="rgb(252, 228, 0)" d="M0 .205h31.509V31.7H0z"/><g clip-path="url(#b-logo-expanded)" transform="translate(0 .205)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.509 6.048-7.568 1.515a14.545 14.545 0 0 1-7.905-1.025 15.04 15.04 0 0 0-5-1.817 12.536 12.536 0 0 0-3.535-.011l-5.051.9c-.8.156-1.639.3-2.453.434V.315A7.1 7.1 0 0 1 3.888.226a9.926 9.926 0 0 1 2.085.936 17.6 17.6 0 0 0 4.293 1.962 13.92 13.92 0 0 0 6.6-.034l4.728-.858 4.939-.892 4.97-1.024ZM6.602 24.229a14.592 14.592 0 0 1 9.555 1.014 12.178 12.178 0 0 0 8.307 1.5l7.044-1.271v5.706a8.247 8.247 0 0 1-3.008.256 6.4 6.4 0 0 1-1.594-.457l-3.657-1.917a12.217 12.217 0 0 0-7.092-.825L1.026 31.011 0 31.177v-5.706l1.26-.256 3.312-.613c.669-.123 1.371-.245 2.029-.379ZM-.003 15.077v-4.391l13.027-2.377a15.5 15.5 0 0 1 9.11 1.638 12.535 12.535 0 0 0 8.474.925l.9-.189v4.391l-2.874-1.639a12.286 12.286 0 0 0-6.835-1.014l-8.006 1.46c-.959.179-2.877.524-2.877.524l-7.292 1.349a5.152 5.152 0 0 1-3.627-.677ZM31.509 16.583v4.324L18.6 23.282a15.5 15.5 0 0 1-9.11-1.638 12.532 12.532 0 0 0-8.474-.925l-1.015.19v-4.324l2.988 1.572a12.291 12.291 0 0 0 6.835 1.014l8.006-1.46c.959-.178 2.877-.524 2.877-.524l7.292-1.349a5.142 5.142 0 0 1 3.51.745Z"/></g></g><path d="M38.2 28.807v-8.551h1.393c2.893 0 4.478 1.522 4.478 4.286 0 2.829-1.521 4.265-4.5 4.265Zm10.4-11.4v14.294h9.47v-2.893h-6.277v-3.257h6.214v-2.893h-6.214v-2.379h6.277v-2.871Zm21.751 0-5.206 14.294h3.385l1.542-4.35h4.371l1.521 4.35h3.45L74.1 17.407Zm1.885 2.956-1.328 4.223h2.679Zm42.341 4.03h-3.192v4.5a4.206 4.206 0 0 1-1.371.193 4.251 4.251 0 0 1-4.242-4.5 4.443 4.443 0 0 1 4.735-4.65 7.481 7.481 0 0 1 4.071 1.243v-3.257a11.674 11.674 0 0 0-4.349-.857c-4.628 0-7.841 3.107-7.841 7.564 0 4.393 3.149 7.372 7.841 7.372a12.977 12.977 0 0 0 4.349-.75Zm16.132.129a7.424 7.424 0 1 0-7.391 7.436 7.122 7.122 0 0 0 7.393-7.436Zm-7.456-4.458c-2.4 0-4.006 1.822-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.627-4.501-4.048-4.501Zm8.689-2.657v14.294h3.257v-9.108l5.762 9.108h3.021V17.407h-3.256v8.889l-5.532-8.889ZM46.922 7.33h-3.193v4.5a4.335 4.335 0 0 1-5.613-4.307 4.443 4.443 0 0 1 4.735-4.65 7.487 7.487 0 0 1 4.071 1.243V.859a11.674 11.674 0 0 0-4.35-.858c-4.628 0-7.841 3.107-7.841 7.565 0 4.393 3.15 7.371 7.841 7.371a12.99 12.99 0 0 0 4.35-.75Zm16.116.128a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.396-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM64.107.344v14.293h5.914c3.15 0 4.992-1.565 4.992-4.243a3.717 3.717 0 0 0-2.978-3.728 3.133 3.133 0 0 0 1.95-2.936c.021-2.272-1.521-3.386-4.606-3.386Zm4.757 5.336c1.393 0 1.95-.386 1.95-1.35 0-.921-.536-1.264-2.057-1.264h-1.393V5.68Zm.429 6.043c1.585 0 2.271-.493 2.271-1.651 0-1.2-.707-1.671-2.4-1.671h-1.8v3.322ZM78.879.344h-3.192v14.293h3.192Zm1.39 0v14.293h9.47v-2.893h-6.278V8.487h6.214V5.594h-6.214V3.216h6.278V.345Zm50.463 7.114a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.395-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM97.917 24.585l-1.35-4.223-1.328 4.223ZM83.249 31.7v-5.872h.407c2.057 0 2.271.214 3.642 3.75a7.159 7.159 0 0 0 .3.729l.278.664a6.4 6.4 0 0 0 .343.729h4.641l1.543-4.35h4.371l1.521 4.35h3.45l-5.314-14.294h-3.749L90.46 28.997c-.3-.622-.642-1.371-1.04-2.291a3.042 3.042 0 0 0-1.907-2.014 3.416 3.416 0 0 0 2.614-3.429c0-2.571-1.693-3.857-5.1-3.857H79.97V31.7Zm0-8.572h1.414c1.371 0 2.057-.493 2.057-1.521s-.622-1.478-2.014-1.478h-1.457Zm11.156-8.492V8.764h.407c2.057 0 2.271.214 3.642 3.75a6.982 6.982 0 0 0 .3.729l.278.665a6.37 6.37 0 0 0 .342.729h6.432l.018-9.169 5.745 9.169h3.021V.344h-3.256l.014 8.769-5.542-8.769h-3.257v13.3a29.76 29.76 0 0 1-1.975-4 3.043 3.043 0 0 0-1.907-2.014 3.415 3.415 0 0 0 2.614-3.428c0-2.572-1.693-3.857-5.1-3.857h-5.054v14.293Zm0-8.572h1.412c1.371 0 2.056-.493 2.056-1.521s-.621-1.478-2.013-1.478h-1.457Zm-59.44 11.342V31.7h4.778c4.842 0 7.692-2.657 7.692-7.158 0-4.479-2.914-7.136-7.863-7.136Z" fill="#161615" fill-rule="evenodd"/></g></svg>
|
|
31
31
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" class="w-8 h-8 fill-current {%- if params.expandedLogo %} sm:hidden{% endif %}" aria-label="Gobierno de Aragón. Ir a la página de inicio" role="img"><defs><clipPath id="b-logo-mini"><path fill="rgb(252, 228, 0)" d="M0 0h32v32.001H0z"/></clipPath><clipPath id="a-logo-mini"><path d="M0 0h32v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-mini)"><path fill="rgb(252, 228, 0)" d="M0 .305h32v32.001H0z"/><g clip-path="url(#b-logo-mini)" transform="translate(0 .305)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.997 6.145-7.686 1.539a14.764 14.764 0 0 1-8.028-1.042 15.267 15.267 0 0 0-5.073-1.846 12.725 12.725 0 0 0-3.59-.011l-5.13.918a94.41 94.41 0 0 1-2.491.442V.324a7.213 7.213 0 0 1 3.952-.09 10.087 10.087 0 0 1 2.118.951 17.859 17.859 0 0 0 4.36 1.993 14.13 14.13 0 0 0 6.7-.034l4.8-.872 5.016-.906 5.048-1.04ZM6.705 24.619a14.812 14.812 0 0 1 9.7 1.03 12.363 12.363 0 0 0 8.437 1.529l7.154-1.291v5.8a8.37 8.37 0 0 1-3.055.26 6.509 6.509 0 0 1-1.619-.464l-3.714-1.948a12.4 12.4 0 0 0-7.2-.838l-15.366 2.82L0 31.686v-5.8l1.28-.26 3.363-.623c.679-.125 1.393-.249 2.061-.385ZM-.003 15.32v-4.462l13.23-2.417a15.734 15.734 0 0 1 9.252 1.665 12.723 12.723 0 0 0 8.606.94l.914-.192v4.462L29.08 13.65a12.472 12.472 0 0 0-6.941-1.031l-8.131 1.483c-.974.182-2.921.532-2.921.532l-7.406 1.371a5.23 5.23 0 0 1-3.684-.685ZM31.997 16.851v4.393l-13.11 2.413a15.735 15.735 0 0 1-9.252-1.665 12.721 12.721 0 0 0-8.606-.94l-1.03.193v-4.394l3.035 1.6a12.476 12.476 0 0 0 6.941 1.03l8.13-1.483c.974-.182 2.922-.532 2.922-.532l7.406-1.371a5.219 5.219 0 0 1 3.564.756Z"/></g></g></g></svg>
|
|
32
32
|
{% endif %}
|
|
33
33
|
{{ params.customLogoHtml | safe if params.customLogoHtml }}
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
isMenu: true,
|
|
50
50
|
idPrefix: "header-subnav-nav-item",
|
|
51
51
|
items: params.subnav.items,
|
|
52
|
-
classes: "
|
|
52
|
+
classes: "max-w-64",
|
|
53
53
|
attributes: {
|
|
54
54
|
"id": "id-subnav-nav",
|
|
55
55
|
"aria-label": "Aplicaciones"
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
isMenu: true,
|
|
101
101
|
idPrefix: "header-dropdown-nav-item",
|
|
102
102
|
items: params.dropdown.items,
|
|
103
|
-
classes: "
|
|
103
|
+
classes: "max-w-64",
|
|
104
104
|
attributes: {
|
|
105
105
|
"id": "id-dropdown-nav",
|
|
106
106
|
"aria-label": "Menú de usuario"
|