desy-html 5.3.0 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/config/tailwind.config.js +11 -21
  2. package/docs/_include.template-header.njk +16 -4
  3. package/docs/_macro.example-render.njk +16 -0
  4. package/docs/componentes.html +12 -0
  5. package/docs/ds/_ds.example.accordion.njk +61 -0
  6. package/docs/ds/_ds.example.footer.njk +7 -128
  7. package/docs/ds/_ds.example.header.njk +118 -0
  8. package/docs/ds/_ds.example.layout.njk +16 -6
  9. package/docs/ds/_ds.example.menu-navigation.njk +494 -0
  10. package/docs/ds/_ds.example.searchbar.njk +39 -0
  11. package/docs/ds/_ds.example.table.njk +432 -0
  12. package/docs/ds/_ds.example.toggle.njk +55 -35
  13. package/docs/ds/_ds.section.layout.njk +12 -12
  14. package/docs/ds/_ds.section.navigation.njk +5 -0
  15. package/docs/ds/_ds.section.textos.njk +27 -0
  16. package/docs/examples-accordion-history.html +5 -0
  17. package/docs/examples-header-2.html +5 -0
  18. package/docs/examples-header-advanced-2.html +5 -0
  19. package/docs/examples-header-advanced.html +5 -0
  20. package/docs/examples-header-mini.html +5 -0
  21. package/docs/examples-menu-navigation.html +5 -0
  22. package/docs/index.html +53 -0
  23. package/gulpfile.js +7 -6
  24. package/package.json +6 -7
  25. package/src/css/base.css +4 -0
  26. package/src/css/styles.css +1 -0
  27. package/src/js/aria/accordion.js +16 -5
  28. package/src/js/aria/disclosureMenu.js +153 -0
  29. package/src/js/desy-html.js +15 -0
  30. package/src/js/index.js +2 -0
  31. package/src/templates/components/accordion/_examples.accordion.njk +70 -2
  32. package/src/templates/components/accordion/_template.accordion.njk +18 -8
  33. package/src/templates/components/accordion/params.accordion.yaml +38 -0
  34. package/src/templates/components/accordion-history/_examples.accordion-history.njk +356 -0
  35. package/src/templates/components/accordion-history/_macro.accordion-history.njk +3 -0
  36. package/src/templates/components/accordion-history/_template.accordion-history.njk +220 -0
  37. package/src/templates/components/accordion-history/params.accordion-history.yaml +125 -0
  38. package/src/templates/components/button/_examples.button.njk +7 -0
  39. package/src/templates/components/button/_styles.button.css +34 -0
  40. package/src/templates/components/button/_template.button.njk +1 -1
  41. package/src/templates/components/button-loader/_styles.button-loader.css +6 -0
  42. package/src/templates/components/button-loader/_template.button-loader.njk +6 -6
  43. package/src/templates/components/checkboxes/_styles.checkboxes.css +7 -0
  44. package/src/templates/components/dropdown/_styles.dropdown.css +12 -4
  45. package/src/templates/components/file-upload/_template.file-upload.njk +1 -1
  46. package/src/templates/components/footer/_examples.footer.njk +46 -136
  47. package/src/templates/components/footer/_template.footer.njk +35 -28
  48. package/src/templates/components/footer/params.footer.yaml +18 -0
  49. package/src/templates/components/header/_examples.header-2.njk +536 -0
  50. package/src/templates/components/header/_examples.header.njk +134 -1
  51. package/src/templates/components/header/_template.header.header__navigation.njk +3 -3
  52. package/src/templates/components/header/_template.header.header__offcanvasButton.njk +1 -1
  53. package/src/templates/components/header/_template.header.header__subnav.njk +2 -2
  54. package/src/templates/components/header/_template.header.njk +8 -9
  55. package/src/templates/components/header/params.header.yaml +24 -0
  56. package/src/templates/components/header-advanced/_examples.header-advanced-2.njk +851 -0
  57. package/src/templates/components/header-advanced/_examples.header-advanced.njk +761 -0
  58. package/src/templates/components/header-advanced/_macro.header-advanced.njk +3 -0
  59. package/src/templates/components/header-advanced/_template.header-advanced.njk +146 -0
  60. package/src/templates/components/header-advanced/params.header-advanced.yaml +298 -0
  61. package/src/templates/components/header-mini/_examples.header-mini.njk +30 -0
  62. package/src/templates/components/header-mini/_macro.header-mini.njk +3 -0
  63. package/src/templates/components/header-mini/_template.header-mini.njk +14 -0
  64. package/src/templates/components/header-mini/params.header-mini.yaml +25 -0
  65. package/src/templates/components/input/_styles.input.css +7 -0
  66. package/src/templates/components/item/_examples.item.njk +26 -1
  67. package/src/templates/components/item/_template.item.njk +4 -4
  68. package/src/templates/components/item/params.item.yaml +4 -0
  69. package/src/templates/components/listbox/_styles.listbox.css +14 -4
  70. package/src/templates/components/menu-horizontal/_examples.menu-horizontal.njk +25 -0
  71. package/src/templates/components/menu-horizontal/_styles.menu-horizontal.css +26 -0
  72. package/src/templates/components/menu-horizontal/_template.menu-horizontal.njk +1 -1
  73. package/src/templates/components/menu-navigation/_examples.menu-navigation.njk +1080 -0
  74. package/src/templates/components/menu-navigation/_macro.menu-navigation.njk +3 -0
  75. package/src/templates/components/menu-navigation/_styles.menu-navigation.css +224 -0
  76. package/src/templates/components/menu-navigation/_template.menu-navigation.njk +116 -0
  77. package/src/templates/components/menu-navigation/params.menu-navigation.yaml +93 -0
  78. package/src/templates/components/menubar/_examples.menubar.njk +1 -1
  79. package/src/templates/components/menubar/_styles.menubar.css +33 -5
  80. package/src/templates/components/modal/_examples.modal.njk +62 -0
  81. package/src/templates/components/modal/_template.modal.njk +21 -4
  82. package/src/templates/components/modal/params.modal.yaml +2 -2
  83. package/src/templates/components/pagination/_examples.pagination.njk +60 -0
  84. package/src/templates/components/pagination/_template.pagination.njk +16 -2
  85. package/src/templates/components/pagination/params.pagination.yaml +49 -0
  86. package/src/templates/components/radios/_styles.radios.css +7 -0
  87. package/src/templates/components/searchbar/_examples.searchbar.njk +12 -1
  88. package/src/templates/components/searchbar/_template.searchbar.njk +9 -9
  89. package/src/templates/components/select/_styles.select.css +8 -0
  90. package/src/templates/components/spinner/_styles.spinner.css +1 -0
  91. package/src/templates/components/spinner/_template.spinner.njk +4 -4
  92. package/src/templates/components/table-advanced/_examples.table-advanced.njk +182 -5
  93. package/src/templates/components/table-advanced/_template.table-advanced.njk +27 -2
  94. package/src/templates/components/table-advanced/params.table-advanced.yaml +5 -0
  95. package/src/templates/components/toggle/_examples.toggle.njk +33 -11
  96. package/src/templates/components/toggle/_template.toggle.njk +3 -1
  97. package/src/templates/components/toggle/params.toggle.yaml +4 -0
  98. package/src/templates/components/tree/_examples.tree.njk +580 -32
  99. package/src/templates/components/tree/_styles.tree.css +8 -0
  100. package/src/templates/components/tree/_template.tree.njk +1 -1
  101. package/config/clean-css.js +0 -25
package/src/templates/components/toggle/_template.toggle.njk CHANGED
@@ -24,8 +24,10 @@
24
24
  {% if params.isSwitch %}
25
25
  role = "switch"
26
26
  :aria-checked="pressed ? 'true' : 'false'"
27
- {% else %}
27
+ {% elseif params.isExpandible == false %}
28
28
  :aria-pressed="pressed ? 'true' : 'false'"
29
+ {% else %}
30
+ :aria-expanded="pressed ? 'true' : 'false'"
29
31
  {% endif %}
30
32
  type="button"
31
33
  class="{{ params.classes if params.classes else '' }}"
package/src/templates/components/toggle/params.toggle.yaml CHANGED
@@ -1,4 +1,8 @@
1
1
  params:
2
+ - name: isExpandible
3
+ type: boolean
4
+ required: false
5
+ description: Defaults to `true`. If `true` the button has `aria-expanded` instead of `aria-pressed`.
2
6
  - name: isSwitch
3
7
  type: boolean
4
8
  required: false