@openeuropa/bcl-twig-templates 1.14.0 → 1.16.0

package/package.json

@@ -2,84 +2,84 @@
   "name": "@openeuropa/bcl-twig-templates",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "1.14.0",
+  "version": "1.16.0",
   "description": "OE Bcl Twig Templates",
   "publishConfig": {
     "access": "public"
   },
   "devDependencies": {
-    "@openeuropa/bcl-accordion": "^1.14.0",
-    "@openeuropa/bcl-alert": "^1.14.0",
-    "@openeuropa/bcl-badge": "^1.14.0",
-    "@openeuropa/bcl-banner": "^1.14.0",
-    "@openeuropa/bcl-base-templates": "^1.14.0",
-    "@openeuropa/bcl-blockquote": "^1.14.0",
-    "@openeuropa/bcl-breadcrumb": "^1.14.0",
-    "@openeuropa/bcl-button": "^1.14.0",
-    "@openeuropa/bcl-button-group": "^1.14.0",
-    "@openeuropa/bcl-card": "^1.14.0",
-    "@openeuropa/bcl-card-layout": "^1.14.0",
-    "@openeuropa/bcl-carousel": "^1.14.0",
-    "@openeuropa/bcl-contact-form": "^1.14.0",
-    "@openeuropa/bcl-content-banner": "^1.14.0",
-    "@openeuropa/bcl-date-block": "^1.14.0",
-    "@openeuropa/bcl-description-list": "^1.14.0",
-    "@openeuropa/bcl-dropdown": "^1.14.0",
-    "@openeuropa/bcl-event": "^1.14.0",
-    "@openeuropa/bcl-fact-figures": "^1.14.0",
-    "@openeuropa/bcl-featured-media": "^1.14.0",
-    "@openeuropa/bcl-file": "^1.14.0",
-    "@openeuropa/bcl-footer": "^1.14.0",
-    "@openeuropa/bcl-form": "^1.14.0",
-    "@openeuropa/bcl-form-input": "^1.14.0",
-    "@openeuropa/bcl-gallery": "^1.14.0",
-    "@openeuropa/bcl-glossary": "^1.14.0",
-    "@openeuropa/bcl-group": "^1.14.0",
-    "@openeuropa/bcl-header": "^1.14.0",
-    "@openeuropa/bcl-heading": "^1.14.0",
-    "@openeuropa/bcl-icon": "^1.14.0",
-    "@openeuropa/bcl-inpage-navigation": "^1.14.0",
-    "@openeuropa/bcl-landing-page": "^1.14.0",
-    "@openeuropa/bcl-language-list": "^1.14.0",
-    "@openeuropa/bcl-language-switcher": "^1.14.0",
-    "@openeuropa/bcl-link": "^1.14.0",
-    "@openeuropa/bcl-links-block": "^1.14.0",
-    "@openeuropa/bcl-list-group": "^1.14.0",
-    "@openeuropa/bcl-listing": "^1.14.0",
-    "@openeuropa/bcl-mega-menu": "^1.14.0",
-    "@openeuropa/bcl-modal": "^1.14.0",
-    "@openeuropa/bcl-multilingual": "^1.14.0",
-    "@openeuropa/bcl-navbar": "^1.14.0",
-    "@openeuropa/bcl-navigation": "^1.14.0",
-    "@openeuropa/bcl-news": "^1.14.0",
-    "@openeuropa/bcl-offcanvas": "^1.14.0",
-    "@openeuropa/bcl-page": "^1.14.0",
-    "@openeuropa/bcl-pagination": "^1.14.0",
-    "@openeuropa/bcl-pagination-v2": "^1.14.0",
-    "@openeuropa/bcl-person": "^1.14.0",
-    "@openeuropa/bcl-placeholder": "^1.14.0",
-    "@openeuropa/bcl-progress": "^1.14.0",
-    "@openeuropa/bcl-project": "^1.14.0",
-    "@openeuropa/bcl-project-status": "^1.14.0",
-    "@openeuropa/bcl-recent-activities": "^1.14.0",
-    "@openeuropa/bcl-search": "^1.14.0",
-    "@openeuropa/bcl-search-form": "^1.14.0",
-    "@openeuropa/bcl-select": "^1.14.0",
-    "@openeuropa/bcl-spinner": "^1.14.0",
-    "@openeuropa/bcl-subscription": "^1.14.0",
-    "@openeuropa/bcl-subscription-block": "^1.14.0",
-    "@openeuropa/bcl-table": "^1.14.0",
-    "@openeuropa/bcl-textarea": "^1.14.0",
-    "@openeuropa/bcl-timeline": "^1.14.0",
-    "@openeuropa/bcl-toasts": "^1.14.0",
-    "@openeuropa/bcl-user": "^1.14.0",
+    "@openeuropa/bcl-accordion": "^1.16.0",
+    "@openeuropa/bcl-alert": "^1.16.0",
+    "@openeuropa/bcl-badge": "^1.16.0",
+    "@openeuropa/bcl-banner": "^1.16.0",
+    "@openeuropa/bcl-base-templates": "^1.16.0",
+    "@openeuropa/bcl-blockquote": "^1.16.0",
+    "@openeuropa/bcl-breadcrumb": "^1.16.0",
+    "@openeuropa/bcl-button": "^1.16.0",
+    "@openeuropa/bcl-button-group": "^1.16.0",
+    "@openeuropa/bcl-card": "^1.16.0",
+    "@openeuropa/bcl-card-layout": "^1.16.0",
+    "@openeuropa/bcl-carousel": "^1.16.0",
+    "@openeuropa/bcl-contact-form": "^1.16.0",
+    "@openeuropa/bcl-content-banner": "^1.16.0",
+    "@openeuropa/bcl-date-block": "^1.16.0",
+    "@openeuropa/bcl-description-list": "^1.16.0",
+    "@openeuropa/bcl-dropdown": "^1.16.0",
+    "@openeuropa/bcl-event": "^1.16.0",
+    "@openeuropa/bcl-fact-figures": "^1.16.0",
+    "@openeuropa/bcl-featured-media": "^1.16.0",
+    "@openeuropa/bcl-file": "^1.16.0",
+    "@openeuropa/bcl-footer": "^1.16.0",
+    "@openeuropa/bcl-form": "^1.16.0",
+    "@openeuropa/bcl-form-input": "^1.16.0",
+    "@openeuropa/bcl-gallery": "^1.16.0",
+    "@openeuropa/bcl-glossary": "^1.16.0",
+    "@openeuropa/bcl-group": "^1.16.0",
+    "@openeuropa/bcl-header": "^1.16.0",
+    "@openeuropa/bcl-heading": "^1.16.0",
+    "@openeuropa/bcl-icon": "^1.16.0",
+    "@openeuropa/bcl-inpage-navigation": "^1.16.0",
+    "@openeuropa/bcl-landing-page": "^1.16.0",
+    "@openeuropa/bcl-language-list": "^1.16.0",
+    "@openeuropa/bcl-language-switcher": "^1.16.0",
+    "@openeuropa/bcl-link": "^1.16.0",
+    "@openeuropa/bcl-links-block": "^1.16.0",
+    "@openeuropa/bcl-list-group": "^1.16.0",
+    "@openeuropa/bcl-listing": "^1.16.0",
+    "@openeuropa/bcl-mega-menu": "^1.16.0",
+    "@openeuropa/bcl-modal": "^1.16.0",
+    "@openeuropa/bcl-multilingual": "^1.16.0",
+    "@openeuropa/bcl-navbar": "^1.16.0",
+    "@openeuropa/bcl-navigation": "^1.16.0",
+    "@openeuropa/bcl-news": "^1.16.0",
+    "@openeuropa/bcl-offcanvas": "^1.16.0",
+    "@openeuropa/bcl-page": "^1.16.0",
+    "@openeuropa/bcl-pagination": "^1.16.0",
+    "@openeuropa/bcl-pagination-v2": "^1.16.0",
+    "@openeuropa/bcl-person": "^1.16.0",
+    "@openeuropa/bcl-placeholder": "^1.16.0",
+    "@openeuropa/bcl-progress": "^1.16.0",
+    "@openeuropa/bcl-project": "^1.16.0",
+    "@openeuropa/bcl-project-status": "^1.16.0",
+    "@openeuropa/bcl-recent-activities": "^1.16.0",
+    "@openeuropa/bcl-search": "^1.16.0",
+    "@openeuropa/bcl-search-form": "^1.16.0",
+    "@openeuropa/bcl-select": "^1.16.0",
+    "@openeuropa/bcl-spinner": "^1.16.0",
+    "@openeuropa/bcl-subscription": "^1.16.0",
+    "@openeuropa/bcl-subscription-block": "^1.16.0",
+    "@openeuropa/bcl-table": "^1.16.0",
+    "@openeuropa/bcl-textarea": "^1.16.0",
+    "@openeuropa/bcl-timeline": "^1.16.0",
+    "@openeuropa/bcl-toasts": "^1.16.0",
+    "@openeuropa/bcl-user": "^1.16.0",
     "copyfiles": "2.4.1",
     "rimraf": "6.1.3"
   },
   "scripts": {
     "clean": "rimraf templates",
     "copy": "node bin/copy-templates.js",
-    "prepublish": "npm run clean && npm run copy"
+    "prepublish": "pnpm run clean && pnpm run copy"
   },
   "repository": {
     "type": "git",
@@ -95,5 +95,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "7143a6ff676f05f357e8553fd79c8fecb3137686"
+  "gitHead": "94a2e0318137d3fca392a750a369891a866ccfc0"
 }

package/templates/bcl-fact-figures/fact-figures.html.twig

@@ -17,8 +17,13 @@
   - responsive_columns (integer) (default: 3)
   - gutter (int) (default: 4)
   - equal_height (boolean) (default: false)
+  - alignment (string) (default: 'left')
+      options: left, center
+      Center alignment keeps item descriptions left-aligned.
   - cols_extra_classes (string) (default: '')
   - icon_path (string) (default: '')
+  - icon_size (string) (default: '3xl')
+      options: l, 3xl
   - link_more (object of type link) (default {})
 #}
 
@@ -34,8 +39,10 @@
 {% set _responsive_columns = responsive_columns|default(3) %}
 {% set _gutter = gutter|default(4) %}
 {% set _equal_height = equal_height ?? false %}
+{% set _alignment = alignment|default('left') %}
 {% set _cols_extra_classes = cols_extra_classes|default('') %}
 {% set _icon_path = icon_path|default('') %}
+{% set _icon_size = icon_size|default('3xl') %}
 {% set _link_more = link_more|default({}) %}
 
 {%- set _cols_classes = 'col' %}
@@ -61,6 +68,9 @@
 {% if _equal_height %}
   {%- set _cols_classes = _cols_classes ~ ' h-100' %}
 {% endif %}
+{% if _alignment == 'center' %}
+  {%- set _cols_classes = _cols_classes ~ ' text-center' %}
+{% endif %}
 {% if attributes is empty %}
   {%- set attributes = create_attribute() %}
 {% endif %}
@@ -90,7 +100,7 @@
         {%- set _item = _item|merge({
           icon: _item.icon|merge({
             path: _icon_path,
-            size: 'l',
+            size: _icon_size,
             attributes: _icon_attributes.addClass(['mb-2', 'icon--primary']),
           })
         }) %}
@@ -107,7 +117,7 @@
         </div>
       {%- endif %}
       {%- if _item.description is defined and _item.description is not empty -%}
-        <p>
+        <p{% if _alignment == 'center' %} class="text-start"{% endif %}>
           {{- _item.description -}}
         </p>
       {%- endif -%}

package/templates/bcl-gallery/gallery.html.twig

@@ -11,6 +11,7 @@ Parameters:
   - next_label (string) (default: 'Next')
   - prev_label (string) (default: 'Previous')
   - max_visible_thumbnails (int) (default: 5)
+  - thumbnail_fit (string) (default: ''): 'cover'
   - items (object[]) format: [
       {
         thumbnail (string) img path
@@ -39,6 +40,7 @@ Parameters:
 {% set _next_label = next_label|default('Next') %}
 {% set _prev_label = prev_label|default('Previous') %}
 {% set _max_visible_thumbnails = max_visible_thumbnails|default(5) %}
+{% set _thumbnail_fit = thumbnail_fit|default('') %}
 {% set _items = items|default([]) %}
 {% set _icon_path = icon_path|default('') %}
 {% set _carousel_id = "carousel" ~ _id|capitalize %}
@@ -50,7 +52,11 @@ Parameters:
   {%- set attributes = create_attribute() %}
 {% endif %}
 
-{%- set attributes = attributes.addClass('bcl-gallery') %}
+{%- set _classes = ['bcl-gallery'] %}
+{%- if _thumbnail_fit == 'cover' %}
+  {%- set _classes = _classes|merge(['bcl-gallery--thumbnail-cover']) %}
+{%- endif %}
+{%- set attributes = attributes.addClass(_classes) %}
 
 {%- if _items is not empty and _items is iterable -%}
 <div

package/templates/bcl-icon/icon.html.twig

@@ -2,7 +2,7 @@
   - name (string) (default: '')
   - path (string) (default: '')
   - size (string) (default: 's')
-    - options ['2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', 'fluid']
+    - options ['2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl', 'fluid']
   - transformation (string) (default: '')
     - options ['rotate-90', 'rotate-180', 'rotate-270', 'flip-horizontal', 'flip-vertical']
   - attributes (drupal attrs)

package/templates/bcl-listing/listing.html.twig

@@ -47,7 +47,7 @@
     title: _title,
     title_tag: _title_tag,
     title_link: _title_link,
-    title_attributes: _title_attributes,
+    attributes: _title_attributes,
   } only %}
 {% endif %}
 
@@ -187,7 +187,7 @@
   {%- set _link_attributes = _link_attributes.addClass(['mt-3-5', 'd-inline-block']) %}
   {%- include '@oe-bcl/bcl-link/link.html.twig' with _link|merge({
     attributes: _link_attributes,
-    icon: _link.icon|merge({
+    icon: _link.icon|default({})|merge({
       name: 'chevron-right',
       size: 'xs',
     }),