@openeuropa/bcl-theme-default 0.22.0 → 0.25.0

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

@@ -4,11 +4,11 @@
   - flush (boolean) (default: false)
   - horizontal (string) (default: '')
     - options ['none', 'horizontal', 'horizontal-sm', 'horizontal-md', 'horizontal-lg', 'horizontal-xl', 'horizontal-xxl']
+  - id (string) (default: '')
   - type (string) (default: 'unordered')
     - options ['unordered', 'ordered', 'actionable']
   - items (array of objects: list item object or Button and Link component object if type actionable)
       format: [
-      ('list item')
       {
         - html (string)
         - variant (string)
@@ -24,6 +24,7 @@
       },
       ...
     ]
+  - attributes (drupal attrs)
 #}
 
 {% set _flush = flush|default(false) %}
@@ -31,6 +32,7 @@
 {% set _id = id|default('') %}
 {% set _type = type|default('unordered') %}
 {% set _items = items|default([]) %}
+
 {% set _classes = ['list-group'] %}
 
 {% if _flush %}

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

@@ -1,24 +1,31 @@
 {% spaceless %}
 
 {# Parameters:
-  - variant: (string) (default: "horizontal") options:
-  [ default-1-col, highlight-1-col, default-2-col, default-3-col, highlight-2-col, highlight-3-col ]
-  - title: (string) (default: "")
-  - title_tag: (string) (default: "h2")
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
   - title_attributes (drupal attrs)
+  - variant: (string) (default: 'horizontal')
+    options [ default-1-col, highlight-1-col, default-2-col, default-3-col, highlight-2-col, highlight-3-col ]
   - items: (array of objects of type card)
   - link: (object of type link)
-  - alignment: (string) (default: '') options:
-  ['start', 'end', 'center', 'baseline', 'stretch']
+  - alignment: (string) (default: '')
+    options ['start', 'end', 'center', 'baseline', 'stretch']
+  - image_size: (string) (default: '')
+    options ['small', 'large', 'extra-large']
+  - attributes (drupal attrs)
 #}
 
-{% set _items = items|default([]) %}
-{% set _variant = variant|default('default-1-col') %}
 {% 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 _items = items|default([]) %}
+{% set _variant = variant|default('default-1-col') %}
 {% set _alignment = alignment|default('') %}
+{% set _image_size = image_size|default('') %}
 {% set _link = link|default({}) %}
+
 {% set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
 {% set _cards = [] %}
 {% set _card_layout = {
@@ -40,6 +47,7 @@
   {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
     title: _title,
     title_tag: _title_tag,
+    title_link: _title_link,
     title_attributes: _title_attributes,
   } only %}
 {% endif %}
@@ -47,27 +55,26 @@
 {% if _items is not empty %}
   {% for _card in _items %}
     {% set  _alignment_class = '' %}
-    {% set _max_width = '' %}
-    {% set _image = {} %}
-    {% if _card.image is not empty %}
-      {% set _image_classes = _card.image.classes ?: '' %}
-      {% if not _alignment == 'center' %}
-        {% set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
-      {% endif %}
-      {% set _max_width = 'mw-listing-img' %}
-      {% set _card = _card|merge({image: _card.image|merge({
-        classes: _image_classes,
-      })}) %}
-    {% elseif _card.date is not empty %}
-      {% set _max_width = 'mw-col-date mb-3' %}
+    {% set _image_classes = _card.image.classes ?: '' %}
+    {% set _start_col_classes = 'bcl-card-start-col mb-3 mb-lg-0' %}
+    {% set _end_col_classes = 'col-12 col-md' %}
+    {% if _image_size is not empty %}
+      {% set _start_col_classes = _start_col_classes ~ ' bcl-size-' ~ _image_size %}
+    {% endif %}
+    {% if 'd-none' in _image_classes %}
+      {% set _start_col_classes = _start_col_classes ~ ' d-none d-md-block' %}
     {% endif %}
     {% if _alignment is not empty %}
       {% set _alignment_class = ' align-self-' ~ _alignment %}
     {% endif %}
     {% set _card_classes = [] %}
     {% set _card_attributes = card.attributes ? card.attributes : create_attribute() %}
+    {% set _card_title_attributes = card.title_attributes ? card.title_attributes : create_attribute() %}
+    {% set _card = _card|merge({
+      title_attributes: _card_title_attributes.addClass(['fs-5'])
+    }) %}
 
-    {% if _variant == 'default-1-col' %}
+    {% if _variant == 'default-1-col' or _variant == 'default-2-col' or _variant == 'default-3-col'  %}
       {% set _card_classes = [
         'listing-item',
         'border-bottom',
@@ -78,45 +85,18 @@
       {% set _card = _card|merge({
         horizontal: true,
         extra_classes_body: 'p-0 pb-md-0 pb-3',
-        horizontal_grid: {
-          left_col_classes: 'col-md-3 col-lg-2 rounded ' ~ _max_width ~ _alignment_class,
-          right_col_classes: 'col-md-9 col-lg-10' ~ _alignment_class,
-        },
-        attributes: _card_attributes,
-      }) %}
-    {% endif %}
-
-    {% if _variant == 'default-2-col' or _variant == 'default-3-col' %}
-      {% set _card_classes = [
-        'listing-item',
-        'border-bottom',
-        'border-md-0',
-        'border-0',
-      ] %}
-      {% set _card_attributes = _card_attributes.addClass(_card_classes) %}
-      {% set _card = _card|merge({
-        extra_classes_body: 'p-0 pb-md-0 pb-3',
-        horizontal: true,
         attributes: _card_attributes,
+        horizontal_grid: {
+          left_col_classes: _start_col_classes ~ _alignment_class,
+          right_col_classes: _end_col_classes ~ _alignment_class,
+        }
       }) %}
-
+    
       {% if _variant == 'default-2-col' %}
-        {% set _card = _card|merge({
-          horizontal_grid: {
-            left_col_classes: 'col-xl-3 col-md-5 ' ~ _max_width ~ _alignment_class,
-            right_col_classes: 'col-xl-9 col-md-7' ~ _alignment_class,
-          },
-        }) %}
         {% set _card_layout = _card_layout|merge({
           responsive_columns: 2,
         }) %}
-      {% else %}
-        {% set _card = _card|merge({
-          horizontal_grid: {
-            left_col_classes: 'col-lg-4 col-md-6 ' ~ _max_width ~ _alignment_class,
-            right_col_classes: 'col-lg-8 col-md-6' ~ _alignment_class,
-          },
-        }) %}
+      {% elseif _variant == 'default-3-col' %}
         {% set _card_layout = _card_layout|merge({
           attributes: _card_layout.attributes.addClass(['row-cols-md-2']),
           responsive_columns: 3,
@@ -141,9 +121,19 @@
           extra_classes_body: "pt-0",
         }) %}
       {% endif %}
-     {% set _card_layout = _card_layout|merge({
-       cols_extra_classes: 'mt-4-5',
-     }) %}
+      {% set _card_layout = _card_layout|merge({
+        cols_extra_classes: 'mt-4-5',
+      }) %}
+      {% if _card.image is not empty %}
+        {% set _image_classes = _card.image.classes ?: '' %}
+        {% if not _alignment == 'center' %}
+          {% set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
+        {% endif %}
+        {% set _card = _card|merge({image: _card.image|merge({
+          classes: _image_classes,
+        })}) %}
+      {% endif %}
+
     {% endif %}
 
     {% if _variant == 'highlight-2-col' or variant == 'highlight-3-col' %}
@@ -164,6 +154,15 @@
           extra_classes_body: 'pt-0',
         }) %}
       {% endif %}
+      {% if _card.image is not empty %}
+        {% set _image_classes = _card.image.classes ?: '' %}
+        {% if not _alignment == 'center' %}
+          {% set _image_classes = _image_classes ? _image_classes ~ ' mb-3' : 'mb-3' %}
+        {% endif %}
+        {% set _card = _card|merge({image: _card.image|merge({
+          classes: _image_classes,
+        })}) %}
+      {% endif %}
       {% set _card_layout = _card_layout|merge({ gutter: '4' }) %}
       {% if variant == 'highlight-2-col' %}
         {% set _card_layout = _card_layout|merge({ responsive_columns: 2 }) %}

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

@@ -12,18 +12,27 @@
   - messages (block) (default: '')
   - body (block) (default: '')
   - footer (block) (default: '')
+  - attributes (drupal attrs)
+  
+  Blocks
+    - header
+    - messages
+    - body
+    - footer
 #}
+
 {% set _size =  size|default('') %}
 {% set _id = id|default('modal-' ~ random(1000)) %}
 {% set _fullscreen_responsive =  fullscreen_responsive|default('') %}
-{% set _header = header|default('') %}
-{% set _body = body|default('') %}
-{% set _messages = messages|default('') %}
 {% set _static_backdrop = static_backdrop|default(false) %}
 {% set _verticaly_centered = verticaly_centered|default(false) %}
 {% set _scrollable = scrollable|default(false) %}
+{% set _header = header|default('') %}
+{% set _messages = messages|default('') %}
+{% set _body = body|default('') %}
 {% set _footer = footer|default('') %}
-{% set _classes = ['modal fade'] %}
+
+{% set _classes = ['modal', 'fade'] %}
 
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
@@ -37,6 +46,10 @@
                     .addClass(_classes)
 %}
 
+{% if _static_backdrop %}
+  {% set attributes = attributes.setAttribute('data-bs-backdrop', 'static') %}
+{% endif %}
+
 <div
   {{ attributes }}
 >
@@ -45,7 +58,6 @@
   {{- _fullscreen_responsive ? ' modal-fullscreen-' ~ _fullscreen_responsive ~ '-down' -}}
   {{- _verticaly_centered ? ' modal-dialog-centered' -}}
   {{- _scrollable ? ' modal-dialog-scrollable' -}}"
-  {{- _static_backdrop ? ' data-bs-backdrop="static"' -}}
   >
     <div class="modal-content">
       {% if header is not empty %}

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

@@ -18,20 +18,23 @@
   - color_set (string) (default: 'light')
     options ['light', 'dark']
   - disable_collapse (boolean) (default: false)
+  - attributes (drupal attrs)
 
   Blocks
     - branding
     - navigation
     - right
 #}
+
 {% set _collapse_id = collapse_id|default('') %}
 {% set _background = background|default('') %}
+{% set _brand = brand|default({}) %}
 {% set _navigation = navigation|default({}) %}
 {% set _form = form|default({}) %}
 {% set _expand = expand|default('lg') %}
-{% set _brand = brand|default({}) %}
 {% set _color_set = color_set|default('light') %}
 {% set _disable_collapse = disable_collapse|default(false) %}
+
 {% set _classes = ['navbar', 'navbar-expand-' ~ _expand] %}
 {% if _background is not empty %}
   {% set _classes = _classes|merge(['bg-' ~ _background]) %}

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

@@ -2,6 +2,7 @@
 {% spaceless %}
 
 {# Parameters:
+  - id (string) (default: '')
   - pills (boolean) (default: false)
   - tabs (boolean) (default: false) - If tabs is set to true, the nav should also be set to true for accessibility reasons
   - vertical (boolean) (default: false)
@@ -21,6 +22,7 @@
         - navigation (navigation Object) - set for multiple level or navigation, items inside is required
       }
     ]
+  - attributes (drupal attrs)
 #}
 
 {# Define main macro #}
@@ -28,12 +30,12 @@
 {% spaceless %}
   {% import _self as navigation %}
 
+  {% set _id = id|default('') %}
   {% set _pills = pills|default(false) %}
   {% set _tabs = tabs|default(false) %}
   {% set _vertical = vertical|default(false) %}
   {% set _full_width = full_width|default(false) %}
   {% set _alignment = alignment|default('') %}
-  {% set _id = id|default('') %}
   {% set _tabs_content = tabs_content|default(false) %}
   {% set _nav = nav|default(false) %}
   {% set _navbar = navbar|default(false) %}

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

@@ -1,12 +1,10 @@
 {% spaceless %}
 
 {# Parameters:
-  - title (object) (default: {}) format: {
-      label (string)
-      id (string) (default: '')
-      heading (string) (1, 2, 3, 4, 5, 6)
-      extra_classes(string) (default: '')
-    }
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h3')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
   - placement (string) (default: '') (start, end, top, bottom)
   - id (string) (default: '')
   - body (string) (default: '')
@@ -16,15 +14,19 @@
   - extra_classes_body (string) (default: '')
   - extra_classes_header (string) (default: '')
   - extra_classes_close (string) (default: '')
+  - attributes (drupal attrs)
 #}
 
-{% set _title = title|default({}) %}
+{% 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 _placement = placement|default('') %}
+{% set _id = id|default('') %}
 {% set _body = body|default('') %}
-{% set _with_close = with_close ?? true %}
-{% set _with_backdrop = with_backdrop ?? true %}
 {% set _with_body_scroll = with_body_scroll|default(false) %}
-{% set _id = id|default('') %}
-{% set _placement = placement|default('') %}
+{% set _with_backdrop = with_backdrop|default(true) %}
+{% set _with_close = with_close|default(true) %}
 {% set _extra_classes_body = extra_classes_body|default('') %}
 {% set _extra_classes_header = extra_classes_header|default('') %}
 {% set _extra_classes_close = extra_classes_close|default('') %}
@@ -66,19 +68,15 @@
 <div
   {{ attributes }}
 >
-{% if _with_close or
-  (_title.label is defined and _title.label is not empty)
-%}
+{% if _with_close or _title is not empty %}
   <div class="{{ _class_header }}">
-  {% if _title.label is defined and _title.label is not empty %}
-    <h{{ _title.heading|default(5) }}
-      class="{{ 'offcanvas-title' ~ (_title.extra_classes ? ' ' ~ _title.extra_classes : '') }}"
-    {% if _title.id is defined and _title.id is not empty %}
-      id="{{ _title.id }}"
-    {% endif %}
-    >
-      {{- _title.label -}}
-    </h{{ _title.heading|default(5) }}>
+  {% if _title is not empty %}
+    {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+      title: _title,
+      title_tag: _title_tag,
+      title_link: _title_link,
+      attributes: _title_attributes.addClass(['offcanvas-title']),
+    } only %}
   {% endif %}
   {% if _with_close %}
     {% set button_attributes = create_attribute()

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

@@ -5,13 +5,9 @@
 {% endblock %}
 
 {% block content %}
-  <p id="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
-  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
-  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
-  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
-  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
+  <p id="content">{{ get_dummy_text(6) }}
   </p>
-  <h3 id="item-1" class="fw-bold my-4">Section 1</h3>
+  <h2 id="item-1" class="my-4">Section 1</h2>
   {% if featured_item %}
     {% include '@oe-bcl/bcl-featured-media/featured-media.html.twig' with featured_item only %}
   {% endif %}
@@ -24,14 +20,9 @@
     {% include '@oe-bcl/bcl-listing/listing.html.twig' with listing only %}
   {% endif %}
 
-  <h3 id="item-2" class="fw-bold my-4">Section 2</h3>
+  <h2 id="item-2" class="my-4">Section 2</h2>
 
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
-  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
-  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
-  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
-  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
-  </p>
+  {{ get_dummy_text(6, true) }}
 
   {% if blockquote %}
     {% include '@oe-bcl/bcl-blockquote/blockquote.html.twig' with blockquote only %}
@@ -43,21 +34,11 @@
     {% include '@oe-bcl/bcl-timeline/timeline.html.twig' with timeline only %}
   {% endif %}
 
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
-  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
-  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
-  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
-  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
-  </p>
+  {{ get_dummy_text(8, true) }}
 
-  <h3 id="item-3" class="fw-bold my-4">Section 3</h3>
+  <h2 id="item-3" class="my-4">Section 3</h2>
 
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet eleifend tortor. In facilisis eros vitae turpis ullamcorper,
-  a euismod dolor lacinia. Nam facilisis ipsum et sollicitudin imperdiet. Curabitur a efficitur ante. Phasellus non felis laoreet,
-  posuere ante ut, rhoncus tortor. Proin sed erat vel nisl luctus vulputate. Nunc tristique ultricies turpis, eu dictum enim ultrices vel.
-  Sed posuere at leo sit amet placerat. Sed dapibus viverra urna ac pretium. Praesent et laoreet erat, eget volutpat metus. Duis ac augue
-  sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
-  </p>
+  {{ get_dummy_text(4, true) }}
 
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[0] only %}
   {% include '@oe-bcl/bcl-file/file.html.twig' with files[1] only %}

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

@@ -2,10 +2,11 @@
 
 {# Parameters:
   - size (string) (default: '')
-    - options ["sm", "lg"]
+    - options ['sm', 'lg']
   - alignment (string) (default: '')
-    - options ["end", "center"]
+    - options ['end', 'center']
   - aria_label (string) (default: '')
+  - variant: (string) (default: '')
   - enable_prev_next_icon (boolean) (default: false)
   - enable_first_last_icon (boolean) (default: true)
   - first (object)
@@ -49,24 +50,29 @@
       - active (boolean)
     }
   - icon_path (string) (default: '')
-  - extra_classes (string) (default: '')
+  - attributes (drupal attrs)
 #}
 
 {% set _size = size|default('') %}
 {% set _alignment = alignment|default('') %}
 {% set _aria_label = aria_label|default('') %}
 {% set _enable_prev_next_icon = enable_prev_next_icon|default(false) %}
-{% set _enable_first_last_icon = enable_first_last_icon ?? true %}
+{% set _enable_first_last_icon = enable_first_last_icon|default(true) %}
 {% set _items = items|default([]) %}
 {% set _first = first|default({}) %}
 {% set _next = next|default({}) %}
 {% set _prev = prev|default({}) %}
 {% set _last = last|default({}) %}
+{% set _variant = variant|default('') %}
 {% set _icon_path = icon_path|default({}) %}
+
 {% set _classes = 'pagination' %}
 {% if _size is not empty %}
   {% set _classes = _classes ~ ' pagination-' ~ _size %}
 {% endif %}
+{% if _variant is not empty %}
+  {% set _classes = _classes ~ ' pagination--' ~ _variant %}
+{% endif %}
 {% if _alignment is not empty %}
   {% set _classes = _classes ~ ' justify-content-' ~ _alignment %}
 {% endif %}

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

@@ -5,23 +5,10 @@
 {% endblock %}
 
 {% block content %}
-  {% if social_media.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-    >{{- social_media.main_title -}}</h3>
-  {% endif %}
-  {% if social_media.links is defined and social_media.links is not empty %}
-    <div class="mb-4-5">
-    {% for link in social_media.links %}
-      {% include '@oe-bcl/bcl-link/link.html.twig' with link only %}
-    {% endfor %}
-    </div>
-  {% endif %}
-
   {% if information.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-    >{{- information.main_title -}}</h3>
+    <h2
+      class="mb-4"
+    >{{- information.main_title -}}</h2>
   {% endif %}
   {% if information.content is not empty %}
     <div class="mb-4-5">
@@ -30,9 +17,9 @@
   {% endif %} 
 
   {% if files.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-    >{{- files.main_title -}}</h3>
+    <h2
+      class="mb-4"
+    >{{- files.main_title -}}</h2>
   {% endif %}
   {% if files.listing is defined and files.listing is not empty %}
     <div class="mb-4-5">

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

@@ -3,11 +3,12 @@
 {# Parameters:
   - width (int) (default: 0) - between 0-100
   - variant (string) (default: '')
-    - options : ["primary", "secondary", "success", "danger", "warning", "info", "light", "dark"]
+    - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
   - size (string) (default: '')
-    - options : ["xs", "lg"]
+    - options ['xs', 'lg']
   - animation (string) (default: '')
-    - options : ["glow", "wave"]
+    - options ['glow', 'wave']
+  - attributes (drupal attrs)
 #}
 
 {% set _width = width|default(0) %}

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

@@ -11,6 +11,7 @@
   - bar_label (string) (default: '')
   - variant (string) (default: '')
   - message (string) (default: '')
+  - attributes (drupal attrs)
 #}
 
 {% set _progress = progress|default(0) %}
@@ -23,6 +24,7 @@
 {% set _bar_label = bar_label|default('') %}
 {% set _variant = variant|default('') %}
 {% set _message = message|default('') %}
+
 {% set _classes = 'progress-bar' %}
 {% if _striped is not empty %}
   {% set _classes = _classes ~ ' progress-bar-striped' %}
@@ -33,6 +35,9 @@
 {% if _variant is not empty %}
   {% set _classes = _classes ~ ' bg-' ~ _variant %}
 {% endif %}
+{% if _variant == 'light' %}
+  {% set _classes = _classes ~ ' text-dark' %}
+{% endif %}
 
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}

package/templates/bcl-project/project-lists.html.twig

@@ -14,7 +14,8 @@
 #}
 
 {% set _title = title|default('') %}
-{% set _title_tag = title_tag|default('h3') %}
+{% set _title_tag = title_tag|default('h2') %}
+{% set _title_link = title_link|default({}) %}
 {% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _items = items|default([]) %}
 
@@ -22,7 +23,7 @@
   {% set attributes = create_attribute() %}
 {% endif %}
 
-{% set _title_classes = ['fw-bold', 'my-4-5'] %}
+{% set _title_classes = ['my-4-5'] %}
 {% set _title_attributes = _title_attributes.addClass(_title_classes) %}
 
 <div
@@ -32,6 +33,7 @@
   {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
     title: _title,
     title_tag: _title_tag,
+    title_link: _title_link,
     attributes: _title_attributes,
   } only %}
 {% endif %}
@@ -39,10 +41,11 @@
   {% for _item in _items %}
     {% if _item.title is not empty %}
       {% set _item_title_attributes = _item.title_attributes ?: create_attribute() %}
-      {% set _item_title_attributes = _item_title_attributes.addClass(['fw-bold', 'mb-3']) %}
+      {% set _item_title_attributes = _item_title_attributes.addClass(['mb-3']) %}
       {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
         title: _item.title,
-        title_tag: _item.title_tag|default('h4'),
+        title_tag: _item.title_tag|default('h3'),
+        title_link: _item.title_link|default({}),
         attributes: _item_title_attributes,
       } only %}
     {% endif %}
@@ -54,7 +57,7 @@
       {% endif %}
       {% if not loop.last %}
         {% set _list = _list|merge({
-            attributes: _list.attributes.addClass(['border-bottom', 'pb-3'])
+            attributes: _list.attributes.addClass(['border-bottom', 'mb-3'])
           })
         %}
       {% endif %}