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.
- package/config/tailwind.config.js +11 -21
- package/docs/_include.template-header.njk +16 -4
- package/docs/_macro.example-render.njk +16 -0
- package/docs/componentes.html +12 -0
- package/docs/ds/_ds.example.accordion.njk +61 -0
- package/docs/ds/_ds.example.footer.njk +7 -128
- package/docs/ds/_ds.example.header.njk +118 -0
- package/docs/ds/_ds.example.layout.njk +16 -6
- package/docs/ds/_ds.example.menu-navigation.njk +494 -0
- package/docs/ds/_ds.example.searchbar.njk +39 -0
- package/docs/ds/_ds.example.table.njk +432 -0
- package/docs/ds/_ds.example.toggle.njk +55 -35
- package/docs/ds/_ds.section.layout.njk +12 -12
- package/docs/ds/_ds.section.navigation.njk +5 -0
- package/docs/ds/_ds.section.textos.njk +27 -0
- package/docs/examples-accordion-history.html +5 -0
- package/docs/examples-header-2.html +5 -0
- package/docs/examples-header-advanced-2.html +5 -0
- package/docs/examples-header-advanced.html +5 -0
- package/docs/examples-header-mini.html +5 -0
- package/docs/examples-menu-navigation.html +5 -0
- package/docs/index.html +53 -0
- package/gulpfile.js +7 -6
- package/package.json +6 -7
- package/src/css/base.css +4 -0
- package/src/css/styles.css +1 -0
- package/src/js/aria/accordion.js +16 -5
- package/src/js/aria/disclosureMenu.js +153 -0
- package/src/js/desy-html.js +15 -0
- package/src/js/index.js +2 -0
- package/src/templates/components/accordion/_examples.accordion.njk +70 -2
- package/src/templates/components/accordion/_template.accordion.njk +18 -8
- package/src/templates/components/accordion/params.accordion.yaml +38 -0
- package/src/templates/components/accordion-history/_examples.accordion-history.njk +356 -0
- package/src/templates/components/accordion-history/_macro.accordion-history.njk +3 -0
- package/src/templates/components/accordion-history/_template.accordion-history.njk +220 -0
- package/src/templates/components/accordion-history/params.accordion-history.yaml +125 -0
- package/src/templates/components/button/_examples.button.njk +7 -0
- package/src/templates/components/button/_styles.button.css +34 -0
- package/src/templates/components/button/_template.button.njk +1 -1
- package/src/templates/components/button-loader/_styles.button-loader.css +6 -0
- package/src/templates/components/button-loader/_template.button-loader.njk +6 -6
- package/src/templates/components/checkboxes/_styles.checkboxes.css +7 -0
- package/src/templates/components/dropdown/_styles.dropdown.css +12 -4
- package/src/templates/components/file-upload/_template.file-upload.njk +1 -1
- package/src/templates/components/footer/_examples.footer.njk +46 -136
- package/src/templates/components/footer/_template.footer.njk +35 -28
- package/src/templates/components/footer/params.footer.yaml +18 -0
- package/src/templates/components/header/_examples.header-2.njk +536 -0
- package/src/templates/components/header/_examples.header.njk +134 -1
- package/src/templates/components/header/_template.header.header__navigation.njk +3 -3
- package/src/templates/components/header/_template.header.header__offcanvasButton.njk +1 -1
- package/src/templates/components/header/_template.header.header__subnav.njk +2 -2
- package/src/templates/components/header/_template.header.njk +8 -9
- package/src/templates/components/header/params.header.yaml +24 -0
- package/src/templates/components/header-advanced/_examples.header-advanced-2.njk +851 -0
- package/src/templates/components/header-advanced/_examples.header-advanced.njk +761 -0
- package/src/templates/components/header-advanced/_macro.header-advanced.njk +3 -0
- package/src/templates/components/header-advanced/_template.header-advanced.njk +146 -0
- package/src/templates/components/header-advanced/params.header-advanced.yaml +298 -0
- package/src/templates/components/header-mini/_examples.header-mini.njk +30 -0
- package/src/templates/components/header-mini/_macro.header-mini.njk +3 -0
- package/src/templates/components/header-mini/_template.header-mini.njk +14 -0
- package/src/templates/components/header-mini/params.header-mini.yaml +25 -0
- package/src/templates/components/input/_styles.input.css +7 -0
- package/src/templates/components/item/_examples.item.njk +26 -1
- package/src/templates/components/item/_template.item.njk +4 -4
- package/src/templates/components/item/params.item.yaml +4 -0
- package/src/templates/components/listbox/_styles.listbox.css +14 -4
- package/src/templates/components/menu-horizontal/_examples.menu-horizontal.njk +25 -0
- package/src/templates/components/menu-horizontal/_styles.menu-horizontal.css +26 -0
- package/src/templates/components/menu-horizontal/_template.menu-horizontal.njk +1 -1
- package/src/templates/components/menu-navigation/_examples.menu-navigation.njk +1080 -0
- package/src/templates/components/menu-navigation/_macro.menu-navigation.njk +3 -0
- package/src/templates/components/menu-navigation/_styles.menu-navigation.css +224 -0
- package/src/templates/components/menu-navigation/_template.menu-navigation.njk +116 -0
- package/src/templates/components/menu-navigation/params.menu-navigation.yaml +93 -0
- package/src/templates/components/menubar/_examples.menubar.njk +1 -1
- package/src/templates/components/menubar/_styles.menubar.css +33 -5
- package/src/templates/components/modal/_examples.modal.njk +62 -0
- package/src/templates/components/modal/_template.modal.njk +21 -4
- package/src/templates/components/modal/params.modal.yaml +2 -2
- package/src/templates/components/pagination/_examples.pagination.njk +60 -0
- package/src/templates/components/pagination/_template.pagination.njk +16 -2
- package/src/templates/components/pagination/params.pagination.yaml +49 -0
- package/src/templates/components/radios/_styles.radios.css +7 -0
- package/src/templates/components/searchbar/_examples.searchbar.njk +12 -1
- package/src/templates/components/searchbar/_template.searchbar.njk +9 -9
- package/src/templates/components/select/_styles.select.css +8 -0
- package/src/templates/components/spinner/_styles.spinner.css +1 -0
- package/src/templates/components/spinner/_template.spinner.njk +4 -4
- package/src/templates/components/table-advanced/_examples.table-advanced.njk +182 -5
- package/src/templates/components/table-advanced/_template.table-advanced.njk +27 -2
- package/src/templates/components/table-advanced/params.table-advanced.yaml +5 -0
- package/src/templates/components/toggle/_examples.toggle.njk +33 -11
- package/src/templates/components/toggle/_template.toggle.njk +3 -1
- package/src/templates/components/toggle/params.toggle.yaml +4 -0
- package/src/templates/components/tree/_examples.tree.njk +580 -32
- package/src/templates/components/tree/_styles.tree.css +8 -0
- package/src/templates/components/tree/_template.tree.njk +1 -1
- package/config/clean-css.js +0 -25
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
========================================================================== */
|
|
4
4
|
|
|
5
5
|
@layer components {
|
|
6
|
+
.c-tree--base {
|
|
7
|
+
input[type="checkbox"],
|
|
8
|
+
input[type="radio"] {
|
|
9
|
+
@apply w-6;
|
|
10
|
+
@apply h-6;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
6
14
|
.c-tree--sm {
|
|
7
15
|
input[type="checkbox"],
|
|
8
16
|
input[type="radio"] {
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
{% if subitem.sub %}
|
|
91
91
|
{{ childrenTree(subitem, subId, name, type) }}
|
|
92
92
|
{% else %}
|
|
93
|
-
<div {%- if subitem.id %} id="{{ id }}"{% endif %} class="block {%- if subitem.classes %} {{ subitem.classes }}{% endif %} {%- if subitem.active %} font-bold{% endif %}" {%- if subitem.title %} title="{{ subitem.title }}"{% endif %} {%- if subitem.active %} aria-current="page"{% endif %} {%-
|
|
93
|
+
<div {%- if subitem.id %} id="{{ id }}"{% endif %} class="block {%- if subitem.classes %} {{ subitem.classes }}{% endif %} {%- if subitem.active %} font-bold{% endif %}" {%- if subitem.title %} title="{{ subitem.title }}"{% endif %} {%- if subitem.active %} aria-current="page"{% endif %} {%- for attribute, value in subitem.attributes %} {{ attribute }}="{{ value }}"{% endfor -%}>
|
|
94
94
|
{% if subitem.active %}
|
|
95
95
|
<div class="font-bold">
|
|
96
96
|
{{ checkboxItem(subitem, subId, name, type) }}
|
package/config/clean-css.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
format: {
|
|
3
|
-
breaks: { // controls where to insert breaks
|
|
4
|
-
afterAtRule: false, // controls if a line break comes after an at-rule; e.g. `@charset`; defaults to `false`
|
|
5
|
-
afterBlockBegins: false, // controls if a line break comes after a block begins; e.g. `@media`; defaults to `false`
|
|
6
|
-
afterBlockEnds: false, // controls if a line break comes after a block ends, defaults to `false`
|
|
7
|
-
afterComment: false, // controls if a line break comes after a comment; defaults to `false`
|
|
8
|
-
afterProperty: false, // controls if a line break comes after a property; defaults to `false`
|
|
9
|
-
afterRuleBegins: false, // controls if a line break comes after a rule begins; defaults to `false`
|
|
10
|
-
afterRuleEnds: true, // controls if a line break comes after a rule ends; defaults to `false`
|
|
11
|
-
beforeBlockEnds: false, // controls if a line break comes before a block ends; defaults to `false`
|
|
12
|
-
betweenSelectors: false // controls if a line break comes between selectors; defaults to `false`
|
|
13
|
-
},
|
|
14
|
-
breakWith: '\n', // controls the new line character, can be `'\r\n'` or `'\n'` (aliased as `'windows'` and `'unix'` or `'crlf'` and `'lf'`); defaults to system one, so former on Windows and latter on Unix
|
|
15
|
-
indentBy: 0, // controls number of characters to indent with; defaults to `0`
|
|
16
|
-
indentWith: 'space', // controls a character to indent with, can be `'space'` or `'tab'`; defaults to `'space'`
|
|
17
|
-
spaces: { // controls where to insert spaces
|
|
18
|
-
aroundSelectorRelation: true, // controls if spaces come around selector relations; e.g. `div > a`; defaults to `false`
|
|
19
|
-
beforeBlockBegins: true, // controls if a space comes before a block begins; e.g. `.block {`; defaults to `false`
|
|
20
|
-
beforeValue: false // controls if a space comes before a value; e.g. `width: 1rem`; defaults to `false`
|
|
21
|
-
},
|
|
22
|
-
wrapAt: false, // controls maximum line length; defaults to `false`
|
|
23
|
-
semicolonAfterLastProperty: false // controls removing trailing semicolons in rule; defaults to `false` - means remove
|
|
24
|
-
}
|
|
25
|
-
};
|