desy-html 7.3.1 → 7.4.0

package/src/templates/components/menu-vertical/_examples.menu-vertical.njk

@@ -1,7 +1,7 @@
 {% set exampleComponent = "menu-vertical" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "items": [
         {
@@ -23,7 +23,7 @@
     }
   },
   {
-    "name": "with disabled item",
+    "name": "con item deshabilitado",
     "data": {
       "items": [
         {
@@ -46,7 +46,7 @@
     }
   },
   {
-    "name": "with active item",
+    "name": "con item activo",
     "data": {
       "items": [
         {
@@ -69,7 +69,7 @@
     }
   },
   {
-    "name": "with target in links",
+    "name": "con target en enlaces",
     "data": {
       "items": [
         {
@@ -103,7 +103,7 @@
     }
   },
   {
-    "name": "with divider",
+    "name": "con divisor",
     "data": {
       "items": [
         {
@@ -130,7 +130,7 @@
     }
   },
   {
-    "name": "with very long option text",
+    "name": "con un texto de item muy largo",
     "data": {
       "items": [
         {
@@ -152,7 +152,7 @@
     }
   },
   {
-    "name": "with all parent items",
+    "name": "con todos los items padres",
     "data": {
       "idPrefix": "parent-example",
       "items": [
@@ -235,7 +235,7 @@
     }
   },
   {
-    "name": "with descriptive content",
+    "name": "items con contenido descriptivo",
     "data": {
       "idPrefix": "descriptive-example",
       "items": [
@@ -267,7 +267,7 @@
     }
   },
   {
-    "name": "with a children item active",
+    "name": "con un item hijo activo",
     "data": {
       "idPrefix": "nav-item-with-children-active",
       "items": [
@@ -327,15 +327,15 @@
     }
   },
   {
-    "name": "with hasUnderline, with disabled or without href in a parent and child",
-    "description": "Use hasUnderline true when you will have mixed, disabled or without href items and normal items.",
+    "name": "con hasUnderline, con deshabilitado o sin href en un padre e hijo",
+    "description": 'Usa <code>"hasUnderline": true</code> cuando tienes mezclados, items deshabilitados o sin href e items normales.',
     "data": {
       "idPrefix": "nav-item-without-href",
       "hasUnderline": true,
       "items": [
         {
           "href": "#",
-          "text": "Item 1 disabled with href",
+          "text": "Item 1 deshabilitado o sin href",
           "id": "nav-item-item-1-b",
           "disabled": true,
           "sub": {
@@ -346,7 +346,7 @@
               },
               {
                 "href": "#",
-                "text": "Subitem 2 disabled with href",
+                "text": "Subitem 2 deshabilitado o sin href",
                 "disabled": true
               },
               {
@@ -360,7 +360,7 @@
           }
         },
         {
-          "text": "Item 2 without href",
+          "text": "Item 2 sin href",
           "id": "nav-item-item-2-b",
           "sub": {
             "items": [
@@ -369,7 +369,7 @@
                 "text": "Subitem 1"
               },
               {
-                "text": "Subitem 2 without href"
+                "text": "Subitem 2 sin href"
               },
               {
                 "href": "#",
@@ -388,34 +388,34 @@
     }
   },
   {
-    "name": "with classes applied",
+    "name": "con clases de css aplicadas",
     "data": {
-      "classes": "bg-warning-light",
+      "classes": "p-base bg-primary-light",
       "items": [
         {
           "href": "#",
-          "text": "Option 1"
+          "text": "Opción 1"
         },
         {
           "href": "#",
-          "text": "Option 2",
+          "text": "Opción 2",
           "id": "classes-1",
-          "classes": "bg-warning-base",
+          "classes": "bg-white",
           "sub": {
-            "classes": "border-l-4 border-alert-base bg-alert-light",
+            "classes": " p-sm border-l-4 border-alert-base bg-alert-light",
             "items": [
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               },
               {
-                "text": "Simple link",
-                "classes": "border-2 border-alert-base text-alert-base bg-white",
+                "text": "Enlace simple",
+                "classes": "text-alert-base bg-white",
                 "active": true
               },
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               }
             ],
             "attributes": {
@@ -425,15 +425,15 @@
         },
         {
           "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": {
@@ -442,30 +442,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",
       "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": {
@@ -474,33 +474,33 @@
     }
   },
   {
-    "name": "with individual ids",
-    "description": "See code to display the ids applied",
+    "name": "con ids individuales",
+    "description": 'Mostrar código para ver los <code>id</code> aplicados',
     "data": {
       "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"
         }
       ],
@@ -510,8 +510,8 @@
     }
   },
   {
-    "name": "with attributes",
-    "description": "See code to display the attributes applied",
+    "name": "con atributos",
+    "description": "Muestra el código para ver cómo se aplican los atributos",
     "data": {
       "attributes": {
         "id": "nav-id-example"
@@ -519,7 +519,7 @@
       "items": [
         {
           "href": "#",
-          "text": "Option 1",
+          "text": "Opción 1",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -528,7 +528,7 @@
         },
         {
           "href": "#",
-          "text": "Option 2",
+          "text": "Opción 2",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -537,7 +537,7 @@
         },
         {
           "href": "#",
-          "text": "Option 3",
+          "text": "Opción 3",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -552,7 +552,7 @@
             "items": [
               {
                 "href": "#",
-                "text": "Simple link",
+                "text": "Enlace simple",
                 "attributes": {
                   "data-attribute-1": "value-A",
                   "data-attribute-2": "value-B",
@@ -561,18 +561,18 @@
               },
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               },
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               }
             ]
           }
         },
         {
           "href": "#",
-          "text": "Option 4",
+          "text": "Opción 4",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -581,7 +581,7 @@
         },
         {
           "href": "#",
-          "text": "Option 5",
+          "text": "Opción 5",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -595,37 +595,37 @@
     }
   },
   {
-    "name": "with mixed items",
+    "name": "con items mixtos",
     "data": {
       "name": "with-sub-items",
       "idPrefix": "how-contacted",
       "items": [
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
-          "text": "Item without href and disabled",
+          "text": "Item sin href o deshabilitado",
           "disabled": true
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
           "href": "#",
-          "text": "Parent with divider",
+          "text": "Padre con divisor",
           "divider": true,
           "id": "with-sub-items-1",
           "sub": {
             "items": [
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               },
               {
                 "href": "#",
-                "text": "Simple link",
+                "text": "Enlace simple",
                 "target": "_blank",
                 "attributes": {
                   "title": "Se abre en ventana nueva"
@@ -633,16 +633,16 @@
               },
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               },
               {
                 "href": "#",
-                "text": "Simple link",
+                "text": "Enlace simple",
                 "divider": true
               },
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               }
             ],
             "attributes": {
@@ -652,33 +652,33 @@
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
           "href": "#",
-          "text": "With html inside",
+          "text": "Con HTML dentro",
           "sub": {
             "html": '<p>Este es un párrafo explicativo metido con un sub.html dentro del Item</p><p>Este es otro párrafo.</p>'
           }
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
-          "text": "Parent without href",
+          "text": "Padre sin href",
           "id": "with-sub-items-2",
           "sub": {
             "items": [
@@ -688,11 +688,11 @@
               },
               {
                 "href": "#",
-                "text": "Active subitem",
+                "text": "Subitem activo",
                 "active" : true
               },
               {
-                "text": "Subitem without href and disabled",
+                "text": "Subitem sin href o deshabilitado",
                 "disabled": true
               }
             ],