Merge branch 'feature/ISTWCMS-5747-m26lebla-migrate-block' into '1.0.x'

ISTWCMS-5747: migrate block

See merge request !34

src/patterns/03-layouts/_index.scss

+@forward 'block/block';
 @forward 'carousel/carousel';
 @forward 'content/content';
 @forward 'footer/footer';

src/patterns/03-layouts/block/_block.scss

+@use '../../01-core' as *;
+
+// @file
+// Styles for Block.
+
+.block {
+  margin-bottom: var(--grid-gap);
+}
+
+// disable margin for layout builder blocks
+.block--provider-layout-builder {
+  margin-bottom: 0;
+}

src/patterns/03-layouts/block/block.twig

+{% set classes = [
+  'block',
+  modifier ? modifier:  '',
+  attributes ? attributes.class
+]|join(' ')|trim %}
+
+{% set title_classes = [
+  'block__title',
+  title_attributes ? title_attributes.class
+]|join(' ')|trim %}
+
+{% set content_classes = [
+  'block__content',
+  content_attributes ? content_attributes.class
+]|join(' ')|trim %}
+
+{% if block_wrapper %}
+<div class="{{ classes }}" {{ attributes ? attributes|without('class','id') }}>
+{% endif %}
+
+  {% if constrain %}
+  <div class="{{ constrain }}">
+  {% endif %}
+
+  {{ title_prefix }}
+  {% if label %}
+    <{{ label_element ?: 'h2' }} class="{{ title_classes }}" {{ title_attributes ? title_attributes|without('class') }}>{{ label }}</{{ label_element ?: 'h2' }}>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if content_wrapper %}
+  <div class="{{ content_classes }}" {{ content_attributes ? content_attributes|without('class') }}>
+  {% endif %}
+
+  {% block content %}
+  {{ content }}
+  {% endblock %}
+
+  {% if content_wrapper %}
+    </div>
+  {% endif %}
+
+  {% if constrain %}
+  </div>
+{% endif %}
+
+{% if block_wrapper %}
+</div>
+{% endif %}

src/patterns/03-layouts/block/block.yml

+---
+block_wrapper: true
+constrain: ''
+title_prefix: ''
+label_element: ''
+label: 'Block title'
+title_suffix: ''
+content_wrapper: true
+content: |-
+  <p>Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus.</p>

src/patterns/04-components/_index.scss

@@ -39,6 +39,7 @@
 @forward 'mobile-menu/mobile-menu';
 @forward 'mobile-menu-button/mobile-menu-button';
 @forward 'multi-type-list/multi-type-list';
+@forward 'page-title/page-title';
 @forward 'remote-video/remote-video';
 @forward 'search/search';
 @forward 'search/search--wcms-headerbar/search--wcms-headerbar';

src/patterns/04-components/image-gallery/_image-gallery.scss

@@ -164,7 +164,7 @@ $size-xlarge: 7;
     position: relative;
     width: 100%;
     a {
-      background: var(--uw-black);
+      background: transparent;
       box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
       display: block;
       height: 100%;

src/patterns/04-components/image/_image.twig

@@ -8,7 +8,7 @@
   <div class="uw-image__wrapper {{ image_class }}">
 
     {% if image.type == 'full' %}
-      {{ image.image.img_element['#uri'] }}
+
       {% include '@components/responsive-image/responsive-image.twig' with {
         'sources': image.image.sources,
         'img_element': image.image.img_element['#uri'],

src/patterns/04-components/message/message.twig

@@ -16,7 +16,7 @@
   attributes ? additional_attributes.class
 ]|join(' ')|trim %}
 
-<div {% if type == 'error' %} role="alert" {% else %} role="contentinfo" {% endif %} {% if heading %}aria-label="{{ heading }}"{% endif %} class="{{messages_classes}}" {{ attributes ? attributes|without('class') }}>>
+<div {% if type == 'error' %} role="alert" {% else %} role="contentinfo" {% endif %} {% if heading %}aria-label="{{ heading }}"{% endif %} class="{{messages_classes}}" {{ attributes ? attributes|without('class') }}>
   {% if messages|length > 1 %}
     <h2 class="visually-hidden">{{ heading }}</h2>
     <ul class="message__list">