@openeuropa/bcl-twig-templates 1.15.0 → 1.16.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 (4) hide show
  1. package/package.json +67 -67
  2. package/templates/bcl-fact-figures/fact-figures.html.twig +12 -2
  3. package/templates/bcl-gallery/gallery.html.twig +7 -1
  4. package/templates/bcl-icon/icon.html.twig +1 -1
package/package.json CHANGED
@@ -2,77 +2,77 @@
2
2
  "name": "@openeuropa/bcl-twig-templates",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "1.15.0",
5
+ "version": "1.16.0",
6
6
  "description": "OE Bcl Twig Templates",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
10
10
  "devDependencies": {
11
- "@openeuropa/bcl-accordion": "^1.15.0",
12
- "@openeuropa/bcl-alert": "^1.15.0",
13
- "@openeuropa/bcl-badge": "^1.15.0",
14
- "@openeuropa/bcl-banner": "^1.15.0",
15
- "@openeuropa/bcl-base-templates": "^1.15.0",
16
- "@openeuropa/bcl-blockquote": "^1.15.0",
17
- "@openeuropa/bcl-breadcrumb": "^1.15.0",
18
- "@openeuropa/bcl-button": "^1.15.0",
19
- "@openeuropa/bcl-button-group": "^1.15.0",
20
- "@openeuropa/bcl-card": "^1.15.0",
21
- "@openeuropa/bcl-card-layout": "^1.15.0",
22
- "@openeuropa/bcl-carousel": "^1.15.0",
23
- "@openeuropa/bcl-contact-form": "^1.15.0",
24
- "@openeuropa/bcl-content-banner": "^1.15.0",
25
- "@openeuropa/bcl-date-block": "^1.15.0",
26
- "@openeuropa/bcl-description-list": "^1.15.0",
27
- "@openeuropa/bcl-dropdown": "^1.15.0",
28
- "@openeuropa/bcl-event": "^1.15.0",
29
- "@openeuropa/bcl-fact-figures": "^1.15.0",
30
- "@openeuropa/bcl-featured-media": "^1.15.0",
31
- "@openeuropa/bcl-file": "^1.15.0",
32
- "@openeuropa/bcl-footer": "^1.15.0",
33
- "@openeuropa/bcl-form": "^1.15.0",
34
- "@openeuropa/bcl-form-input": "^1.15.0",
35
- "@openeuropa/bcl-gallery": "^1.15.0",
36
- "@openeuropa/bcl-glossary": "^1.15.0",
37
- "@openeuropa/bcl-group": "^1.15.0",
38
- "@openeuropa/bcl-header": "^1.15.0",
39
- "@openeuropa/bcl-heading": "^1.15.0",
40
- "@openeuropa/bcl-icon": "^1.15.0",
41
- "@openeuropa/bcl-inpage-navigation": "^1.15.0",
42
- "@openeuropa/bcl-landing-page": "^1.15.0",
43
- "@openeuropa/bcl-language-list": "^1.15.0",
44
- "@openeuropa/bcl-language-switcher": "^1.15.0",
45
- "@openeuropa/bcl-link": "^1.15.0",
46
- "@openeuropa/bcl-links-block": "^1.15.0",
47
- "@openeuropa/bcl-list-group": "^1.15.0",
48
- "@openeuropa/bcl-listing": "^1.15.0",
49
- "@openeuropa/bcl-mega-menu": "^1.15.0",
50
- "@openeuropa/bcl-modal": "^1.15.0",
51
- "@openeuropa/bcl-multilingual": "^1.15.0",
52
- "@openeuropa/bcl-navbar": "^1.15.0",
53
- "@openeuropa/bcl-navigation": "^1.15.0",
54
- "@openeuropa/bcl-news": "^1.15.0",
55
- "@openeuropa/bcl-offcanvas": "^1.15.0",
56
- "@openeuropa/bcl-page": "^1.15.0",
57
- "@openeuropa/bcl-pagination": "^1.15.0",
58
- "@openeuropa/bcl-pagination-v2": "^1.15.0",
59
- "@openeuropa/bcl-person": "^1.15.0",
60
- "@openeuropa/bcl-placeholder": "^1.15.0",
61
- "@openeuropa/bcl-progress": "^1.15.0",
62
- "@openeuropa/bcl-project": "^1.15.0",
63
- "@openeuropa/bcl-project-status": "^1.15.0",
64
- "@openeuropa/bcl-recent-activities": "^1.15.0",
65
- "@openeuropa/bcl-search": "^1.15.0",
66
- "@openeuropa/bcl-search-form": "^1.15.0",
67
- "@openeuropa/bcl-select": "^1.15.0",
68
- "@openeuropa/bcl-spinner": "^1.15.0",
69
- "@openeuropa/bcl-subscription": "^1.15.0",
70
- "@openeuropa/bcl-subscription-block": "^1.15.0",
71
- "@openeuropa/bcl-table": "^1.15.0",
72
- "@openeuropa/bcl-textarea": "^1.15.0",
73
- "@openeuropa/bcl-timeline": "^1.15.0",
74
- "@openeuropa/bcl-toasts": "^1.15.0",
75
- "@openeuropa/bcl-user": "^1.15.0",
11
+ "@openeuropa/bcl-accordion": "^1.16.0",
12
+ "@openeuropa/bcl-alert": "^1.16.0",
13
+ "@openeuropa/bcl-badge": "^1.16.0",
14
+ "@openeuropa/bcl-banner": "^1.16.0",
15
+ "@openeuropa/bcl-base-templates": "^1.16.0",
16
+ "@openeuropa/bcl-blockquote": "^1.16.0",
17
+ "@openeuropa/bcl-breadcrumb": "^1.16.0",
18
+ "@openeuropa/bcl-button": "^1.16.0",
19
+ "@openeuropa/bcl-button-group": "^1.16.0",
20
+ "@openeuropa/bcl-card": "^1.16.0",
21
+ "@openeuropa/bcl-card-layout": "^1.16.0",
22
+ "@openeuropa/bcl-carousel": "^1.16.0",
23
+ "@openeuropa/bcl-contact-form": "^1.16.0",
24
+ "@openeuropa/bcl-content-banner": "^1.16.0",
25
+ "@openeuropa/bcl-date-block": "^1.16.0",
26
+ "@openeuropa/bcl-description-list": "^1.16.0",
27
+ "@openeuropa/bcl-dropdown": "^1.16.0",
28
+ "@openeuropa/bcl-event": "^1.16.0",
29
+ "@openeuropa/bcl-fact-figures": "^1.16.0",
30
+ "@openeuropa/bcl-featured-media": "^1.16.0",
31
+ "@openeuropa/bcl-file": "^1.16.0",
32
+ "@openeuropa/bcl-footer": "^1.16.0",
33
+ "@openeuropa/bcl-form": "^1.16.0",
34
+ "@openeuropa/bcl-form-input": "^1.16.0",
35
+ "@openeuropa/bcl-gallery": "^1.16.0",
36
+ "@openeuropa/bcl-glossary": "^1.16.0",
37
+ "@openeuropa/bcl-group": "^1.16.0",
38
+ "@openeuropa/bcl-header": "^1.16.0",
39
+ "@openeuropa/bcl-heading": "^1.16.0",
40
+ "@openeuropa/bcl-icon": "^1.16.0",
41
+ "@openeuropa/bcl-inpage-navigation": "^1.16.0",
42
+ "@openeuropa/bcl-landing-page": "^1.16.0",
43
+ "@openeuropa/bcl-language-list": "^1.16.0",
44
+ "@openeuropa/bcl-language-switcher": "^1.16.0",
45
+ "@openeuropa/bcl-link": "^1.16.0",
46
+ "@openeuropa/bcl-links-block": "^1.16.0",
47
+ "@openeuropa/bcl-list-group": "^1.16.0",
48
+ "@openeuropa/bcl-listing": "^1.16.0",
49
+ "@openeuropa/bcl-mega-menu": "^1.16.0",
50
+ "@openeuropa/bcl-modal": "^1.16.0",
51
+ "@openeuropa/bcl-multilingual": "^1.16.0",
52
+ "@openeuropa/bcl-navbar": "^1.16.0",
53
+ "@openeuropa/bcl-navigation": "^1.16.0",
54
+ "@openeuropa/bcl-news": "^1.16.0",
55
+ "@openeuropa/bcl-offcanvas": "^1.16.0",
56
+ "@openeuropa/bcl-page": "^1.16.0",
57
+ "@openeuropa/bcl-pagination": "^1.16.0",
58
+ "@openeuropa/bcl-pagination-v2": "^1.16.0",
59
+ "@openeuropa/bcl-person": "^1.16.0",
60
+ "@openeuropa/bcl-placeholder": "^1.16.0",
61
+ "@openeuropa/bcl-progress": "^1.16.0",
62
+ "@openeuropa/bcl-project": "^1.16.0",
63
+ "@openeuropa/bcl-project-status": "^1.16.0",
64
+ "@openeuropa/bcl-recent-activities": "^1.16.0",
65
+ "@openeuropa/bcl-search": "^1.16.0",
66
+ "@openeuropa/bcl-search-form": "^1.16.0",
67
+ "@openeuropa/bcl-select": "^1.16.0",
68
+ "@openeuropa/bcl-spinner": "^1.16.0",
69
+ "@openeuropa/bcl-subscription": "^1.16.0",
70
+ "@openeuropa/bcl-subscription-block": "^1.16.0",
71
+ "@openeuropa/bcl-table": "^1.16.0",
72
+ "@openeuropa/bcl-textarea": "^1.16.0",
73
+ "@openeuropa/bcl-timeline": "^1.16.0",
74
+ "@openeuropa/bcl-toasts": "^1.16.0",
75
+ "@openeuropa/bcl-user": "^1.16.0",
76
76
  "copyfiles": "2.4.1",
77
77
  "rimraf": "6.1.3"
78
78
  },
@@ -95,5 +95,5 @@
95
95
  "design-system",
96
96
  "twig"
97
97
  ],
98
- "gitHead": "868b163b5f0801482e4b4c3f609137a4e3f29760"
98
+ "gitHead": "94a2e0318137d3fca392a750a369891a866ccfc0"
99
99
  }
package/templates/bcl-fact-figures/fact-figures.html.twig CHANGED
@@ -17,8 +17,13 @@
17
17
  - responsive_columns (integer) (default: 3)
18
18
  - gutter (int) (default: 4)
19
19
  - equal_height (boolean) (default: false)
20
+ - alignment (string) (default: 'left')
21
+ options: left, center
22
+ Center alignment keeps item descriptions left-aligned.
20
23
  - cols_extra_classes (string) (default: '')
21
24
  - icon_path (string) (default: '')
25
+ - icon_size (string) (default: '3xl')
26
+ options: l, 3xl
22
27
  - link_more (object of type link) (default {})
23
28
  #}
24
29
 
@@ -34,8 +39,10 @@
34
39
  {% set _responsive_columns = responsive_columns|default(3) %}
35
40
  {% set _gutter = gutter|default(4) %}
36
41
  {% set _equal_height = equal_height ?? false %}
42
+ {% set _alignment = alignment|default('left') %}
37
43
  {% set _cols_extra_classes = cols_extra_classes|default('') %}
38
44
  {% set _icon_path = icon_path|default('') %}
45
+ {% set _icon_size = icon_size|default('3xl') %}
39
46
  {% set _link_more = link_more|default({}) %}
40
47
 
41
48
  {%- set _cols_classes = 'col' %}
@@ -61,6 +68,9 @@
61
68
  {% if _equal_height %}
62
69
  {%- set _cols_classes = _cols_classes ~ ' h-100' %}
63
70
  {% endif %}
71
+ {% if _alignment == 'center' %}
72
+ {%- set _cols_classes = _cols_classes ~ ' text-center' %}
73
+ {% endif %}
64
74
  {% if attributes is empty %}
65
75
  {%- set attributes = create_attribute() %}
66
76
  {% endif %}
@@ -90,7 +100,7 @@
90
100
  {%- set _item = _item|merge({
91
101
  icon: _item.icon|merge({
92
102
  path: _icon_path,
93
- size: 'l',
103
+ size: _icon_size,
94
104
  attributes: _icon_attributes.addClass(['mb-2', 'icon--primary']),
95
105
  })
96
106
  }) %}
@@ -107,7 +117,7 @@
107
117
  </div>
108
118
  {%- endif %}
109
119
  {%- if _item.description is defined and _item.description is not empty -%}
110
- <p>
120
+ <p{% if _alignment == 'center' %} class="text-start"{% endif %}>
111
121
  {{- _item.description -}}
112
122
  </p>
113
123
  {%- endif -%}
package/templates/bcl-gallery/gallery.html.twig CHANGED
@@ -11,6 +11,7 @@ Parameters:
11
11
  - next_label (string) (default: 'Next')
12
12
  - prev_label (string) (default: 'Previous')
13
13
  - max_visible_thumbnails (int) (default: 5)
14
+ - thumbnail_fit (string) (default: ''): 'cover'
14
15
  - items (object[]) format: [
15
16
  {
16
17
  thumbnail (string) img path
@@ -39,6 +40,7 @@ Parameters:
39
40
  {% set _next_label = next_label|default('Next') %}
40
41
  {% set _prev_label = prev_label|default('Previous') %}
41
42
  {% set _max_visible_thumbnails = max_visible_thumbnails|default(5) %}
43
+ {% set _thumbnail_fit = thumbnail_fit|default('') %}
42
44
  {% set _items = items|default([]) %}
43
45
  {% set _icon_path = icon_path|default('') %}
44
46
  {% set _carousel_id = "carousel" ~ _id|capitalize %}
@@ -50,7 +52,11 @@ Parameters:
50
52
  {%- set attributes = create_attribute() %}
51
53
  {% endif %}
52
54
 
53
- {%- set attributes = attributes.addClass('bcl-gallery') %}
55
+ {%- set _classes = ['bcl-gallery'] %}
56
+ {%- if _thumbnail_fit == 'cover' %}
57
+ {%- set _classes = _classes|merge(['bcl-gallery--thumbnail-cover']) %}
58
+ {%- endif %}
59
+ {%- set attributes = attributes.addClass(_classes) %}
54
60
 
55
61
  {%- if _items is not empty and _items is iterable -%}
56
62
  <div
package/templates/bcl-icon/icon.html.twig CHANGED
@@ -2,7 +2,7 @@
2
2
  - name (string) (default: '')
3
3
  - path (string) (default: '')
4
4
  - size (string) (default: 's')
5
- - options ['2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', 'fluid']
5
+ - options ['2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl', 'fluid']
6
6
  - transformation (string) (default: '')
7
7
  - options ['rotate-90', 'rotate-180', 'rotate-270', 'flip-horizontal', 'flip-vertical']
8
8
  - attributes (drupal attrs)