desy-html 7.3.0 → 7.4.0

package/src/templates/components/status-item/_examples.status-item.njk

@@ -1,56 +1,56 @@
 {% set exampleComponent = "status-item" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "id": "default",
       "title": {
-        "text": "Title"
+        "text": "Título"
       },
-      "caller": '<button class="c-button c-button--transparent" data-module="c-button">Action</button>'
+      "caller": '<button class="c-button c-button--transparent" data-module="c-button">Acción</button>'
     }
   },
   {
-    "name": "default only items",
+    "name": "por defecto sólo items",
     "data": {
       "id": "only-items",
       "items": [
         {
           "term": {
-            "text": "term"
+            "text": "término"
           },
           "definition": {
-            "text": "definition"
+            "text": "definición"
           }
         },
         {
           "term": {
-            "text": "term"
+            "text": "término"
           },
           "definition": {
-            "text": "definition"
+            "text": "definición"
           }
         },
         {
           "term": {
-            "text": "term"
+            "text": "término"
           },
           "definition": {
-            "text": "definition"
+            "text": "definición"
           }
         }
       ],
       "status": {
-        "text": "Status",
+        "text": "Estado",
         "icon": {
           "type": "success"
         }
       },
-      "caller": '<button class="c-button c-button--transparent" data-module="c-button">Action</button>'
+      "caller": '<button class="c-button c-button--transparent" data-module="c-button">Acción</button>'
     }
   },
   {
-    "name": "with title html",
+    "name": "con título HTML",
     "data": {
       "id": "with-title-html",
       "title": {
@@ -60,7 +60,7 @@
     }
   },
   {
-    "name": "with hint",
+    "name": "con pista",
     "data": {
       "id": "with-hint",
       "title": {
@@ -79,7 +79,7 @@
     }
   },
   {
-    "name": "with hint html",
+    "name": "con pista HTML",
     "data": {
       "id": "with-hint-html",
       "title": {
@@ -92,7 +92,7 @@
     }
   },
   {
-    "name": "with status simple",
+    "name": "con estado simple",
     "data": {
       "id": "with-status-simple",
       "title": {
@@ -105,7 +105,7 @@
     }
   },
   {
-    "name": "with status success",
+    "name": "con estado éxito",
     "data": {
       "id": "with-status-success",
       "title": {
@@ -121,7 +121,7 @@
     }
   },
   {
-    "name": "with status alert",
+    "name": "con estado alerta",
     "data": {
       "id": "with-status-alert",
       "title": {
@@ -143,7 +143,7 @@
     }
   },
   {
-    "name": "with status loading",
+    "name": "con estado cargando",
     "data": {
       "id": "with-status-loading",
       "title": {
@@ -159,7 +159,7 @@
     }
   },
   {
-    "name": "with status error",
+    "name": "con estado error",
     "data": {
       "id": "with-status-error",
       "title": {
@@ -181,7 +181,7 @@
     }
   },
   {
-    "name": "with html in definition",
+    "name": "con HTML en la definición",
     "data": {
       "id": "with-html-in-definition",
       "items": [

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

@@ -1,27 +1,27 @@
 {% set exampleComponent = "table" %}
 {% set examples =  [
   {
-    "name": "table default",
+    "name": "tabla por defecto",
     "data": {
       "caption": "Caption de la tabla",
       "captionClasses": "sr-only mb-base font-bold text-left text-lg",
       "head": [
         {
-          "text": "Month you apply"
+          "text": "Mes de pago"
         },
         {
-          "text": "Rate for bicycles",
+          "text": "Primer pago",
           "classes": "text-right"
         },
         {
-          "text": "Rate for vehicles",
+          "text": "Segundo pago",
           "classes": "text-right"
         }
       ],
       "rows": [
         [
           {
-            "text": "January"
+            "text": "Enero"
           },
           {
             "text": "85€",
@@ -34,7 +34,7 @@
         ],
         [
           {
-            "text": "February"
+            "text": "Febrero"
           },
           {
             "text": "75€",
@@ -47,7 +47,7 @@
         ],
         [
           {
-            "text": "March"
+            "text": "Marzo"
           },
           {
             "text": "165€",
@@ -62,28 +62,28 @@
     }
   },
   {
-    "name": "table with caption visible",
+    "name": "tabla con caption visible",
     "data": {
-      "caption": "Caption 1: Months and rates",
+      "caption": "Caption 1: Meses y pagos",
       "captionClasses": "mb-base font-bold text-left text-lg",
       "firstCellIsHeader": true,
       "head": [
         {
-          "text": "Month you apply"
+          "text": "Mes de pago"
         },
         {
-          "text": "Rate for bicycles",
+          "text": "Primer pago",
           "classes": "text-right"
         },
         {
-          "text": "Rate for vehicles",
+          "text": "Segundo pago",
           "classes": "text-right"
         }
       ],
       "rows": [
         [
           {
-            "text": "January"
+            "text": "Enero"
           },
           {
             "text": "85€",
@@ -96,7 +96,7 @@
         ],
         [
           {
-            "text": "February"
+            "text": "Febrero"
           },
           {
             "text": "75€",
@@ -109,7 +109,7 @@
         ],
         [
           {
-            "text": "March"
+            "text": "Marzo"
           },
           {
             "text": "165€",
@@ -124,21 +124,22 @@
     }
   },
   {
-    "name": "table with wrapper",
+    "name": "tabla con wrapper",
+    "description": 'Usa el parámetro <code>wrapper</code> para rodear la tabla con un <code>&lt;div&gt;</code> y poder añadir clases, normalmente para hacer scroll horizontal en la tabla en anchuras pequeñas.',
     "data": {
-      "caption": "Caption 1: Months and rates",
+      "caption": "Caption 1: Meses y pagos",
       "captionClasses": "sticky left-0 w-0 mb-base font-bold text-left text-lg",
       "firstCellIsHeader": true,
       "head": [
         {
-          "text": "Month you apply"
+          "text": "Mes de pago"
         },
         {
-          "text": "Rate for bicycles",
+          "text": "Primer pago",
           "classes": "text-right"
         },
         {
-          "text": "Rate for vehicles",
+          "text": "Segundo pago",
           "classes": "text-right"
         },
         {
@@ -177,7 +178,7 @@
       "rows": [
         [
           {
-            "text": "January"
+            "text": "Enero"
           },
           {
             "text": "85€",
@@ -222,7 +223,7 @@
         ],
         [
           {
-            "text": "February"
+            "text": "Febrero"
           },
           {
             "text": "75€",
@@ -267,7 +268,7 @@
         ],
         [
           {
-            "text": "March"
+            "text": "Marzo"
           },
           {
             "text": "165€",
@@ -318,22 +319,23 @@
     }
   },
   {
-    "name": "table with sticky columns",
+    "name": "table con columnas sticky",
+    "description": 'En este ejemplo la primera y última columna se mantienen fijas y el resto hacen scroll horizontal si la anchura es pequeña.',
     "data": {
-      "caption": "Caption 1: Months and rates",
+      "caption": "Caption 1: Meses y pagos",
       "captionClasses": "sticky top-0 left-0 w-0 mb-base font-bold text-left text-lg",
       "firstCellIsHeader": true,
       "head": [
         {
-          "text": "Month you apply",
+          "text": "Mes de pago",
           "classes": "sticky left-0 w-60 bg-white"
         },
         {
-          "text": "Rate for bicycles",
+          "text": "Primer pago",
           "classes": "text-right"
         },
         {
-          "text": "Rate for vehicles",
+          "text": "Segundo pago",
           "classes": "text-right"
         },
         {
@@ -372,7 +374,7 @@
       "rows": [
         [
           {
-            "text": "January",
+            "text": "Enero",
             "classes": "sticky left-0 w-60 bg-white"
           },
           {
@@ -418,7 +420,7 @@
         ],
         [
           {
-            "text": "February",
+            "text": "Febrero",
             "classes": "sticky left-0 w-60 bg-white"
           },
           {
@@ -464,7 +466,7 @@
         ],
         [
           {
-            "text": "March",
+            "text": "Marzo",
             "classes": "sticky left-0 w-60 bg-white"
           },
           {
@@ -519,11 +521,11 @@
     "name": "classes",
     "hidden": true,
     "data": {
-      "classes": "bg-warning-light"
+      "classes": "bg-primary-light"
     }
   },
   {
-    "name": "attributes",
+    "name": "atributos",
     "hidden": true,
     "data": {
       "attributes": {
@@ -532,18 +534,18 @@
     }
   },
   {
-    "name": "html as text",
+    "name": "html como texto",
     "hidden": true,
     "data": {
       "head": [
         {
-          "text": "Foo <script>hacking.do(1337)</script>"
+          "text": "Foo <strong>bar</strong>"
         }
       ],
       "rows": [
         [
           {
-            "text": "Foo <script>hacking.do(1337)</script>"
+            "text": "Foo <strong>bar</strong>"
           }
         ]
       ]
@@ -568,19 +570,19 @@
     }
   },
   {
-    "name": "head with classes",
+    "name": "head con clases",
     "hidden": true,
     "data": {
       "head": [
         {
           "text": "Foo",
-          "classes": "bg-warning-light"
+          "classes": "bg-primary-light"
         }
       ]
     }
   },
   {
-    "name": "head with rowspan and colspan",
+    "name": "head con rowspan y colspan",
     "hidden": true,
     "data": {
       "head": [
@@ -593,7 +595,7 @@
     }
   },
   {
-    "name": "head with attributes",
+    "name": "head con atributos",
     "hidden": true,
     "data": {
       "head": [
@@ -606,14 +608,14 @@
     }
   },
   {
-    "name": "with firstCellIsHeader true",
+    "name": "con firstCellIsHeader true",
     "hidden": true,
     "data": {
       "firstCellIsHeader": true,
       "rows": [
         [
           {
-            "text": "January"
+            "text": "Enero"
           },
           {
             "text": "85€",
@@ -626,7 +628,7 @@
         ],
         [
           {
-            "text": "February"
+            "text": "Febrero"
           },
           {
             "text": "75€",
@@ -639,7 +641,7 @@
         ],
         [
           {
-            "text": "March"
+            "text": "Marzo"
           },
           {
             "text": "165€",
@@ -654,7 +656,7 @@
     }
   },
   {
-    "name": "firstCellIsHeader with classes",
+    "name": "firstCellIsHeader con clases",
     "hidden": true,
     "data": {
       "firstCellIsHeader": true,
@@ -662,14 +664,14 @@
         [
           {
             "text": "Foo",
-            "classes": "bg-warning-light"
+            "classes": "bg-primary-light"
           }
         ]
       ]
     }
   },
   {
-    "name": "firstCellIsHeader with html",
+    "name": "firstCellIsHeader con html",
     "hidden": true,
     "data": {
       "firstCellIsHeader": true,
@@ -683,21 +685,21 @@
     }
   },
   {
-    "name": "firstCellIsHeader with html as text",
+    "name": "firstCellIsHeader con html como texto",
     "hidden": true,
     "data": {
       "firstCellIsHeader": true,
       "rows": [
         [
           {
-            "text": "Foo <script>hacking.do(1337)</script>"
+            "text": "Foo <strong>bar</strong>"
           }
         ]
       ]
     }
   },
   {
-    "name": "firstCellIsHeader with rowspan and colspan",
+    "name": "firstCellIsHeader con rowspan y colspan",
     "hidden": true,
     "data": {
       "firstCellIsHeader": true,
@@ -713,7 +715,7 @@
     }
   },
   {
-    "name": "firstCellIsHeader with attributes",
+    "name": "firstCellIsHeader con atributos",
     "hidden": true,
     "data": {
       "firstCellIsHeader": true,
@@ -730,7 +732,7 @@
     }
   },
   {
-    "name": "with falsey items",
+    "name": "con items falsos",
     "hidden": true,
     "data": {
       "rows": [
@@ -764,21 +766,21 @@
     }
   },
   {
-    "name": "rows with classes",
+    "name": "filas con clases",
     "hidden": true,
     "data": {
       "rows": [
         [
           {
             "text": "Foo",
-            "classes": "bg-warning-light"
+            "classes": "bg-primary-light"
           }
         ]
       ]
     }
   },
   {
-    "name": "rows with rowspan and colspan",
+    "name": "filas con rowspan y colspan",
     "hidden": true,
     "data": {
       "rows": [
@@ -793,7 +795,7 @@
     }
   },
   {
-    "name": "rows with attributes",
+    "name": "filas con atributos",
     "hidden": true,
     "data": {
       "rows": [