desy-html 4.2.1 → 5.1.0

package/docs/_include.template-header.njk

@@ -67,192 +67,196 @@
       idPrefix: "navegacion-ejemplos-offcanvas",
       items: [
       {
-        href: "/examples-accordion.html",
+        href: "examples-accordion.html",
         text: "Accordion"
       },
       {
-        href: "/examples-alert.html",
+        href: "examples-alert.html",
         text: "Alert"
       },
       {
-        href: "/examples-breadcrumbs.html",
+        href: "examples-breadcrumbs.html",
         text: "Breadcrumbs"
       },
       {
-        href: "/examples-button.html",
+        href: "examples-button.html",
         text: "Button"
       },
       {
-        href: "/examples-button-loader.html",
+        href: "examples-button-loader.html",
         text: "Button loader"
       },
       {
-        href: "/examples-character-count.html",
+        href: "examples-character-count.html",
         text: "Character count"
       },
       {
-        href: "/examples-checkboxes.html",
+        href: "examples-checkboxes.html",
         text: "Checkboxes"
       },
       {
-        href: "/examples-collapsible.html",
+        href: "examples-collapsible.html",
         text: "Collapsible"
       },
       {
-        href: "/examples-dialog.html",
+        href: "examples-dialog.html",
         text: "Dialog"
       },
       {
-        href: "/examples-date-input.html",
+        href: "examples-date-input.html",
         text: "Date input"
       },
       {
-        href: "/examples-description-list.html",
+        href: "examples-description-list.html",
         text: "Description list"
       },
       {
-        href: "/examples-details.html",
+        href: "examples-details.html",
         text: "Details"
       },
       {
-        href: "/examples-dropdown.html",
+        href: "examples-dropdown.html",
         text: "Dropdown"
       },
       {
-        href: "/examples-error-message.html",
+        href: "examples-error-message.html",
         text: "Error message"
       },
       {
-        href: "/examples-error-summary.html",
+        href: "examples-error-summary.html",
         text: "Error summary"
       },
       {
-        href: "/examples-fieldset.html",
+        href: "examples-fieldset.html",
         text: "Fieldset"
       },
       {
-        href: "/examples-file-upload.html",
+        href: "examples-file-upload.html",
         text: "File upload"
       },
       {
-        href: "/examples-footer.html",
+        href: "examples-footer.html",
         text: "Footer"
       },
       {
-        href: "/examples-header.html",
+        href: "examples-header.html",
         text: "Header"
       },
       {
-        href: "/examples-hint.html",
+        href: "examples-hint.html",
         text: "Hint"
       },
       {
-        href: "/examples-input.html",
+        href: "examples-input.html",
         text: "Input"
       },
       {
-        href: "/examples-input-group.html",
+        href: "examples-input-group.html",
         text: "Input group"
       },
       {
-        href: "/examples-item.html",
+        href: "examples-item.html",
         text: "Item"
       },
       {
-        href: "/examples-label.html",
+        href: "examples-label.html",
         text: "Label"
       },
       {
-        href: "/examples-listbox.html",
+        href: "examples-listbox.html",
         text: "Listbox"
       },
       {
-        href: "/examples-listbox.html",
+        href: "examples-listbox.html",
         text: "Listbox"
       },
       {
-        href: "/examples-media-object.html",
+        href: "examples-media-object.html",
         text: "Media object"
       },
       {
-        href: "/examples-menu-horizontal.html",
+        href: "examples-menu-horizontal.html",
         text: "Menu horizontal"
       },
       {
-        href: "/examples-menu-vertical.html",
+        href: "examples-menu-vertical.html",
         text: "Menu vertical"
       },
       {
-        href: "/examples-menubar.html",
+        href: "examples-menubar.html",
         text: "Menubar"
       },
       {
-        href: "/examples-modal.html",
+        href: "examples-modal.html",
         text: "Modal"
       },
       {
-        href: "/examples-nav.html",
+        href: "examples-nav.html",
         text: "Nav"
       },
       {
-        href: "/examples-notification.html",
+        href: "examples-notification.html",
         text: "Notification"
       },
       {
-        href: "/examples-pagination.html",
+        href: "examples-pagination.html",
         text: "Pagination"
       },
       {
-        href: "/examples-pill.html",
+        href: "examples-pill.html",
         text: "Pill"
       },
       {
-        href: "/examples-radios.html",
+        href: "examples-radios.html",
         text: "Radios"
       },
       {
-        href: "/examples-searchbar.html",
+        href: "examples-searchbar.html",
         text: "Searchbar"
       },
       {
-        href: "/examples-select.html",
+        href: "examples-select.html",
         text: "Select"
       },
       {
-        href: "/examples-skip-link.html",
+        href: "examples-skip-link.html",
         text: "Skip link"
       },
       {
-        href: "/examples-spinner.html",
+        href: "examples-spinner.html",
         text: "Spinner"
       },
       {
-        href: "/examples-status.html",
+        href: "examples-status.html",
         text: "Status"
       },
       {
-        href: "/examples-status-item.html",
+        href: "examples-status-item.html",
         text: "Status item"
       },
       {
-        href: "/examples-table.html",
+        href: "examples-table.html",
         text: "Table"
       },
       {
-        href: "/examples-table-advanced.html",
+        href: "examples-table-advanced.html",
         text: "Table advanced"
       },
       {
-        href: "/examples-tabs.html",
+        href: "examples-tabs.html",
         text: "Tabs"
       },
       {
-        href: "/examples-textarea.html",
+        href: "examples-textarea.html",
         text: "Textarea"
       },
       {
-        href: "/examples-tooltip.html",
+        href: "examples-tooltip.html",
         text: "Tooltip"
+      },
+      {
+        href: "/examples-tree.html",
+        text: "Tree"
       }],
       attributes: {
         "aria-label": "Navegación ejemplos"

package/docs/_macro.example-render.njk

@@ -91,6 +91,8 @@ import componentTabs %}
 import componentTextarea %}
 {% from "components/tooltip/_macro.tooltip.njk"
 import componentTooltip %}
+{% from "components/tree/_macro.tree.njk"
+import componentTree %}
 
 {% macro exampleRender(data) %}
   {% set exampleComponent = data.data.exampleComponent %}
@@ -206,6 +208,8 @@ import componentTooltip %}
       {{ componentTextarea(example.data) }}
       {% elseif exampleComponent == "tooltip" %}
       {{ componentTooltip(example.data) }}
+      {% elseif exampleComponent == "tree" %}
+      {{ componentTree(example.data) }}
       {% endif %}
       <div class="mt-xl py-base">
         <span x-text="textShow" @click="isOpenCode = !isOpenCode; isOpenCode ? textShow = 'Hide code' : textShow = 'Show code'" class="text-primary-base hover:text-primary-dark underline cursor-pointer">Show code</span>

package/docs/componentes.html

@@ -148,6 +148,9 @@
     <div>
       <p class="c-paragraph-base"><a href="examples-tooltip.html" class="c-link">Tooltip</a></p>
     </div>
+    <div>
+      <p class="c-paragraph-base"><a href="examples-tree.html" class="c-link">Tree</a></p>
+    </div>
   </div>
   <div class="pb-2xl"></div>
 {% endblock %}

package/docs/ds/_ds.example.header.njk

@@ -87,7 +87,7 @@
         ]
       },
       "offcanvas": {
-        "text": "Menu",
+        "text": "Menú",
         "textClose": "Cerrar menu"
       }
     })  %}

package/docs/ds/_ds.example.menu-vertical.njk

@@ -28,7 +28,7 @@
         }
       ],
       "attributes": {
-        "aria-label": "Menu vertical"
+        "aria-label": "Árbol"
       }
     })  }}
   </div>
@@ -58,7 +58,7 @@
         }
       ],
       "attributes": {
-        "aria-label": "Menu vertical"
+        "aria-label": "Árbol"
       }
     })  }}
   </div>
@@ -123,7 +123,7 @@
         }
       ],
       "attributes": {
-        "aria-label": "Menu vertical"
+        "aria-label": "Árbol"
       }
     })  }}
   </div>

package/docs/ds/_ds.example.menubar-en-uso.njk

@@ -9,7 +9,7 @@
     {{ componentMenubar({
       "id": "filter-items",
       "idPrefix": "filter-example",
-      "ariaLabel":"Menubar description",
+      "ariaLabel":"Filtrar y ordenar items de la lista",
       "items": [
         {
           "text": "Estados y trámites",
@@ -101,10 +101,7 @@
                   }
                 ]
               }
-            ],
-            "attributes": {
-              "aria-labelledby": "filter-example-item-2"
-            }
+            ]
           }
         },
         {
@@ -197,10 +194,7 @@
                 "role": "menuitemcheckbox",
                 "text": "Tramitación íntegra digital"
               }
-            ],
-            "attributes": {
-              "aria-labelledby": "filter-example-item-3"
-            }
+            ]
           }
         },
         {
@@ -218,7 +212,7 @@
             "items": [
               {
                 "role": "group",
-                "text": "Group",
+                "ariaLabel": "Tipo de ordenación",
                 "items": [
                   {
                     "role": "menuitemradio",
@@ -239,18 +233,12 @@
                   }
                 ]
               }
-            ],
-            "attributes": {
-              "aria-labelledby": "filter-example-item-4"
-            }
+            ]
           },
           "classes": "c-menubar__button--sm mb-sm"
         }
       ],
-      "classes": "c-menubar--last-right",
-      "attributes": {
-        "aria-label": "Filtrar items de la lista de Servicios"
-      }
+      "classes": "c-menubar--last-right"
     })  }}
   </div>
 </div>