@openeuropa/bcl-twig-templates 1.10.7 → 1.10.9

package/package.json

@@ -2,7 +2,7 @@
   "name": "@openeuropa/bcl-twig-templates",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "1.10.7",
+  "version": "1.10.9",
   "description": "OE Bcl Twig Templates",
   "publishConfig": {
     "access": "public"
@@ -11,70 +11,71 @@
     "hoistingLimits": "workspaces"
   },
   "devDependencies": {
-    "@openeuropa/bcl-accordion": "^1.10.7",
-    "@openeuropa/bcl-alert": "^1.10.7",
-    "@openeuropa/bcl-badge": "^1.10.7",
-    "@openeuropa/bcl-banner": "^1.10.7",
-    "@openeuropa/bcl-base-templates": "^1.10.7",
-    "@openeuropa/bcl-blockquote": "^1.10.7",
-    "@openeuropa/bcl-breadcrumb": "^1.10.7",
-    "@openeuropa/bcl-button": "^1.10.7",
-    "@openeuropa/bcl-button-group": "^1.10.7",
-    "@openeuropa/bcl-card": "^1.10.7",
-    "@openeuropa/bcl-card-layout": "^1.10.7",
-    "@openeuropa/bcl-carousel": "^1.10.7",
-    "@openeuropa/bcl-contact-form": "^1.10.7",
-    "@openeuropa/bcl-content-banner": "^1.10.7",
-    "@openeuropa/bcl-date-block": "^1.10.7",
-    "@openeuropa/bcl-description-list": "^1.10.7",
-    "@openeuropa/bcl-dropdown": "^1.10.7",
-    "@openeuropa/bcl-event": "^1.10.7",
-    "@openeuropa/bcl-fact-figures": "^1.10.7",
-    "@openeuropa/bcl-featured-media": "^1.10.7",
-    "@openeuropa/bcl-file": "^1.10.7",
-    "@openeuropa/bcl-footer": "^1.10.7",
-    "@openeuropa/bcl-form": "^1.10.7",
-    "@openeuropa/bcl-form-input": "^1.10.7",
-    "@openeuropa/bcl-gallery": "^1.10.7",
-    "@openeuropa/bcl-glossary": "^1.10.7",
-    "@openeuropa/bcl-group": "^1.10.7",
-    "@openeuropa/bcl-header": "^1.10.7",
-    "@openeuropa/bcl-heading": "^1.10.7",
-    "@openeuropa/bcl-icon": "^1.10.7",
-    "@openeuropa/bcl-inpage-navigation": "^1.10.7",
-    "@openeuropa/bcl-landing-page": "^1.10.7",
-    "@openeuropa/bcl-language-list": "^1.10.7",
-    "@openeuropa/bcl-language-switcher": "^1.10.7",
-    "@openeuropa/bcl-link": "^1.10.7",
-    "@openeuropa/bcl-links-block": "^1.10.7",
-    "@openeuropa/bcl-list-group": "^1.10.7",
-    "@openeuropa/bcl-listing": "^1.10.7",
-    "@openeuropa/bcl-mega-menu": "^1.10.7",
-    "@openeuropa/bcl-modal": "^1.10.7",
-    "@openeuropa/bcl-multilingual": "^1.10.7",
-    "@openeuropa/bcl-navbar": "^1.10.7",
-    "@openeuropa/bcl-navigation": "^1.10.7",
-    "@openeuropa/bcl-news": "^1.10.7",
-    "@openeuropa/bcl-offcanvas": "^1.10.7",
-    "@openeuropa/bcl-page": "^1.10.7",
-    "@openeuropa/bcl-pagination": "^1.10.7",
-    "@openeuropa/bcl-person": "^1.10.7",
-    "@openeuropa/bcl-placeholder": "^1.10.7",
-    "@openeuropa/bcl-progress": "^1.10.7",
-    "@openeuropa/bcl-project": "^1.10.7",
-    "@openeuropa/bcl-project-status": "^1.10.7",
-    "@openeuropa/bcl-recent-activities": "^1.10.7",
-    "@openeuropa/bcl-search": "^1.10.7",
-    "@openeuropa/bcl-search-form": "^1.10.7",
-    "@openeuropa/bcl-select": "^1.10.7",
-    "@openeuropa/bcl-spinner": "^1.10.7",
-    "@openeuropa/bcl-subscription": "^1.10.7",
-    "@openeuropa/bcl-subscription-block": "^1.10.7",
-    "@openeuropa/bcl-table": "^1.10.7",
-    "@openeuropa/bcl-textarea": "^1.10.7",
-    "@openeuropa/bcl-timeline": "^1.10.7",
-    "@openeuropa/bcl-toast": "^1.10.7",
-    "@openeuropa/bcl-user": "^1.10.7",
+    "@openeuropa/bcl-accordion": "^1.10.9",
+    "@openeuropa/bcl-alert": "^1.10.9",
+    "@openeuropa/bcl-badge": "^1.10.9",
+    "@openeuropa/bcl-banner": "^1.10.9",
+    "@openeuropa/bcl-base-templates": "^1.10.9",
+    "@openeuropa/bcl-blockquote": "^1.10.9",
+    "@openeuropa/bcl-breadcrumb": "^1.10.9",
+    "@openeuropa/bcl-button": "^1.10.9",
+    "@openeuropa/bcl-button-group": "^1.10.9",
+    "@openeuropa/bcl-card": "^1.10.9",
+    "@openeuropa/bcl-card-layout": "^1.10.9",
+    "@openeuropa/bcl-carousel": "^1.10.9",
+    "@openeuropa/bcl-contact-form": "^1.10.9",
+    "@openeuropa/bcl-content-banner": "^1.10.9",
+    "@openeuropa/bcl-date-block": "^1.10.9",
+    "@openeuropa/bcl-description-list": "^1.10.9",
+    "@openeuropa/bcl-dropdown": "^1.10.9",
+    "@openeuropa/bcl-event": "^1.10.9",
+    "@openeuropa/bcl-fact-figures": "^1.10.9",
+    "@openeuropa/bcl-featured-media": "^1.10.9",
+    "@openeuropa/bcl-file": "^1.10.9",
+    "@openeuropa/bcl-footer": "^1.10.9",
+    "@openeuropa/bcl-form": "^1.10.9",
+    "@openeuropa/bcl-form-input": "^1.10.9",
+    "@openeuropa/bcl-gallery": "^1.10.9",
+    "@openeuropa/bcl-glossary": "^1.10.9",
+    "@openeuropa/bcl-group": "^1.10.9",
+    "@openeuropa/bcl-header": "^1.10.9",
+    "@openeuropa/bcl-heading": "^1.10.9",
+    "@openeuropa/bcl-icon": "^1.10.9",
+    "@openeuropa/bcl-inpage-navigation": "^1.10.9",
+    "@openeuropa/bcl-landing-page": "^1.10.9",
+    "@openeuropa/bcl-language-list": "^1.10.9",
+    "@openeuropa/bcl-language-switcher": "^1.10.9",
+    "@openeuropa/bcl-link": "^1.10.9",
+    "@openeuropa/bcl-links-block": "^1.10.9",
+    "@openeuropa/bcl-list-group": "^1.10.9",
+    "@openeuropa/bcl-listing": "^1.10.9",
+    "@openeuropa/bcl-mega-menu": "^1.10.9",
+    "@openeuropa/bcl-modal": "^1.10.9",
+    "@openeuropa/bcl-multilingual": "^1.10.9",
+    "@openeuropa/bcl-navbar": "^1.10.9",
+    "@openeuropa/bcl-navigation": "^1.10.9",
+    "@openeuropa/bcl-news": "^1.10.9",
+    "@openeuropa/bcl-offcanvas": "^1.10.9",
+    "@openeuropa/bcl-page": "^1.10.9",
+    "@openeuropa/bcl-pagination": "^1.10.9",
+    "@openeuropa/bcl-pagination-v2": "^1.10.9",
+    "@openeuropa/bcl-person": "^1.10.9",
+    "@openeuropa/bcl-placeholder": "^1.10.9",
+    "@openeuropa/bcl-progress": "^1.10.9",
+    "@openeuropa/bcl-project": "^1.10.9",
+    "@openeuropa/bcl-project-status": "^1.10.9",
+    "@openeuropa/bcl-recent-activities": "^1.10.9",
+    "@openeuropa/bcl-search": "^1.10.9",
+    "@openeuropa/bcl-search-form": "^1.10.9",
+    "@openeuropa/bcl-select": "^1.10.9",
+    "@openeuropa/bcl-spinner": "^1.10.9",
+    "@openeuropa/bcl-subscription": "^1.10.9",
+    "@openeuropa/bcl-subscription-block": "^1.10.9",
+    "@openeuropa/bcl-table": "^1.10.9",
+    "@openeuropa/bcl-textarea": "^1.10.9",
+    "@openeuropa/bcl-timeline": "^1.10.9",
+    "@openeuropa/bcl-toasts": "^1.10.9",
+    "@openeuropa/bcl-user": "^1.10.9",
     "copyfiles": "2.4.1",
     "rimraf": "6.0.1"
   },
@@ -97,5 +98,5 @@
     "design-system",
     "twig"
   ],
-  "gitHead": "5f7e5c2fd90eceb81c0ffcf52dcf8e3921c3acae"
+  "gitHead": "cb9864341bfc98404071520d61568bd18e17e1fe"
 }

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

@@ -8,20 +8,16 @@
   - pagination (object) (default: {})
   - sidebar (object) (default: '')
 #}
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
 
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
-
-{% set _title = title|default('') %}
-{% set _title_tag = title_tag|default('h2') %}
-{% set _title_link = title_link|default({}) %}
-{% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _listing = listing|default({}) %}
-{% set _pagination = pagination|default({}) %}
-{% set _sidebar = sidebar|default({}) %}
-
-{% set _title_attributes = _title_attributes ?: create_attribute() %}
 
-{% block content_top %}
+{%- block content_top %}
+  {% set _title = title|default('') %}
+  {% set _title_tag = title_tag|default('h2') %}
+  {% set _title_link = title_link|default({}) %}
+  {% set _title_attributes = title_attributes ?: create_attribute() %}
+  {% set _title_attributes = _title_attributes ?: create_attribute() %}
 {% if filter_button %}
   {% include '@oe-bcl/bcl-button/button.html.twig' with filter_button only %}
 {% endif %}
@@ -29,7 +25,7 @@
     <div class="col-md-6 col-lg-8 align-self-center">
       {% if _title is not empty %}
         {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
-          title: _title ~ ' (' ~ listing.items.length ~ ')',
+          title: _title ~ ' (' ~ (_listing.items|length) ~ ')',
           title_tag: _title_tag,
           title_link: _title_link,
           attributes: _title_attributes.addClass(['mb-0', 'text-capitalize']),
@@ -54,21 +50,23 @@
     </div>
   </div>
   <hr class="d-none d-md-block mb-4-75"/>
-{% endblock %}
+{%- endblock -%}
 
-{% block content %}
+{%- block content %}
   {% if _listing is not empty %}
     {% include '@oe-bcl/bcl-listing/listing.html.twig' with  _listing only %}
   {% endif %}
-{% endblock %}
+{%- endblock -%}
 
-{% block content_bottom %}
+{%- block content_bottom %}
+  {% set _pagination = pagination|default({}) %}
   {% if _pagination is not empty %}
     <hr class="d-none d-md-block mt-4-5">
     {% include '@oe-bcl/bcl-pagination/pagination.html.twig' with _pagination only %}
   {% endif %}
-{% endblock %}
+{%- endblock -%}
 
-{% block sidebar %}
+{%- block sidebar %}
+  {% set _sidebar = sidebar|default({}) %}
   {% include '@oe-bcl/bcl-base-templates/sidebar-search.html.twig' with _sidebar only %}
-{% endblock %}
+{%- endblock -%}

package/templates/bcl-contact-form/contact-form.html.twig

@@ -1,5 +1,5 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
 
-{% block content %}
+{%- block content %}
   {% include '@oe-bcl/bcl-form/form.html.twig' with form only %}
-{% endblock %}
+{%- endblock -%}

package/templates/bcl-content-banner/content-banner.html.twig

@@ -92,6 +92,9 @@
 {% if _date is not empty %}
   {% set _left_col_classes = 'bcl-card-start-col' %}
   {% set _right_col_classes = 'col-12 col-md col-xxl-9' %}
+  {% if _image is empty %}
+    {% set _body_classes = 'pt-4 pt-md-0 px-0 px-md-1-5 pb-0' %}
+  {% endif %}
 {% endif %}
 {% if _image is empty and _date is empty %}
   {% set _right_col_classes = 'col-lg-10 col-xl-9 col-xxl-8' %}

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

@@ -42,6 +42,7 @@
 {% set _alignment = alignment|default('') %}
 {% set _dark = dark ?? false %}
 {% set _remove_wrapper = remove_wrapper ?? false %}
+{% set _inside_navigation = inside_navigation ?? false %}
 {% set _items = items|default([]) %}
 
 {% set _class = 'dropdown' %}
@@ -75,14 +76,18 @@
                       .setAttribute('id', _id)
 }) %}
 
-{% if _link %}
-  {% set _trigger = _trigger|merge({
-    attributes: _trigger.attributes.setAttribute('role', 'button') 
-  }) %}
+{% if not _inside_navigation %}
+  {% if _link %}
+    {% set _trigger = _trigger|merge({
+      attributes: _trigger.attributes.setAttribute('role', 'button') 
+    }) %}
+  {% else %}
+    {% set _trigger = _trigger|merge({
+      attributes: _trigger.attributes.setAttribute('autocomplete', 'off') 
+    }) %}
+  {% endif %}
 {% else %}
-  {% set _trigger = _trigger|merge({
-    attributes: _trigger.attributes.setAttribute('autocomplete', 'off') 
-  }) %}
+  {% set attributes = attributes.setAttribute('aria-hidden', 'true').setAttribute('role', 'presentation') %}
 {% endif %}
 
 {% if not _remove_wrapper %}

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

@@ -1,10 +1,10 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
 
-{% block sidebar %}
+{%- block sidebar %}
   {% include '@oe-bcl/bcl-inpage-navigation/inpage-navigation.html.twig' with sidebar only %}
-{% endblock %}
+{%- endblock -%}
 
-{% block content %}
+{%- block content %}
   {% include '@oe-bcl/bcl-description-list/description-list.html.twig' with details_list only %}
 
   <h2 id="item-1" class="my-4">Description</h2>
@@ -21,4 +21,4 @@
   <h2 id="item-2" class="my-4">Related documents</h2>
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}
-{% endblock %}
+{%- endblock -%}

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

@@ -139,7 +139,7 @@
           {% endif %}
         </div>
         {% set download_attributes = create_attribute()
-                                      .setAttribute('download', 'true')
+                                      .setAttribute('download', true)
                                       .setAttribute('target', '_blank')
                                       .addClass(['standalone', 'align-self-center', 'd-inline-block', 'mt-1', 'mt-md-0', 'flex-shrink-0']) %}
         {% set _download = _download|merge({

package/templates/bcl-glossary/glossary-detail.html.twig

@@ -1,6 +1,6 @@
-{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' %}
+{% extends '@oe-bcl/bcl-base-templates/content-type.html.twig' -%}
 
-{% block  content %}
+{%- block  content %}
 	{% include  '@oe-bcl/bcl-heading/heading.html.twig' with {
 		title: 'Description',
 		title_tag: 'h2',
@@ -38,6 +38,5 @@
     <div {{ file_classes ? 'class="' ~ file_classes ~ '"' }}>
       {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
     </div>
-  {% endfor %}
-
-{% endblock %}
+	{% endfor %}
+{%- endblock -%}

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

@@ -1,6 +1,6 @@
-{% extends '@oe-bcl/bcl-base-templates/listing-page.html.twig' %}
+{% extends '@oe-bcl/bcl-base-templates/listing-page.html.twig' -%}
 
-{% block content_row %}
+{%- block content_row %}
 		{% include '@oe-bcl/bcl-pagination/pagination.html.twig' with glossary only %}
 	<div class="col-12">
 	  <div class="d-md-flex justify-content-end mb-md-4-75 align-items-center border-bottom-md border-top-md border-gray-300 py-3">
@@ -8,12 +8,12 @@
 	    {% include '@oe-bcl/bcl-select/select.html.twig' with itemsPerPage only %}
 	  </div>
   </div>
-{% endblock %}
+{%- endblock -%}
 
-{% block content_top %}
+{%- block content_top %}
 	{% include '@oe-bcl/bcl-heading/heading.html.twig' with {
 	  title: 'Starting with "A" (48)',
 	  title_tag: 'h2',
 	} only %}
 
-{% endblock %}
+{%- endblock -%}

package/templates/bcl-group/group-landing.html.twig

@@ -1,6 +1,6 @@
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
 
-{% block banner %}
+{%- block banner %}
 <div class="container">
   {% if banner is not empty %}
   <div class="mt-4 mt-md-5">
@@ -70,9 +70,9 @@
   </div>
   {% endif %}
 </div>
-{% endblock %}
+{%- endblock -%}
 
-{% block content %}
+{%- block content %}
   {% if recent is not empty and members is not empty %}
   <div class="row mt-3">
     <div class="col-md-8">
@@ -98,4 +98,4 @@
       {% include '@oe-bcl/bcl-listing/listing.html.twig' with contributions.listing only %}
     {% endif %}
   {% endif %}
-{% endblock %}
+{%- endblock -%}

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

@@ -1,6 +1,6 @@
-{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" %}
+{% extends "@oe-bcl/bcl-base-templates/listing-page.html.twig" -%}
 
-{% block banner %}
+{%- block banner %}
 <div class="container mt-4 mt-md-5">
   <div class="col-xxl-11">
     <div class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container">
@@ -24,4 +24,4 @@
   {% endif %}
   </div>
 </div>
-{% endblock %}
+{%- endblock -%}

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

@@ -17,6 +17,8 @@
   - language_modal (object) (default: {})
   - light (boolean) (default: false)
   - modals (modal[]) (default: [])
+  - toggler_attributes (drupal attrs)
+  - icon_path (string) (default: '')
   - attributes (drupal attrs)
 #}
 
@@ -30,6 +32,8 @@
 {% set _breadcrumbs = breadcrumbs|default({}) %}
 {% set _language_modal = language_modal|default({}) %}
 {% set _light = light ?? false %}
+{% set _toggler_attributes = toggler_attributes ?: create_attribute() %}
+{% set _icon_path = icon_path|default('') %}
 {% set _modals = modals|default([]) %}
 
 {% set _site_name_classes = 'bcl-header__site-name' %}
@@ -38,7 +42,7 @@
   {% set attributes = create_attribute() %}
 {% endif %}
 
-{% set attributes = attributes.addClass(['bcl-header', 'bcl-header--' ~ _variant]) %}
+{% set attributes = attributes.addClass(['bcl-header', 'bcl-header--' ~ _variant, 'shadow-sm']) %}
 
 {% if site_name_classes is not empty %}
   {% set _site_name_classes = _site_name_classes ~ ' ' ~ site_name_classes %}
@@ -49,6 +53,33 @@
   {% set _project_classes = _project_classes ~ ' light' %}
 {% endif %}
 
+{% set toggler_attributes = _toggler_attributes.addClass(['bcl-navbar-toggler', 'd-lg-none'])
+  .setAttribute('type', 'button')
+  .setAttribute('data-bs-toggle', 'collapse')
+  .setAttribute('data-bs-target', '#' ~ navbar_id)
+  .setAttribute('aria-controls', navbar_id)
+  .setAttribute('aria-expanded', 'false')
+%}
+
+{% set navbar_toggle_button %}
+  <button
+    {{ toggler_attributes }}
+  >
+    {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
+      name: 'list',
+      size: 'fluid',
+      path: _icon_path,
+      attributes: create_attribute().addClass(['default-icon']),
+    } only %}
+    {% include '@oe-bcl/bcl-icon/icon.html.twig' with {
+      name: 'x',
+      size: 'fluid',
+      path: _icon_path,
+      attributes: create_attribute().addClass(['active-icon']),
+    } only %}
+  </button>
+{% endset %}
+
 <header
   {{ attributes }}
 >
@@ -70,54 +101,16 @@
       {% endfor %}
       </a>
     {% endif %}
-      <button
-        class="navbar-toggler bcl-navbar-toggler"
-        type="button"
-        data-bs-toggle="collapse"
-        data-bs-target='#{{ _navbar_id }}'
-        aria-controls='{{ _navbar_id }}'
-        aria-expanded="false"
-        aria-label="Toggle navigation"
-      >
-        <span class="navbar-toggler-icon"></span>
-      </button>
+      {{ navbar_toggle_button }}
     </div>
   </nav>
 
-
-  <!-- project name -->
-  {% if _project_logo is not empty or _site_name is not empty %}
-  <div class="{{ _project_classes  }}">
+  <!-- site name -->
+  <div class="bcl-header__site-name" id="site-name-heading">
     <div class="container">
-    {% if _project_link is not empty %}
-      <a
-        href="{{ _project_link }}"
-      >
-    {% endif %}
-      {% if _project_logo is not empty %}
-        <img
-        {% if _project_logo.path is not empty %}
-          src="{{ _project_logo.path }}"
-        {% endif %}
-        {% if _project_logo.alt is not empty %}
-          alt="{{ _project_logo.alt }}"
-        {% endif %}
-        {% if _project_logo.classes is not empty %}
-          class="{{ _project_logo.classes }}"
-        {% endif %}
-        />
-      {% endif %}
-      {% if _site_name is not empty %}
-        <span class="{{ _site_name_classes }}">
-        {{- _site_name -}}
-        </span>
-      {% endif %}
-    {% if _project_link is not empty %}
-      </a>
-    {% endif %}
+      <span class="h5 py-3-5 border-top-subtle mb-0 d-block">{{ _site_name }}</span>
     </div>
   </div>
-  {% endif %}
 
   <!-- navbar -->
   {% if _navbar is not empty %}
@@ -126,15 +119,15 @@
       attributes: create_attribute().addClass('bcl-header__navbar collapse navbar-collapse').setAttribute('id', _navbar_id).setAttribute('aria-label', 'Main Navigation'),
     }) only %}
   {% endif %}
-
-  <!-- breadcrumbs -->
-  {% if _breadcrumbs is not empty %}
-    <div class="container">
-      {% include '@oe-bcl/bcl-breadcrumb/breadcrumb.html.twig' with _breadcrumbs only %}
-    </div>
-  {% endif %}
 </header>
 
+<!-- breadcrumbs -->
+{% if _breadcrumbs is not empty %}
+  <div class="container">
+    {% include '@oe-bcl/bcl-breadcrumb/breadcrumb.html.twig' with _breadcrumbs only %}
+  </div>
+{% endif %}
+
 {% for modal in _modals %}
   {% include '@oe-bcl/bcl-modal/modal.html.twig' with modal only %}
 {% endfor %}

package/templates/bcl-landing-page/landing-page.html.twig

@@ -1,13 +1,11 @@
-{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" %}
+{% extends "@oe-bcl/bcl-base-templates/content-type.html.twig" -%}
 
-{% block banner %}
+{%- block banner %}
   {% if banner is defined %}
     {% include '@oe-bcl/bcl-banner/banner.html.twig' with banner only %}
   {% endif %}
-{% endblock %}
-
-{% block content %}
-
+{%- endblock -%}
+{%- block content %}
 <div class="container">
   {% if featured_section is defined %}
     <div class="my-4">
@@ -55,5 +53,4 @@
     </div>
   {% endif %}
 </div>
-
-{% endblock %}
+{%- endblock -%}

package/templates/bcl-language-list/language-list-modal.html.twig

@@ -19,7 +19,7 @@
 {% block header %}
   {% if size == 'fullscreen' %}
   <div class="container">
-    {% if variant == 'eu' or variant == 'ec' %}
+    {% if _variant == 'eu' or _variant == 'ec' %}
     <div class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5">
       <div class="py-3-5 px-3 px-sm-0 px-md-3">
     {% endif %}
@@ -43,7 +43,7 @@
   ></button>
   {% if size == 'fullscreen' %}
     </div>
-    {% if variant == 'eu' or variant == 'ec' %}
+    {% if _variant == 'eu' or _variant == 'ec' %}
       </div>
     </div>
     {% endif %}
@@ -52,7 +52,60 @@
 {% endblock %}
 
 {% block body %}
-  {% include '@oe-bcl/bcl-language-list/language-list.html.twig' with {
-    attributes: create_attribute()
-  } %}
+  {% set attributes = create_attribute().addClass(['bcl-language-list', 'bcl-language-list--' ~ _variant]) %}
+  <div
+    {{ attributes }}
+  >
+    {% if _logo is not empty %}
+    <div class="container">
+      {% if _title is empty %}
+      <div class="text-center">
+      {% endif %}
+      <div class="d-inline-flex align-items-center">
+        <img
+          {% if _logo.path is not empty %}
+          src="{{ _logo.path }}"
+          {% endif %}
+          {% if _logo.alt is not empty %}
+          alt="{{ _logo.alt }}"
+          {% endif %}
+          {% if _logo.class is not empty %}
+          class="{{ _logo.class }}"
+          {% endif %}
+        />
+        {% if _title is not empty %}
+        <h5 class="h5 ms-4">{{ _title }}</h5>
+        {% endif %}
+      </div>
+      {% if _title is empty %}
+      </div>
+      {% endif %}
+    </div>
+    {% endif %}
+
+    {% if _items is not empty or _non_eu_items is not empty %}
+    <div class="main pt-4">
+      {% if not (_variant == 'neutral' and _inside_container) %}
+      <div class="container">
+      {% endif %}
+      {% if _items is not empty and _items is iterable %}
+        {% include '@oe-bcl/bcl-language-list/language-list-grid.html.twig' with {
+            items: _items,
+            icon_path: _icon_path,
+            category: eu_category,
+        } only %}
+      {% endif %}
+      {% if _non_eu_items is not empty and _non_eu_items is iterable %}
+        {% include '@oe-bcl/bcl-language-list/language-list-grid.html.twig' with {
+            items: _non_eu_items,
+            icon_path: _icon_path,
+            category: non_eu_category,
+        } only %}
+      {% endif %}
+      {% if not (_variant == 'neutral' and _inside_container) %}
+      </div>
+      {% endif %}
+    </div>
+    {% endif %}
+  </div>
 {% endblock %}

package/templates/bcl-links-block/links-block.html.twig

@@ -56,7 +56,7 @@
         {% endif %}
         {% set _link = _link|merge({
           clean_class: true,
-          attributes: _link.attributes.addClass(['pb-3', 'd-inline-block', 'standalone'])
+          attributes: _link.attributes.addClass(['mb-3', 'd-inline-block', 'standalone'])
         }) %}
         {% set _list_item_classes = 'list-unstyled' %}
         {% if _variant == 'horizontal' %}