@openeuropa/bcl-theme-default 0.22.0 → 0.23.0

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

@@ -2,31 +2,32 @@
 
 {#
   Parameters:
-  - "title" (string) (default: '')
-  - "title_tag" (string) (default: 'h2')
-  - "variant" (string) (default: '') options:
+  - title (string) (default: '')
+  - title_tag (string) (default: 'h2')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - variant (string) (default: '') options:
     [ default, block ]
-  - "display_icons" (boolean) (default: true)
-  - "items" (array) (default: []):
-    - "icon" (associate array) (default: { size: 'm' })
-    - "subtitle" (string) (default: '')
-    - "title" (string) (default: '')
-    - "description" (string) (default:'')
-  - "grid_columns" (int) (default: 1)
-  - "responsiveness" (string) (default: 'md')
-  - "responsive_columns" (integer) (default: 3)
-  - "gutter" (int) (default: 4)
-  - "equal_height" (boolean) (default: false)
-  - "cols_extra_classes" (string) (default: '')
-  - "icon_path" (string) (default: '')
-  - "link_more" (object of type link) (default {})
+  - display_icons (boolean) (default: true)
+  - items (array) (default: []):
+    - icon (associate array) (default: { size: 'm' })
+    - subtitle (string) (default: '')
+    - title (string) (default: '')
+    - description (string) (default:'')
+  - grid_columns (int) (default: 1)
+  - responsiveness (string) (default: 'md')
+  - responsive_columns (integer) (default: 3)
+  - gutter (int) (default: 4)
+  - equal_height (boolean) (default: false)
+  - cols_extra_classes (string) (default: '')
+  - icon_path (string) (default: '')
+  - link_more (object of type link) (default {})
 #}
 
-{# Parameters #}
-
 {% set _title = title|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
-{% set _title_attributes = title_attributes ?: create_attribute().addClass(['fw-bold']) %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _variant = variant|default('default') %}
 {% set _css_classes = ['bcl-fact-figures', 'bcl-fact-figures--' ~ _variant] %}
 {% set _display_icons = display_icons ?? true %}
@@ -72,6 +73,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 %}
@@ -94,14 +96,14 @@
         {% include '@oe-bcl/bcl-icon/icon.html.twig' with _item.icon only %}
       {% endif %}
       {% if _item.title is defined and _item.title is not empty %}
-        <h4 class="text-capitalize fw-bold mt-2">
+        <div class="fs-3 mt-2">
           {{- _item.title -}}
-        </h4>
+        </div>
       {% endif %}
       {% if _item.subtitle is defined and _item.subtitle is not empty %}
-        <h5 class="fw-bold">
+        <div class="fs-5">
           {{- _item.subtitle -}}
-        </h5>
+        </div>
       {% endif %}
       {% if _item.description is defined and _item.description is not empty %}
         <p>

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

@@ -4,6 +4,7 @@
   Parameters:
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
+  - title_link: (link object) (default: {})
   - title_attributes (drupal attrs)
   - item_title (string) (default: '')
   - icon (icon Object) (default: {})
@@ -38,6 +39,7 @@
 {% set _icon = icon|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 _item_title = item_title|default('') %}
 {% set _text = text|default('') %}
@@ -51,6 +53,12 @@
 {% set _translation = translation|default({}) %}
 {% set _icon_path = icon_path|default({}) %}
 
+{% if attributes is empty %}
+  {% set attributes = create_attribute() %}
+{% endif %}
+
+{% set attributes = attributes.addClass(['bcl-file']) %}
+
 {% set _container_classes = 'w-100 d-md-flex' %}
 {% if _icon is not empty %}
   {% set _container_classes = _container_classes ~ ' ms-2-5' %}
@@ -59,14 +67,11 @@
   }) %}
 {% endif %}
 
-{% if attributes is empty %}
-  {% set attributes = create_attribute() %}
-{% endif %}
-
 {% 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,
   } only %}
 {% endif %}
@@ -85,9 +90,7 @@
       right_col_classes: "col-12 col-md-8",
     },
     badges: _badges,
-    title: {
-      content: _item_title,
-    },
+    title: _item_title,
     text: {
       content: _text,
       classes: "mb-2",
@@ -137,7 +140,8 @@
             path: _icon_path,
           },
           attributes: create_attribute()
-                      .setAttribute('download', _download.url)
+                      .setAttribute('download', true)
+                      .setAttribute('target', '_blank')
                       .addClass(['standalone', 'align-self-center', 'd-inline-block', 'mt-1', 'mt-md-0'])
         }) %}
         {% include '@oe-bcl/bcl-link/link.html.twig' with _download only %}
@@ -196,7 +200,8 @@
                 path: _icon_path,
               },
               attributes: create_attribute()
-                          .setAttribute("download", _item.download.url)
+                          .setAttribute('download', true)
+                          .setAttribute('target', '_blank')
                           .addClass(['d-block', 'standalone', 'mt-1'])
             }) only %}
             </div>

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

@@ -3,6 +3,7 @@
 {# Parameters:
   - title: (string) (default: '')
   - title_tag: (string) (default: 'h2')
+  - title_link: (link object) (default: {})
   - title_attributes (drupal attrs)
   - helper_text (string) (default: '')
   - antispam (string) (default: '')
@@ -27,6 +28,7 @@
 
 {% 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 _helper_text = helper_text|default('') %}
 {% set _items = items|default([]) %}
@@ -41,6 +43,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 %}

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

@@ -2,17 +2,18 @@
 
 {#
 Parameters:
-  - "id" (string) (default: '')
-  - "title" (string) (default: '')
-  - "title_tag" (string) (default: 'h2')
-  - "title_attributes" (drupal attrs)
-  - "counter" (string) (default: '')
-  - "toggle_collapsed" (string) (default: '')
-  - "toggle_expanded" (string) (default: '')
-  - "previous_label" (string) (default: '')
-  - "next_label" (string) (default: '')
-  - "max_visible_thumbnails" (int) (default: 5)
-  - "items" (array of objects) format: [
+  - id (string) (default: '')
+  - title (string) (default: '')
+  - title_tag (string) (default: 'h2')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - counter (string) (default: '')
+  - toggle_collapsed (string) (default: '')
+  - toggle_expanded (string) (default: '')
+  - previous_label (string) (default: '')
+  - next_label (string) (default: '')
+  - max_visible_thumbnails (int) (default: 5)
+  - items (array of objects) format: [
       {
         thumbnails (string) img path
         media: (string) <img> tag
@@ -23,14 +24,13 @@ Parameters:
       }
       ...
     ],
-  - "icon_path" (string) (default: '')
+  - icon_path (string) (default: '')
 #}
 
-{# Internal properties #}
-
 {% set _id = id|default('gallery-' ~ random(1000)) %}
 {% 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 _counter = counter|default('') %}
 {% set _toggle_collapsed = toggle_collapsed|default('') %}
@@ -65,6 +65,7 @@ Parameters:
           {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
             title: _title,
             title_tag: _title_tag,
+            title_link: _title_link,
             attributes: _title_attributes,
           } only %}
         {% endif %}

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

@@ -17,7 +17,7 @@
     {% endif %}
     {% if banner.title is not empty %}
       <div class="p-md-3-5 pt-3 bg-lighter d-md-flex n-mx-container">
-        <h2 class="mb-0 d-inline-block fw-bold">{{ banner.title }}</h2>
+        <h1 class="mb-0 d-inline-block">{{ banner.title }}</h1>
         {% if banner.actions is not empty and banner.actions is iterable %}
         <div class="d-grid d-md-block ms-auto">
           {% for _action in banner.actions %}
@@ -56,10 +56,10 @@
         </div>
       </div>
       <div class="col-md-4">
-        <h4 class="mb-3 pb-2">{{ contact.title }}</h4>
+        <h2 class="mb-3 pb-2">{{ contact.title }}</h2>
         {% if contact.profiles is not empty and contact.profiles is iterable %}
           {% for _profile in contact.profiles %}
-            {% include '@oe-bcl/bcl-user/user-view-compact.html.twig' with _profile only %}
+            {% include '@oe-bcl/bcl-user/user-compact.html.twig' with _profile only %}
           {% endfor %}
         {% endif %}
         {% if contact.more_link is not empty %}
@@ -76,14 +76,14 @@
   {% if recent is not empty and members is not empty %}
   <div class="row mt-3">
     <div class="col-md-8">
-      <h4 class="mb-4 pb-2">{{ recent.title }}</h4>
+      <h2 class="mb-4 pb-2">{{ recent.title }}</h2>
       {% include '@oe-bcl/bcl-recent-activities/recent-activities.html.twig' with recent.block_data only %}
     </div>
     <div class="col-md-4">
-      <h4 class="mt-4 mt-md-0 mb-4 pb-2">{{ members.title}}</h4>
+      <h2 class="mt-4 mt-md-0 mb-4 pb-2">{{ members.title}}</h2>
       {% if members.profiles is not empty and members.profiles is iterable %}
         {% for _profile in members.profiles %}
-          {% include '@oe-bcl/bcl-user/user-view-compact.html.twig' with _profile only %}
+          {% include '@oe-bcl/bcl-user/user-compact.html.twig' with _profile only %}
         {% endfor %}
       {% endif %}
       {% if members.more_link is not empty %}
@@ -93,7 +93,7 @@
   </div>
   {% endif %}
   {% if contributions is not empty %}
-    <h4 class="my-4 pt-3 pb-2">{{ contributions.title}}</h4>
+    <h2 class="my-4 pt-3 pb-2">{{ contributions.title}}</h2>
     {% if contributions.listing is not empty %}
       {% include '@oe-bcl/bcl-listing/listing.html.twig' with contributions.listing only %}
     {% endif %}

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

@@ -4,7 +4,7 @@
 <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">
-      <h2 class="mb-0 d-inline-block fw-bold">{{ banner.title }}</h2>
+      <h1 class="mb-0 d-inline-block">{{ banner.main_title }}</h1>
       {% if banner.actions is not empty and banner.actions is iterable %}
       <div class="d-grid d-md-block ms-auto">
         {% for _action in banner.actions %}

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

@@ -3,40 +3,38 @@
 {# Parameters:
   - title (string) (default: '')
   - title_tag (string) (default: 'h2')
-  - path (string) (default: '')
-  - link: (object) (default: {})
+  - title_link: (object) (default: {})
   - attributes (drupal attrs)
 #}
 
 {% set _title = title|default('') %}
-{% set _path = path|default('') %}
 {% set _title_tag = title_tag|default('h2') %}
-{% set _link = link|default({}) %}
+{% set _title_link = title_link|default({}) %}
 
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
 {%  endif %}
 
 {% if attributes.class is empty %}
-  {% set attributes = attributes.addClass(['fw-bold', 'mb-4']) %}
+  {% set attributes = attributes.addClass(['mb-4']) %}
 {% endif %}
 
 {% set attributes = attributes.addClass(['bcl-heading']) %}
 
-{% if _link is not empty and _title is not empty and _link.label is empty %}
-  {% set _link = _link|merge({ label: _title }) %}
+{% if _title_link is not empty and _title is not empty and _title_link.label is empty %}
+  {% set _title_link = _title_link|merge({ label: _title }) %}
 {% endif %}
 
-{% if _title is not empty or _link is not empty %}
+{% if _title is not empty or _title_link is not empty %}
 <{{ _title_tag }} 
   {{- attributes -}}
 >
-{%- if _link is not empty -%}
-  {% include '@oe-bcl/bcl-link/link.html.twig' with _link only %}
+{%- if _title_link is not empty -%}
+  {% include '@oe-bcl/bcl-link/link.html.twig' with _title_link|merge({ standalone: true }) only %}
 {%- else -%}
   {{- _title -}}
 {%- endif %}
 </{{ _title_tag }}>
 {% endif -%}
 
-{% endspaceless %}
+{% endspaceless %}

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

@@ -2,14 +2,19 @@
 
 {#
 Parameters:
-  - "title": (string) (default: '')
-  - "full_layout": (boolean) (default: false)
-  - "links": (array of link objects) (default: [])
-  - "content": (string) (default: '')
+  - title: (string) (default: '')
+  - title_tag: (string) (default: 'h5')
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
+  - full_layout: (boolean) (default: false)
+  - links: (array of link objects) (default: [])
+  - content: (string) (default: '')
 #}
 
-{# Internal properties #}
 {% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h3') %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _links = links|default([]) %}
 {% set _content = content|default('') %}
 {% set _id = id|default('bcl-inpage-navigation-' ~ random(5)) %}
@@ -27,9 +32,12 @@ Parameters:
   <div class="col-md-3 d-none d-md-block">
 {% endif %}
     <nav {{ attributes }}>
-      {% if _title is defined and _title is not empty %}
-        <h5>{{ _title }}</h5>
-      {% endif %}
+      {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+        title: _title,
+        title_tag: _title_tag,
+        title_link: _title_link,
+        attributes: _title_attributes,
+      } only %}
       {% include '@oe-bcl/bcl-navigation/navigation.html.twig' with {
         'pills': true,
         'vertical': true,

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

@@ -11,7 +11,7 @@
 <div class="container">
   {% if featured_section is defined %}
     <div class="my-4">
-      <h2 class="mb-4 fw-bold">{{ featured_section.title }}</h2>
+      <h2 class="mb-4">{{ featured_section.title }}</h2>
       <div class="row">
         <div class="col-12 col-md-6">
           {{ featured_section.content }}
@@ -37,7 +37,7 @@
 
   {% if activity_featured is defined %}
     <div class="my-4">
-      <h2 class="mb-4 fw-bold">{{ activity_featured.title }}</h2>
+      <h2 class="mb-4">{{ activity_featured.title }}</h2>
       <div class="row">
         <div class="col-12 col-md-6">
           {{ activity_featured.content }}

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

@@ -1,24 +1,27 @@
 {% spaceless %}
 
 {# Parameters:
+  - title: (string) (default: "")
+  - title_tag: (string) (default: "h2")
+  - title_link: (link object) (default: {})
+  - title_attributes (drupal attrs)
   - background: (string) (default: "gray")
     - options ["gray", "transparent"]
   - variant: (string) (default: "vertical")
     - options ["vertical", "horizontal"]
-  - title: (string) (default: "")
-  - title_tag: (string) (default: "h2")
-  - title_attributes (drupal attrs)
   - links (array of link objects) (default: [])
 #}
 
-{% set _background = background|default("gray") %}
-{% set _variant = variant|default("vertical") %}
 {% set _title = title|default("") %}
 {% set _title_tag = title_tag|default("h2") %}
-{% set _title_classes = ['fw-bold', 'pb-3', 'mb-3', 'border-bottom'] %}
-{% set _title_attributes = title_attributes ?: create_attribute().addClass(_title_classes) %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
+{% set _background = background|default("gray") %}
+{% set _variant = variant|default("vertical") %}
 {% set _links = links|default([])%}
 
+{% set _title_classes = ['pb-3', 'mb-3', 'border-bottom'] %}
+
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}
 {% endif %}
@@ -34,7 +37,8 @@
     {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
       title: _title,
       title_tag: _title_tag,
-      attributes: _title_attributes,
+      title_link: _title_link,
+      attributes: _title_attributes.addClass(_title_classes),
     } only %}
   {% endif %}
   {% if _links is not empty and _links is iterable %}

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

@@ -1,22 +1,24 @@
 {% 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_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']
 #}
 
-{% 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 _link = link|default({}) %}
 {% set _classes = ['bcl-listing', 'bcl-listing--' ~ _variant] %}
@@ -40,6 +42,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 %}
@@ -66,6 +69,10 @@
     {% 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' %}
       {% set _card_classes = [

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

@@ -37,6 +37,10 @@
                     .addClass(_classes)
 %}
 
+{% if _static_backdrop %}
+  {% set attributes = attributes.setAttribute('data-bs-backdrop', 'static') %}
+{% endif %}
+
 <div
   {{ attributes }}
 >
@@ -45,7 +49,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-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: '')
@@ -18,7 +16,10 @@
   - extra_classes_close (string) (default: '')
 #}
 
-{% set _title = title|default({}) %}
+{% set _title = title|default('') %}
+{% set _title_tag = title_tag|default('h3') %}
+{% set _title_link = title_link|default({}) %}
+{% set _title_attributes = title_attributes ?: create_attribute() %}
 {% set _body = body|default('') %}
 {% set _with_close = with_close ?? true %}
 {% set _with_backdrop = with_backdrop ?? true %}
@@ -66,19 +67,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

@@ -11,7 +11,7 @@
   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>
-  <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,7 +24,7 @@
     {% 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,
@@ -50,7 +50,7 @@
   sed tortor elementum dignissim in sit amet velit. Nullam nec viverra mi.
   </p>
 
-  <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,

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

@@ -5,10 +5,10 @@
 {% endblock %}
 
 {% block content %}
-  {% if social_media.main_title is not empty %}
-    <h3
-      class="fw-bold mb-4"
-    >{{- social_media.main_title -}}</h3>
+  {# {% if social_media.main_title is not empty %}
+    <h2
+      class="mb-4"
+    >{{- social_media.main_title -}}</h2>
   {% endif %}
   {% if social_media.links is defined and social_media.links is not empty %}
     <div class="mb-4-5">
@@ -16,12 +16,12 @@
       {% include '@oe-bcl/bcl-link/link.html.twig' with link only %}
     {% endfor %}
     </div>
-  {% endif %}
+  {% 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 +30,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-progress/progress.html.twig

@@ -33,6 +33,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() %}