@openeuropa/bcl-theme-default 0.23.0 → 0.24.0

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

@@ -2,25 +2,25 @@
 
 {#
   Parameters:
-  - "id" (string) (default: '')
-  - "label" (string) (default: '')
-  - "label_extra_classes" (string) (default: '')
-  - "hidden_label" (boolean) (default: false)
-  - "helper_text" (string) (default: '')
-  - "helper_text_id" (string) (default: '')
-  - "disabled" (boolean) (default: false)
-  - "invalid" (boolean) (default: false)
-  - "valid" (boolean) (default: false)
-  - "invalid_feedback" (string) (default: '')
-  - "valid_feedback" (string) (default: '')
-  - "required" (boolean) (default: false)
-  - "multiple" (boolean) (default: false)
-  - "options": (array of objects with value and label keys) (default: [])
-  - "aria_label": (string) (default: '')
-  - "clean_class": (boolean) (default: false) - removes 'form-select' class
+  - id (string) (default: '')
+  - label (string) (default: '')
+  - label_extra_classes (string) (default: '')
+  - hidden_label (boolean) (default: false)
+  - helper_text (string) (default: '')
+  - helper_text_id (string) (default: '')
+  - disabled (boolean) (default: false)
+  - invalid (boolean) (default: false)
+  - valid (boolean) (default: false)
+  - invalid_feedback (string) (default: '')
+  - valid_feedback (string) (default: '')
+  - required (boolean) (default: false)
+  - multiple (boolean) (default: false)
+  - options: (array of objects with value and label keys) (default: [])
+  - aria_label (string) (default: '')
+  - clean_class (boolean) (default: false) - removes 'form-select' class
+  - attributes (drupal attrs)
 #}
 
-{% set _classes = ['form-select'] %}
 {% set _id = id|default('') %}
 {% set _disabled = disabled|default(false) %}
 {% set _options = options|default([]) %}
@@ -38,6 +38,7 @@
 {% set _clean_class = clean_class|default(false) %}
 {% set _hidden_label = hidden_label|default(false) %}
 
+{% set _classes = ['form-select'] %}
 {% set _label_class = 'form-label' %}
 
 {% if _clean_class %}

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

@@ -7,12 +7,14 @@
   - size (string) (default: '')
     - options ['sm', 'lg']
   - assistive_text (string) (default: '')
+  - attributes (drupal attrs)
 #}
 
 {% set _type = type|default('border') %}
 {% set _variant = variant|default('') %}
 {% set _size = size|default('') %}
 {% set _assistive_text = assistive_text|default('') %}
+
 {% set _classes = ['spinner-' ~ _type] %}
 {% if _size is not empty %}
   {% set _classes = _classes|merge(['spinner-' ~ _type ~ '-' ~ _size]) %}

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

@@ -4,12 +4,12 @@
   - title: (string) (default: '')
   - content: (string) (default: '')
   - button: (button Object) (default: {})
+  - attributes (drupal attrs)
 #}
 
 {% set _title = title|default(false) %}
 {% set _content = content|default('') %}
 {% set _button = button|default({}) %}
-{% set _modal = modal|default({}) %}
 
 {% if attributes is empty %}
   {% set attributes = create_attribute() %}

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

@@ -10,7 +10,7 @@
   - small (boolean) (default: false)
   - alignment (string) (default: '')
     - options ['bottom', 'middle', 'top']
-  - caption (string) (default: "")
+  - caption (string) (default: '')
   - caption_top (boolean) (default: false)
   - border (string) (default: '')
     - options ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark']
@@ -43,6 +43,7 @@
           ]
         }
     ]
+  - attributes (drupal attrs)
 #}
 
 {% set _striped = striped|default(false) %}
@@ -58,6 +59,7 @@
 {% set _table_footer = table_footer|default({}) %}
 {% set _table_head = table_head|default({}) %}
 {% set _rows = rows|default([]) %}
+
 {% set _classes = ['table'] %}
 {% if _striped %}
   {% set _classes = _classes|merge(['table-striped']) %}

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

@@ -2,23 +2,25 @@
 
 {#
   Parameters:
-  - "id" (string) (default: '')
-  - "label" (string) (default: '')
-  - "disabled" (boolean) (default: false)
-  - "valid" (boolean) (default: false)
-  - "invalid" (boolean) (default: false)
-  - "invalid_feedback" (string) (default: '')
-  - "valid_feedback" (string) (default: '')
-  - "required" (boolean) (default: false)
-  - "readonly" (boolean) (default: false)
-  - "rows" (int) (default: 4)
-  - "helper_text" (string) (default: '')
-  - "helper_text_id" (string) (default: '')
-  - "hidden_label" (boolean) (default: false)
-  - "text" (string) (default: '')
-  - "floating" (boolean) (default: false)
-  - "horizontal" (boolean) (default: false)
-  - "horizontal_class" (string) (default: col-sm-10)
+  - id (string) (default: '')
+  - label (string) (default: '')
+  - required (boolean) (default: false)
+  - disabled (boolean) (default: false)
+  - readonly (boolean) (default: false)
+  - valid (boolean) (default: false)
+  - invalid (boolean) (default: false)
+  - invalid_feedback (string) (default: '')
+  - valid_feedback (string) (default: '')
+  - helper_text (string) (default: '')
+  - helper_text_id (string) (default: '')
+  - hidden_label (boolean) (default: false)
+  - text (string) (default: '')
+  - rows (int) (default: 4)
+  - floating (boolean) (default: false)
+  - horizontal (boolean) (default: false)
+  - horizontal_class (string) (default: col-sm-10)
+  - horizontal_label_class (string) (default: col-sm-2)
+  - attributes (drupal attrs)
 #}
 
 {% set _id = id|default('') %}
@@ -30,19 +32,20 @@
 {% set _valid = valid|default(false) %}
 {% set _invalid_feedback = invalid_feedback|default('') %}
 {% set _valid_feedback = valid_feedback|default('') %}
-{% set _floating = floating|default(false) %}
 {% set _helper_text = helper_text|default('') %}
 {% set _helper_text_id = helper_text_id|default('') %}
 {% set _hidden_label = hidden_label|default(false) %}
 {% set _text = text|default('') %}
+{% set _rows = rows|default('4') %}
+{% set _floating = floating|default(false) %}
 {% set _horizontal = horizontal|default(false) %}
 {% set _horizontal_class = horizontal_class|default('col-sm-10') %}
 {% set _horizontal_label_class = horizontal_label_class|default('col-sm-2') %}
+
 {% set _label_block = false %}
 {% set _label_class = 'form-label' %}
 {% set _classes = ['form-control'] %}
 
-{% set _rows = rows|default('4') %}
 {% if _invalid is not empty %}
   {% set _classes = _classes|merge(['is-invalid']) %}
 {% endif %}

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

@@ -3,20 +3,22 @@
 {#
 Parameters:
   - id: (integer) (default: random(1000))
-  - 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)
   - toggle_collapsed: (string) (default: '')
   - toggle_expanded: (string) (default: '')
-  - hide (object): (default: undefined)
-    - from: (integer) (default: items.length) Item index after which to start hiding timeline items
-    - to: (integer) (default: items.length) Item index after which to resume displaying timeline items
-  - items (array) (default: []):
-    - id: (string) (default: '')
-    - label: (string) (default: '')
-    - title: (string) (default: '')
-    - content: (block) (default: '')
+  - items (array) (default: []): [
+    {
+      id: (string) (default: '')
+      label: (string) (default: '')
+      title: (string) (default: '')
+      content: (block) (default: '')
+    }
+  ]
+  - hide_from (integer) (default: items.length) Item index after which to start hiding timeline items
+  - hide_to (integer) (default: items.length) Item index after which to resume displaying timeline items
   - icon_path (string) (default: ''): file containing the svg icons
 #}
 
@@ -25,12 +27,13 @@ Parameters:
 {% 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 _icon_path = icon_path|default('') %}
 {% set _toggle_collapsed = toggle_collapsed|default('') %}
 {% set _toggle_expanded = toggle_expanded|default('') %}
+{% set _items = items|default([]) %}
 {% set _hide_from = hide.from|default(items|length) %}
 {% set _hide_to = hide.to|default(items|length) %}
+{% set _icon_path = icon_path|default('') %}
+
 {% set _toggler = false %}
 
 {% if attributes is empty %}
@@ -80,9 +83,9 @@ Parameters:
         {% if _item.id is defined and _item.id is not empty %}
           id="{{ _item.id }}"
         {% endif %}>
-          <h5>{{ _item.label }}</h5>
+          <p class="fs-5 mb-1 fw-medium">{{ _item.label }}</p>
           {% if _item.title is defined and _item.title is not empty %}
-          <h6>{{ _item.title }}</h6>
+          <p class="fs-6 mb-1 fw-medium">{{ _item.title }}</p>
           {% endif %}
           {% if _item.content is defined and _item.content is not empty %}
           <div>{{ _item.content }}</div>

package/templates/bcl-toast/toasts.html.twig

@@ -2,23 +2,23 @@
 
 {#
   Parameters:
-  - "with_wrapper" (boolean) (default: false)
-  - "wrapper_classes" (string) (default: '')
-  - "wrapper_aria_live" (string) (default: '')
-  - "with_container" (boolean) (default: false)
-  - "container_classes" (string) (default: '')
-  - "toasts" (array of objects) format: [
+  - with_wrapper (boolean) (default: false)
+  - wrapper_classes (string) (default: '')
+  - wrapper_aria_live (string) (default: '')
+  - with_container (boolean) (default: false)
+  - container_classes (string) (default: '')
+  - toasts (array of objects) format: [
     {
-      - "body" (string) (default: '')
-      - "role" (string) (default: 'alert')
-      - "with_close" (boolean) (default: true)
-      - "autohide" (boolean) (default: false)
-      - "with_body_wrapper" (boolean) (default: false)
-      - "body_wrapper_classes" (string) (default: '')
-      - "attributes" (drupal object) (default: undefined)
-    },
-    ...
+      - body (string) (default: '')
+      - role (string) (default: 'alert')
+      - with_close (boolean) (default: true)
+      - autohide (boolean) (default: false)
+      - with_body_wrapper (boolean) (default: false)
+      - body_wrapper_classes (string) (default: '')
+      - attributes (drupal object) (default: undefined)
+    }
   ]
+  - attributes (drupal attrs)
 #}
 
 {% set _toasts = toasts|default([]) %}

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

@@ -6,7 +6,11 @@
     <div class="tab-pane fade show active" id="view" role="tabpanel" aria-labelledby="view-tab">
       {% include '@oe-bcl/bcl-content-banner/content-banner.html.twig' with view.banner only %}
       <div class="mt-3 mt-md-4-75 pt-4-75 mb-3">
-        <h3 class="mb-4">Personal information</h3>
+        {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+          title: 'Personal information',
+          title_tag: 'h2',
+          attributes: create_attribute().addClass(['mb-4']),
+        } only %}
         <div class="row">
           <div class="col-12 col-md-6">
             <div class="row">
@@ -55,7 +59,11 @@
         </div>
       </div>
       <div class="my-3">
-        <h3 class="mb-4">Professional information</h3>
+        {% include '@oe-bcl/bcl-heading/heading.html.twig' with {
+          title: 'Professional information',
+          title_tag: 'h2',
+          attributes: create_attribute().addClass(['mb-4']),
+        } only %}
         <div class="row">
           <div class="col-12 col-md-6">
             <div class="row">