desy-html 7.3.1 → 7.4.0

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

@@ -1,29 +1,29 @@
 {% set exampleComponent = "nav" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "idPrefix": "nav-default",
       "items": [
       {
         "href": "#",
-        "text": "Option 1"
+        "text": "Opción 1"
       },
       {
         "href": "#",
-        "text": "Option 2"
+        "text": "Opción 2"
       },
       {
         "href": "#",
-        "text": "Option 3"
+        "text": "Opción 3"
       },
       {
         "href": "#",
-        "text": "Option 4"
+        "text": "Opción 4"
       },
       {
         "href": "#",
-        "text": "Option 5"
+        "text": "Opción 5"
       }
       ],
       "attributes": {
@@ -32,30 +32,30 @@
     }
   },
   {
-    "name": "with disabled item",
+    "name": "con item deshabilitado",
     "data": {
       "idPrefix": "nav-with-disabled-item",
       "items": [
       {
         "href": "#",
-        "text": "Option 1"
+        "text": "Opción 1"
       },
       {
         "href": "#",
-        "text": "Option 2"
+        "text": "Opción 2"
       },
       {
         "href": "#",
-        "text": "Disabled Option 3",
+        "text": "Opción deshabilitada 3",
         "disabled": true
       },
       {
         "href": "#",
-        "text": "Option 4"
+        "text": "Opción 4"
       },
       {
         "href": "#",
-        "text": "Option 5"
+        "text": "Opción 5"
       }
       ],
       "attributes": {
@@ -64,30 +64,30 @@
     }
   },
   {
-    "name": "with active item",
+    "name": "con item activo",
     "data": {
       "idPrefix": "nav-with-active-item",
       "items": [
       {
         "href": "#",
-        "text": "Option 1"
+        "text": "Opción 1"
       },
       {
         "href": "#",
-        "text": "Option 2"
+        "text": "Opción 2"
       },
       {
         "href": "#",
-        "text": "Option 3"
+        "text": "Opción 3"
       },
       {
         "href": "#",
-        "text": "Active Option 4",
+        "text": "Opción 4 activa",
         "active": true
       },
       {
         "href": "#",
-        "text": "Option 5"
+        "text": "Opción 5"
       }
       ],
       "attributes": {
@@ -95,13 +95,13 @@
       }
     }
   },{
-    "name": "with target in links",
+    "name": "con target en enlaces",
     "data": {
       "idPrefix": "nav-with-target-in-links",
       "items": [
       {
         "href": "#",
-        "text": "Option 1",
+        "text": "Opción 1",
         "target": "_blank",
         "attributes": {
           "title": "Se abre en pestaña nueva"
@@ -109,7 +109,7 @@
       },
       {
         "href": "#",
-        "text": "Option 2",
+        "text": "Opción 2",
         "target": "_blank",
         "attributes": {
           "title": "Se abre en pestaña nueva"
@@ -117,7 +117,7 @@
       },
       {
         "href": "#",
-        "text": "Option 3",
+        "text": "Opción 3",
         "target": "_blank",
         "attributes": {
           "title": "Se abre en pestaña nueva"
@@ -125,7 +125,7 @@
       },
       {
         "href": "#",
-        "text": "Option 4",
+        "text": "Opción 4",
         "target": "_blank",
         "attributes": {
           "title": "Se abre en pestaña nueva"
@@ -133,7 +133,7 @@
       },
       {
         "href": "#",
-        "text": "Option 5",
+        "text": "Opción 5",
         "target": "_blank",
         "attributes": {
           "title": "Se abre en pestaña nueva"
@@ -146,30 +146,30 @@
     }
   },
   {
-    "name": "with divider",
+    "name": "con divisor",
     "data": {
       "idPrefix": "nav-with-divider",
       "items": [
       {
         "href": "#",
-        "text": "Option 1"
+        "text": "Opción 1"
       },
       {
         "href": "#",
-        "text": "Option 2"
+        "text": "Opción 2"
       },
       {
         "href": "#",
-        "text": "Option 3 with divider",
+        "text": "Opción 3 con divisor",
         "divider": true
       },
       {
         "href": "#",
-        "text": "Option 4"
+        "text": "Opción 4"
       },
       {
         "href": "#",
-        "text": "Option 5"
+        "text": "Opción 5"
       }
       ],
       "attributes": {
@@ -178,31 +178,31 @@
     }
   },
   {
-    "name": "with classes applied",
+    "name": "con clases de css aplicadas",
     "data": {
       "idPrefix": "nav-with-classes-applied",
-      "classes": "bg-warning-light",
+      "classes": "p-base bg-primary-light",
       "items": [
       {
         "href": "#",
-        "text": "Option 1"
+        "text": "Opción 1"
       },
       {
         "href": "#",
-        "text": "Option 2",
-        "classes": "bg-warning-base"
+        "text": "Opción 2",
+        "classes": "bg-white"
       },
       {
         "href": "#",
-        "text": "Option 3 with divider"
+        "text": "Opción 3"
       },
       {
         "href": "#",
-        "text": "Option 4"
+        "text": "Opción 4"
       },
       {
         "href": "#",
-        "text": "Option 5"
+        "text": "Opción 5"
       }
       ],
       "attributes": {
@@ -211,30 +211,30 @@
     }
   },
   {
-    "name": "with idPrefix",
-    "description": "See code to display the idPrefix applied",
+    "name": "con idPrefix",
+    "description": 'Mostrar código para ver el <code>idPrefix</code> aplicado.',
     "data": {
       "idPrefix": "site-menu-item-1",
       "items": [
       {
         "href": "#",
-        "text": "Option 1"
+        "text": "Opción 1"
       },
       {
         "href": "#",
-        "text": "Option 2"
+        "text": "Opción 2"
       },
       {
         "href": "#",
-        "text": "Option 3"
+        "text": "Opción 3"
       },
       {
         "href": "#",
-        "text": "Option 4"
+        "text": "Opción 4"
       },
       {
         "href": "#",
-        "text": "Option 5"
+        "text": "Opción 5"
       }
       ],
       "attributes": {
@@ -243,34 +243,34 @@
     }
   },
   {
-    "name": "with individual ids",
-    "description": "Show code to display the ids applied in html",
+    "name": "con ids individuales",
+    "description": 'Mostrar código para ver los <code>id</code> aplicados.',
     "data": {
       "idPrefix": "nav-with-individual-ids",
       "items": [
       {
         "href": "#",
-        "text": "Option 1",
+        "text": "Opción 1",
         "id": "option-A"
       },
       {
         "href": "#",
-        "text": "Option 2",
+        "text": "Opción 2",
         "id": "option-B"
       },
       {
         "href": "#",
-        "text": "Option 3",
+        "text": "Opción 3",
         "id": "option-C"
       },
       {
         "href": "#",
-        "text": "Option 4",
+        "text": "Opción 4",
         "id": "option-D"
       },
       {
         "href": "#",
-        "text": "Option 5",
+        "text": "Opción 5",
         "id": "option-E"
       }
       ],
@@ -280,8 +280,8 @@
     }
   },
   {
-    "name": "with attributes",
-    "description": "Show code to display the attributes applied in html",
+    "name": "con atributos",
+    "description": "Muestra el código para ver cómo se aplican los atributos.",
     "data": {
       "idPrefix": "nav-with-attributes",
       "attributes": {
@@ -290,7 +290,7 @@
       "items": [
       {
         "href": "#",
-        "text": "Option 1",
+        "text": "Opción 1",
         "attributes": {
           "data-attribute-1": "value-A",
           "data-attribute-2": "value-B",
@@ -299,7 +299,7 @@
       },
       {
         "href": "#",
-        "text": "Option 2",
+        "text": "Opción 2",
         "attributes": {
           "data-attribute-1": "value-A",
           "data-attribute-2": "value-B",
@@ -308,7 +308,7 @@
       },
       {
         "href": "#",
-        "text": "Option 3",
+        "text": "Opción 3",
         "attributes": {
           "data-attribute-1": "value-A",
           "data-attribute-2": "value-B",
@@ -317,7 +317,7 @@
       },
       {
         "href": "#",
-        "text": "Option 4",
+        "text": "Opción 4",
         "attributes": {
           "data-attribute-1": "value-A",
           "data-attribute-2": "value-B",
@@ -326,7 +326,7 @@
       },
       {
         "href": "#",
-        "text": "Option 5",
+        "text": "Opción 5",
         "attributes": {
           "data-attribute-1": "value-A",
           "data-attribute-2": "value-B",
@@ -340,32 +340,32 @@
     }
   },
   {
-    "name": "hasNav is false",
-    "description": "Use this if it's opened with a dropdown button. No nav tag will be used, just a plain ul, assuming the component will be wrapped with a custom nav with it's own aria-label if it's needed. We also use classes to control the width of the nav inside the dropdown.",
+    "name": "Sin nav",
+    "description": 'Usa <code>"hasNav": false</code> si el Nav se abre con un Dropdown. No se usará el tag <code>&lt;nav&gt;</code>, sólo un simple <code>&lt;ul&gt;</code>, asumiendo que rodearás a tu componente manualmente con un <code>&lt;nav&gt;</code> personalizado con su propio <code>aria-label</code> si es necesario. También podemos usar clases para controlar la anchura del nav dentro del Dropdown.',
     "data": {
       "hasNav": false,
       "idPrefix": "site-menu-item-2",
       "items": [
       {
         "href": "#",
-        "text": "Option 1"
+        "text": "Opción 1"
       },
       {
         "href": "#",
-        "text": "Option 2"
+        "text": "Opción 2"
       },
       {
         "href": "#",
-        "text": "Option 3",
+        "text": "Opción 3",
         "active": true
       },
       {
         "href": "#",
-        "text": "Option 4"
+        "text": "Opción 4"
       },
       {
         "href": "#",
-        "text": "Max width classes applied to avoid too much width inside menus and force to break line"
+        "text": "Clases max-width aplicadas para evitar demasiada anchura dentro de los menus y forzar a saltos de línea"
       }
       ],
       "classes": "w-max max-w-64",

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

@@ -1,7 +1,7 @@
 {% set exampleComponent = "notification" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "title": {
         "text": "El documento se ha cargado correctamente"
@@ -10,7 +10,7 @@
     }
   },
   {
-    "name": "default with html",
+    "name": "por defecto con html",
     "data": {
       "title":{
         "html": "Las <a href=\" # \" class=\" c-link \">entidades beneficiarias</a> deberán tener su sede y actividad principal en Aragón."
@@ -19,7 +19,7 @@
     }
   },
   {
-    "name": "with description",
+    "name": "con description",
     "data": {
       "title":{
         "html": "El documento se ha cargado correctamente"
@@ -31,7 +31,7 @@
     }
   },
   {
-    "name": "with items",
+    "name": "con items",
     "data": {
       "title":{
         "text": "Problemas encontrados"
@@ -54,7 +54,7 @@
     }
   },
   {
-    "name": "with type success",
+    "name": "con tipo: éxito",
     "data": {
       "title": {
         "text": "El documento se ha cargado correctamente"
@@ -64,7 +64,7 @@
     }
   },
   {
-    "name": "with type alert",
+    "name": "con tipo: alerta",
     "data": {
       "title":{
         "text": "Problemas encontrados"
@@ -88,7 +88,7 @@
     }
   },
   {
-    "name": "with type info",
+    "name": "con tipo: info",
     "data": {
       "title": {
         "text": "ATENCIÓN: Debido a la situación por Covid-19, pide cita previa para acudir a una de nuestras oficinas."
@@ -101,8 +101,8 @@
     }
   },
   {
-    "name": "with close button",
-    "description": "isDismissible: true",
+    "name": "con botón de cerrar",
+    "description": 'Usa el parámetro <code>"isDismissible": true</code>',
     "data": {
       "title": {
         "text": "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut distinctio error non, reiciendis repudiandae reprehenderit minima quia laboriosam voluptate, quo veniam expedita possimus ex nam consequuntur autem eveniet, saepe ea."
@@ -112,7 +112,7 @@
     }
   },
   {
-    "name": "with custom icon and class",
+    "name": "con icono personalizado y clases",
     "data": {
       "title": {
         "text": "Acaba de publicarse la lista de admitidos y excluidos de la convocatoria publicado en el BOA"
@@ -124,11 +124,12 @@
         "html": '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140" width="1em" height="1em" class="w-8 h-8" aria-label="Atención" focusable="false"><path d="M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z" fill="currentColor"/></svg>'
       },
       "id": "with-custom-icon",
-      "classes": "border-warning-base bg-warning-light"
+      "classes": "border-neutral-dark bg-neutral-lighter"
     }
   },
    {
-    "name": "with headingLevel 3",
+    "name": "Con encabezado",
+    "description": 'Usa el parámetro <code>"headingLevel"</code> para establecer el nivel del encabezado. En este ejemplo: <code>"headingLevel": 3</code> creará un encabezado <code>&lt;h3&gt;</code>.',
     "data": {
       "headingLevel": 3,
       "title": {
@@ -138,7 +139,7 @@
     }
   },
   {
-    "name": "with mixed params",
+    "name": "con parámetros mixtos",
     "data": {
       "title":{
         "text": "No olvide adjuntar el registro de alta de la asociación",

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

@@ -1,7 +1,7 @@
 {% set exampleComponent = "pagination" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "id": "default",
       "idPrefix": "pagination",
@@ -40,8 +40,8 @@
     }
   },
   {
-    "name": "Listbox style",
-    "description": "hasSelect: true",
+    "name": "Estilo Listbox ",
+    "description": 'Usa el parámetro <code>"hasSelect": true</code> para mostrar la paginación como un Listbox en vez de botones.',
     "data": {
       "id": "listbox-style",
       "hasSelect": true,
@@ -117,8 +117,8 @@
     }
   },
   {
-    "name": "Without previous page",
-    "description": "hasSelect: true, hasPrevious: false",
+    "name": "sin página previa",
+    "description": 'En este ejemplo <code>"hasSelect": true</code> y <code>"hasPrevious": false</code>',
     "data": {
       "id": "without-previous-page",
       "hasSelect": true,
@@ -162,7 +162,8 @@
     }
   },
   {
-    "name": "with itemsListbox",
+    "name": "con itemsListbox",
+    "description": 'Usa el parámetro <code>itemsListbox</code> para mostrar un listbox que permite elegir el ´numero de items por página, a la derecha.',
     "data": {
       "id": "with-items-listbox",
       "idPrefix": "with-items-listbox",