@openeuropa/bcl-twig-templates 0.17.0 → 0.18.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 (7) hide show
  1. package/package.json +53 -53
  2. package/templates/bcl-fact-figures/fact-figures.html.twig +2 -2
  3. package/templates/bcl-navigation/navigation.html.twig +8 -3
  4. package/templates/bcl-pagination/pagination.html.twig +8 -0
  5. package/templates/bcl-progress/progress.html.twig +1 -0
  6. package/templates/bcl-toast/toasts.html.twig +1 -0
  7. package/templates/bcl-user/user-view.html.twig +2 -2
package/package.json CHANGED
@@ -2,63 +2,63 @@
2
2
  "name": "@openeuropa/bcl-twig-templates",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "0.17.0",
5
+ "version": "0.18.0",
6
6
  "description": "OE Bcl Twig Templates",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
10
10
  "devDependencies": {
11
- "@openeuropa/bcl-accordion": "^0.17.0",
12
- "@openeuropa/bcl-alert": "^0.17.0",
13
- "@openeuropa/bcl-badge": "^0.17.0",
14
- "@openeuropa/bcl-banner": "^0.17.0",
15
- "@openeuropa/bcl-base-templates": "^0.17.0",
16
- "@openeuropa/bcl-blockquote": "^0.17.0",
17
- "@openeuropa/bcl-breadcrumb": "^0.17.0",
18
- "@openeuropa/bcl-button": "^0.17.0",
19
- "@openeuropa/bcl-button-group": "^0.17.0",
20
- "@openeuropa/bcl-card": "^0.17.0",
21
- "@openeuropa/bcl-card-layout": "^0.17.0",
22
- "@openeuropa/bcl-carousel": "^0.17.0",
23
- "@openeuropa/bcl-content-banner": "^0.17.0",
24
- "@openeuropa/bcl-date-block": "^0.17.0",
25
- "@openeuropa/bcl-description-list": "^0.17.0",
26
- "@openeuropa/bcl-dropdown": "^0.17.0",
27
- "@openeuropa/bcl-event": "^0.17.0",
28
- "@openeuropa/bcl-fact-figures": "^0.17.0",
29
- "@openeuropa/bcl-featured-media": "^0.17.0",
30
- "@openeuropa/bcl-file": "^0.17.0",
31
- "@openeuropa/bcl-footer": "^0.17.0",
32
- "@openeuropa/bcl-form": "^0.17.0",
33
- "@openeuropa/bcl-form-input": "^0.17.0",
34
- "@openeuropa/bcl-group": "^0.17.0",
35
- "@openeuropa/bcl-header": "^0.17.0",
36
- "@openeuropa/bcl-icon": "^0.17.0",
37
- "@openeuropa/bcl-inpage-navigation": "^0.17.0",
38
- "@openeuropa/bcl-landing-page": "^0.17.0",
39
- "@openeuropa/bcl-link": "^0.17.0",
40
- "@openeuropa/bcl-links-block": "^0.17.0",
41
- "@openeuropa/bcl-list-group": "^0.17.0",
42
- "@openeuropa/bcl-listing": "^0.17.0",
43
- "@openeuropa/bcl-modal": "^0.17.0",
44
- "@openeuropa/bcl-navbar": "^0.17.0",
45
- "@openeuropa/bcl-navigation": "^0.17.0",
46
- "@openeuropa/bcl-news": "^0.17.0",
47
- "@openeuropa/bcl-offcanvas": "^0.17.0",
48
- "@openeuropa/bcl-page": "^0.17.0",
49
- "@openeuropa/bcl-pagination": "^0.17.0",
50
- "@openeuropa/bcl-placeholder": "^0.17.0",
51
- "@openeuropa/bcl-progress": "^0.17.0",
52
- "@openeuropa/bcl-recent-activities": "^0.17.0",
53
- "@openeuropa/bcl-search": "^0.17.0",
54
- "@openeuropa/bcl-search-form": "^0.17.0",
55
- "@openeuropa/bcl-select": "^0.17.0",
56
- "@openeuropa/bcl-spinner": "^0.17.0",
57
- "@openeuropa/bcl-table": "^0.17.0",
58
- "@openeuropa/bcl-textarea": "^0.17.0",
59
- "@openeuropa/bcl-timeline": "^0.17.0",
60
- "@openeuropa/bcl-toast": "^0.17.0",
61
- "@openeuropa/bcl-user": "^0.17.0",
11
+ "@openeuropa/bcl-accordion": "^0.18.0",
12
+ "@openeuropa/bcl-alert": "^0.18.0",
13
+ "@openeuropa/bcl-badge": "^0.18.0",
14
+ "@openeuropa/bcl-banner": "^0.18.0",
15
+ "@openeuropa/bcl-base-templates": "^0.18.0",
16
+ "@openeuropa/bcl-blockquote": "^0.18.0",
17
+ "@openeuropa/bcl-breadcrumb": "^0.18.0",
18
+ "@openeuropa/bcl-button": "^0.18.0",
19
+ "@openeuropa/bcl-button-group": "^0.18.0",
20
+ "@openeuropa/bcl-card": "^0.18.0",
21
+ "@openeuropa/bcl-card-layout": "^0.18.0",
22
+ "@openeuropa/bcl-carousel": "^0.18.0",
23
+ "@openeuropa/bcl-content-banner": "^0.18.0",
24
+ "@openeuropa/bcl-date-block": "^0.18.0",
25
+ "@openeuropa/bcl-description-list": "^0.18.0",
26
+ "@openeuropa/bcl-dropdown": "^0.18.0",
27
+ "@openeuropa/bcl-event": "^0.18.0",
28
+ "@openeuropa/bcl-fact-figures": "^0.18.0",
29
+ "@openeuropa/bcl-featured-media": "^0.18.0",
30
+ "@openeuropa/bcl-file": "^0.18.0",
31
+ "@openeuropa/bcl-footer": "^0.18.0",
32
+ "@openeuropa/bcl-form": "^0.18.0",
33
+ "@openeuropa/bcl-form-input": "^0.18.0",
34
+ "@openeuropa/bcl-group": "^0.18.0",
35
+ "@openeuropa/bcl-header": "^0.18.0",
36
+ "@openeuropa/bcl-icon": "^0.18.0",
37
+ "@openeuropa/bcl-inpage-navigation": "^0.18.0",
38
+ "@openeuropa/bcl-landing-page": "^0.18.0",
39
+ "@openeuropa/bcl-link": "^0.18.0",
40
+ "@openeuropa/bcl-links-block": "^0.18.0",
41
+ "@openeuropa/bcl-list-group": "^0.18.0",
42
+ "@openeuropa/bcl-listing": "^0.18.0",
43
+ "@openeuropa/bcl-modal": "^0.18.0",
44
+ "@openeuropa/bcl-navbar": "^0.18.0",
45
+ "@openeuropa/bcl-navigation": "^0.18.0",
46
+ "@openeuropa/bcl-news": "^0.18.0",
47
+ "@openeuropa/bcl-offcanvas": "^0.18.0",
48
+ "@openeuropa/bcl-page": "^0.18.0",
49
+ "@openeuropa/bcl-pagination": "^0.18.0",
50
+ "@openeuropa/bcl-placeholder": "^0.18.0",
51
+ "@openeuropa/bcl-progress": "^0.18.0",
52
+ "@openeuropa/bcl-recent-activities": "^0.18.0",
53
+ "@openeuropa/bcl-search": "^0.18.0",
54
+ "@openeuropa/bcl-search-form": "^0.18.0",
55
+ "@openeuropa/bcl-select": "^0.18.0",
56
+ "@openeuropa/bcl-spinner": "^0.18.0",
57
+ "@openeuropa/bcl-table": "^0.18.0",
58
+ "@openeuropa/bcl-textarea": "^0.18.0",
59
+ "@openeuropa/bcl-timeline": "^0.18.0",
60
+ "@openeuropa/bcl-toast": "^0.18.0",
61
+ "@openeuropa/bcl-user": "^0.18.0",
62
62
  "copyfiles": "2.4.1",
63
63
  "rimraf": "3.0.2"
64
64
  },
@@ -81,5 +81,5 @@
81
81
  "design-system",
82
82
  "twig"
83
83
  ],
84
- "gitHead": "07ff24de8a209d80750a32cd52dfe9663fabf8e2"
84
+ "gitHead": "a82834df6dff563a956a79bf2899c92742dd5820"
85
85
  }
package/templates/bcl-fact-figures/fact-figures.html.twig CHANGED
@@ -90,9 +90,9 @@
90
90
  {% include '@oe-bcl/bcl-icon/icon.html.twig' with _item.icon only %}
91
91
  {% endif %}
92
92
  {% if _item.title is defined and _item.title is not empty %}
93
- <h3 class="text-capitalize fw-bold mt-2">
93
+ <h4 class="text-capitalize fw-bold mt-2">
94
94
  {{- _item.title -}}
95
- </h3>
95
+ </h4>
96
96
  {% endif %}
97
97
  {% if _item.subtitle is defined and _item.subtitle is not empty %}
98
98
  <h5 class="fw-bold">
package/templates/bcl-navigation/navigation.html.twig CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  {# Parameters:
5
5
  - pills (boolean) (default: false)
6
- - tabs (boolean) (default: false)
6
+ - tabs (boolean) (default: false) - If tabs is set to true, the nav should also be set to true for accessibility reasons
7
7
  - vertical (boolean) (default: false)
8
8
  - full_width (boolean) (default: false)
9
9
  - alignment (string) (default: '')
@@ -68,7 +68,7 @@
68
68
  {% set attributes = attributes.setAttribute('id', _id) %}
69
69
  {% endif %}
70
70
 
71
- {% if not _nav and _tabs %}
71
+ {% if _tabs %}
72
72
  {% set attributes = attributes.setAttribute('role', 'tablist') %}
73
73
  {% endif %}
74
74
  {% set attributes = attributes.addClass(_classes) %}
@@ -109,9 +109,14 @@
109
109
  <li
110
110
  class="{{ _nav_class }}"
111
111
  {% if _tabs %}
112
- role="presentation"
112
+ role="tab"
113
113
  {% endif %}
114
114
  >
115
+ {% elseif _tabs %}
116
+ {% set _item = _item|merge({
117
+ attributes: _item.attributes.setAttribute("role", "tab"),
118
+ })
119
+ %}
115
120
  {% endif %}
116
121
  {% if _item.dropdown is defined %}
117
122
  {% include '@oe-bcl/bcl-dropdown/dropdown.html.twig' with _item only %}
package/templates/bcl-pagination/pagination.html.twig CHANGED
@@ -12,6 +12,7 @@
12
12
  - path (string)
13
13
  - label (string)
14
14
  - disabled (boolean)
15
+ - aria_label (string)
15
16
  - icon (Icon component)
16
17
  }
17
18
  - next (object)
@@ -19,6 +20,7 @@
19
20
  - path (string)
20
21
  - label (string)
21
22
  - disabled (boolean)
23
+ - aria_label (string)
22
24
  - icon (Icon component)
23
25
  }
24
26
  - items (array of objects)
@@ -75,6 +77,9 @@
75
77
  tabindex="-1"
76
78
  aria-disabled="true"
77
79
  {% endif %}
80
+ {%- if _prev.aria_label -%}
81
+ aria-label="{{ _prev.aria_label }}"
82
+ {%- endif -%}
78
83
  >
79
84
  {%- if _enable_icon -%}
80
85
  {%- if _prev.icon is not empty -%}
@@ -127,6 +132,9 @@
127
132
  tabindex="-1"
128
133
  aria-disabled="true"
129
134
  {% endif %}
135
+ {%- if _next.aria_label -%}
136
+ aria-label="{{ _next.aria_label }}"
137
+ {%- endif -%}
130
138
  >
131
139
  {%- if _enable_icon -%}
132
140
  {%- if _next.icon is not empty -%}
package/templates/bcl-progress/progress.html.twig CHANGED
@@ -53,6 +53,7 @@
53
53
  role="progressbar"
54
54
  style="width: {{ _progress }}%"
55
55
  aria-valuenow="{{ _progress }}"
56
+ aria-label="{{ _progress }}"
56
57
  aria-valuemin="{{ _min }}"
57
58
  aria-valuemax="{{ _max }}"
58
59
  >
package/templates/bcl-toast/toasts.html.twig CHANGED
@@ -86,6 +86,7 @@
86
86
  {% if _with_close %}
87
87
  {% set button_attributes = create_attribute()
88
88
  .addClass(['btn-close'])
89
+ .setAttribute('aria-label', 'close')
89
90
  .setAttribute('data-bs-dismiss', 'toast')
90
91
  %}
91
92
  {%- include '@oe-bcl/bcl-button/button.html.twig' with {
package/templates/bcl-user/user-view.html.twig CHANGED
@@ -12,7 +12,7 @@
12
12
  </div>
13
13
  </div>
14
14
  <div class="my-3">
15
- <h4 class="fw-bold mb-4">Personal information</h4>
15
+ <h3 class="fw-bold mb-4">Personal information</h3>
16
16
  <div class="row">
17
17
  <div class="col-12 col-md-6">
18
18
  <div class="row">
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </div>
63
63
  <div class="my-3">
64
- <h4 class="fw-bold mb-4">Professional information</h4>
64
+ <h3 class="fw-bold mb-4">Professional information</h3>
65
65
  <div class="row">
66
66
  <div class="col-12 col-md-6">
67
67
  <div class="row">