desy-html 7.3.1 → 7.4.0

package/src/templates/components/media-object/_examples.media-object.njk

@@ -1,14 +1,14 @@
 {% set exampleComponent = "media-object" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "figureHtml": "<div class=\" w-20 h-20 \"><div class=\" h-full border-4 border-dashed border-gray-200 rounded-lg \"></div></div>",
       "caller": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer maximus, elit et faucibus finibus, massa enim egestas leo, et lobortis lorem elit non enim. Nullam molestie nunc eget eleifend porttitor. Suspendisse ornare ligula erat, non dapibus nunc rhoncus at. Maecenas vitae urna viverra, semper mauris vitae, euismod ante. Sed finibus quam ut orci pellentesque, in tincidunt risus tristique. Vivamus efficitur purus urna, sed blandit lorem convallis vel. Mauris tincidunt tincidunt ipsum finibus euismod. Sed eget tincidunt mauris. Duis viverra commodo consectetur. Nullam viverra tincidunt nisl, sit amet dignissim lacus mattis imperdiet."
     }
   },
   {
-    "name": "reverse",
+    "name": "invertido",
     "data": {
       "reverse": true,
       "figureHtml": "<div class=\" w-20 h-20 \"><div class=\" h-full border-4 border-dashed border-gray-200 rounded-lg \"></div></div>",
@@ -16,7 +16,7 @@
     }
   },
   {
-    "name": "vertically centered figure",
+    "name": "figure centrado verticalmente",
     "data": {
       "center": true,
       "figureHtml": "<div class=\" w-20 h-20 \"><div class=\" h-full border-4 border-dashed border-gray-200 rounded-lg \"></div></div>",
@@ -24,8 +24,8 @@
     }
   },
   {
-    "name": "classes adding padding and margin",
-    "description": "In normal situations you should add classes to style the component, the figure and content elements",
+    "name": "clases añadiendo padding y margin",
+    "description": "Lo más habitual es añadir clases para dar estilos al componente, el figure y los elementos de contenido.",
     "data": {
       "figureHtml": "<div class=\" w-20 h-20 \"><div class=\" h-full border-4 border-dashed border-gray-200 rounded-lg \"></div></div>",
       "figureClasses": "mr-base",
@@ -35,8 +35,8 @@
     }
   },
   {
-    "name": "Reverse order with classes adding padding and margin",
-    "description": "In normal situations you should add classes to style the component, the figure and content elements",
+    "name": "Orden invertido con clases, padding y margin",
+    "description": "Lo más habitual es añadir clases para dar estilos al componente, el figure y los elementos de contenido.",
     "data": {
       "reverse": true,
       "figureHtml": "<div class=\" w-20 h-20 \"><div class=\" h-full border-4 border-dashed border-gray-200 rounded-lg \"></div></div>",

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

@@ -1,28 +1,28 @@
 {% set exampleComponent = "menu-horizontal" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "items": [
         {
           "href": "http://www.google.com",
-          "text": "Option 1"
+          "text": "Opción 1"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2"
+          "text": "Opción 2"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 3"
+          "text": "Opción 3"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 4"
+          "text": "Opción 4"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5"
+          "text": "Opción 5"
         }
       ],
       "attributes": {
@@ -31,29 +31,29 @@
     }
   },
   {
-    "name": "with disabled item",
+    "name": "con item deshabilitado",
     "data": {
       "items": [
         {
           "href": "http://www.google.com",
-          "text": "Option 1"
+          "text": "Opción 1"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2"
+          "text": "Opción 2"
         },
         {
           "href": "http://www.google.com",
-          "text": "Disabled Option 3",
+          "text": "Opción deshabilitada 3",
           "disabled": true
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 4"
+          "text": "Opción 4"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5"
+          "text": "Opción 5"
         }
       ],
       "attributes": {
@@ -62,29 +62,29 @@
     }
   },
   {
-    "name": "with active item",
+    "name": "con item activo",
     "data": {
       "items": [
         {
           "href": "http://www.google.com",
-          "text": "Option 1"
+          "text": "Opción 1"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2"
+          "text": "Opción 2"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 3"
+          "text": "Opción 3"
         },
         {
           "href": "http://www.google.com",
-          "text": "Active Option 4",
+          "text": "Opción 4 activa",
           "active": true
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5"
+          "text": "Opción 5"
         }
       ],
       "attributes": {
@@ -93,32 +93,32 @@
     }
   },
   {
-    "name": "with target in links",
+    "name": "con target en enlaces",
     "data": {
       "items": [
         {
           "href": "http://www.google.com",
-          "text": "Option 1",
+          "text": "Opción 1",
           "target": "_blank"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2",
+          "text": "Opción 2",
           "target": "_blank"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 3",
+          "text": "Opción 3",
           "target": "_blank"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 4",
+          "text": "Opción 4",
           "target": "_blank"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5",
+          "text": "Opción 5",
           "target": "_blank"
         }
       ],
@@ -128,32 +128,32 @@
     }
   },
   {
-    "name": "with classes applied",
-    "description": "Modifier class applied: .c-menu-horizontal--tabs",
+    "name": "con clases de css aplicadas",
+    "description": 'Clase modificadora aplicada: <code>.c-menu-horizontal--tabs</code>',
     "data": {
       "classes": "c-menu-horizontal--tabs",
       "items": [
         {
           "href": "http://www.google.com",
-          "text": "Option 1"
+          "text": "Opción 1"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2",
+          "text": "Opción 2",
           "active": true
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 3"
+          "text": "Opción 3"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 4",
+          "text": "Opción 4",
           "disabled": true
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5"
+          "text": "Opción 5"
         }
       ],
       "attributes": {
@@ -162,8 +162,8 @@
     }
   },
   {
-    "name": "with classes applied: tabs in mobile",
-    "description": "Modifier class applied: .c-menu-horizontal--tabs-mobile",
+    "name": "con clases aplicadas: tabs en móvil",
+    "description": 'Clase modificadora aplicada: <code>.c-menu-horizontal--tabs-mobile</code>',
     "data": {
       "classes": "c-menu-horizontal--tabs-mobile",
       "items": [
@@ -187,30 +187,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": "http://www.google.com",
-          "text": "Option 1"
+          "text": "Opción 1"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2"
+          "text": "Opción 2"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 3"
+          "text": "Opción 3"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 4"
+          "text": "Opción 4"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5"
+          "text": "Opción 5"
         }
       ],
       "attributes": {
@@ -219,33 +219,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": "http://www.google.com",
-          "text": "Option 1",
+          "text": "Opción 1",
           "id": "option-A"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2",
+          "text": "Opción 2",
           "id": "option-B"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 3",
+          "text": "Opción 3",
           "id": "option-C"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 4",
+          "text": "Opción 4",
           "id": "option-D"
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5",
+          "text": "Opción 5",
           "id": "option-E"
         }
       ],
@@ -255,8 +255,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",
@@ -265,7 +265,7 @@
       "items": [
         {
           "href": "http://www.google.com",
-          "text": "Option 1",
+          "text": "Opción 1",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -274,7 +274,7 @@
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 2",
+          "text": "Opción 2",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -283,7 +283,7 @@
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 3",
+          "text": "Opción 3",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -292,7 +292,7 @@
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 4",
+          "text": "Opción 4",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",
@@ -301,7 +301,7 @@
         },
         {
           "href": "http://www.google.com",
-          "text": "Option 5",
+          "text": "Opción 5",
           "attributes": {
             "data-attribute-1": "value-A",
             "data-attribute-2": "value-B",