@openeuropa/bcl-theme-default 0.25.1 → 0.26.0

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

@@ -11,9 +11,12 @@
   - with_body_scroll (boolean) (default: false)
   - with_backdrop (boolean) (default: true)
   - with_close (boolean) (default: true)
+  - close_aria_label (default: '')
   - extra_classes_body (string) (default: '')
   - extra_classes_header (string) (default: '')
   - extra_classes_close (string) (default: '')
+  - responsiveness (string) (default: '')
+    options: ['sm', 'md', 'lg', 'xl', 'xxl']
   - attributes (drupal attrs)
 #}
 
@@ -25,13 +28,20 @@
 {% set _id = id|default('') %}
 {% set _body = body|default('') %}
 {% set _with_body_scroll = with_body_scroll|default(false) %}
-{% set _with_backdrop = with_backdrop|default(true) %}
-{% set _with_close = with_close|default(true) %}
+{% set _with_backdrop = with_backdrop ?? true %}
+{% set _with_close = with_close ?? true %}
+{% set _close_aria_label = close_aria_label|default('') %}
 {% set _extra_classes_body = extra_classes_body|default('') %}
 {% set _extra_classes_header = extra_classes_header|default('') %}
 {% set _extra_classes_close = extra_classes_close|default('') %}
+{% set _responsiveness = responsiveness|default('') %}
+
+{% if _responsiveness is not empty %}
+ {% set _classes = ['offcanvas-' ~ _responsiveness] %}
+{% else %}
+ {% set _classes = ['offcanvas'] %}
+{% endif %}
 
-{% set _classes = ['offcanvas'] %}
 {% set _class_body = 'offcanvas-body' ~ (_extra_classes_body ? ' ' ~ _extra_classes_body : '') %}
 {% set _class_header = 'offcanvas-header' ~ (_extra_classes_header ? ' ' ~ _extra_classes_header : '') %}
 
@@ -82,6 +92,7 @@
     {% set button_attributes = create_attribute()
                               .addClass(['btn-close', 'text-reset'])
                               .setAttribute('data-bs-dismiss', 'offcanvas')
+                              .setAttribute('aria-label', _close_aria_label)
     %}
     {% if _extra_classes_close is not empty %}
       {% set button_attributes = button_attributes.addClass(_extra_classes_close) %}

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

@@ -57,7 +57,7 @@
 {% 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|default(true) %}
+{% set _enable_first_last_icon = enable_first_last_icon ?? true %}
 {% set _items = items|default([]) %}
 {% set _first = first|default({}) %}
 {% set _next = next|default({}) %}

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

@@ -18,14 +18,12 @@
 
   {% if files.main_title is not empty %}
     <h2
-      class="mb-4"
+      class="mb-3-5"
     >{{- files.main_title -}}</h2>
   {% endif %}
   {% if files.listing is defined and files.listing is not empty %}
-    <div class="mb-4-5">
     {% for file in files.listing %}
       {% include '@oe-bcl/bcl-file/file.html.twig' with file only %}
     {% endfor %}
-    </div>
   {% endif %}
 {% endblock %}

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

@@ -33,10 +33,7 @@
   {% set _classes = _classes ~ ' progress-bar-animated' %}
 {% endif %}
 {% if _variant is not empty %}
-  {% set _classes = _classes ~ ' bg-' ~ _variant %}
-{% endif %}
-{% if _variant == 'light' %}
-  {% set _classes = _classes ~ ' text-dark' %}
+  {% set _classes = _classes ~ ' text-bg-' ~ _variant %}
 {% endif %}
 
 {% if attributes is empty %}

package/src/scss/_bcl-offcanvas.scss

@@ -1,24 +0,0 @@
-@include media-breakpoint-up(lg) {
-  .bcl-offcanvas {
-    position: relative;
-    width: auto;
-    visibility: visible !important; // stylelint-disable-line declaration-no-important
-    border: none;
-    transform: none;
-    box-shadow: none;
-
-    .offcanvas-body {
-      overflow: visible;
-    }
-
-    .offcanvas-title {
-      height: 38px;
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  .bcl-offcanvas + .offcanvas-backdrop {
-    display: none;
-  }
-}