desy-html 7.3.0 → 7.4.0

package/src/templates/components/character-count/_examples.character-count.njk

@@ -1,13 +1,13 @@
 {% set exampleComponent = "character-count" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "por defecto",
     "data": {
       "name": "more-detail-a",
       "id": "more-detail-a",
-      "maxlength": 10,
+      "maxlength": 250,
       "label": {
-        "text": "Label text goes here"
+        "text": "Esto es un label"
       }
     }
   },
@@ -16,116 +16,117 @@
     "data": {
       "name": "placeholder",
       "id": "placeholder",
-      "maxlength": 10,
-      "placeholder": "This is a placeholder",
+      "maxlength": 250,
+      "placeholder": "Esto es un placeholder",
       "label": {
-        "text": "Label text goes here"
+        "text": "Esto es un label"
       }
     }
   },
   {
-    "name": "disabled",
+    "name": "deshabilitado",
     "data": {
       "name": "more-detail-b",
       "id": "more-detail-b",
-      "maxlength": 10,
+      "maxlength": 250,
       "disabled": true,
       "label": {
-        "text": "Label text goes here"
+        "text": "Esto es un label"
       }
     }
   },
   {
-    "name": "with hint",
+    "name": "con pista",
     "data": {
       "name": "with-hint",
       "id": "with-hint",
-      "maxlength": 10,
+      "maxlength": 250,
       "label": {
-        "text": "Label text goes here"
+        "text": "Esto es un label"
       },
       "hint": {
-        "text": "Hint text goes here."
+        "text": "Esto es una pista."
       }
     }
   },
   {
-    "name": "with default value",
+    "name": "con valor por defecto",
     "data": {
       "id": "with-default-value",
       "name": "default-value",
       "maxlength": 100,
       "label": {
-        "text": "Full address"
+        "text": "Dirección completa"
       },
       "value": "Paseo María Agustín, 36,\n 50004 Zaragoza\n"
     }
   },
   {
-    "name": "with default value exceeding limit",
+    "name": "con valor por defecto excediendo el límite",
     "data": {
       "id": "exceeding-characters",
       "name": "exceeding",
-      "maxlength": 10,
+      "maxlength": 250,
       "value": "Paseo María Agustín, 36,\n 50004 Zaragoza\n",
       "label": {
-        "text": "Full address"
+        "text": "Dirección completa"
       },
       "errorMessage": {
-        "text": "Error: Please do not exceed the maximum allowed limit"
+        "text": "Error: Por favor, no exceder el límite máximo"
       }
     }
   },
   {
-    "name": "with custom rows",
+    "name": "con número de filas (rows) personalizada",
     "data": {
       "id": "custom-rows",
       "name": "custom",
-      "maxlength": 10,
+      "maxlength": 250,
       "label": {
-        "text": "Full address"
+        "text": "Dirección completa"
       },
       "rows": 8
     }
   },
   {
-    "name": "with label as page heading",
+    "name": "con label como encabezado",
+    "description": 'Utiliza el parámetro <code>"isPageheading": true</code> para que el label esté dentro de un encabezado. Usa el parámetro <code>"headingLevel"</code> para establecer el nivel del encabezado. Por ejemplo: <code>"headingLevel": 3</code> creará un encabezado <code>&lt;h3&gt;</code>. Si no se establece un <code>"headingLevel"</code>, por defecto usará un <code>&lt;h1&gt;</code>.',
     "data": {
       "id": "textarea-with-page-heading",
       "name": "address",
-      "maxlength": 10,
+      "maxlength": 250,
       "label": {
-        "text": "Full address",
+        "text": "Esto es un label dentro de un encabezado <h1>",
         "isPageHeading": true
       }
     }
   },
   {
-    "name": "with word count",
+    "name": "con contador de palabras",
     "data": {
       "id": "word-count",
       "name": "word-count",
       "maxwords": 10,
       "label": {
-        "text": "Full address"
+        "text": "Dirección completa"
       }
     }
   },
   {
-    "name": "with threshold",
+    "name": "con threshold",
     "data": {
       "id": "with-threshold",
       "name": "with-threshold",
-      "maxlength": 10,
+      "maxlength": 250,
       "threshold": 75,
       "label": {
-        "text": "Full address"
+        "text": "Dirección completa"
       }
     }
   },
   {
-    "name": "with custom classes applied",
-    "description": "Inline label + flexible character-count and error message",
+    "name": "Con clases de css aplicadas",
+    "description": "Inline label + character-count flexible y mensaje de error",
     "data": {
       "formGroup": {
         "classes": "lg:flex lg:flex-wrap lg:items-start lg:gap-x-base mb-0"
@@ -136,8 +137,9 @@
       },
       "id": "classes-applied-b",
       "name": "classes-applied-b",
+      "maxlength": 250,
       "errorMessage": {
-        "text": "Error: Error message goes here",
+        "text": "Error: Esto es un mensaje de error",
         "classes": "order-1 w-full pt-sm"
       },
       "classes": "lg:flex-1"