Feature/istwcms 4695 ebremner theme banners

source/_patterns/04-components/view/views-view/views-view.twig

-{% set additional_attributes = {
-  'class': ['view'],
-} %}
-
-<{{ element ?: 'div' }} {{ add_attributes(additional_attributes) }}>
+{%
+  set classes = [
+  'view',
+  'view-' ~ id|clean_class,
+  'view-id-' ~ id,
+  'view-display-id-' ~ display_id,
+  dom_id ? 'js-view-dom-id-' ~ dom_id,
+]
+%}
+<div{{ attributes.addClass(classes) }}>
   {{ title_prefix }}
   {% if title %}
     {{ title }}
   {% endif %}
   {{ title_suffix }}
-
   {% if header %}
-    <div class="view__header">
-      {{- header -}}
+    <div class="view-header">
+      {{ header }}
     </div>
   {% endif %}
-
   {% if exposed %}
-    <div class="view__filters">
-      {{- exposed -}}
+    <div class="view-filters">
+      {{ exposed }}
     </div>
   {% endif %}
-
   {% if attachment_before %}
-    <div class="attachment attachment--before">
-      {{- attachment_before -}}
+    <div class="attachment attachment-before">
+      {{ attachment_before }}
     </div>
   {% endif %}
 
   {% if rows %}
-    <div class="view__content">
-      {{- rows -}}
+    <div class="view-content">
+      {{ rows }}
     </div>
   {% elseif empty %}
-    <div class="view__empty">
-      {{- empty -}}
+    <div class="view-empty">
+      {{ empty }}
     </div>
   {% endif %}
 
   {% if pager %}
     {{ pager }}
   {% endif %}
-
   {% if attachment_after %}
-    <div class="attachment attachment--after">
-      {{- attachment_after -}}
+    <div class="attachment attachment-after">
+      {{ attachment_after }}
     </div>
   {% endif %}
-
   {% if more %}
     {{ more }}
   {% endif %}
-
   {% if footer %}
-    <div class="view__footer">
-      {{- footer -}}
+    <div class="view-footer">
+      {{ footer }}
     </div>
   {% endif %}
-
   {% if feed_icons %}
     <div class="feed-icons">
-      {{- feed_icons -}}
+      {{ feed_icons }}
     </div>
   {% endif %}
-</{{ element ?: 'div' }}>
+</div>
\ No newline at end of file