desy-html 7.3.0 → 7.4.0

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

@@ -1,7 +1,7 @@
 {% set exampleComponent = "menu-navigation" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "idPrefix": "default-example",
       "items": [
@@ -81,7 +81,7 @@
     }
   },
   {
-    "name": "with disabled item",
+    "name": "con item deshabilitado",
     "data": {
       "idPrefix": "with-disabled-item-example",
       "items": [
@@ -105,7 +105,7 @@
     }
   },
   {
-    "name": "with active item",
+    "name": "con item activo",
     "data": {
       "idPrefix": "with-active-item-example",
       "items": [
@@ -129,7 +129,7 @@
     }
   },
   {
-    "name": "with target in links",
+    "name": "con target en enlaces",
     "data": {
       "idPrefix": "with-targets-in-links-example",
       "items": [
@@ -164,7 +164,7 @@
     }
   },
   {
-    "name": "with dividers",
+    "name": "con divisores",
     "data": {
       "idPrefix": "with-dividers-example",
       "items": [
@@ -214,8 +214,8 @@
     }
   },
   {
-    "name": "small",
-    "description": "Using classes to display small items",
+    "name": "peque",
+    "description": "Usando clases para mostrar los items pequeños.",
     "data": {
       "idPrefix": "small-example",
       "items": [
@@ -298,8 +298,8 @@
     }
   },
   {
-    "name": "primary",
-    "description": "Using classes to display primary items",
+    "name": "primario",
+    "description": "Usando clases para mostrar los items primarios.",
     "data": {
       "idPrefix": "primary-example",
       "items": [
@@ -328,7 +328,7 @@
           }
         },
         {
-          "text": "Active Item 2",
+          "text": "Item activo 2",
           "id": "primary-example-item-2",
           "classes": "c-menu-navigation__button--primary",
           "active": true,
@@ -354,7 +354,7 @@
           }
         },
         {
-          "text": "Disabled Item 3",
+          "text": "Item deshabilitado 3",
           "id": "primary-example-item-3",
           "classes": "c-menu-navigation__button--primary",
           "disabled": true,
@@ -385,8 +385,8 @@
     }
   },
   {
-    "name": "transparent",
-    "description": "Using classes to display transparent items",
+    "name": "transparente",
+    "description": "Usando clases para mostrar los items transparentes.",
     "data": {
       "idPrefix": "transparent-example",
       "items": [
@@ -415,7 +415,7 @@
           }
         },
         {
-          "text": "Active Item 2",
+          "text": "Item activo 2",
           "id": "transparent-example-item-2",
           "classes": "c-menu-navigation__button--transparent",
           "active": true,
@@ -441,7 +441,7 @@
           }
         },
         {
-          "text": "Disabled Item 3",
+          "text": "Item deshabilitado 3",
           "id": "transparent-example-item-3",
           "classes": "c-menu-navigation__button--transparent",
           "disabled": true,
@@ -472,7 +472,7 @@
     }
   },
   {
-    "name": "with last item in right side",
+    "name": "con el último item a la derecha",
     "data": {
       "idPrefix": "right-example",
       "classes": "c-menu-navigation--last-right",
@@ -576,7 +576,7 @@
     }
   },
   {
-    "name": "with very long option text",
+    "name": "con un texto de item muy largo",
     "data": {
       "idPrefix": "with-very-ling-text-example",
       "items": [
@@ -599,7 +599,7 @@
     }
   },
   {
-    "name": "with a children item active",
+    "name": "con un item hijo activo",
     "data": {
       "idPrefix": "nav-item-with-children-active",
       "items": [
@@ -658,13 +658,12 @@
     }
   },
   {
-    "name": "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 deshabilitado o sin href en un padre e hijo",
     "data": {
       "idPrefix": "nav-item-without-href",
       "items": [
         {
-          "text": "Item 1 disabled",
+          "text": "Item 1 deshabilitado",
           "id": "nav-item-item-1-b",
           "disabled": true,
           "sub": {
@@ -675,7 +674,7 @@
               },
               {
                 "href": "#",
-                "text": "Subitem 2 disabled",
+                "text": "Subitem 2 deshabilitado",
                 "disabled": true
               },
               {
@@ -698,7 +697,7 @@
                 "text": "Subitem 1"
               },
               {
-                "text": "Subitem 2 without href  with href asdfasf adf asdf asdf asdf asdf"
+                "text": "Subitem 2 sin href"
               },
               {
                 "href": "#",
@@ -717,8 +716,8 @@
     }
   },
   {
-    "name": "header",
-    "description": "A menu navigation can be nested in customNavigationHtml in Header component.",
+    "name": "con estilos de cabecera",
+    "description": 'Un Menu navigation puede estar anidado en <code>customNavigationHtml</code> en el componente Header.',
     "data": {
       "idPrefix": "header-custom-nav",
       "classes": "bg-neutral-lighter c-menu-navigation--last-right w-full",
@@ -748,7 +747,7 @@
           }
         },
         {
-          "text": "Active Item 2",
+          "text": "Item activo 2",
           "id": "header-custom-nav-item-2",
           "classes": "c-menu-navigation__button--header -mr-base",
           "active": true,
@@ -774,7 +773,7 @@
           }
         },
         {
-          "text": "Disabled Item 3",
+          "text": "Item deshabilitado 3",
           "id": "header-custom-nav-item-3",
           "classes": "c-menu-navigation__button--header -mr-base",
           "disabled": true,
@@ -829,30 +828,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": "with-id-prefix-example",
       "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": {
@@ -861,34 +860,34 @@
     }
   },
   {
-    "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": {
       "idPrefix": "with-individual-ids-example",
       "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"
         }
       ],
@@ -898,8 +897,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": {
       "idPrefix": "with-attributes-example",
       "attributes": {
@@ -908,7 +907,7 @@
       "items": [
         {
           "href": "#",
-          "text": "Option 1",
+          "text": "Opción 1",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -917,7 +916,7 @@
         },
         {
           "href": "#",
-          "text": "Option 2",
+          "text": "Opción 2",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -925,7 +924,7 @@
           }
         },
         {
-          "text": "Option 3",
+          "text": "Opción 3",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -940,7 +939,7 @@
             "items": [
               {
                 "href": "#",
-                "text": "Simple link",
+                "text": "Enlace simple",
                 "attributes": {
                   "data-attribute-1": "value-A",
                   "data-attribute-2": "value-B",
@@ -949,18 +948,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",
@@ -969,7 +968,7 @@
         },
         {
           "href": "#",
-          "text": "Option 5",
+          "text": "Opción 5",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -983,25 +982,25 @@
     }
   },
   {
-    "name": "with mixed items",
+    "name": "con items mixtos",
     "data": {
       "name": "with-sub-items",
       "idPrefix": "with-mixed-items-example",
       "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"
         },
         {
-          "text": "Parent with divider",
+          "text": "Padre con divisor",
           "divider": {
             "html": '<div class="absolute h-11 border-l border-neutral-base"></div>'
           },
@@ -1010,11 +1009,11 @@
             "items": [
               {
                 "href": "#",
-                "text": "Simple link"
+                "text": "Enlace simple"
               },
               {
                 "href": "#",
-                "text": "Simple link",
+                "text": "Enlace simple",
                 "target": "_blank",
                 "attributes": {
                   "title": "Se abre en ventana nueva"
@@ -1022,16 +1021,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": {
@@ -1041,14 +1040,14 @@
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
           "href": "#",
-          "text": "Simple link"
+          "text": "Enlace simple"
         },
         {
-          "text": "Parent",
+          "text": "Padre",
           "id": "with-sub-items-2",
           "sub": {
             "items": [
@@ -1058,11 +1057,11 @@
               },
               {
                 "href": "#",
-                "text": "Active subitem",
+                "text": "Subitem activo",
                 "active" : true
               },
               {
-                "text": "Subitem without href and disabled",
+                "text": "Subitem sin href o deshabilitado",
                 "disabled": true
               }
             ],